button:focus, input:focus, select:focus, textarea:focus {
    outline: none
}

a:focus-visible {
    border: .0625rem solid #000;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    transition: outline .3s ease, background-color .3s ease, box-shadow .3s ease, border .3s ease
}

.page-loading a:focus-visible {
    transition: none
}

* {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased
}

:active, :focus, :hover {
    outline: 0
}

:focus-visible {
    outline: .0625rem solid #1479bd;
    outline-offset: .125rem
}

:after, :before {
    color: inherit
}

:after, :before, html {
    box-sizing: border-box
}

html {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased
}

article, aside, details, figcaption, figure, footer, form, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

img {
    max-height: 100%;
    max-width: 100%
}

.custom-element {
    display: block
}

@font-face {
    font-family: Calibre;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/CalibreWeb-Light.woff2) format("woff2"), url(../fonts/CalibreWeb-Light.woff) format("woff")
}

@font-face {
    font-family: Calibre;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/CalibreWeb-Regular.woff2) format("woff2"), url(../fonts/CalibreWeb-Regular.woff) format("woff")
}

@font-face {
    font-family: Calibre;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/CalibreWeb-Medium.woff2) format("woff2"), url(../fonts/CalibreWeb-Medium.woff) format("woff")
}

@font-face {
    font-family: Calibre;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/CalibreWeb-Bold.woff2) format("woff2"), url(../fonts/CalibreWeb-Bold.woff) format("woff")
}

@font-face {
    font-family: Circular;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/lineto-circular-pro-book.woff2) format("woff2"), url(../fonts/lineto-circular-pro-book.woff) format("woff")
}

@font-face {
    font-family: Circular;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/lineto-circular-pro-medium.woff2) format("woff2"), url(../fonts/lineto-circular-pro-medium.woff) format("woff")
}

@font-face {
    font-family: Circular;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/lineto-circular-pro-bold.woff2) format("woff2"), url(../fonts/lineto-circular-pro-bold.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/OpenSans-Regular.woff2) format("woff2"), url(../fonts/OpenSans-Regular.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/OpenSans-Medium.woff2) format("woff2"), url(../fonts/OpenSans-Medium.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/OpenSans-SemiBold.woff2) format("woff2"), url(../fonts/OpenSans-SemiBold.woff) format("woff")
}

html {
    font-size: 100%
}

body {
    background-color: #fff;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    position: relative
}

body, h1 {
    font-family: Open Sans, sans-serif
}

h1 {
    display: block;
    font-size: calc(clamp(36px, 3vw + 18px, 60px) / 1.3);
    letter-spacing: 0;
    line-height: 4.6875rem
}

@media only screen and (min-width: 48rem) {
    h1 {
        font-size: clamp(36px, 3vw + 18px, 60px);
        letter-spacing: 0
    }
}

h2 {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: calc(clamp(30px, 2.5vw + 16px, 48px) / 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 3.75rem
}

@media only screen and (min-width: 48rem) {
    h2 {
        font-size: clamp(30px, 2.5vw + 16px, 48px)
    }
}

h3 {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: calc(clamp(24px, 2vw + 12px, 36px) / 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 2.8125rem
}

@media only screen and (min-width: 48rem) {
    h3 {
        font-size: clamp(24px, 2vw + 12px, 36px)
    }
}

h4 {
    display: block;
    font-size: calc(clamp(20px, 1.8vw + 10px, 30px) / 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 2.3125rem
}

@media only screen and (min-width: 48rem) {
    h4 {
        font-size: clamp(20px, 1.8vw + 10px, 30px)
    }
}

h5 {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: calc(clamp(18px, 1vw + 8px, 24px) / 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 1.875rem
}

@media only screen and (min-width: 48rem) {
    h5 {
        font-size: clamp(18px, 1vw + 8px, 24px)
    }
}

h6 {
    display: block;
    font-size: calc(/ 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 1.5rem
}

h4, h6 {
    font-family: Open Sans, sans-serif
}

a {
    border: .0625rem solid transparent;
    border-radius: .375rem;
    box-shadow: 0 0 0 .0625rem transparent, 0 0 0 .375rem transparent;
    color: #000;
    outline: .0625rem solid transparent;
    text-decoration: none;
    width: -moz-max-content;
    width: max-content
}

.border-none {
    border: none;
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

.border-none:focus-visible {
    padding: 0 .1875rem .25rem 0
}

cite, em, i {
    font-style: italic
}

hr {
    border-bottom: none;
    margin: .5rem 0
}

hr:after {
    clear: both;
    content: "";
    display: table
}

blockquote, iframe, p {
    margin: .5rem 0
}

iframe {
    max-width: 100%
}

.col--spaced-sm, .grid--spaced-sm {
    gap: .5rem
}

.col--spaced-lg, .grid--spaced-lg {
    gap: 1rem
}

.col {
    flex-basis: auto;
    flex-grow: 0
}

@media only screen and (min-width: 0) {
    .col--sm-1 {
        min-width: 8.33333%;
        width: 8.33333%
    }

    .col--sm-2 {
        min-width: 16.66667%;
        width: 16.66667%
    }

    .col--sm-3 {
        min-width: 25%;
        width: 25%
    }

    .col--sm-4 {
        min-width: 33.33333%;
        width: 33.33333%
    }

    .col--sm-5 {
        min-width: 41.66667%;
        width: 41.66667%
    }

    .col--sm-6 {
        min-width: 50%;
        width: 50%
    }

    .col--sm-7 {
        min-width: 58.33333%;
        width: 58.33333%
    }

    .col--sm-8 {
        min-width: 66.66667%;
        width: 66.66667%
    }

    .col--sm-9 {
        min-width: 75%;
        width: 75%
    }

    .col--sm-10 {
        min-width: 83.33333%;
        width: 83.33333%
    }

    .col--sm-11 {
        min-width: 91.66667%;
        width: 91.66667%
    }

    .col--sm-12 {
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width: 550px) {
    .col--md-1 {
        min-width: 8.33333%;
        width: 8.33333%
    }

    .col--md-2 {
        min-width: 16.66667%;
        width: 16.66667%
    }

    .col--md-3 {
        min-width: 25%;
        width: 25%
    }

    .col--md-4 {
        min-width: 33.33333%;
        width: 33.33333%
    }

    .col--md-5 {
        min-width: 41.66667%;
        width: 41.66667%
    }

    .col--md-6 {
        min-width: 50%;
        width: 50%
    }

    .col--md-7 {
        min-width: 58.33333%;
        width: 58.33333%
    }

    .col--md-8 {
        min-width: 66.66667%;
        width: 66.66667%
    }

    .col--md-9 {
        min-width: 75%;
        width: 75%
    }

    .col--md-10 {
        min-width: 83.33333%;
        width: 83.33333%
    }

    .col--md-11 {
        min-width: 91.66667%;
        width: 91.66667%
    }

    .col--md-12 {
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width: 770px) {
    .col--lg-1 {
        min-width: 8.33333%;
        width: 8.33333%
    }

    .col--lg-2 {
        min-width: 16.66667%;
        width: 16.66667%
    }

    .col--lg-3 {
        min-width: 25%;
        width: 25%
    }

    .col--lg-4 {
        min-width: 33.33333%;
        width: 33.33333%
    }

    .col--lg-5 {
        min-width: 41.66667%;
        width: 41.66667%
    }

    .col--lg-6 {
        min-width: 50%;
        width: 50%
    }

    .col--lg-7 {
        min-width: 58.33333%;
        width: 58.33333%
    }

    .col--lg-8 {
        min-width: 66.66667%;
        width: 66.66667%
    }

    .col--lg-9 {
        min-width: 75%;
        width: 75%
    }

    .col--lg-10 {
        min-width: 83.33333%;
        width: 83.33333%
    }

    .col--lg-11 {
        min-width: 91.66667%;
        width: 91.66667%
    }

    .col--lg-12 {
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width: 970px) {
    .col--xl-1 {
        min-width: 8.33333%;
        width: 8.33333%
    }

    .col--xl-2 {
        min-width: 16.66667%;
        width: 16.66667%
    }

    .col--xl-3 {
        min-width: 25%;
        width: 25%
    }

    .col--xl-4 {
        min-width: 33.33333%;
        width: 33.33333%
    }

    .col--xl-5 {
        min-width: 41.66667%;
        width: 41.66667%
    }

    .col--xl-6 {
        min-width: 50%;
        width: 50%
    }

    .col--xl-7 {
        min-width: 58.33333%;
        width: 58.33333%
    }

    .col--xl-8 {
        min-width: 66.66667%;
        width: 66.66667%
    }

    .col--xl-9 {
        min-width: 75%;
        width: 75%
    }

    .col--xl-10 {
        min-width: 83.33333%;
        width: 83.33333%
    }

    .col--xl-11 {
        min-width: 91.66667%;
        width: 91.66667%
    }

    .col--xl-12 {
        min-width: 100%;
        width: 100%
    }
}

.col--expand {
    flex-grow: 1
}

.col--top {
    align-self: flex-start;
    margin-bottom: auto
}

.col--bottom {
    align-self: flex-end;
    margin-top: auto
}

.col--left {
    justify-self: flex-start;
    margin-right: auto
}

.col--right {
    justify-self: flex-end;
    margin-left: auto
}

.col--center {
    justify-self: center;
    margin-left: auto;
    margin-right: auto
}

.col--middle {
    align-self: center;
    margin-bottom: auto;
    margin-top: auto
}

.margin-left {
    margin-left: auto
}

.col-esg {
    display: inline-flex;
    flex-basis: auto;
    flex-grow: 0;
    width: 100%
}

@media only screen and (min-width: 0) {
    .col-esg--sm-1 {
        min-width: 8.33333%;
        width: 8.33333%
    }

    .col-esg--sm-2 {
        min-width: 16.66667%;
        width: 16.66667%
    }

    .col-esg--sm-3 {
        min-width: 25%;
        width: 25%
    }

    .col-esg--sm-4 {
        min-width: 33.33333%;
        width: 33.33333%
    }

    .col-esg--sm-5 {
        min-width: 41.66667%;
        width: 41.66667%
    }

    .col-esg--sm-6 {
        min-width: 50%;
        width: 50%
    }

    .col-esg--sm-7 {
        min-width: 58.33333%;
        width: 58.33333%
    }

    .col-esg--sm-8 {
        min-width: 66.66667%;
        width: 66.66667%
    }

    .col-esg--sm-9 {
        min-width: 75%;
        width: 75%
    }

    .col-esg--sm-10 {
        min-width: 83.33333%;
        width: 83.33333%
    }

    .col-esg--sm-11 {
        min-width: 91.66667%;
        width: 91.66667%
    }

    .col-esg--sm-12 {
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width: 550px) {
    .col-esg--md-1 {
        min-width: 8.33333%;
        width: 8.33333%
    }

    .col-esg--md-2 {
        min-width: 16.66667%;
        width: 16.66667%
    }

    .col-esg--md-3 {
        min-width: 25%;
        width: 25%
    }

    .col-esg--md-4 {
        min-width: 33.33333%;
        width: 33.33333%
    }

    .col-esg--md-5 {
        min-width: 41.66667%;
        width: 41.66667%
    }

    .col-esg--md-6 {
        min-width: 50%;
        width: 50%
    }

    .col-esg--md-7 {
        min-width: 58.33333%;
        width: 58.33333%
    }

    .col-esg--md-8 {
        min-width: 66.66667%;
        width: 66.66667%
    }

    .col-esg--md-9 {
        min-width: 75%;
        width: 75%
    }

    .col-esg--md-10 {
        min-width: 83.33333%;
        width: 83.33333%
    }

    .col-esg--md-11 {
        min-width: 91.66667%;
        width: 91.66667%
    }

    .col-esg--md-12 {
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width: 770px) {
    .col-esg--lg-1 {
        min-width: 8.33333%;
        width: 8.33333%
    }

    .col-esg--lg-2 {
        min-width: 16.66667%;
        width: 16.66667%
    }

    .col-esg--lg-3 {
        min-width: 25%;
        width: 25%
    }

    .col-esg--lg-4 {
        min-width: 33.33333%;
        width: 33.33333%
    }

    .col-esg--lg-5 {
        min-width: 41.66667%;
        width: 41.66667%
    }

    .col-esg--lg-6 {
        min-width: 50%;
        width: 50%
    }

    .col-esg--lg-7 {
        min-width: 58.33333%;
        width: 58.33333%
    }

    .col-esg--lg-8 {
        min-width: 66.66667%;
        width: 66.66667%
    }

    .col-esg--lg-9 {
        min-width: 75%;
        width: 75%
    }

    .col-esg--lg-10 {
        min-width: 83.33333%;
        width: 83.33333%
    }

    .col-esg--lg-11 {
        min-width: 91.66667%;
        width: 91.66667%
    }

    .col-esg--lg-12 {
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width: 970px) {
    .col-esg--xl-1 {
        min-width: 8.33333%;
        width: 8.33333%
    }

    .col-esg--xl-2 {
        min-width: 16.66667%;
        width: 16.66667%
    }

    .col-esg--xl-3 {
        min-width: 25%;
        width: 25%
    }

    .col-esg--xl-4 {
        min-width: 33.33333%;
        width: 33.33333%
    }

    .col-esg--xl-5 {
        min-width: 41.66667%;
        width: 41.66667%
    }

    .col-esg--xl-6 {
        min-width: 50%;
        width: 50%
    }

    .col-esg--xl-7 {
        min-width: 58.33333%;
        width: 58.33333%
    }

    .col-esg--xl-8 {
        min-width: 66.66667%;
        width: 66.66667%
    }

    .col-esg--xl-9 {
        min-width: 75%;
        width: 75%
    }

    .col-esg--xl-10 {
        min-width: 83.33333%;
        width: 83.33333%
    }

    .col-esg--xl-11 {
        min-width: 91.66667%;
        width: 91.66667%
    }

    .col-esg--xl-12 {
        min-width: 100%;
        width: 100%
    }
}

.grid {
    align-items: flex-start;
    clear: both;
    display: flex;
    flex-flow: row wrap;
    max-width: 100%
}

.grid:after {
    clear: both;
    content: "";
    display: table
}

.grid--top {
    align-items: flex-start
}

.grid--bottom {
    align-items: flex-end
}

.grid--center {
    justify-content: center
}

.grid--evenly {
    justify-content: space-evenly
}

.grid--middle {
    align-items: center
}

.grid--stretch {
    align-items: stretch
}

.grid--stretch .col {
    margin-bottom: 0;
    margin-top: 0
}

.grid--justify {
    justify-content: space-between
}

.grid--justify .col {
    margin-left: auto;
    margin-right: auto
}

.grid--justify .col:first-child {
    margin-left: 0
}

.grid--justify .col:last-child {
    margin-right: 0
}

.grid--left {
    justify-content: flex-start
}

.grid--left .col--left {
    margin-left: 0;
    margin-right: 0
}

.grid--right {
    justify-content: flex-end
}

.grid--right .col--right {
    margin-left: 0;
    margin-right: 0
}

.grid--inline {
    display: inline-flex
}

.grid--no-wrap {
    flex-wrap: nowrap
}

@media only screen and (min-width: 40rem) {
    .grid--desktop-no-wrap {
        flex-wrap: nowrap
    }
}

@media only screen and (max-width: 63.9375rem) {
    .grid--mobile-row-revers {
        flex-direction: column-reverse
    }
}

.grid--indent {
    margin: 0 -1rem;
    max-width: none
}

.grid--expand {
    width: 100%
}

.grid--baseline {
    align-items: baseline
}

.grid-esg {
    display: flex;
    justify-content: space-between;
    max-width: 100%
}

@media only screen and (min-width: 39.9375rem) {
    .grid-esg {
        gap: 1rem
    }
}

@media only screen and (max-width: 39.9375rem) {
    .grid-esg {
        gap: .5rem
    }
}

.container, .container--max-width {
    margin: 0 auto;
    max-width: 130.625rem;
    width: 100%
}

.header {
    margin: 0 auto;
    width: 100%
}

.page__wrapper {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    min-height: 100vh
}

.container {
    display: block;
    padding-left: 1rem;
    padding-right: 1rem
}

.container--home-page {
    max-width: none
}

.container--wide {
    padding-left: .5rem;
    padding-right: .5rem
}

.container--cms-module {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

@media only screen and (min-width: 64rem) {
    .container--cms-module {
        margin-bottom: 5rem;
        margin-top: 5rem
    }
}

@media only screen and (min-width: 23.4375rem) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .container--wide {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media only screen and (min-width: 40rem) {
    .container {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .container--wide {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media only screen and (min-width: 100rem) {
    .container {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .container--wide {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.page-layout-agent {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

@keyframes spin-to {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes pulse-highlight {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.2)
    }
    to {
        transform: scale(1)
    }
}

.badge {
    border: .0625rem solid #959595;
    border-radius: .25rem;
    color: #000;
    display: inline-block;
    padding: .125rem .5rem 0
}

.box {
    background-color: #fff;
    border: none
}

.box:after {
    clear: both;
    content: "";
    display: table
}

.box__separator {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    margin: -}

.box--borderless {
    border-color: hsla(0, 0%, 100%, 0)
}

.box--spacingless {
    margin: 0;
    padding: 0
}

.box--spacingless .box__separator {
    margin-left: 0;
    margin-right: 0
}

.box--outer-spacingless {
    margin: 0
}

.box--outer-spacingless .box__separator {
    margin-left: 0;
    margin-right: 0
}

.box--stretch {
    height: calc(100% - 1rem)
}

.box--dark {
    background-color: #f4f4f4
}

.box--success {
    background-color: #89d7c0;
    border-color: #2c8168;
    color: #1f5b49
}

.box--warning {
    background-color: #fdebdb;
    border-color: #f29133;
    color: #e4770e
}

.box--alert {
    background-color: #f08b8d;
    border-color: #b2171a;
    color: #851113
}

.box--darker {
    background-color: #d5d5d5
}

.box--wide {
    border-radius: .25rem;
    margin: 0 -1.25rem;
    padding: 1.25rem
}

.box hr, .box__separator {
    border-bottom: none
}

.btn {
    align-items: center;
    border-radius: .375rem;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    justify-content: center;
    padding: .75rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .3s ease, background-color .3s ease, border .3s ease
}

.page-loading .btn {
    transition: none
}

.btn i {
    width: auto
}

@media only screen and (min-width: 64rem) {
    .btn:hover {
        text-decoration: none
    }
}

.btn__icon--spacing-left {
    margin-left: .75rem
}

.btn__icon--spacing-right {
    margin-right: .75rem
}

.btn--full-width {
    width: 100%
}

.btn--action {
    background-color: #fecf5b;
    border: .0625rem solid #fecf5b;
    color: #202020
}

@media only screen and (min-width: 64rem) {
    .btn--action:hover {
        background-color: #f2ac01;
        border: .0625rem solid #f2ac01;
        color: #202020
    }
}

.btn--action:focus-visible {
    background-color: #fecf5b;
    border: .0625rem solid #f2ac01;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.btn--action-inverse {
    background-color: #fecf5b;
    border: .0625rem solid #fecf5b;
    color: #000
}

@media only screen and (min-width: 64rem) {
    .btn--action-inverse:hover {
        background-color: #f2ac01;
        border: .0625rem solid #f2ac01;
        color: #000
    }
}

.btn--action-inverse:focus-visible {
    background-color: #fecf5b;
    border: .0625rem solid #fff;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.btn--action-inverse .btn__text {
    padding: 0 .75rem
}

.btn--action-inverse--disabled, .btn--action-inverse:disabled {
    background-color: #796638;
    border-color: #796638;
    color: #181717;
    cursor: not-allowed
}

@media only screen and (min-width: 64rem) {
    .btn--action-inverse--disabled:hover, .btn--action-inverse:disabled:hover {
        background-color: #796638;
        border-color: #796638;
        color: #181717;
        cursor: not-allowed
    }
}

.btn--action--disabled, .btn--action:disabled {
    background-color: #ffecbd;
    border-color: #ffecbd;
    color: #a6a6a6;
    cursor: not-allowed
}

@media only screen and (min-width: 64rem) {
    .btn--action--disabled:hover, .btn--action:disabled:hover {
        background-color: #ffecbd;
        border-color: #ffecbd;
        color: #a6a6a6;
        cursor: not-allowed
    }
}

.btn--primary {
    background-color: #202020;
    border: .0625rem solid #202020;
    color: #fff
}

@media only screen and (min-width: 64rem) {
    .btn--primary:hover {
        background-color: #414141;
        border-color: #414141;
        color: #fff
    }
}

.btn--primary:focus-visible {
    border: .0625rem solid #202020;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    position: relative
}

.btn--primary-inverse {
    background-color: #fff;
    color: #000
}

@media only screen and (min-width: 64rem) {
    .btn--primary-inverse:hover {
        background-color: #d5d5d5;
        color: #000
    }
}

.btn--primary-inverse:focus-visible {
    background-color: #f3f3f3;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.btn--primary-inverse--disabled, .btn--primary-inverse:disabled {
    background-color: #797979;
    border-color: #797979;
    color: #181717;
    cursor: not-allowed
}

@media only screen and (min-width: 64rem) {
    .btn--primary-inverse--disabled:hover, .btn--primary-inverse:disabled:hover {
        background-color: #797979;
        border-color: #797979;
        color: #181717;
        cursor: not-allowed
    }
}

.btn--primary--disabled, .btn--primary:disabled {
    background-color: #797979;
    border-color: #797979;
    cursor: not-allowed
}

@media only screen and (min-width: 64rem) {
    .btn--primary--disabled:hover, .btn--primary:disabled:hover {
        background-color: #797979;
        border-color: #797979;
        cursor: not-allowed
    }
}

.btn--secondary {
    background-color: #fff;
    border: .0625rem solid #202020;
    color: #202020
}

@media only screen and (min-width: 64rem) {
    .btn--secondary:hover {
        background-color: #202020;
        color: #fff
    }
}

.btn--secondary:focus-visible {
    background-color: #fff;
    border: .0625rem solid #000;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    color: #000
}

.btn--secondary-inverse {
    background-color: #202020;
    border: .0625rem solid #fff;
    color: #fff
}

@media only screen and (min-width: 64rem) {
    .btn--secondary-inverse:hover {
        background-color: #fff;
        border-color: #202020;
        color: #000
    }
}

.btn--secondary-inverse:focus-visible {
    background-color: #000;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    color: #fff
}

.btn--secondary-inverse--disbaled, .btn--secondary-inverse:disabled {
    background-color: transparent;
    border-color: #a6a6a6;
    color: #a6a6a6;
    cursor: not-allowed
}

@media only screen and (min-width: 64rem) {
    .btn--secondary-inverse--disbaled:hover, .btn--secondary-inverse:disabled:hover {
        background-color: transparent;
        border-color: #a6a6a6;
        color: #a6a6a6;
        cursor: not-allowed
    }
}

.btn--secondary--disabled, .btn--secondary:disabled {
    background-color: transparent;
    border-color: #a6a6a6;
    color: #a6a6a6;
    cursor: not-allowed
}

@media only screen and (min-width: 64rem) {
    .btn--secondary--disabled:hover, .btn--secondary:disabled:hover {
        background-color: transparent;
        border-color: #a6a6a6;
        color: #a6a6a6;
        cursor: not-allowed
    }
}

.btn--text, .btn--text-link {
    background-color: transparent;
    border: .0625rem solid transparent;
    color: #000
}

@media only screen and (min-width: 64rem) {
    .btn--text-link:hover, .btn--text:hover {
        background-color: #f3f3f3
    }
}

.btn--text-link:focus-visible, .btn--text:focus-visible {
    background-color: #f3f3f3;
    border: .0625rem solid #000;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.btn--text-inverse, .btn--text-link-inverse {
    background-color: transparent;
    border: .0625rem solid transparent;
    color: #fff
}

@media only screen and (min-width: 64rem) {
    .btn--text-inverse:hover, .btn--text-link-inverse:hover {
        background-color: #2c2c2c
    }
}

.btn--text-inverse:focus-visible, .btn--text-link-inverse:focus-visible {
    background-color: #2c2c2c;
    border: .0625rem solid #fff;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.btn--text-inverse--disbaled, .btn--text-inverse:disabled, .btn--text-link-inverse--disbaled, .btn--text-link-inverse:disabled {
    background-color: transparent;
    border-color: transparent;
    color: #878787;
    cursor: not-allowed
}

@media only screen and (min-width: 64rem) {
    .btn--text-inverse--disbaled:hover, .btn--text-inverse:disabled:hover, .btn--text-link-inverse--disbaled:hover, .btn--text-link-inverse:disabled:hover {
        background-color: transparent;
        border-color: transparent;
        color: #878787;
        cursor: not-allowed
    }
}

.btn--text--disabled, .btn--text-link--disabled, .btn--text-link:disabled, .btn--text:disabled {
    background-color: transparent;
    border-color: transparent;
    color: #878787;
    cursor: not-allowed
}

@media only screen and (min-width: 64rem) {
    .btn--text--disabled:hover, .btn--text-link--disabled:hover, .btn--text-link:disabled:hover, .btn--text:disabled:hover {
        background-color: transparent;
        border-color: transparent;
        color: #878787;
        cursor: not-allowed
    }
}

.btn--text-link {
    background-color: transparent;
    border: .0625rem solid transparent;
    border-radius: .375rem;
    box-shadow: 0 0 0 .125rem transparent, 0 0 0 .375rem transparent;
    color: #414141;
    margin-top: .75rem;
    outline: .0625rem solid transparent;
    text-decoration: none
}

@media only screen and (min-width: 64rem) {
    .btn--text-link:hover {
        background-color: transparent;
        color: #565656;
        text-decoration: none
    }

    .btn--text-link:hover span {
        -webkit-text-decoration: underline solid #fecf5b;
        text-decoration: underline solid #fecf5b;
        text-underline-offset: .25rem
    }
}

.btn--large {
    max-height: 3rem;
    min-width: 3rem;
    padding: .75rem 1rem
}

.btn--large, .btn--medium {
    font-size: 1rem;
    font-weight: 500
}

.btn--medium {
    max-height: 2.5rem;
    padding: .75rem
}

.btn--small {
    font-weight: 500;
    max-height: 2rem
}

.btn--small, .btn--square {
    font-size: .75rem;
    padding: .5rem
}

.btn--square {
    height: 2rem;
    width: 2rem
}

.btn--catalog-right-side {
    margin: 1rem 0 .75rem
}

.btn--availability-button {
    margin-top: .5rem;
    min-height: 2.375rem
}

.btn--wishlist {
    height: 2.5rem
}

.btn--wishlist-pdp {
    height: 2.5rem;
    width: 2.5rem
}

@media only screen and (min-width: 64rem) {
    .btn--wishlist-pdp {
        height: 3rem;
        min-height: 3rem;
        width: 3rem
    }
}

.btn--no-padding {
    padding: 0
}

.btn--no-margin {
    margin: 0
}

.btn--reservation-success {
    margin-top: 1.5rem
}

.btn--reservation-back-link:focus-visible {
    background-color: transparent;
    padding: .5rem;
    transition: padding .3s ease
}

.page-loading .btn--reservation-back-link:focus-visible {
    transition: none
}

.button {
    background-color: #000;
    border-radius: .125rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 500 .875rem/1.125rem Open Sans, sans-serif;
    min-width: 8.50962rem;
    padding: .9375rem 1rem;
    text-align: center;
    transition: all .25s ease-in-out
}

.page-loading .button {
    transition: none
}

@media only screen and (min-width: 40rem) {
    .button {
        min-width: 11.0625rem
    }
}

.button__suggestion-product-link {
    background-color: #202020;
    color: #fff;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    padding-bottom: 1.5rem;
    text-decoration: underline;
    text-underline-offset: .1875rem
}

.button__suggestion-product-link:hover {
    color: #d5d5d5;
    text-decoration-color: #fecf5b
}

.button__suggestion-product-link:focus, .button__suggestion-product-link:focus-visible {
    box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .3125rem #fff5de;
    outline: .125rem solid #fff;
    transition: box-shadow .3s ease, outline .3s ease
}

.page-loading .button__suggestion-product-link:focus, .page-loading .button__suggestion-product-link:focus-visible {
    transition: none
}

@media only screen and (min-width: 48rem) {
    .button__suggestion-product-link {
        padding-bottom: 0
    }
}

.button .bars-icon {
    font-size: 1.25rem;
    padding-left: 1rem
}

.button:focus, .button:hover {
    background-color: #f87373;
    border-color: #f87373;
    color: #fff;
    text-decoration: none
}

.button:active {
    text-decoration: none
}

.button--alert, .button:active {
    background-color: #c60303;
    border-color: #c60303;
    color: #fff
}

.button--skinless {
    min-width: 0
}

.button--skinless, .button--skinless:active, .button--skinless:focus, .button--skinless:hover {
    background-color: transparent;
    border: none;
    color: #000
}

.button--quantity {
    background-color: transparent;
    border: .0625rem solid #959595;
    border-radius: 50%;
    color: #6b6b6b;
    font: 1rem/1.0625rem Open Sans, sans-serif;
    height: 1.25rem;
    min-width: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.25rem
}

.button--quantity:active, .button--quantity:focus, .button--quantity:hover {
    background-color: transparent;
    border-color: #f2ac01;
    color: #f2ac01
}

.button--quantity-large {
    border-color: #f2ac01;
    color: #f2ac01;
    font-size: 1.3125rem;
    height: 2.25rem;
    line-height: 2.0625rem;
    width: 2.25rem
}

.button--quantity-large:active, .button--quantity-large:focus, .button--quantity-large:hover {
    background-color: rgba(242, 172, 1, .1);
    border-color: #f2ac01;
    color: #f2ac01
}

.button--disabled, .button[disabled] {
    background-color: #d5d5d5;
    pointer-events: none
}

.button--disabled:active, .button--disabled:focus, .button--disabled:hover, .button[disabled]:active, .button[disabled]:focus, .button[disabled]:hover {
    background-color: #d5d5d5
}

.button--small {
    min-width: 6.25rem;
    padding-bottom: .6875rem;
    padding-top: .6875rem
}

.button--hollow {
    background-color: #fff;
    border: .0625rem solid #000;
    color: #000;
    padding: .875rem 1rem
}

.button--hollow--disabled, .button--hollow[disabled] {
    background-color: #fff;
    border-color: #d5d5d5;
    color: #d5d5d5
}

.button--hollow--disabled:active, .button--hollow--disabled:focus, .button--hollow--disabled:hover, .button--hollow[disabled]:active, .button--hollow[disabled]:focus, .button--hollow[disabled]:hover {
    background-color: #fff
}

.button--hollow.button--small {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.button--small-icon {
    font-size: 1rem;
    min-width: 13.75rem;
    padding-bottom: .5625rem;
    padding-top: .5625rem
}

.button--inspirational {
    letter-spacing: .13125rem;
    min-width: 0;
    text-transform: uppercase
}

@media only screen and (min-width: 40rem) {
    .button--inspirational {
        letter-spacing: .15625rem
    }
}

.button--promotion-item {
    font: 400 .625rem/1.625rem Open Sans, sans-serif;
    height: 1.75rem;
    margin-top: 1rem;
    min-width: 0;
    padding: 0 1rem;
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .button--promotion-item {
        margin-top: 0
    }
}

@media only screen and (min-width: 48rem) {
    .button--promotion-item {
        height: 2rem;
        line-height: 1.875rem;
        width: auto
    }
}

.button--agent {
    border-radius: 0 .125rem;
    min-width: 0;
    padding: .6875rem .75rem
}

.button--combined {
    border-radius: 0 .125rem .125rem 0;
    font-size: .8125rem;
    font-weight: 400;
    min-width: 7.0625rem
}

.button--combined-small {
    min-width: 0;
    padding-left: .75rem;
    padding-right: .75rem
}

.button--expand, .button--expand-mobile {
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .button--expand-mobile {
        width: auto
    }
}

.button--large {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1.125rem
}

.button--search {
    font-weight: 400;
    padding: 0
}

.button--search:focus, .button--search:hover {
    color: #f87373
}

.button--reset-min-width {
    min-width: 0
}

@media only screen and (min-width: 40rem) {
    .button--medium {
        min-width: 7.5rem
    }
}

.button--hollow-alert {
    background-color: transparent;
    border: .0625rem solid #f87373;
    color: #f87373
}

.button--hollow-alert.button--small {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.button--reset-border-radius {
    border-radius: 0
}

.button--list-item {
    min-width: 11.4375rem;
    padding-bottom: .75rem;
    padding-top: .75rem
}

.color-checkbox {
    display: inline-block;
    position: relative
}

.color-checkbox__container {
    display: block
}

.color-checkbox__box {
    background-color: #fff;
    border: 1px solid #dadada;
    display: inline-block;
    height: 1.25rem;
    margin-right: .25rem;
    text-align: center;
    vertical-align: top;
    width: 1.25rem
}

.color-checkbox__check {
    background-color: #1479bd;
    height: .75rem;
    left: .25rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: .25rem;
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
    visibility: hidden;
    width: .75rem
}

.page-loading .color-checkbox__check {
    transition: none
}

.color-checkbox__input {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute
}

.color-checkbox__input:active + .color-checkbox__box, .color-checkbox__input:focus + .color-checkbox__box {
    border-color: #1479bd
}

.color-checkbox__input:checked ~ .color-checkbox__check {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.color-checkbox--expand {
    display: block
}

.color-checkbox--error .color-checkbox__box {
    border-color: #b2171a
}

.color-checkbox--active .color-checkbox__box, .color-checkbox:active .color-checkbox__box {
    border-color: #1479bd
}

.color-checkbox--disabled .color-checkbox__box, .color-checkbox[disabled] .color-checkbox__box {
    background-color: #f0f0f0;
    cursor: not-allowed
}

.color-checkbox:hover .color-checkbox__label {
    transform: scale(1)
}

.color-checkbox__container {
    border-radius: 624.9375rem;
    cursor: pointer;
    height: 1.25rem;
    position: relative;
    width: 1.25rem
}

.color-checkbox__container.Weiß, .color-checkbox__container.White, .color-checkbox__container.white {
    background-color: #f2f2f2
}

.color-checkbox__container.Black, .color-checkbox__container.Dark, .color-checkbox__container.Schwarz, .color-checkbox__container.black, .color-checkbox__container.dark {
    background-color: #000
}

.color-checkbox__container.Grau, .color-checkbox__container.Grey, .color-checkbox__container.grey {
    background-color: #dcdcdc
}

.color-checkbox__container.Silber, .color-checkbox__container.Silver, .color-checkbox__container.silver {
    background-color: #d3d3d3
}

.color-checkbox__container.Blau, .color-checkbox__container.Blue, .color-checkbox__container.blue {
    background-color: #6281d8
}

.color-checkbox__container.Gelb, .color-checkbox__container.Yellow, .color-checkbox__container.yellow {
    background-color: #ff0
}

.color-checkbox__container.Lila, .color-checkbox__container.Purple, .color-checkbox__container.purple {
    background-color: #9370db
}

.color-checkbox__container.Pink, .color-checkbox__container.pink {
    background-color: hotpink
}

.color-checkbox__container.Platin, .color-checkbox__container.Platinum, .color-checkbox__container.platinum {
    background-color: #e5e4e2
}

.color-checkbox__container.Copper, .color-checkbox__container.Kupfer, .color-checkbox__container.copper {
    background-color: #da8a67
}

.color-checkbox__container.Orange, .color-checkbox__container.orange {
    background-color: #ff4500
}

.color-checkbox__container.Gold, .color-checkbox__container.gold {
    background-color: #c5b358
}

.color-checkbox__container.Marineblau, .color-checkbox__container.Navy, .color-checkbox__container.navy {
    background-color: #00004e
}

.color-checkbox__container.Green, .color-checkbox__container.Grün, .color-checkbox__container.green {
    background-color: #006400
}

.color-checkbox__container.Red, .color-checkbox__container.Rot, .color-checkbox__container.red {
    background-color: #dc2e09
}

.color-checkbox__container.Braun, .color-checkbox__container.Brown, .color-checkbox__container.brown {
    background-color: #835c3b
}

.color-checkbox__check {
    display: none
}

.color-checkbox__label {
    background: #000;
    border-radius: .125rem;
    color: #fff;
    font: 300 1rem Open Sans, sans-serif;
    left: -.8125rem;
    padding: .3125rem .6875rem .4375rem .625rem;
    position: absolute;
    top: -2.375rem;
    transform: scale(0);
    transform-origin: bottom;
    transition: all .25s ease-in-out;
    white-space: nowrap
}

.page-loading .color-checkbox__label {
    transition: none
}

.color-checkbox__label:before {
    background: #000;
    border-radius: .125rem;
    bottom: -.25rem;
    content: "";
    height: .625rem;
    left: 1.0625rem;
    position: absolute;
    transform: rotate(45deg);
    width: .625rem
}

.color-checkbox__box {
    background: none;
    border: .25rem solid #fff;
    border-radius: 100%;
    height: 1.375rem;
    left: 50%;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.375rem
}

.color-checkbox:hover .color-checkbox__box, .color-checkbox__input:checked + .color-checkbox__box {
    background: none;
    border: .125rem solid #fff;
    height: 1.125rem;
    width: 1.125rem
}

.esg-logo {
    display: block;
    margin-right: .375rem;
    width: -moz-fit-content;
    width: fit-content
}

.fontawesome-icon {
    display: inline-block;
    font-size: 1rem
}

.fontawesome-icon--product-slider-title {
    color: #fff;
    position: absolute;
    right: .875rem;
    top: .125rem
}

.fontawesome-icon--xsmall {
    font-size: .5rem
}

.fontawesome-icon--small {
    font-size: .75rem
}

.fontawesome-icon--default {
    font-size: 1rem
}

.fontawesome-icon--medium {
    font-size: 1.25rem
}

.fontawesome-icon--large {
    font-size: 1.5rem
}

.fontawesome-icon--xlarge {
    font-size: 2rem
}

.fontawesome-icon--xxlarge {
    font-size: 3rem
}

.fontawesome-icon--xxxlarge {
    font-size: 4rem
}

.esg-color-white, .fontawesome-icon--esg-color-white {
    color: #fff
}

.esg-color-black {
    color: #000
}

.esg-color-neutral-25 {
    color: #f3f3f3
}

.esg-color-neutral-50 {
    color: #e9e9e9
}

.esg-color-neutral-100 {
    color: #d5d5d5
}

.esg-color-neutral-200 {
    color: #bfbfbf
}

.esg-color-neutral-300 {
    color: #ababab
}

.esg-color-neutral-400 {
    color: #959595
}

.esg-color-neutral-500 {
    color: #6b6b6b
}

.esg-color-neutral-600 {
    color: #565656
}

.esg-color-neutral-700 {
    color: #414141
}

.esg-color-neutral-800 {
    color: #2c2c2c
}

.esg-color-neutral-900 {
    color: #202020
}

.esg-color-neutral-950 {
    color: #0c0a09
}

.esg-color-gold-50 {
    color: #fff5de
}

.esg-color-gold-100 {
    color: #fff1cd
}

.esg-color-gold-200 {
    color: #ffecbd
}

.esg-color-gold-300 {
    color: #fee7ad
}

.esg-color-gold-400 {
    color: #fee29d
}

.esg-color-gold-500 {
    color: #fedd8c
}

.esg-color-gold-600 {
    color: #fed97c
}

.esg-color-gold-700 {
    color: #fed46b
}

.esg-color-gold-800 {
    color: #fecf5b
}

.esg-color-gold-900 {
    color: #f2ac01
}

.esg-color-gold-950 {
    color: #d38e00
}

.esg-color-yellow-light {
    color: #feeda3
}

.esg-color-yellow-default {
    color: #e1bf2b
}

.esg-color-yellow-dark {
    color: #a28509
}

.esg-color-red-light {
    color: #f87373
}

.esg-color-red-default {
    color: #da0303
}

.esg-color-red-dark {
    color: #940101
}

.esg-color-blue-light {
    color: #99c6fa
}

.esg-color-blue-default {
    color: #2085f6
}

.esg-color-blue-dark {
    color: #194b84
}

.esg-color-green-light {
    color: #9be39b
}

.esg-color-green-default {
    color: #5cb85c
}

.esg-color-green-dark {
    color: #317e31
}

.esg-color-orange-light {
    color: #fb923c
}

.esg-color-orange-default {
    color: #f97316
}

.esg-color-orange-dark {
    color: #ea580c
}

.esg-color-error-50 {
    color: #fbe6e6
}

.esg-color-error-100 {
    color: #ffc7c7
}

.esg-color-error-200 {
    color: #fda3a3
}

.esg-color-error-light {
    color: #f87373
}

.esg-color-error-400 {
    color: #e13535
}

.esg-color-error-default {
    color: #da0303
}

.esg-color-error-600 {
    color: #c60303
}

.esg-color-error-dark {
    color: #940101
}

.esg-color-error-800 {
    color: #780202
}

.esg-color-error-900 {
    color: #5c0101
}

.esg-color-success-50 {
    color: #eff8ef
}

.esg-color-success-100 {
    color: #cfebcf
}

.esg-color-success-200 {
    color: #b2e6b2
}

.esg-color-success-light {
    color: #9be39b
}

.esg-color-success-400 {
    color: #79ca79
}

.esg-color-success-default {
    color: #5cb85c
}

.esg-color-success-600 {
    color: #4c9f4c
}

.esg-color-success-dark {
    color: #317e31
}

.esg-color-success-800 {
    color: #336533
}

.esg-color-success-900 {
    color: #274d27
}

.esg-color-info-50 {
    color: #e9f3fe
}

.esg-color-info-100 {
    color: #d5e8ff
}

.esg-color-info-200 {
    color: #b2d5fd
}

.esg-color-info-light {
    color: #99c6fa
}

.esg-color-info-400 {
    color: #5aa4f7
}

.esg-color-info-default {
    color: #2085f6
}

.esg-color-info-600 {
    color: #1466c3
}

.esg-color-info-dark {
    color: #194b84
}

.esg-color-info-800 {
    color: #0c3460
}

.esg-color-info-900 {
    color: #062649
}

.esg-color-warning-50 {
    color: #ffe5d0
}

.esg-color-warning-100 {
    color: #fecba1
}

.esg-color-warning-200 {
    color: #ffb578
}

.esg-color-warning-light {
    color: #fb923c
}

.esg-color-warning-400 {
    color: #fc8430
}

.esg-color-warning-default {
    color: #f97316
}

.esg-color-warning-600 {
    color: #ff7a28
}

.esg-color-warning-dark {
    color: #ea580c
}

.esg-color-warning-800 {
    color: #c34706
}

.esg-color-warning-900 {
    color: #8f3303
}

.icon {
    fill: currentColor;
    display: inline-block;
    height: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem
}

.icon--small {
    height: .75rem;
    width: .75rem
}

.icon--smaller {
    height: .5rem;
    width: .5rem
}

.icon--big {
    height: 1.5rem;
    width: 1.5rem
}

.icon--bigger {
    height: 2rem;
    width: 2rem
}

.icon--biggest {
    height: 3rem;
    width: 3rem
}

.icon--spinner {
    animation: spin-to 1s linear infinite
}

.icon--inherit {
    display: block;
    height: inherit;
    width: inherit
}

.icon--medium {
    height: .625rem;
    width: .625rem
}

.icon--medium-up {
    height: 1.125rem;
    width: 1.125rem
}

.icon--close-filter {
    position: absolute;
    right: .625rem;
    top: 50%;
    transform: translateY(-50%)
}

.icon--secondary {
    height: .75rem;
    width: .75rem
}

.icon--thumbnail-arrow {
    color: #000;
    display: block;
    height: .375rem;
    width: 100%
}

.icon--reverse {
    transform: rotate(180deg)
}

.icon--checkout-success {
    margin-top: -.125rem
}

.icon--to-cart {
    margin-top: -.0625rem
}

.icon--visa {
    height: .625rem;
    width: 2rem
}

.icon--mastercard {
    height: 1.25rem;
    width: 1.625rem
}

.icon--paypal {
    height: .6875rem;
    width: 2.5625rem
}

.icon--klarna {
    height: .6875rem;
    width: 2.5rem
}

.icon--dhl {
    height: .5rem;
    width: 4rem
}

.icon--hermes {
    height: .5625rem;
    width: 4.25rem
}

.icon--arrow {
    color: #000;
    height: .6875rem;
    width: .6875rem
}

@media only screen and (min-width: 64rem) {
    .icon--arrow {
        height: .75rem;
        width: .75rem
    }
}

.icon--send {
    height: .5625rem;
    width: .375rem
}

.icon--grid {
    stroke: currentColor
}

.icon--panel-info {
    height: .5625rem;
    width: .75rem
}

.icon--side-drawer-arrow {
    height: .75rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .375rem
}

.icon--user-side-drawer {
    display: block;
    height: 1.25rem;
    margin: 0 1rem 0 .875rem;
    width: 1.4375rem
}

.icon--progress-check {
    height: .75rem;
    vertical-align: baseline;
    width: .75rem;
    stroke: #f2ac01
}

.icon--cart-plus {
    height: 1.4375rem;
    width: 1.625rem
}

.icon--dhl-logo, .icon--hermes-logo {
    width: 4.5625rem
}

.icon--small-button {
    height: 1.375rem;
    margin-right: .3125rem;
    width: 1.375rem
}

.icon--full-size {
    height: 100%;
    width: 100%
}

.input {
    border: .0625rem solid #6b6b6b;
    border-radius: .25rem;
    color: #000;
    display: inline-block;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    max-height: 3rem;
    padding: .75rem 1rem;
    transition: border-color .25s ease-in-out;
    transition: box-shadow .3s ease, background-color .3s ease, border .3s ease
}

.input:focus {
    border-color: #bbb
}

.input::-moz-placeholder {
    color: #bbb
}

.input::placeholder {
    color: #bbb
}

.input--expand {
    display: block;
    width: 100%
}

.input--naked {
    background-color: hsla(0, 0%, 100%, 0);
    border: none
}

.input--error {
    border-color: #b2171a
}

.input--disabled, .input[disabled] {
    background-color: #f4f4f4;
    cursor: not-allowed
}

.page-loading .input {
    transition: none
}

.input:hover {
    border-color: #fecf5b
}

.input::-moz-placeholder {
    color: #6b6b6b
}

.input::placeholder {
    color: #6b6b6b
}

.input.is-mouse-focus {
    border-color: #fecf5b;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06), 0 0 0 .25rem #fff5de
}

.input.is-keyboard-focus {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.input--error {
    border-color: #da0303
}

.input--error li {
    color: #202020;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.input--error:hover {
    border-color: #da0303
}

.input--disabled, .input[disabled], .input[readonly=readonly], .input[readonly=true] {
    background-color: #f3f3f3;
    border-color: #d5d5d5;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06);
    color: #6b6b6b;
    cursor: not-allowed
}

.input--disabled:hover, .input[disabled]:hover, .input[readonly=readonly]:hover, .input[readonly=true]:hover {
    border-color: #d5d5d5
}

.input--disabled::-moz-placeholder, .input[disabled]::-moz-placeholder, .input[readonly=readonly]::-moz-placeholder, .input[readonly=true]::-moz-placeholder {
    color: #6b6b6b
}

.input--disabled::placeholder, .input[disabled]::placeholder, .input[readonly=readonly]::placeholder, .input[readonly=true]::placeholder {
    color: #6b6b6b
}

.input__label {
    color: #2c2c2c
}

.input__label, .input__label--inverse {
    display: block;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    padding-bottom: .3125rem
}

.input__label--inverse {
    color: #d5d5d5
}

.input__optional-text {
    color: #6b6b6b;
    display: block;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    padding-top: .3125rem
}

.input--inverse {
    background-color: #2c2c2c;
    border-color: #6b6b6b;
    border-radius: .25rem;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06);
    color: #fff;
    padding: .75rem 1rem
}

.input--inverse:hover {
    border-color: #fecf5b
}

.input--inverse--error {
    border-color: #da0303;
    color: #fff;
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.input--inverse--error:hover {
    border-color: #da0303
}

.input--inverse--disabled, .input--inverse[disabled], .input--inverse[readonly=readonly], .input--inverse[readonly=true] {
    background-color: #2c2c2c;
    border-color: #6b6b6b;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06);
    color: #6b6b6b;
    cursor: not-allowed
}

.input--inverse--disabled:hover, .input--inverse[disabled]:hover, .input--inverse[readonly=readonly]:hover, .input--inverse[readonly=true]:hover {
    border-color: #6b6b6b
}

.input--inverse--disabled::-moz-placeholder, .input--inverse[disabled]::-moz-placeholder, .input--inverse[readonly=readonly]::-moz-placeholder, .input--inverse[readonly=true]::-moz-placeholder {
    color: #6b6b6b
}

.input--inverse--disabled::placeholder, .input--inverse[disabled]::placeholder, .input--inverse[readonly=readonly]::placeholder, .input--inverse[readonly=true]::placeholder {
    color: #6b6b6b
}

.label--required:after {
    color: #1479bd;
    content: "*";
    margin-left: .2rem
}

.link {
    align-items: center;
    background-color: transparent;
    border-radius: .375rem;
    display: flex;
    font: 1rem Open Sans, sans-serif;
    justify-content: center;
    padding: .75rem 1rem;
    transition: color .3s ease, background-color .3s ease, text-decoration-color .3s ease, box-shadow .3s ease, border .3s ease
}

.page-loading .link {
    transition: none
}

.link--narrow {
    padding: .125rem .25rem
}

.link--full-width {
    width: 100%
}

.link i {
    width: auto
}

.link i, .link__text {
    display: inline-block
}

.link__text {
    text-decoration-thickness: .0625rem;
    text-underline-offset: .25rem
}

.link--primary {
    box-shadow: 0 0 0 .0625rem transparent, 0 0 0 .375rem transparent;
    color: #0c0a09;
    outline: .0625rem solid transparent
}

.link--primary span {
    -webkit-text-decoration: underline solid #0c0a09;
    text-decoration: underline solid #0c0a09
}

@media only screen and (min-width: 64rem) {
    .link--primary:hover {
        background-color: transparent;
        color: #414141;
        text-decoration: none
    }

    .link--primary:hover span {
        -webkit-text-decoration: underline solid #fecf5b;
        text-decoration: underline solid #fecf5b
    }
}

.link--primary:focus-visible {
    background-color: #fff;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .375rem #fff5de;
    outline: .0625rem solid #000
}

.link--primary-inverse {
    border: .0625rem solid transparent;
    border-radius: .375rem;
    box-shadow: 0 0 0 .125rem transparent, 0 0 0 .1875rem transparent, 0 0 0 .375rem transparent;
    color: #fff
}

.link--primary-inverse span {
    -webkit-text-decoration: underline solid #fff;
    text-decoration: underline solid #fff
}

@media only screen and (min-width: 64rem) {
    .link--primary-inverse:hover {
        background-color: transparent;
        color: #d5d5d5;
        text-decoration: none
    }

    .link--primary-inverse:hover span {
        text-decoration-color: #fecf5b
    }
}

.link--primary-inverse:focus-visible {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.link--primary-inverse:focus-visible span {
    -webkit-text-decoration: underline solid #fff;
    text-decoration: underline solid #fff
}

.link--primary-inverse--disabled {
    color: #565656;
    cursor: not-allowed;
    pointer-events: none
}

.link--primary-inverse--disabled span {
    -webkit-text-decoration: underline solid #565656;
    text-decoration: underline solid #565656
}

.link--primary--disabled {
    color: #ababab;
    cursor: not-allowed;
    pointer-events: none
}

.link--primary--disabled span {
    -webkit-text-decoration: underline solid #ababab;
    text-decoration: underline solid #ababab
}

.link--secondary {
    background-color: transparent;
    border: .0625rem solid transparent;
    border-radius: .375rem;
    box-shadow: 0 0 0 .125rem transparent, 0 0 0 .375rem transparent;
    color: #414141;
    outline: .0625rem solid transparent;
    text-decoration: none
}

@media only screen and (min-width: 64rem) {
    .link--secondary:hover {
        color: #565656;
        text-decoration: none
    }

    .link--secondary:hover span {
        -webkit-text-decoration: underline solid #fecf5b;
        text-decoration: underline solid #fecf5b
    }
}

.link--secondary:focus-visible {
    background-color: #fff;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .375rem #fff5de;
    color: #414141;
    outline: .0625rem solid #000
}

.link--secondary-inverse {
    border: .0625rem solid transparent;
    border-radius: .375rem;
    box-shadow: 0 0 0 .125rem transparent, 0 0 0 .1875rem transparent, 0 0 0 .375rem transparent;
    color: #bfbfbf;
    text-decoration: none
}

@media only screen and (min-width: 64rem) {
    .link--secondary-inverse:hover {
        color: #ababab;
        text-decoration: none
    }

    .link--secondary-inverse:hover span {
        -webkit-text-decoration: underline solid #fecf5b;
        text-decoration: underline solid #fecf5b
    }
}

.link--secondary-inverse:focus-visible {
    background-color: #000;
    border: .0625rem solid #000;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    color: #fff
}

.link--secondary-inverse--disabled {
    color: #565656;
    cursor: not-allowed;
    pointer-events: none
}

.link--secondary-inverse--disabled span {
    text-decoration-color: #565656
}

.link--secondary--disabled {
    color: #ababab;
    cursor: not-allowed;
    pointer-events: none
}

.link--secondary--disabled span {
    text-decoration-color: #ababab
}

.link--underline {
    -webkit-text-decoration: underline solid #0c0a09;
    text-decoration: underline solid #0c0a09
}

.link--rounded, .link--underline:hover {
    text-decoration: none
}

.link--rounded {
    background: #f3f3f3;
    border: .0625rem solid transparent;
    border-radius: 624.9375rem;
    box-shadow: 0 0 0 .125rem transparent, 0 0 0 .375rem transparent;
    color: #414141;
    outline: .0625rem solid transparent;
    padding: .75rem 1rem
}

@media only screen and (min-width: 64rem) {
    .link--rounded:hover {
        background: #e9e9e9;
        color: #565656
    }
}

.link--rounded:focus-visible {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .375rem #fff5de;
    color: #414141;
    outline: .0625rem solid #000
}

.link--product-card {
    align-items: baseline;
    color: #202020;
    flex-grow: 1;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    padding: 1.5rem 0
}

.link--product-card .link__text {
    width: 100%
}

.link--large {
    font-size: 1rem;
    font-weight: 500
}

.link--large__icon--spacing-left {
    margin-left: .5rem
}

.link--large__icon--spacing-right {
    margin-right: .5rem
}

.link--small {
    font-size: .875rem;
    font-weight: 500
}

.link--small__icon--spacing-left {
    margin-left: .25rem
}

.link--small__icon--spacing-right {
    margin-right: .25rem
}

.link--active {
    background-color: #fecf5b;
    border: .0625rem solid #fecf5b;
    color: #202020
}

@media only screen and (min-width: 64rem) {
    .link--active:hover {
        background-color: #f2ac01;
        border: .0625rem solid #f2ac01;
        text-decoration: none
    }
}

.link--active:disabled {
    background-color: #ffecbd;
    border-color: #ffecbd;
    color: #a6a6a6;
    cursor: not-allowed
}

.link--darkest {
    color: #000;
    transition: all .25s ease-in-out
}

.page-loading .link--darkest {
    transition: none
}

.link--darkest:focus, .link--darkest:hover {
    color: #f87373
}

.link--without-underline {
    text-decoration: none
}

.link--login-forgot-password {
    font: 400 .875rem/1.4375rem Open Sans, sans-serif;
    margin-top: 1.25rem
}

@media only screen and (min-width: 40rem) {
    .link--login-forgot-password {
        margin-top: 1rem
    }
}

.link--edit {
    font: .8125rem Open Sans, sans-serif;
    opacity: .4
}

.link--edit:focus, .link--edit:hover {
    color: inherit;
    opacity: 1;
    text-decoration: none
}

.link--custom-underline {
    color: #000;
    font: .6875rem Open Sans, sans-serif;
    letter-spacing: .16875rem;
    padding: .5625rem 0;
    position: relative;
    text-transform: uppercase;
    transition: opacity .25s ease-in-out
}

.page-loading .link--custom-underline {
    transition: none
}

.link--custom-underline:focus, .link--custom-underline:hover {
    color: #000;
    opacity: .5;
    text-decoration: none
}

.link--custom-underline:after {
    background: #000;
    bottom: 0;
    content: "";
    display: block;
    height: .0625rem;
    position: absolute;
    width: 100%
}

.link--user-account {
    color: #000;
    font: 1rem Open Sans, sans-serif
}

@media only screen and (min-width: 64rem) {
    .link--user-account:hover {
        color: #f87373
    }
}

@media only screen and (min-width: 40rem) {
    .link--align-right-from-tablet {
        text-align: right
    }
}

.link.outline {
    border: .0625rem solid #202020
}

.link.outline--inverse {
    border: .0625rem solid #fff
}

.link--summary-sidebar {
    display: inline-block;
    margin-left: -.25rem
}

.link--margin-left {
    margin-left: auto
}

.link--checkout {
    -webkit-text-decoration: underline #000;
    text-decoration: underline #000;
    text-underline-offset: .25rem
}

.link--checkout:hover {
    -webkit-text-decoration: underline #fecf5b;
    text-decoration: underline #fecf5b
}

.link--nav-icon {
    height: 2.5rem;
    padding: .4375rem;
    width: 2.5rem
}

.link--nav-icon i {
    font-size: 1rem
}

@media only screen and (min-width: 48rem) {
    .link--nav-icon i {
        font-size: 1.25rem
    }
}

.list__item {
    display: block;
    margin-bottom: .25rem
}

.list__item > .list {
    margin-left: .5rem
}

.list__item--highlighted em {
    text-decoration: underline
}

.list--inline {
    display: inline-block
}

.list--inline > .list__item {
    display: inline-block;
    margin: 0 .5rem
}

.list--inline > .list__item:first-child {
    margin-left: 0
}

.list--inline > .list__item:last-child {
    margin-right: 0
}

.list--bullet .list__item:before {
    content: "•";
    margin-right: .25rem
}

.list--plus .list__item:before {
    content: "+";
    margin-right: .25rem
}

.list--alert {
    color: #b2171a
}

.node--footer {
    font-size: .9375rem;
    padding-bottom: .625rem
}

.node--product-set {
    color: #000;
    font: .875rem/1.25rem Open Sans, sans-serif;
    letter-spacing: -.025rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 40rem) {
    .node--product-set {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 3rem
    }
}

.table thead, .table__head {
    border-bottom: 1px solid #dadada
}

.table tbody tr:not(.table__row--backgroungless):nth-child(2n), .table__body tr:not(.table__row--backgroungless):nth-child(2n) {
    background-color: #f4f4f4
}

.table td, .table th {
    padding: .5rem .25rem;
    text-align: left
}

.table__row--backgroungless {
    background: none
}

.table__row--highlighted {
    background-color: #f4f4f4
}

.table__row--spacing-y-small td, .table__row--spacing-y-small th {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.table__row--spacing-bottom-reset td, .table__row--spacing-bottom-reset th {
    padding-bottom: 0
}

.table--expand {
    width: 100%
}

.table tbody tr, .table__body tr {
    background-color: transparent !important
}

.table tbody tr:last-child, .table__body tr:last-child {
    border-bottom: .0625rem solid #d5d5d5
}

.table td, .table th {
    font-size: .875rem;
    padding: .5rem
}

@media only screen and (min-width: 40rem) {
    .table td, .table th {
        font-size: 1rem
    }
}

.table .checkbox {
    margin: 0
}

@media only screen and (min-width: 40rem) {
    .table .checkbox {
        margin: .25rem 0 0
    }
}

.table--sub-table tbody tr:last-child {
    border-bottom: none
}

@media only screen and (max-width: 47.9375rem) {
    .table--responsive, .table--responsive tbody, .table--responsive td {
        display: block
    }

    .table--responsive thead {
        display: none
    }

    .table--responsive tbody tr {
        border: none;
        display: block;
        padding-bottom: .9375rem
    }

    .table--responsive tbody tr:last-child {
        border-bottom: none
    }

    .table--responsive td {
        padding: 0 .625rem
    }

    .table--responsive td:before {
        display: inline-block;
        flex-shrink: 0;
        font-weight: 500;
        padding-right: .625rem;
        vertical-align: top;
        width: auto
    }

    .table--responsive .transform-cell {
        background-color: #f3f3f3;
        display: flex;
        position: relative
    }

    .table--responsive .transform-cell:before {
        content: attr(data-content) ":"
    }

    .table--responsive .transform-cell--spacing-top {
        padding-top: 1rem
    }

    .table--responsive .transform-cell--spacing-bottom {
        padding-bottom: 1rem
    }
}

.table__tr--with-border {
    border-top: .0625rem solid #d5d5d5
}

.table__tr--with-border-bottom {
    border-bottom: .0625rem solid #d5d5d5
}

.table .table__actions {
    padding: 0
}

@media only screen and (min-width: 48rem) {
    .table .table__actions {
        width: 0
    }
}

.textarea {
    border: .0625rem solid #6b6b6b;
    border-radius: .25rem;
    color: #000;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    padding: .75rem 1rem;
    transition: box-shadow .3s ease, background-color .3s ease, border .3s ease
}

.page-loading .textarea {
    transition: none
}

.textarea__label {
    color: #2c2c2c;
    padding-bottom: .3125rem
}

.textarea__label, .textarea__optional-text {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.textarea__optional-text {
    color: #6b6b6b;
    padding-top: .3125rem
}

.textarea:hover {
    border-color: #fecf5b
}

.textarea::-moz-placeholder {
    color: #6b6b6b;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.textarea::placeholder {
    color: #6b6b6b;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.textarea.is-mouse-focus {
    border-color: #fecf5b;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06), 0 0 0 .25rem #fff5de
}

.textarea.is-keyboard-focus {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.textarea--error {
    border-color: #da0303
}

.textarea--error li {
    color: #202020;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.textarea--error:hover {
    border-color: #da0303
}

.textarea--disabled, .textarea[disabled] {
    background-color: #f3f3f3;
    border-color: #d5d5d5;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06);
    color: #ababab;
    cursor: not-allowed
}

.textarea--disabled:hover, .textarea[disabled]:hover {
    border-color: #d5d5d5
}

.textarea--disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder {
    color: #ababab
}

.textarea--disabled::placeholder, .textarea[disabled]::placeholder {
    color: #ababab
}

.thumbnail {
    display: block;
    height: 10rem;
    margin: .5rem;
    position: relative
}

.thumbnail--smaller {
    height: 3rem
}

.thumbnail--small {
    height: 5rem
}

.thumbnail--big {
    height: 20rem
}

.thumbnail--bigger {
    height: 30rem
}

.thumbnail--full-width {
    width: 100%
}

.thumbnail--min-size {
    min-width: 2.5rem
}

.thumbnail__image {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.thumbnail__image--color-light {
    color: #dadada
}

.thumbnail--has-border {
    border: .25rem solid transparent;
    box-shadow: 0 0 0 1px #f0f0f0
}

.thumbnail--no-margin, .thumbnail--without-spaces {
    margin: 0
}

.thumbnail--with-overlay {
    overflow: hidden;
    position: relative
}

.thumbnail--with-overlay:after {
    background-color: rgba(0, 0, 0, .05);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.thumbnail--catalog {
    border-radius: .125rem;
    height: 2.5625rem;
    margin: 0 .9375rem 0 0;
    width: 2.5625rem
}

.thumbnail--cart-bundle {
    border-radius: .125rem;
    flex-shrink: 0;
    height: 2.75rem;
    margin: 0;
    width: 7.5rem
}

.thumbnail--product-set {
    height: 13rem;
    margin-left: 0;
    margin-right: 0
}

.thumbnail--wishlist {
    display: inline-block;
    height: 2rem;
    margin-right: .625rem;
    vertical-align: middle
}

@media only screen and (min-width: 40rem) {
    .thumbnail--product-list-item, .thumbnail--wishlist {
        height: 5rem
    }
}

.thumbnail--mini-cart {
    height: 3.125rem;
    margin: 0
}

.thumbnail--bundle-item {
    height: 100%;
    margin: 0;
    width: 100%
}

.thumbnail__image--cart-bundle {
    max-height: calc(100% - .625rem);
    max-width: calc(100% - .625rem)
}

.thumbnail__image--bundle-list {
    position: relative;
    vertical-align: top
}

.title--h1 {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: calc(clamp(36px, 3vw + 18px, 60px) / 1.3);
    letter-spacing: 0;
    line-height: 4.6875rem
}

@media only screen and (min-width: 48rem) {
    .title--h1 {
        font-size: clamp(36px, 3vw + 18px, 60px);
        letter-spacing: 0
    }
}

.title--h2 {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: calc(clamp(30px, 2.5vw + 16px, 48px) / 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 3.75rem
}

@media only screen and (min-width: 48rem) {
    .title--h2 {
        font-size: clamp(30px, 2.5vw + 16px, 48px)
    }
}

.title--h3 {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: calc(clamp(24px, 2vw + 12px, 36px) / 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 2.8125rem
}

@media only screen and (min-width: 48rem) {
    .title--h3 {
        font-size: clamp(24px, 2vw + 12px, 36px)
    }
}

.title--h4 {
    display: block;
    font-size: calc(clamp(20px, 1.8vw + 10px, 30px) / 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 2.3125rem
}

@media only screen and (min-width: 48rem) {
    .title--h4 {
        font-size: clamp(20px, 1.8vw + 10px, 30px)
    }
}

.title--h5 {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: calc(clamp(18px, 1vw + 8px, 24px) / 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 1.875rem
}

@media only screen and (min-width: 48rem) {
    .title--h5 {
        font-size: clamp(18px, 1vw + 8px, 24px)
    }
}

.title--h6 {
    display: block;
    font-size: calc(/ 1.3);
    letter-spacing: calc(/ 1.3);
    line-height: 1.5rem
}

.title--h4, .title--h6 {
    font-family: Open Sans, sans-serif
}

.title--main {
    color: #000;
    font-size: clamp(36px, 3vw + 18px, 60px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin-top: 2.5rem;
    padding-top: 1.25rem;
    text-align: center
}

.title--checkout {
    border-bottom: .0625rem solid #d5d5d5;
    margin-bottom: 2rem;
    padding-bottom: .625rem;
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .title--checkout {
        margin-bottom: 3.625rem
    }
}

.title--checkout:not(:first-of-type) {
    margin-top: 2.625rem
}

.title--shipment {
    border: none;
    margin: 0 .625rem 0 0;
    padding: 0
}

.title--primary {
    border-bottom: .0625rem solid #f3f3f3;
    font-size: 2rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .title--primary {
        font-size: 2.125rem
    }
}

.title--secondary {
    border-bottom: .0625rem solid #d5d5d5;
    font: 1.5625rem/1.875rem Open Sans, sans-serif;
    letter-spacing: 0;
    margin-bottom: 1.25rem;
    padding-bottom: .4375rem
}

@media only screen and (min-width: 48rem) {
    .title--secondary {
        font: 500 1.75rem/2.125rem;
        letter-spacing: -.01875rem;
        padding-bottom: .9375rem
    }
}

.title--secondary-box {
    border-bottom: .0625rem solid #d5d5d5;
    font: 1.5625rem/1.875rem Open Sans, sans-serif;
    letter-spacing: 0;
    margin-bottom: 1rem;
    padding-bottom: .5rem
}

@media only screen and (min-width: 48rem) {
    .title--secondary-box {
        border: none;
        font: 500 1.3125rem/1.5625rem;
        letter-spacing: -.015rem;
        padding: 0
    }
}

.title--secondary-small {
    color: #202020;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: .5rem
}

.title--account-main {
    border-bottom: .0625rem solid #d5d5d5;
    margin: 0 0 1.5625rem;
    padding: 1.5625rem 0;
    text-align: center;
    text-transform: capitalize
}

.title--agent-login, .title--billing-address, .title--shipping-address, .title--step-title, .title--summary-step {
    border-bottom: .0625rem solid #e9e9e9;
    color: #000;
    font-size: clamp(20px, 1.8vw + 10px, 30px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.3125rem;
    padding: 1rem 0
}

.title--agent-login {
    margin: 0 auto 2.5rem;
    max-width: 35.625rem
}

.title--login-step {
    color: #000;
    font-size: clamp(20px, 1.8vw + 10px, 30px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.3125rem;
    margin-bottom: .75rem;
    padding-top: 1.5rem
}

@media only screen and (min-width: 48rem) {
    .title--login-step {
        padding-top: 2.5rem
    }
}

.title--step-title {
    margin-bottom: 2.5rem
}

.title--summary-step {
    margin-bottom: 3rem
}

@media only screen and (max-width: 75.25rem) {
    .title--summary-step {
        margin-bottom: 1.5rem
    }
}

.title--summary-overview {
    color: #000;
    font-size: clamp(18px, 1vw + 8px, 24px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: 1.5rem
}

.title--shipping-address {
    margin: 1.75rem 0 1.5rem
}

@media only screen and (min-width: 40rem) {
    .title--shipping-address {
        margin: .75rem 0 1.5rem
    }
}

.title--billing-address {
    margin: 0 0 1.5rem
}

.title--product-set-main {
    margin-bottom: 1.5rem;
    position: relative
}

.title--product-set-main:before {
    background-color: #2c2c2c;
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%
}

.title--product-set-secondary {
    background-color: #fff;
    display: inline-block;
    padding-right: 3.125rem;
    position: relative
}

.title--review-summary {
    border-bottom: .0625rem solid #d5d5d5;
    letter-spacing: -.01875rem;
    margin-bottom: 1.8125rem;
    padding-bottom: .375rem
}

@media only screen and (min-width: 40rem) {
    .title--review-summary {
        margin-bottom: 3.125rem;
        padding-bottom: .625rem
    }
}

.title--footer {
    padding: 0 0 1rem
}

.title--product {
    margin-bottom: .75rem
}

@media only screen and (min-width: 64rem) {
    .title--product {
        margin-bottom: .4375rem
    }
}

.title--product-bundle {
    color: #202020;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0 0 1.125rem
}

.title--checkout-success {
    margin-bottom: 2.5rem;
    padding: 1.5625rem 0
}

@media only screen and (min-width: 40rem) {
    .title--checkout-success {
        margin-bottom: 3rem
    }
}

.title--promotion {
    letter-spacing: -.01875rem;
    margin-bottom: 2.25rem;
    padding: 1.125rem 0
}

.title--form, .title--mini-cart {
    padding-bottom: .625rem
}

.title--form {
    margin-bottom: 2rem;
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .title--form {
        margin-bottom: 3.625rem
    }
}

.title--catalog-cms {
    letter-spacing: normal;
    margin: 0 0 .6875rem
}

.title--pdp-review {
    margin-right: .625rem
}

.title--cart-block {
    border-bottom: .0625rem solid #d5d5d5;
    font: 2.25rem Open Sans, sans-serif;
    padding-bottom: .625rem
}

.title--suggestion {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin: 0;
    padding: 1rem 0
}

.title--heading {
    font: 500 1rem/1rem Open Sans, sans-serif;
    letter-spacing: .03125rem
}

@media only screen and (min-width: 48rem) {
    .title--heading {
        font-size: 1.3125rem;
        letter-spacing: .0625rem;
        line-height: 2rem
    }
}

.title--search {
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.title--medium {
    font-weight: 500
}

.title--regular {
    font-weight: 400
}

.title--uppercase {
    text-transform: uppercase
}

.title--with-border {
    border-bottom: .0625rem solid #414141
}

.title--with-top-border {
    border-top: .0625rem solid #d5d5d5
}

@media only screen and (max-width: 47.9375rem) {
    .title--mobile-size {
        font-size: .875rem
    }
}

.title__suggestion-category, .title__suggestion-product {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.title--no-border {
    border: none
}

@media only screen and (min-width: 48rem) {
    .action-bar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media only screen and (min-width: 40rem) {
    .action-bar__actions {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        margin-right: -.5rem
    }
}

.active-filter--margin-right {
    margin-right: .625rem
}

.ajax-add-to-cart {
    display: flex;
    flex-flow: column nowrap;
    gap: .5rem
}

.ajax-add-to-cart__button {
    height: 100%;
    white-space: nowrap
}

.ajax-add-to-cart__quantity {
    display: none;
    flex-basis: 25%
}

@media only screen and (min-width: 64rem) {
    .ajax-add-to-cart__quantity {
        display: block
    }
}

@media only screen and (min-width: 80rem) {
    .ajax-add-to-cart {
        flex-flow: row nowrap
    }
}

@media only screen and (max-width: 63.9375rem) {
    .ajax-add-to-cart {
        display: inline-block
    }
}

.ajax-add-to-cart--margin-top {
    margin-top: .5rem
}

.ajax-add-to-cart--add-to-cart-plp button {
    min-height: 2.375rem
}

.ajax-loader {
    background-color: hsla(0, 0%, 94%, .5);
    background-color: transparent;
    bottom: 0;
    left: 0;
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
    z-index: 750
}

.page-loading .ajax-loader {
    transition: none
}

.ajax-loader__spinner {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: spin-to;
    animation-timing-function: linear
}

.ajax-loader__label {
    margin-left: .5rem
}

.ajax-loader--solid-bg {
    background-color: #fff
}

.ajax-loader--bottom {
    top: auto
}

.ajax-loader--dynamic {
    z-index: 300
}

.ajax-loader--viewport-centered {
    display: block
}

.ajax-loader--viewport-centered .ajax-loader__layout {
    display: inline-block;
    margin-left: 50%;
    position: sticky;
    top: 50%;
    transform: translate(-50%)
}

.ajax-loader--static:not(.is-invisible) {
    position: static
}

.ajax-loader .icon {
    fill: #fedd8c
}

.ajax-loader--viewport-centered {
    background-color: hsla(0, 0%, 91%, .5)
}

.ajax-loader--right-aligned {
    padding: .5rem 1rem
}

.ajax-loader--right-aligned.grid--center {
    justify-content: flex-end
}

.ajax-loader--gray-icon .icon {
    fill: #6b6b6b
}

.alert {
    align-items: flex-start;
    background: #eaf1fa;
    color: #333;
    display: flex;
    margin: 0;
    padding: 1.25rem
}

.alert__icon {
    color: #0064b4;
    flex-shrink: 0;
    margin: 0
}

.autocomplete-form {
    margin-right: 1.25rem;
    position: relative
}

.autocomplete-form__suggestions {
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 12
}

.autocomplete-form__item {
    cursor: pointer
}

.autocomplete-form__item:hover {
    background-color: #bbb
}

.autocomplete-form__suggestions {
    background-color: #fff;
    border: .0625rem solid #d5d5d5;
    border-radius: .375rem;
    box-shadow: 0 .625rem .625rem 0 rgba(0, 0, 0, .05);
    color: #000;
    margin-top: .25rem;
    width: 22.125rem
}

@media only screen and (min-width: 48rem) {
    .autocomplete-form__suggestions {
        font-size: 1.1875rem;
        line-height: 1.79
    }
}

.autocomplete-form__item {
    padding: 0
}

.autocomplete-form__item:hover {
    background: none;
    color: #f87373;
    text-decoration: underline
}

.autocomplete-form__field {
    position: relative
}

.autocomplete-form::-moz-placeholder {
    opacity: .3
}

.autocomplete-form::placeholder {
    opacity: .3
}

.autocomplete-form .autocomplete-form__clean-button {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.autocomplete-form__input-container {
    align-items: center;
    background-color: #fff;
    border: .0625rem solid #ababab;
    border-radius: .375rem;
    color: #202020;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    gap: .5rem;
    letter-spacing: 0;
    line-height: 1.625;
    max-height: 3rem;
    padding: .75rem 1rem;
    position: relative;
    z-index: 1
}

.autocomplete-form__input-container:hover {
    border-color: #fecf5b
}

.autocomplete-form__input-container:has(input:focus) {
    border-color: #fecf5b;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06), 0 0 0 .25rem #fff5de
}

.autocomplete-form__input-container:has(input:focus-visible) {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.autocomplete-form__input-container--disabled {
    background-color: #f3f3f3;
    border-color: #d5d5d5;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06);
    color: #6b6b6b
}

.autocomplete-form__input-container--disabled:hover {
    border-color: #d5d5d5
}

.autocomplete-form__input-container--disabled::-moz-placeholder {
    color: #6b6b6b
}

.autocomplete-form__input-container--disabled::placeholder {
    color: #6b6b6b
}

.autocomplete-form--small {
    margin-right: 0
}

.autocomplete-form--small:hover {
    background-color: #f3f3f3
}

.autocomplete-form--small .autocomplete-form__input {
    line-height: 1rem;
    padding: .75rem 2.5rem .75rem .875rem
}

.autocomplete-form--small .autocomplete-form__clean-button {
    line-height: 0;
    padding: .875rem
}

.autocomplete-form--small .autocomplete-form__clean-button:focus, .autocomplete-form--small .autocomplete-form__clean-button:hover {
    color: #6b6b6b
}

.autocomplete-form--small .autocomplete-form__icon {
    height: .75rem;
    width: .75rem
}

.autocomplete-form--customer-autocomplete .autocomplete-form__suggestions {
    min-width: 22.125rem;
    width: 100%
}

@media only screen and (min-width: 60.625rem) {
    .autocomplete-form--customer-autocomplete .autocomplete-form__suggestions {
        width: -moz-max-content;
        width: max-content
    }
}

.badge-element-item {
    border-bottom: .0625rem solid #f3f3f3;
    border-top: .0625rem solid #f3f3f3;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    justify-content: center;
    padding-bottom: 2rem;
    padding-top: 2rem;
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .badge-element-item {
        display: flex;
        flex-direction: row;
        gap: 3rem
    }
}

.badge-element-item__container {
    display: flex;
    justify-content: center
}

.badge-element-item__img {
    height: 5.625rem;
    width: 5.625rem
}

.badge-element-item__logo {
    display: flex;
    gap: 3rem
}

.badge-element-item__info {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: center
}

.badge-element-item__headline {
    color: #000;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.badge-element-item a {
    padding: 0
}

.banner__link:hover {
    color: #000;
    text-decoration: none
}

.breadcrumb {
    display: flex;
    flex-flow: row wrap;
    padding: 1.0625rem 0
}

.breadcrumb--bottom {
    border-bottom: none;
    border-top: .0625rem solid #6b6b6b
}

.breadcrumb--no-border {
    border: none
}

.breadcrumb--progress {
    border-bottom: none;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 0 3.5rem
}

@media only screen and (min-width: 40rem) {
    .breadcrumb--progress {
        padding-bottom: 3.75rem
    }
}

.breadcrumb--progress .breadcrumb-step__link {
    border: 0;
    padding: 0
}

.breadcrumb--single-breadcrumb .breadcrumb-step:last-child .breadcrumb-step__link {
    pointer-events: inherit
}

.breadcrumb--two-breadcrumb .breadcrumb-step:last-child .breadcrumb-step__link {
    color: #0c0a09
}

.breadcrumb--two-breadcrumb .breadcrumb-step:nth-last-child(2) .breadcrumb-step--separator {
    display: flex
}

.breadcrumb--checkout {
    padding-bottom: 0
}

.breadcrumb-step {
    color: tight;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .375rem;
    visibility: hidden
}

.breadcrumb-step--separator {
    align-items: center;
    display: flex;
    padding: 0 .5rem
}

.breadcrumb-step--separator i {
    padding: 0 .125rem
}

@media only screen and (min-width: 40rem) {
    .breadcrumb-step--separator {
        transform: rotate(180deg)
    }
}

.breadcrumb-step__link {
    color: #6b6b6b;
    padding: 0 .125rem
}

.breadcrumb-step__link:hover {
    color: #0c0a09;
    text-decoration: none
}

.breadcrumb-step__link:focus-visible {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .375rem #fff5de;
    color: #0c0a09;
    outline: .0625rem solid #000
}

@media only screen and (min-width: 40rem) {
    .breadcrumb-step:last-child .breadcrumb-step__link {
        color: #0c0a09;
        pointer-events: none
    }
}

@media only screen and (max-width: 39.9375rem) {
    .breadcrumb-step:nth-last-child(2) .breadcrumb-step--separator {
        display: none
    }
}

.breadcrumb-step:last-child .breadcrumb-step--separator {
    display: none
}

.breadcrumb-step--dots {
    color: #6b6b6b
}

.breadcrumb-step--chevron, .breadcrumb-step--dots {
    color: tight;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .4375rem;
    visibility: hidden
}

.breadcrumb-step--hidden {
    display: none
}

.breadcrumb-step--show {
    visibility: visible
}

.breadcrumb-step--active {
    color: #f2ac01
}

.breadcrumb-step--disabled:not(.breadcrumb-step--active) {
    color: #6b6b6b
}

.breadcrumb-step--progress {
    color: #202020;
    display: none;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: 0;
    padding: .5rem 1.0625rem 0;
    position: relative;
    visibility: visible
}

@media only screen and (min-width: 40rem) {
    .breadcrumb-step--progress {
        color: #202020;
        display: flex;
        font-size: .75rem;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.625
    }

    .breadcrumb-step--progress:after, .breadcrumb-step--progress:before {
        background-color: #bfbfbf;
        content: "";
        height: .0625rem;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

.breadcrumb-step--progress .breadcrumb-step__link {
    color: #2c2c2c
}

.breadcrumb-step--completed:after {
    background-color: #000
}

.breadcrumb-step--progress-active {
    color: #2c2c2c;
    display: flex
}

.breadcrumb-step--progress-active:before {
    opacity: .4
}

.breadcrumb-step--progress-active:after {
    background-color: #000;
    opacity: 1;
    width: 100%
}

.card, .card__container {
    position: relative
}

.card__container {
    padding-bottom: 2.5rem
}

.card__actions-container {
    bottom: .5rem;
    left: .5rem;
    margin: auto;
    position: absolute;
    right: .5rem
}

.card--stretch {
    height: 100%
}

.card__container {
    padding-bottom: 3.5rem
}

.cart-block__item {
    border-bottom: .0625rem solid #d5d5d5;
    padding: 1.125rem 0
}

.cart-block__image {
    width: 6.25rem
}

.cart-block__image .thumbnail {
    height: 3.75rem
}

.cart-block__item-content {
    margin-left: 0;
    padding-left: 1.25rem;
    width: calc(100% - 6.25rem)
}

.cart-block__name, .cart-block__price {
    font: 500 .9375rem/1.3 Open Sans, sans-serif
}

.cart-block__name {
    margin: 0 0 .3125rem
}

.cart-block__buttons-container {
    border-top: .0625rem solid #d5d5d5;
    padding-top: 1.25rem
}

.cart-block__button {
    padding-left: 0;
    padding-right: 0;
    width: calc(50% - .625rem)
}

.cart-block__item-option {
    font: .8125rem/1.3 Open Sans, sans-serif
}

.cart-block__item-option-text {
    display: inline-block;
    margin-left: .3125rem
}

.cart-block__total {
    padding: .625rem 0
}

.cart-block__total-text {
    font: 500 .875rem Open Sans, sans-serif;
    text-transform: uppercase
}

.cart-block__empty-text {
    border-bottom: .0625rem solid #d5d5d5;
    color: #fff;
    font: .9375rem/1.4 Open Sans, sans-serif;
    padding: 1.875rem 0
}

.cart-block__item-remove {
    font: .8125rem/1.3 Open Sans, sans-serif;
    opacity: .4;
    text-transform: capitalize
}

.cart-counter {
    display: inline-block
}

.cart-counter__quantity {
    background: #e2694a;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    min-width: 1.5rem;
    text-align: center
}

.cart-counter__quantity--hidden {
    display: none
}

.cart-counter--mobile {
    position: relative
}

.cart-counter__quantity {
    background: #fecf5b;
    color: #000;
    color: 7;
    font-size: .75rem;
    font-weight: 500;
    height: 1.125rem;
    letter-spacing: 0;
    line-height: 1.125rem;
    line-height: 1.625;
    min-width: 1.125rem;
    pointer-events: none;
    position: absolute;
    right: .25rem;
    top: .25rem
}

@media only screen and (min-width: 48rem) {
    .cart-counter__quantity {
        right: .25rem;
        top: .25rem
    }
}

.cart-items-counter__quantity {
    background-color: #e2694a;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    width: 1.5rem
}

.catalog-cms-block {
    color: #000;
    font-size: .875rem;
    line-height: 1.3125rem
}

.catalog-cms-block p {
    margin: 0 0 .6875rem
}

.catalog-cms-block li:focus-within {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    transition: box-shadow .25s ease-in-out
}

.page-loading .catalog-cms-block li:focus-within {
    transition: none
}

.catalog-cms-block a:hover {
    text-decoration: none
}

.catalog-cms-block__filter-tag {
    margin: unset;
    max-width: 100%;
    overflow: hidden
}

@media only screen and (min-width: 48rem) {
    .catalog-cms-block__filter-tag {
        padding: 0 2.5rem
    }
}

@media only screen and (min-width: 100rem) {
    .catalog-cms-block__filter-tag {
        margin: 0 auto;
        padding: 0 5rem;
        width: 130.625rem
    }
}

.catalog-cms-block--top .catalog-cms-block__inner {
    margin-bottom: -.6875rem;
    padding-top: .625rem
}

.catalog-cms-block--middle {
    display: none
}

@media only screen and (min-width: 64rem) {
    .catalog-cms-block--middle {
        display: block
    }
}

.catalog-cms-block--middle .catalog-cms-block__inner {
    padding-top: 3.125rem
}

.catalog-cms-block--bottom .catalog-cms-block__inner {
    padding-bottom: 6.25rem
}

@media only screen and (max-width: 63.9375rem) {
    .catalog-cms-block--bottom .catalog-cms-block__inner {
        padding-bottom: 3.125rem
    }
}

.category-card {
    padding: 0 .3125rem 2rem
}

.category-card__container {
    background-color: #e9e9e9
}

@media only screen and (min-width: 40rem) {
    .category-card {
        padding: 0 .9375rem 3.125rem
    }
}

.category-list-item {
    padding-bottom: 2rem;
    text-align: center
}

@media only screen and (min-width: 40rem) {
    .category-list-item {
        padding-bottom: 3.125rem;
        text-align: left
    }

    .category-list-item__actions {
        text-align: right
    }
}

.certification-banner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 1rem
}

.certification-banner__container {
    background-color: #f3f3f3
}

@media only screen and (min-width: 48rem) {
    .certification-banner {
        padding: 3rem 5rem
    }
}

.certification-banner-item__img {
    max-height: 2.5rem;
    width: auto
}

@media only screen and (min-width: 48rem) {
    .certification-banner-item__img {
        max-height: 5rem
    }
}

.certification-banner-item__link {
    display: flex;
    height: 100%
}

.checkbox-select-all {
    border-bottom: .0625rem solid #d5d5d5;
    display: inline-block;
    margin: 0 1.5rem 1.25rem 0;
    padding: .9375rem 0;
    position: relative;
    width: 100%
}

.checkbox-select-all__container {
    align-items: center;
    display: flex
}

.checkbox-select-all__box {
    align-self: flex-start;
    background-color: #fff;
    border: .0625rem solid #6b6b6b;
    border-radius: .125rem;
    display: inline-block;
    margin-right: .625rem;
    min-height: 1.125rem;
    min-width: 1.125rem;
    pointer-events: none;
    position: relative;
    text-align: center;
    vertical-align: top
}

.checkbox-select-all__check {
    height: 1.125rem;
    left: .1875rem;
    margin: 0;
    position: absolute;
    top: .1875rem;
    transition: opacity .3s ease;
    width: 1.125rem
}

.page-loading .checkbox-select-all__check {
    transition: none
}

.checkbox-select-all__input {
    align-self: flex-start;
    cursor: pointer;
    height: 1.125rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 1.125rem
}

.checkbox-select-all__input:focus-visible + .checkbox-select-all__box {
    border: .0625rem solid #6b6b6b;
    box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .375rem #fff5de;
    outline: .125rem solid #fff;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .checkbox-select-all__input:focus-visible + .checkbox-select-all__box {
    transition: none
}

.checkbox-select-all__input:not(:checked):hover + .checkbox-select-all__box .checkbox-select-all__check {
    color: #6b6b6b;
    transition: color .3s ease
}

.page-loading .checkbox-select-all__input:not(:checked):hover + .checkbox-select-all__box .checkbox-select-all__check {
    transition: none
}

.checkbox-select-all__input:checked + .checkbox-select-all__box {
    background-color: #0c0a09;
    border: .0625rem solid #0c0a09;
    transition: background-color .3s ease
}

.page-loading .checkbox-select-all__input:checked + .checkbox-select-all__box {
    transition: none
}

.checkbox-select-all__input:checked + .checkbox-select-all__box .checkbox-select-all__check {
    color: #fff;
    transition: color .3s ease
}

.page-loading .checkbox-select-all__input:checked + .checkbox-select-all__box .checkbox-select-all__check {
    transition: none
}

.checkbox-select-all__input:checked:hover + .checkbox-select-all__box {
    background-color: #565656;
    border: .0625rem solid #565656;
    transition: background-color .3s ease, border .3s ease
}

.page-loading .checkbox-select-all__input:checked:hover + .checkbox-select-all__box {
    transition: none
}

.checkbox-select-all__input:checked:focus-visible + .checkbox-select-all__box {
    border: .0625rem solid #0c0a09;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .checkbox-select-all__input:checked:focus-visible + .checkbox-select-all__box {
    transition: none
}

.checkbox-select-all__input:disabled + .checkbox-select-all__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5;
    cursor: not-allowed
}

.checkbox-select-all__input:disabled + .checkbox-select-all__box .checkbox-select-all__check {
    color: #f3f3f3
}

.checkbox-select-all__input:disabled + .checkbox-select-all__box + .checkbox-select-all__label {
    color: #ababab
}

.checkbox-select-all__input:disabled:checked + .checkbox-select-all__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5
}

.checkbox-select-all__input:disabled:checked + .checkbox-select-all__box .checkbox-select-all__check, .checkbox-select-all__input:disabled:checked:hover + .checkbox-select-all__box .checkbox-select-all__check {
    color: #ababab
}

.checkbox-select-all__input:disabled:hover {
    cursor: not-allowed
}

.checkbox-select-all__input:disabled:hover + .checkbox-select-all__box .checkbox-select-all__check {
    color: #f3f3f3
}

.checkbox-select-all .checkbox-select-all__check {
    height: auto;
    opacity: 1;
    pointer-events: none;
    transition: opacity .3s ease;
    width: auto
}

.page-loading .checkbox-select-all .checkbox-select-all__check {
    transition: none
}

.checkbox-select-all__checkbox-container {
    display: flex
}

.checkbox-select-all__label {
    color: #2c2c2c;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0
}

.checkbox-select-all--expand {
    display: block
}

.checkbox-select-all--error .checkbox-select-all__input:checked + .checkbox-select-all__box, .checkbox-select-all--error__box {
    background-color: #da0303;
    border: .0625rem solid #da0303
}

.checkbox-select-all--error .checkbox-select-all__input:hover + .checkbox-select-all__box {
    color: #da0303;
    transition: color .3s ease, background-color .3s ease
}

.page-loading .checkbox-select-all--error .checkbox-select-all__input:hover + .checkbox-select-all__box {
    transition: none
}

.checkbox-select-all--error:hover .checkbox-select-all__input + .checkbox-select-all__box .checkbox-select-all__check {
    color: #6b6b6b;
    transition: color .3s ease
}

.page-loading .checkbox-select-all--error:hover .checkbox-select-all__input + .checkbox-select-all__box .checkbox-select-all__check {
    transition: none
}

.checkbox-select-all--error:hover .checkbox-select-all__input:checked + .checkbox-select-all__box .checkbox-select-all__check {
    color: #fff
}

.checkbox-select-all--error .checkbox-select-all__box {
    border: .0625rem solid #da0303
}

.checkbox-select-all--big .checkbox-select-all__box {
    height: 1.25rem;
    width: 1.25rem
}

.checkbox-select-all--big .checkbox-select-all__check {
    height: .75rem;
    width: .75rem
}

.checkbox-select-all__container {
    position: relative
}

.checkbox-select-all__minus {
    color: #fff;
    height: .75rem;
    left: .25rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: .25rem;
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
    visibility: hidden;
    width: .75rem
}

.page-loading .checkbox-select-all__minus {
    transition: none
}

.checkbox-select-all__input:checked + .checkbox-select-all__box {
    background-color: #f2ac01;
    border: .0625rem solid #f2ac01
}

.checkbox-select-all__input:checked + .checkbox-select-all__box ~ .checkbox-select-all__check {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.checkbox-select-all__input:checked + .checkbox-select-all__box ~ .checkbox-select-all__minus {
    display: none
}

.checkbox-select-all__input--item-selected + .checkbox-select-all__box {
    background-color: #f2ac01;
    border: .0625rem solid #f2ac01
}

.checkbox-select-all__input--item-selected + .checkbox-select-all__box ~ .checkbox-select-all__minus {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.checkbox-select-all__input--item-selected + .checkbox-select-all__box ~ .checkbox-select-all__check {
    display: none
}

.cms-page__notification {
    color: #f87373;
    font-size: .9375rem
}

.cms-page .btn span {
    width: unset
}

.cms-page p:not([class]) {
    color: #202020;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin: 0 0 1rem;
    text-align: left
}

.cms-page p:not([class]):last-child {
    margin-bottom: 0
}

.cms-page div:not([class]), .cms-page span:not([class]) {
    text-align: left
}

.cms-page div:not([class]), .cms-page div:not([class]) span:not([class]), .cms-page span:not([class]), .cms-page span:not([class]) span:not([class]) {
    color: #202020;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page a.js-cookiebot-renew, .cms-page a:not([class]) {
    color: #0c0a09;
    font-weight: 500;
    -webkit-text-decoration: underline solid #0c0a09;
    text-decoration: underline solid #0c0a09;
    text-decoration-thickness: .0625rem;
    text-underline-offset: .25rem;
    transition: text-decoration-color .3s ease, color .3s ease
}

.page-loading .cms-page a.js-cookiebot-renew, .page-loading .cms-page a:not([class]) {
    transition: none
}

@media only screen and (min-width: 64rem) {
    .cms-page a.js-cookiebot-renew:hover, .cms-page a:not([class]):hover {
        color: #414141;
        text-decoration-color: #fecf5b
    }
}

.cms-page a.js-cookiebot-renew:focus-visible, .cms-page a:not([class]):focus-visible {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .375rem #fff5de;
    outline: .0625rem solid #000
}

.cms-page table {
    border-collapse: collapse;
    border-radius: .5rem;
    margin: 0 0 1rem;
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .cms-page table {
        max-width: 100%;
        min-width: 33%;
        width: auto
    }
}

.cms-page table th, .cms-page table thead {
    background-color: #f3f3f3
}

.cms-page table th {
    border-bottom: .0625rem solid #e9e9e9;
    color: #2c2c2c;
    font-size: .875rem;
    font-weight: 500;
    height: 3.5rem;
    letter-spacing: 0;
    line-height: 1.625;
    padding: 1rem .75rem;
    text-align: left;
    white-space: nowrap
}

.cms-page table th:first-child {
    border-left: .0625rem solid #e9e9e9;
    border-right: .0625rem solid #e9e9e9
}

.cms-page table td {
    border-bottom: .0625rem solid #e9e9e9;
    color: #2c2c2c;
    font-size: .875rem;
    font-weight: 400;
    height: 3.5rem;
    letter-spacing: 0;
    line-height: 1.625;
    padding: 1rem .75rem;
    text-align: left
}

.cms-page table tr {
    background-color: transparent
}

.cms-page table tr:first-child {
    border-top: .0625rem solid #e9e9e9
}

.cms-page table tr:last-child {
    border-bottom: .0625rem solid #e9e9e9
}

.cms-page .content-notice {
    background-color: #f3f3f3;
    border-radius: .5rem;
    margin-bottom: .5rem;
    padding: 1rem
}

.cms-page__title {
    color: #202020 !important;
    margin: 1.25rem auto 0
}

@media only screen and (min-width: 40rem) {
    .cms-page__title {
        margin: 3.75rem auto 0
    }
}

.cms-page__content {
    color: #202020 !important;
    margin-bottom: 2.5rem
}

@media only screen and (min-width: 40rem) {
    .cms-page__content {
        margin-bottom: 5rem
    }
}

.cms-page h1:not([class]), .cms-page h2:not([class]), .cms-page h3:not([class]), .cms-page h4:not([class]), .cms-page h5:not([class]) {
    text-align: left
}

.cms-page h1:not([class]):first-child, .cms-page h2:not([class]):first-child, .cms-page h3:not([class]):first-child, .cms-page h4:not([class]):first-child, .cms-page h5:not([class]):first-child {
    margin-top: 0
}

.cms-page .cms-page__title span[style*="font-size: 36px"], .cms-page h1:not([class]) {
    color: #202020;
    font-size: clamp(30px, 2.5vw + 16px, 48px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 2.5rem 0 1rem
}

.cms-page .cms-page__title span[style*="font-size: 24px"], .cms-page h2:not([class]) {
    color: #202020;
    font-size: clamp(24px, 2vw + 12px, 36px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 2.25rem 0 .875rem
}

.cms-page .cms-page__title span[style*="font-size: 18px"], .cms-page h3:not([class]) {
    color: #202020;
    font-size: clamp(20px, 1.8vw + 10px, 30px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 2rem 0 .75rem
}

.cms-page .cms-page__title span[style*="font-size: 14px"], .cms-page h4:not([class]) {
    color: #202020;
    font-size: clamp(18px, 1vw + 8px, 24px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 1.75rem 0 .625rem
}

.cms-page .cms-page__title span[style*="font-size: 12px"], .cms-page h5:not([class]) {
    color: #202020;
    font-size: clamp(18px, 1vw + 8px, 24px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 1.5rem 0 .5rem
}

.cms-page ol:not([class]), .cms-page ul:not([class]) {
    color: #202020;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    list-style-position: outside;
    margin: 0 0 1rem 1.5rem
}

@media only screen and (min-width: 48rem) {
    .cms-page ol:not([class]), .cms-page ul:not([class]) {
        max-width: calc(100% - 1.5rem)
    }
}

.cms-page ul:not([class]) ol:not([class]), .cms-page ul:not([class]) ul:not([class]) {
    margin: .5rem 0 0 1.5rem
}

.cms-page ul:not([class]) li {
    list-style-type: disc
}

.cms-page ol:not([class]) ol:not([class]), .cms-page ol:not([class]) ul:not([class]) {
    margin: .5rem 0 0 1.5rem
}

.cms-page ol:not([class]) li {
    list-style-type: decimal
}

.cms-page li {
    margin-bottom: .5rem
}

.cms-page li:last-child {
    margin-bottom: 0
}

.cms-page img {
    border-radius: .25rem
}

@media only screen and (min-width: 64rem) {
    .cms-page img.note-float-left {
        margin: 0 2rem 1rem 0
    }

    .cms-page img.note-float-right {
        margin: 0 0 1rem 2rem
    }
}

.cms-page figure {
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .cms-page figure:has(>img.note-float-left) {
        display: table;
        float: left;
        margin: 0 2rem 1rem 0
    }

    .cms-page figure:has(>img.note-float-right) {
        display: table;
        float: right;
        margin: 0 0 1rem 2rem
    }

    .cms-page figure:has(>img[style*="width: 25%"]) {
        width: 25%
    }

    .cms-page figure:has(>img[style*="width: 50%"]) {
        width: 50%
    }

    .cms-page figure:has(>img[style*="width: 100%"]) {
        width: 100%
    }
}

.cms-page figure > figcaption {
    color: #6b6b6b;
    display: block;
    font-size: .875rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    margin-top: .5rem;
    width: 100%
}

.cms-page figure:has(>img.note-float-left) > img, .cms-page figure:has(>img.note-float-right) > img {
    display: block;
    float: none !important;
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 100% !important
}

@media only screen and (min-width: 64rem) {
    .cms-page figure:has(>img.note-float-left) > figcaption, .cms-page figure:has(>img.note-float-right) > figcaption {
        caption-side: bottom;
        display: table-caption;
        margin-bottom: 0
    }
}

.cms-page .container {
    padding-left: 0;
    padding-right: 0
}

.cms-page .list {
    margin-left: 1.125rem
}

.cms-page .list--icon {
    margin-left: 0
}

.cms-page .list--icon ul {
    margin-left: 0 !important
}

.cms-page .list--icon li {
    list-style-type: none !important
}

.cms-page .faq-item, .cms-page .faq-item div {
    width: unset
}

.cms-page .text-image-item img {
    border-radius: 0
}

.cms-page .text-image-item div:not([class]), .cms-page .text-image-item p:not([class]), .cms-page .text-image-item span:not([class]) {
    color: inherit;
    text-align: inherit
}

.cms-page .text-image-item h1:not([class]), .cms-page .text-image-item h2:not([class]), .cms-page .text-image-item h3:not([class]), .cms-page .text-image-item h4:not([class]), .cms-page .text-image-item h5:not([class]), .cms-page .text-image-item ol:not([class]), .cms-page .text-image-item ul:not([class]) {
    color: inherit
}

.cms-page__header {
    padding: 1.875rem 0;
    text-align: center
}

.cms-page__h1--regular {
    font-weight: 400
}

.cms-page__h1--regular, .cms-page__h1--semibold {
    color: #202020;
    font-size: clamp(36px, 3vw + 18px, 60px);
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__h1--semibold {
    font-weight: 600
}

.cms-page__h2--regular {
    font-weight: 400
}

.cms-page__h2--regular, .cms-page__h2--semibold {
    color: #202020;
    font-size: clamp(30px, 2.5vw + 16px, 48px);
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__h2--semibold {
    font-weight: 600
}

.cms-page__h3--regular {
    font-weight: 400
}

.cms-page__h3--regular, .cms-page__h3--semibold {
    color: #202020;
    font-size: clamp(24px, 2vw + 12px, 36px);
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__h3--semibold {
    font-weight: 600
}

.cms-page__h4--regular {
    font-weight: 400
}

.cms-page__h4--regular, .cms-page__h4--semibold {
    color: #202020;
    font-size: clamp(20px, 1.8vw + 10px, 30px);
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__h4--semibold {
    font-weight: 600
}

.cms-page__h5--regular {
    font-weight: 400
}

.cms-page__h5--regular, .cms-page__h5--semibold {
    color: #202020;
    font-size: clamp(18px, 1vw + 8px, 24px);
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__h5--semibold {
    font-weight: 600
}

.cms-page__p--xlarge-regular {
    color: #202020;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25
}

.cms-page__p--xlarge-medium {
    color: #202020;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__p--large-regular {
    color: #202020;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25
}

.cms-page__p--large-medium {
    color: #202020;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__p--medium-regular {
    color: #202020;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25
}

.cms-page__p--medium-medium {
    color: #202020;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__p--small-regular {
    color: #202020;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25
}

.cms-page__p--small-medium {
    color: #202020;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__p--xsmall-regular {
    color: #202020;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25
}

.cms-page__p--xsmall-medium {
    color: #202020;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.cms-page__span {
    background-color: #f2ac01;
    color: #fff1cd;
    display: block;
    height: 1.25rem;
    margin-bottom: .25rem;
    text-align: center;
    width: 1.875rem
}

.cms-page__span--spacing-0 {
    width: 0
}

.cms-page__span--spacing-1 {
    width: .25rem
}

.cms-page__span--spacing-2 {
    width: .5rem
}

.cms-page__span--spacing-3 {
    width: .75rem
}

.cms-page__span--spacing-4 {
    width: 1rem
}

.cms-page__span--spacing-5 {
    width: 1.25rem
}

.cms-page__span--spacing-6 {
    width: 1.5rem
}

.cms-page__span--spacing-8 {
    width: 2rem
}

.cms-page__span--spacing-9 {
    width: 2.25rem
}

.cms-page__span--spacing-10 {
    width: 2.5rem
}

.cms-page__span--spacing-11 {
    width: 2.75rem
}

.cms-page__span--spacing-12 {
    width: 3rem
}

.cms-page__span--spacing-14 {
    width: 3.5rem
}

.cms-page__span--spacing-16 {
    width: 4rem
}

.cms-page__span--spacing-20 {
    width: 5rem
}

.cms-page__span--spacing-24 {
    width: 6rem
}

.cms-page__span--spacing-28 {
    width: 7rem
}

.cms-page__span--spacing-32 {
    width: 8rem
}

.cms-page__span--spacing-36 {
    width: 9rem
}

.cms-page__span--spacing-40 {
    width: 10rem
}

.cms-page__span--spacing-44 {
    width: 11rem
}

.cms-page__span--spacing-48 {
    width: 12rem
}

.cms-page__span--spacing-52 {
    width: 13rem
}

.cms-page__span--spacing-56 {
    width: 14rem
}

.cms-page__span--spacing-60 {
    width: 15rem
}

.cms-page__span--spacing-64 {
    width: 16rem
}

.cms-page__span--spacing-72 {
    width: 18rem
}

.cms-page__span--spacing-80 {
    width: 20rem
}

.cms-page__span--spacing-96 {
    width: 24rem
}

.cms-page .grid-esg {
    flex-wrap: wrap;
    margin-bottom: 1rem
}

@media only screen and (max-width: 39.9375rem) {
    .cms-page .grid-esg {
        flex-direction: column
    }
}

.cms-page .grid-esg > .col-esg {
    flex: 1;
    min-width: 0;
    width: auto
}

.cms-page .grid-esg > .col-esg--wide {
    flex: 2
}

.cms-page .grid-esg > .col-esg--wider {
    flex: 3
}

@media only screen and (max-width: 39.9375rem) {
    .cms-page .grid-esg > .col-esg {
        flex: none;
        width: 100%
    }
}

.cms-page .grid-esg > [class*=col-esg--]:not(.col-esg--wide,.col-esg--wider) {
    min-width: 0;
    width: auto
}

@media only screen and (max-width: 39.9375rem) {
    .cms-page .grid-esg > [class*=col-esg--]:not(.col-esg--wide,.col-esg--wider) {
        flex: none;
        width: 100%
    }
}

.cms-page__grid-esg {
    margin-bottom: 1rem
}

.cms-page__col-esg {
    height: 17.5rem;
    width: 100%
}

.cms-page__grid-container {
    display: grid;
    gap: .625rem;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:repeat(3, 1fr);
    max-width: 100%;
    padding-bottom: 1.5625rem
}

.cms-page__span--radius {
    align-items: center;
    background-color: #f2ac01;
    color: #fff1cd;
    display: flex;
    height: 6.25rem;
    justify-content: center;
    text-align: center;
    width: 12.5rem
}

.cms-page__span--rounded-sm {
    border-radius: .125rem
}

.cms-page__span--rounded {
    border-radius: .25rem
}

.cms-page__span--rounded-md {
    border-radius: .375rem
}

.cms-page__span--rounded-lg {
    border-radius: .5rem
}

.cms-page__span--rounded-xl {
    border-radius: .75rem
}

.cms-page__span--rounded-2xl {
    border-radius: 1rem
}

.cms-page__span--rounded-3xl {
    border-radius: 1.5rem
}

.cms-page__span--rounded-full {
    border-radius: 624.9375rem
}

.cms-page__span--rounded-circle {
    border-radius: 50%;
    height: 12.5rem;
    width: 12.5rem
}

.cms-page__span--rounded-none {
    border-radius: 0
}

.cms-page__grid-container-checkbox, .cms-page__grid-container-icons {
    display: grid;
    gap: .625rem;
    padding: 1.875rem
}

.cms-page__grid-container-checkbox--groups, .cms-page__grid-container-icons--groups {
    padding: 1.875rem
}

.cms-page__grid-container-icons {
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows:repeat(4, 1fr)
}

.cms-page__grid-container-checkbox {
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows:repeat(3, 1fr)
}

.cms-page__container-checkbox--groups_vertical {
    display: flex;
    flex-direction: column
}

.cms-page__grid-container-header {
    font-weight: 700
}

.cms-page__grid-container-header_subheadline {
    margin-bottom: 1rem
}

.cms-page__container {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    margin-bottom: 1.875rem
}

.cms-page__section {
    border: .0625rem solid #d5d5d5;
    border-radius: .3125rem;
    padding: 1.25rem
}

.cms-page__headline {
    color: #000
}

.cms-page__headline, .cms-page__headline--inverse {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .9375rem
}

.cms-page__headline--inverse {
    color: #fff
}

.cms-page__button-group {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

.cms-page__accordion {
    margin-bottom: 5rem
}

.cms-page__accordion--inverse {
    background-color: #0c0a09;
    border: .0625rem solid #d5d5d5;
    border-radius: .3125rem;
    padding: 1.25rem
}

.cms-page__fieldset-legend {
    color: #202020;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .625rem;
    padding-left: .625rem
}

.cms-page fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.cms-page .cms-page__fieldset-legend {
    color: #202020;
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .625rem;
    padding-left: .625rem
}

.cms-page__radio-group-section {
    margin-bottom: 1.875rem
}

.cms-page__radio-button-group {
    display: inline-block;
    font-size: 0;
    white-space: nowrap
}

.cms-page__radio-button-group-vertical .radio__container {
    display: block
}

.cms-page__radio-button-group-vertical .radio__container .radio__label {
    vertical-align: top
}

.cms-page__radio-button-group-horizontal .radio__container {
    display: inline-flex;
    margin-right: 1.5rem
}

.cms-page__radio-button-group-horizontal .radio__container .radio__label {
    vertical-align: top
}

.cms-page__radio-button-header {
    margin-bottom: .625rem
}

.cms-page__logo-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: center;
    margin-bottom: 1.875rem
}

.cms-page__logos {
    display: flex;
    gap: 2.5rem;
    justify-content: center;
    padding: 3.125rem 0
}

.cms-page__logo-container {
    border-radius: .75rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .05);
    padding: .625rem;
    text-align: center
}

.cms-page__logo-container--inverse {
    background-color: #2c2c2c;
    color: #fff
}

.cms-page__logo-title {
    color: #202020;
    color: #2c2c2c;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .5rem
}

.cms-page__logo-container--inverse .cms-page__logo-title {
    color: #fff
}

.cms-page__section-title {
    font-weight: 500;
    margin-bottom: 1.25rem;
    text-align: center
}

@media only screen and (min-width: 48rem) {
    .cms-page__lists {
        display: flex;
        justify-content: space-around;
        padding: 3.125rem 0
    }

    .cms-page__select-container {
        display: grid;
        gap: .625rem;
        grid-template-columns:repeat(4, 1fr)
    }
}

.cms-page__select {
    display: block;
    margin-bottom: 2.5rem
}

@media only screen and (min-width: 48rem) {
    .cms-page__select {
        display: inline-block
    }
}

.cms-page__flex-container {
    display: flex;
    justify-content: space-around;
    padding-top: 2.5rem
}

.cms-page__flex-container--inverse {
    background-color: #202020
}

.cms-page__hint-text {
    display: block;
    text-align: center
}

.collapsed-text {
    color: #2c2c2c;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    padding: 2rem 0
}

@media only screen and (min-width: 48rem) {
    .collapsed-text {
        padding: 2.5rem 0
    }
}

.collapsed-text__title {
    border-bottom: .0625rem solid #e9e9e9;
    color: #000;
    font-size: clamp(24px, 2vw + 12px, 36px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    padding: 1rem 0;
    text-align: left
}

.collapsed-text__container {
    border-bottom: .0625rem solid #e9e9e9;
    padding: 1.5rem 0 .75rem
}

.collapsed-text__container-btn {
    margin-left: -1rem
}

.collapsed-text__description-content {
    display: none
}

.collapsed-text .expanded {
    display: block
}

.collapsible-list__name {
    font: .8125rem/1.375rem Open Sans, sans-serif;
    letter-spacing: .125rem;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width: 770px) {
    .collapsible-list__name {
        padding-bottom: .3125rem;
        padding-top: .3125rem;
        width: 70%
    }
}

.collapsible-list__value {
    color: #6b6b6b;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    padding-bottom: .3125rem;
    width: 100%
}

@media only screen and (min-width: 770px) {
    .collapsible-list__value {
        padding-bottom: .3125rem;
        padding-top: .3125rem;
        width: 30%
    }
}

.collapsible-list--alternative .collapsible-list__name {
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: unset;
    padding-right: .3125rem;
    text-transform: unset
}

@media only screen and (min-width: 770px) {
    .collapsible-list--alternative .collapsible-list__name {
        font-size: 1rem;
        padding: 0 .3125rem 0 0;
        width: auto
    }
}

.collapsible-list--alternative .collapsible-list__value {
    font-size: .875rem
}

@media only screen and (min-width: 770px) {
    .collapsible-list--alternative .collapsible-list__value {
        font-size: 1rem;
        padding: 0;
        width: auto
    }
}

.contact-form-item {
    display: block
}

@media only screen and (min-width: 48rem) {
    .contact-form-item {
        display: flex
    }
}

.contact-form-item__img {
    border-radius: .25rem .25rem 0 0;
    height: 16.3125rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.contact-form-item__sidebar {
    border-top: .0625rem solid #d5d5d5;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-top: 2.5rem;
    padding-top: 2.5rem
}

@media only screen and (min-width: 48rem) {
    .contact-form-item__sidebar {
        border-left: .0625rem solid #d5d5d5;
        border-top: none;
        margin-left: 2.5rem;
        margin-top: 0;
        padding-left: 2.5rem;
        padding-top: 0
    }
}

.contact-form-item__img-container {
    background-color: #f3f3f3;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .contact-form-item__img-container {
        width: 17.5rem
    }
}

.contact-form-item__contact-details-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 0 1rem .5rem
}

.contact-form-item__contact-details {
    display: flex;
    flex-direction: column
}

.contact-form-item__name {
    color: #202020;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.contact-form-item__position {
    color: #6b6b6b;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.contact-form-item__headline {
    color: #202020;
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.contact-form-item__textarea {
    color: #2c2c2c;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    white-space: pre-line;
    word-wrap: break-word
}

.contact-form-item__textarea-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .contact-form-item__textarea-container {
        width: 15.5rem
    }
}

.contact-form-item a {
    padding: 0;
    text-decoration: underline;
    text-underline-offset: .1875rem
}

.contact-form-item__link-wrapper {
    display: flex;
    gap: .25rem
}

.contact-form-item__link-wrapper a {
    color: #000;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.select {
    background-color: #fff;
    border-radius: .125rem;
    display: inline-block;
    max-width: 100%;
    position: relative;
    transition: border-color .25s ease-in-out
}

.page-loading .select {
    transition: none
}

.select__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: .25rem solid transparent;
    border-right-width: 1.5rem;
    color: #000;
    display: block;
    font: 400 1rem/1.125rem Open Sans, sans-serif;
    padding: .625rem;
    width: 100%
}

.select__select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.select__caret {
    color: #000;
    pointer-events: none;
    position: absolute;
    right: .625rem;
    top: 50%;
    transform: translateY(-50%)
}

.select--expand {
    display: block;
    width: 100%
}

.select--hollow {
    background-color: transparent;
    border: none
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 8px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    border: none;
    box-sizing: border-box;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
    padding: 4px;
    width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    background-color: #fff;
    border: 0;
    display: block;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: 0
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
    outline: 0
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    border: none;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    box-shadow: none;
    outline: 0
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.custom-select {
    background-color: #fff;
    border-radius: .125rem;
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    position: relative;
    transition: border-color .25s ease-in-out
}

.page-loading .custom-select {
    transition: none
}

.custom-select__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: .25rem solid transparent;
    border-right-width: 1.5rem;
    color: #000;
    display: block;
    font: 400 1rem/1.125rem Open Sans, sans-serif;
    padding: .625rem;
    width: 100%
}

.custom-select__select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.custom-select__caret {
    color: #000;
    pointer-events: none;
    position: absolute;
    right: .625rem;
    top: 50%;
    transform: translateY(-50%)
}

.custom-select--expand {
    display: block;
    width: 100%
}

.custom-select--hollow {
    background-color: transparent;
    border: none
}

.custom-select .select2 {
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .custom-select__select--hollow {
        padding: 0
    }
}

.custom-select__select--header {
    border-bottom: .1875rem;
    border-top: .1875rem;
    color: #d5d5d5;
    padding: 0
}

.custom-select__select--side-drawer {
    color: #000
}

.custom-select .select2-selection:focus, .custom-select .select2-selection:focus-visible {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    outline: 0
}

.custom-select__label {
    color: #202020;
    font-weight: 500;
    padding-bottom: .3125rem
}

.custom-select__label, .custom-select__optional-text {
    display: block;
    font-size: .75rem;
    letter-spacing: 0;
    line-height: 1.625
}

.custom-select__optional-text {
    color: #6b6b6b;
    font-weight: 400;
    padding-top: .3125rem
}

.custom-select__caret {
    right: .9375rem
}

@media only screen and (max-width: 47.9375rem) {
    .custom-select .select2-container {
        z-index: 1000
    }
}

.custom-select .select2-container--default .select2-selection--single {
    border: .0625rem solid #6b6b6b;
    border-radius: .25rem
}

.custom-select .select2-container--default .select2-selection--single:hover {
    border-color: #fecf5b
}

.custom-select .select2-container--default .select2-selection--single:focus-visible {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.custom-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6b6b6b;
    line-height: 1.625
}

.custom-select .select2-selection--single {
    background: none;
    border-radius: .25rem;
    height: -moz-fit-content;
    height: fit-content;
    padding: .75rem 1rem;
    text-overflow: ellipsis
}

.custom-select .select2-selection--single .select2-selection__rendered {
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    min-height: 1.375rem;
    padding-left: 0;
    text-align: left
}

.custom-select .select2-selection--single .select2-selection__arrow {
    display: none
}

.custom-select:has(.select2-container--readonly) {
    cursor: not-allowed
}

.custom-select .select2-container--disabled, .custom-select .select2-container--readonly {
    pointer-events: none;
    touch-action: none
}

.custom-select .select2-container--disabled .select2-selection__rendered, .custom-select .select2-container--readonly .select2-selection__rendered {
    color: #ababab
}

.custom-select .select2-container--disabled .select2-selection--single, .custom-select .select2-container--readonly .select2-selection--single {
    background-color: #f3f3f3;
    border-color: #d5d5d5 !important;
    cursor: default
}

.custom-select .select2-container--disabled .select2-selection--single .select2-selection__clear, .custom-select .select2-container--readonly .select2-selection--single .select2-selection__clear {
    display: none
}

.custom-select .select2-container--disabled .select2-selection--single:hover, .custom-select .select2-container--readonly .select2-selection--single:hover {
    border-color: #d5d5d5
}

.custom-select .select2-container--disabled .select2-selection--single i, .custom-select .select2-container--disabled .select2-selection__placeholder, .custom-select .select2-container--disabled + .fontawesome-icon i, .custom-select .select2-container--readonly .select2-selection--single i, .custom-select .select2-container--readonly .select2-selection__placeholder, .custom-select .select2-container--readonly + .fontawesome-icon i {
    color: #ababab
}

.custom-select .select2-container--open {
    background: #fff;
    border-radius: .25rem;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06), 0 0 0 .25rem #fff5de
}

.custom-select .select2-container--open .select2-selection--single {
    border-color: #fecf5b
}

.custom-select .select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.custom-select .select2-container--open + .fontawesome-icon i {
    transform: rotate(180deg);
    transition: transform .25s ease-in-out
}

.page-loading .custom-select .select2-container--open + .fontawesome-icon i {
    transition: none
}

.custom-select--hollow .select2-selection {
    text-align: right
}

.custom-select--hollow .select2-selection--single {
    padding: 0 .25rem
}

.custom-select--hollow .custom-select__caret {
    right: .25rem;
    z-index: 1000
}

.custom-select--error .select2-container--default .select2-selection--single {
    border-color: #da0303
}

.custom-select--discount .select2-selection {
    padding: 0
}

.custom-select--discount .custom-select__caret {
    right: 0
}

.custom-select--header .custom-select__caret, .custom-select--header .select2-selection--single .select2-selection__rendered {
    color: #d5d5d5
}

.custom-select--pop .select2-selection__placeholder, .custom-select--side-drawer .custom-select__caret, .custom-select--side-drawer .select2-selection--single .select2-selection__rendered {
    color: #000
}

.custom-select--custom-icon .custom-select__caret {
    right: 0
}

.custom-select--data-table .select2-selection.select2-selection--single {
    border: none
}

.custom-select--data-table i {
    color: #6b6b6b;
    font-size: .75rem
}

.custom-select--sort-by-select .select2-selection .select2-selection__rendered {
    text-align: right;
    width: 100%
}

@media only screen and (min-width: 34.375rem) {
    .custom-select--sort-by-select {
        min-width: 20rem
    }
}

.select2-container--default .select2-results__option {
    color: #2c2c2c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    min-height: 2.375rem;
    padding: .375rem 1.25rem .375rem .625rem
}

.select2-container--default .select2-results__option:focus-visible {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.select2-container--default .select2-results__option:first-child {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.select2-container--default .select2-results__option:last-child {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f3f3f3;
    color: #2c2c2c
}

.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
    color: #000
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: none;
    color: #000;
    position: relative
}

.select2-container--default .select2-results__option[aria-selected=true]:before {
    content: url(/assets/current/default/images/check.svg);
    position: absolute;
    right: .625rem
}

.select2-results__option {
    color: #2c2c2c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    min-height: 2.375rem;
    padding: .375rem 1.25rem .375rem .625rem
}

.select2-results__option:focus-visible {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.select2-results__option:first-child {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.select2-results__option:last-child {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.select2-results__option--highlighted[aria-selected] {
    background-color: #f3f3f3;
    color: #2c2c2c
}

.select2-results__option--highlighted[aria-selected=true] {
    color: #000
}

.select2-results__option[aria-selected=true] {
    background: none;
    color: #000;
    position: relative
}

.select2-results__option[aria-selected=true]:before {
    content: url(/assets/current/default/images/check.svg);
    position: absolute;
    right: .625rem
}

.select2-container .select2-results {
    background-color: #fff;
    border: .0625rem solid #d5d5d5;
    border-radius: .375rem;
    box-shadow: .625rem .625rem 1.625rem 0 rgba(0, 0, 0, .05), 0 0 1.875rem 0 rgba(0, 0, 0, .05);
    position: relative
}

.select2-container .select2-results__options {
    max-height: 15.625rem;
    overflow-y: auto
}

.select2-container .select2-results__options::-webkit-scrollbar {
    width: .9375rem
}

.select2-container .select2-results__options::-webkit-scrollbar-thumb {
    background: #e9e9e9;
    background-clip: padding-box;
    border: .25rem solid transparent;
    border-radius: .5rem
}

.select2-container--secondary .select2-results {
    border: none;
    padding: .75rem 0;
    transform: translateX(-2rem);
    width: calc(100% + 3rem)
}

.select2-container--secondary .select2-results__option[aria-selected=true]:before {
    right: 1.4375rem
}

.select2-container--secondary .select2-dropdown--below {
    box-shadow: .625rem .625rem 1.625rem 0 rgba(0, 0, 0, .05), 0 0 1.875rem 0 rgba(0, 0, 0, .05), 0 -.625rem 1.875rem 0 rgba(0, 0, 0, .05)
}

.select2-container .select2-search--dropdown {
    padding: 0
}

.select2-container .select2-search--dropdown .select2-search__field {
    border: .0625rem solid #6b6b6b;
    border-radius: .25rem;
    box-sizing: border-box;
    color: #202020;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .25rem;
    padding: .375rem 1.25rem .375rem .625rem;
    width: 100%
}

.select2-container .select2-search--dropdown .select2-search__field:hover {
    border-color: #fecf5b
}

.select2-container .select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-container--open .select2-dropdown {
    background: none;
    border: none;
    margin: .75rem 0;
    z-index: 1000
}

.select2-container--open .select2-dropdown--header {
    z-index: 403
}

.xdsoft_datetimepicker {
    background: #fff;
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    box-sizing: border-box;
    color: #333;
    display: none;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 9999
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    background: transparent;
    border: 0;
    height: 210px;
    left: 0;
    position: absolute;
    top: 0;
    width: 75px
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    box-shadow: none;
    display: inline-block;
    position: static
}

.xdsoft_datetimepicker * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    float: left;
    margin-left: 8px;
    width: 224px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-left: 0;
    margin-right: 8px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    float: left;
    margin-left: 8px;
    margin-top: 0;
    text-align: center;
    width: 58px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-left: 0;
    margin-right: 8px
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-bottom: 3px;
    margin-top: 8px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    background-position: -92px -19px;
    display: inline-block;
    height: 20px;
    opacity: .5;
    vertical-align: middle;
    width: 9px
}

.xdsoft_datetimepicker .xdsoft_prev {
    background-position: -20px 0;
    float: left
}

.xdsoft_datetimepicker .xdsoft_today_button {
    background-position: -70px 0;
    float: left;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    background-position: 0 0;
    float: right
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    display: block;
    -ms-filter: "alpha(opacity=50)";
    height: 30px;
    min-width: 0;
    opacity: .5;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px -15px;
    display: block;
    float: none;
    height: 15px;
    margin-left: 14px;
    margin-top: 7px;
    width: 30px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #ddd;
    height: 151px;
    overflow: hidden
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f5f5f5;
    border-bottom-width: 0;
    border-collapse: collapse;
    border-top: 1px solid #ddd;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover {
    -ms-filter: "alpha(opacity=100)";
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    background-color: #fff;
    cursor: pointer;
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    padding: 5px 3px;
    position: relative;
    text-align: center;
    width: 182px;
    z-index: 9999
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    max-height: 160px;
    overflow-y: hidden;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: #ff8000;
    color: #fff
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #3af;
    box-shadow: inset 0 1px 3px 0 #178fe5;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    text-align: right;
    width: 100px
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    margin-left: 5px;
    width: 48px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-collapse: collapse;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    width: 14.2857142%
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: inset 0 1px 4px 0 #ffb871;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: inset 0 1px 4px 0 #00dd1c;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #3af;
    box-shadow: inset 0 1px 3px 0 #178fe5;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    cursor: default;
    -ms-filter: "alpha(opacity=50)";
    opacity: .5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    -ms-filter: "alpha(opacity=20)";
    opacity: .2
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #ff8000 !important;
    box-shadow: none !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #3af !important;
    box-shadow: inset 0 1px 3px 0 #178fe5 !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    background: inherit !important;
    box-shadow: inherit !important;
    color: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    color: #999;
    cursor: default;
    font-weight: 700;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_copyright {
    clear: both;
    color: #ccc !important;
    float: none;
    font-size: 10px;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    border: 1px solid #ccc;
    position: relative
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    border-radius: 3px;
    height: 20px
}

.xdsoft_scrollbar {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    background: #000;
    border: 1px solid;
    border-color: #333 #333 #444;
    box-shadow: 0 5px 15px -5px hsla(0, 0%, 100%, .506);
    color: #ccc
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    background: #000;
    border: 1px solid #333
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: #007fff;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #c50;
    box-shadow: inset 0 1px 3px 0 #b03e00;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: inset 0 1px 4px 0 #ffb871;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: inset 0 1px 4px 0 #00dd1c;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #c50;
    box-shadow: inset 0 1px 3px 0 #b03e00;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #007fff !important;
    color: #000 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    border: 1px solid #ddd !important;
    color: #454551;
    display: block;
    font-size: 13px;
    margin-top: 5px;
    width: 100%
}

.xdsoft_datetimepicker .blue-gradient-button {
    background: linear-gradient(180deg, #fff 0, #f4f8fa 73%);
    border: 1px solid #d7d8da;
    color: #82878c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#f4f8fa", GradientType=0);
    font-family: museo-sans, Book Antiqua, sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 28px;
    padding: 4px 17px 4px 33px;
    position: relative
}

.xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span {
    background: linear-gradient(180deg, #f4f8fa 0, #fff 73%);
    color: #454551;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa", endColorstr="#FFF", GradientType=0)
}

.date-time-picker__content {
    position: relative
}

.date-time-picker__icon {
    fill: #000;
    bottom: 1rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    width: 1.125rem
}

.date-time-picker .input {
    font: 500 .9375rem/1.0625rem Open Sans, sans-serif;
    height: 3rem;
    padding: .625rem 1.25rem
}

.date-time-picker--with-icon .input {
    padding-right: 2.5rem
}

.display-address__item {
    letter-spacing: -.01125rem;
    line-height: 1.75rem
}

.display-address__item-text {
    color: #202020;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.endless-scroll {
    display: flex;
    max-height: 100%;
    overflow: hidden
}

.endless-scroll__scroll-container {
    overflow-y: auto;
    width: 100%
}

.endless-scroll__loader {
    position: relative
}

.esg-datatable .dataTable {
    margin: 1rem 0
}

.esg-datatable__thead {
    background-color: #f3f3f3
}

.esg-datatable__thead th {
    font-weight: 500
}

.esg-datatable__tbody td, .esg-datatable__thead th {
    color: #2c2c2c;
    font-size: .875rem;
    height: 3.5rem;
    letter-spacing: 0;
    padding: 1rem .75rem;
    text-align: left
}

.esg-datatable__tbody td {
    border-bottom: .0625rem solid #f3f3f3;
    font-weight: 400;
    line-height: 1.625
}

.esg-datatable__search-wrapper {
    justify-self: end;
    margin-left: auto;
    padding: .5rem;
    position: relative
}

.esg-datatable__search-icon {
    color: #959595;
    left: 1rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.esg-datatable__search-input {
    background-color: #fff;
    border: .0625rem solid #6b6b6b;
    border-radius: .25rem;
    color: #000;
    font-size: 1rem;
    height: 3rem;
    min-width: 17.75rem;
    padding: .75rem 1rem .75rem 2.5rem
}

.esg-datatable__search-input::-moz-placeholder {
    color: #ababab
}

.esg-datatable__search-input::placeholder {
    color: #ababab
}

.esg-datatable__search-input.is-mouse-focus {
    border-color: #fecf5b;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .06), 0 0 0 .25rem #fff5de
}

.esg-datatable__search-input.is-keyboard-focus {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.esg-datatable__search-input:active {
    box-shadow: none
}

.esg-datatable__length-label {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.esg-datatable__length-wrapper {
    align-items: baseline;
    display: flex;
    gap: .375rem
}

.esg-datatable__length-select {
    color: #202020;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.esg-datatable__length-select .select2-selection.select2-selection--single {
    height: -moz-fit-content;
    height: fit-content
}

.esg-datatable__results {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.esg-datatable__info-wrapper {
    height: 2.5rem;
    margin-right: .25rem
}

.esg-datatable__headline-search-wrapper, .esg-datatable__info-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.esg-datatable .dt-paging {
    padding: 1rem 0 2.5rem
}

.esg-datatable .dt-paging nav {
    display: flex;
    gap: .75rem;
    justify-content: center
}

.esg-datatable th.dt-orderable-asc, .esg-datatable th.dt-orderable-desc {
    cursor: pointer;
    position: relative
}

.esg-datatable th.dt-orderable-asc .dt-column-header, .esg-datatable th.dt-orderable-desc .dt-column-header {
    display: flex
}

.esg-datatable th.dt-orderable-asc .dt-column-title, .esg-datatable th.dt-orderable-desc .dt-column-title {
    border-radius: .125rem;
    padding-right: 1.75rem
}

.esg-datatable th.dt-orderable-asc .dt-column-title:after, .esg-datatable th.dt-orderable-desc .dt-column-title:after {
    color: #6b6b6b;
    content: "";
    font-family: Font Awesome\ 6 Pro, sans-serif;
    font-weight: 400;
    margin-left: .5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.esg-datatable th.dt-orderable-asc .dt-column-title:focus, .esg-datatable th.dt-orderable-desc .dt-column-title:focus {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.esg-datatable th.dt-ordering-asc .dt-column-title:after {
    content: ""
}

.esg-datatable th.dt-ordering-desc .dt-column-title:after {
    content: ""
}

.esg-datatable .dt-paging-button {
    background-color: #fff;
    border: .0625rem solid #2c2c2c;
    border-radius: .25rem;
    color: #2c2c2c;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    height: 3rem;
    letter-spacing: 0;
    line-height: 1.625;
    padding: .625rem 1rem .875rem;
    width: 3rem
}

.esg-datatable .dt-paging-button.current {
    background-color: #2c2c2c;
    color: #fff
}

.esg-datatable .dt-paging-button.next, .esg-datatable .dt-paging-button.previous {
    font-size: 1rem
}

.esg-datatable .dt-paging-button.disabled {
    border: .0625rem solid #959595;
    color: #959595;
    cursor: default
}

.esg-datatable .dt-paging-button:focus {
    background-color: #fff;
    border: .0625rem solid #fecf5b;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    color: #000
}

.esg-datatable--no-header .esg-datatable__header-container {
    display: none
}

@media only screen and (min-width: 40rem) {
    .facts-and-benefits {
        display: grid;
        gap: 3rem;
        grid-template-columns:repeat(auto-fit, minmax(21.25rem, 1fr));
        text-align: center
    }
}

@media only screen and (min-width: 48rem) {
    .facts-and-benefits {
        grid-template-columns:1fr
    }
}

@media only screen and (min-width: 80rem) {
    .facts-and-benefits {
        gap: 5rem;
        grid-template-columns:repeat(auto-fit, minmax(21.25rem, 1fr))
    }
}

.facts-and-benefits-item__container {
    display: flex;
    margin-bottom: 1rem
}

@media only screen and (min-width: 40rem) {
    .facts-and-benefits-item__container {
        flex-direction: column;
        margin-bottom: 0
    }
}

.facts-and-benefits-item__icon {
    background-color: #414141;
    border: .125rem solid #fff;
    border-radius: 624.9375rem;
    height: 2.875rem;
    margin-right: 1.5rem;
    min-width: 2.875rem;
    outline: .0625rem solid #f3f3f3;
    position: relative
}

@media only screen and (min-width: 40rem) {
    .facts-and-benefits-item__icon {
        margin: 0 auto .75rem;
        min-width: unset;
        width: 2.875rem
    }
}

@media only screen and (min-width: 64rem) {
    .facts-and-benefits-item__icon {
        margin: 0 auto 1.5rem
    }
}

.facts-and-benefits-item__icon--primary {
    height: -moz-max-content;
    height: max-content;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: -moz-max-content;
    width: max-content
}

.facts-and-benefits-item__icon--secondary {
    align-items: center;
    background-color: #f2ac01;
    border-radius: 624.9375rem;
    bottom: -.25rem;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    position: absolute;
    right: -.25rem;
    width: 1.25rem
}

.facts-and-benefits-item__title {
    color: #202020;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .75rem
}

@media only screen and (min-width: 48rem) {
    .facts-and-benefits-item__title {
        color: #202020;
        font-size: 1.25rem;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.625
    }
}

.facts-and-benefits-item__content {
    color: #414141;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

@media only screen and (min-width: 48rem) {
    .facts-and-benefits-item__content {
        color: #414141;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.625
    }
}

.faq-accordion {
    width: 100%
}

@media only screen and (min-width: 60.625rem) {
    .faq-accordion {
        display: flex;
        justify-content: space-between
    }

    .faq-accordion__content {
        max-width: 25%;
        min-width: 25%
    }
}

.faq-accordion__title {
    color: #0c0a09;
    font-size: clamp(24px, 2vw + 12px, 36px);
    font-weight: 400;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: 2rem;
    word-wrap: break-word
}

@media only screen and (min-width: 48rem) {
    .faq-accordion__title {
        margin-bottom: 1.5rem
    }
}

.faq-accordion__item {
    margin-bottom: 2rem
}

@media only screen and (min-width: 60.625rem) {
    .faq-accordion__item {
        max-width: 75%;
        min-width: 75%;
        padding-left: 2.5rem
    }
}

.faq-accordion__item .toggler-item .title {
    color: #0c0a09;
    font-size: 1rem;
    padding: 1rem 3.25rem 1rem .75rem
}

.faq-accordion__item .toggler-item__container--inner {
    padding: .75rem 2.875rem 1.5rem .75rem
}

@media only screen and (min-width: 48rem) {
    .faq-accordion__btn-mobile {
        display: none
    }
}

.faq-accordion .faq-item:not(:last-child) .toggler-item {
    border-bottom: none
}

.faq-accordion--dynamic-content-accordion .faq-accordion__item {
    max-width: 100%;
    min-width: 100%;
    padding-left: 0
}

.filter-category--sidebar {
    padding-bottom: .25rem
}

.filter-category .filter-category:not(.is-collapsed) {
    display: grid;
    grid-template-rows:1fr;
    transition: .25s ease ease-in-out, .3s ease-in-out .25s, grid-template-rows .25s ease-in-out
}

.page-loading .filter-category .filter-category:not(.is-collapsed) {
    transition: none
}

.filter-category > * {
    overflow: hidden
}

.filter-category .filter-category__item {
    font: 400 .9375rem Open Sans, sans-serif;
    margin: 0 .75rem
}

.filter-category .filter-category__item--level-1 {
    margin: 0
}

.filter-category .filter-category__item [disabled] {
    color: #2c2c2c
}

.filter-category__secondary {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-top: .25rem
}

.filter-category .filter-category__link {
    background: transparent;
    color: #000;
    cursor: pointer;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin: .25rem 0 .75rem .25rem
}

.filter-category .filter-category__link--disabled, .filter-category .filter-category__link[disabled] {
    color: #000;
    cursor: default
}

.filter-category .filter-category__link--active {
    text-decoration: underline;
    text-decoration-color: #fecf5b;
    text-underline-offset: .25rem
}

.filter-category .filter-category__link:focus-visible:focus-visible {
    border-radius: .25rem;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    transition: outline .3s ease, background-color .3s ease, box-shadow .3s ease, border .3s ease
}

.page-loading .filter-category .filter-category__link:focus-visible:focus-visible {
    transition: none
}

.filter-category .is-collapsed {
    display: grid;
    grid-template-rows:0fr;
    overflow: hidden;
    transition: .25s ease ease-in-out, .3s ease-in-out .25s, grid-template-rows .25s ease-in-out
}

.page-loading .filter-category .is-collapsed {
    transition: none
}

.filter-category .is-collapsed .filter-category__item {
    display: none
}

.filter-category .filter-category__item-inner {
    display: flex;
    justify-content: space-between
}

.filter-category__filter-accordion {
    display: flex;
    gap: .75rem
}

.filter-category .filter-category__item-extender {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    height: 1.125rem;
    margin: .25rem;
    position: relative;
    width: 1.125rem
}

.filter-category .filter-category__item-extender:after, .filter-category .filter-category__item-extender:before {
    background-color: #202020;
    border-radius: .0625rem;
    content: "";
    position: absolute;
    transition: .25s ease ease-in-out, .3s ease-in-out .25s, transform .25s ease-in-out
}

.page-loading .filter-category .filter-category__item-extender:after, .page-loading .filter-category .filter-category__item-extender:before {
    transition: none
}

.filter-category .filter-category__item-extender:before {
    height: .125rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .75rem
}

.filter-category .filter-category__item-extender:after {
    height: .75rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .125rem
}

.filter-category .filter-category__item-extender--active:after {
    transform: scaleY(0) translate(-50%, -50%)
}

.filter-category .filter-category__item-extender:focus-visible:focus-visible {
    border-radius: .25rem;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    transition: outline .3s ease, background-color .3s ease, box-shadow .3s ease, border .3s ease
}

.page-loading .filter-category .filter-category__item-extender:focus-visible:focus-visible {
    transition: none
}

.filter-color__item:last-child {
    margin-right: 0
}

.filter-enumeration--sidebar {
    padding-bottom: .875rem
}

.filter-rating {
    align-items: baseline;
    display: flex
}

.filter-rating--sidebar {
    padding-bottom: 1rem
}

.flash-message {
    align-items: center;
    border-radius: 624.9375rem;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .15);
    color: #fff;
    cursor: pointer;
    display: none;
    font-family: Open Sans, sans-serif;
    font-size: 17px;
    gap: .625rem;
    max-width: 30rem;
    opacity: 0;
    padding: .625rem 1.25rem;
    transform: translateY(-1rem);
    transition: opacity .5s ease, transform .5s ease;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .flash-message {
        max-width: 40vw;
        width: 40vw
    }
}

.flash-message__icon {
    flex-shrink: 0;
    line-height: 1
}

.flash-message__text {
    font-size: .875rem;
    line-height: 1.4
}

.flash-message__close {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
    margin-left: auto;
    padding: 0
}

.flash-message--hiding, .flash-message--show {
    display: flex;
    margin-bottom: .5rem
}

.flash-message--hiding.flash-message--info, .flash-message--show.flash-message--info {
    background-color: #194b84
}

.flash-message--hiding.flash-message--warning, .flash-message--show.flash-message--warning {
    background-color: #c34706
}

.flash-message--hiding.flash-message--success, .flash-message--show.flash-message--success {
    background-color: #317e31
}

.flash-message--hiding.flash-message--alert, .flash-message--show.flash-message--alert {
    background-color: #c60303
}

.flash-message--show {
    opacity: 1;
    transform: translateY(0)
}

.footer-logo {
    margin: -.3125rem 0 .3125rem
}

.footer-logo__link {
    display: block;
    width: 5.625rem
}

@media only screen and (min-width: 40rem) {
    .footer-logo__link {
        width: 6.375rem
    }
}

.footer-logo__image {
    display: inline-block;
    vertical-align: top
}

.form__fields {
    display: grid;
    gap: 1.5rem;
    grid-template-columns:1fr
}

.form--remove-asterisk .toggler-radio__container .label--required:after {
    content: none
}

.form__field {
    grid-column: 1/-1;
    min-width: 0
}

.form__field--review {
    padding: 0
}

@media only screen and (min-width: 40rem) {
    .form__field--review-rating {
        padding: 1.25rem 0 0 1.5625rem
    }

    .form__field--md-2 {
        grid-column: span 2
    }

    .form__field--md-3 {
        grid-column: span 3
    }

    .form__field--md-4 {
        grid-column: span 4
    }

    .form__field--md-5 {
        grid-column: span 5
    }

    .form__field--md-6 {
        grid-column: span 6
    }

    .form__field--md-8 {
        grid-column: span 8
    }
}

@media only screen and (min-width: 48rem) {
    .form__field--lg-3 {
        grid-column: span 3
    }

    .form__field--lg-4 {
        grid-column: span 4
    }

    .form__field--lg-5 {
        grid-column: span 5
    }

    .form__field--lg-6 {
        grid-column: span 6
    }

    .form__field--lg-8 {
        grid-column: span 8
    }

    .form__field--lg-9 {
        grid-column: span 9
    }
}

.form__field--align-end {
    align-self: end
}

.form--50 {
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .form--50 {
        width: 50%
    }
}

.form--33 {
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .form--33 {
        width: 33.3%
    }
}

.form--35 {
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .form--35 {
        width: 35%
    }
}

.form--66 {
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .form--66 {
        width: 66.7%
    }
}

.form--full-width {
    width: 100%
}

.form--grid-checkout-address .form__fields {
    gap: 1.5rem .75rem
}

@media only screen and (min-width: 48rem) {
    .form--grid-checkout-address .form__fields {
        grid-template-columns:repeat(12, 1fr)
    }
}

@media only screen and (min-width: 40rem) {
    .form--grid-guest .form__fields, .form--grid-payment .form__fields, .form--grid-review .form__fields {
        grid-template-columns:repeat(12, 1fr)
    }
}

.form--grid-inline .form__container {
    align-items: end;
    display: grid;
    grid-template-columns:1fr auto
}

.form--grid-inline .form__fields {
    gap: 0
}

.form--grid-agent-login .form__container {
    display: grid;
    gap: 2.5rem
}

.form--grid-agent-login .form__fields {
    gap: 1.5rem
}

@media only screen and (min-width: 40rem) {
    .form--grid-agent-login .form__fields {
        grid-template-columns:repeat(2, 1fr)
    }
}

.form--grid-agent-login .form__field {
    grid-column: auto
}

.form__checkout-sub-form {
    width: auto
}

@media only screen and (min-width: 48rem) {
    .form__checkout-sub-form {
        margin: .5rem 0 0;
        width: 100%
    }
}

.form__checkout-sub-form-content {
    display: grid;
    gap: 1.5rem .75rem;
    grid-template-columns:1fr
}

@media only screen and (min-width: 48rem) {
    .form__checkout-sub-form-content {
        grid-template-columns:repeat(12, 1fr)
    }
}

.form--checkout-form .form__container {
    padding-top: 1.25rem
}

.form__actions {
    text-align: right
}

.form__actions--profile {
    padding: .5rem 0
}

@media only screen and (max-width: 63.9375rem) {
    .form__actions--profile {
        display: flex;
        flex-direction: column-reverse
    }
}

.form__action {
    width: 100%
}

.form__action--login {
    margin: 0
}

.form__action--login:not(:last-child) {
    margin-top: 1.875rem
}

.form__action--checkout {
    margin: 0
}

.form--checkout-actions .form__actions {
    display: flex;
    flex-direction: column-reverse;
    gap: .75rem
}

@media only screen and (min-width: 48rem) {
    .form--checkout-actions .form__actions {
        flex-direction: row
    }
}

.form--checkout-actions.register-form .form__container {
    display: grid;
    gap: 1.5rem
}

.form--checkout-actions__title {
    color: #000;
    font-size: clamp(20px, 1.8vw + 10px, 30px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    padding: 1rem 0
}

.form--checkout-actions .guest-form__date-of-birth:invalid::-webkit-datetime-edit {
    color: #959595
}

.form--checkout-actions .guest-form__date-of-birth::-webkit-datetime-edit {
    color: #000
}

.form__actions-payment {
    display: flex;
    flex-direction: column-reverse;
    gap: .75rem;
    margin-top: 2.5rem
}

@media only screen and (min-width: 48rem) {
    .form__actions-payment {
        flex-direction: row
    }
}

.form--checkout-form-elements .label, .form--checkout-form-elements label, .form--login .label, .form--login label {
    color: #202020;
    color: #000;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.form--checkout-form-elements .checkbox__container, .form--checkout-form-elements .toggler-checkbox__container, .form--login .checkbox__container, .form--login .toggler-checkbox__container {
    display: flex
}

.form--note .form__fields {
    gap: .4375rem
}

.form--note .form__actions {
    text-align: left
}

.form--note .form__action {
    margin-left: 0
}

.form--pdp-review-form .label {
    color: #2c2c2c
}

.form--pdp-review-form .label:after {
    display: none
}

.form--pdp-review-form input[type=text], .form--pdp-review-form textarea {
    color: #2c2c2c;
    font: 400 1.0625rem/1.375rem Open Sans, sans-serif;
    padding: .625rem .9375rem;
    transition: .25s ease ease-in-out, .4s ease-in-out .25s, all .25s ease-in-out
}

.page-loading .form--pdp-review-form input[type=text], .page-loading .form--pdp-review-form textarea {
    transition: none
}

.form--pdp-review-form input[type=text]:focus, .form--pdp-review-form textarea:focus {
    border-color: #414141
}

.form--pdp-review-form input[type=text]:hover, .form--pdp-review-form textarea:hover {
    background-color: #f3f3f3
}

.form--pdp-availability-unsubscription-form {
    margin-top: 1.5rem
}

.form--pdp-availability-unsubscription-form .form__actions, .form--pdp-availability-unsubscription-form .form__actions .btn {
    width: 100%
}

.form--pdp-availability-subscription-form {
    margin-top: 1.5rem
}

.form--pdp-availability-subscription-form .form__container {
    display: grid;
    gap: .625rem;
    grid-template-columns:1fr
}

@media only screen and (min-width: 64rem) {
    .form--pdp-availability-subscription-form .form__container {
        grid-template-columns:1fr auto
    }
}

.form--pdp-availability-subscription-form .form__field input {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.form--pdp-availability-subscription-form .form__field .label {
    color: #2c2c2c;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .5rem
}

.form--pdp-availability-subscription-form .form__field .label:after {
    content: ""
}

.form--pdp-availability-subscription-form .form__actions {
    color: #202020;
    flex-basis: 100%;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.form--pdp-availability-subscription-form .form__actions--mobile-hidden {
    display: none
}

@media only screen and (min-width: 64rem) {
    .form--pdp-availability-subscription-form .form__actions {
        margin-left: .625rem
    }

    .form--pdp-availability-subscription-form .form__actions--mobile-hidden {
        display: unset
    }
}

.form--pdp-availability-subscription-form .form__btn--submit {
    border-radius: .25rem;
    width: 100%
}

.form--pdp-availability-subscription-form .form__login-text {
    flex: 100%;
    margin-top: .25rem
}

.form--pdp-availability-subscription-form .form__login-text a {
    text-decoration: underline;
    text-decoration-thickness: .03125rem;
    text-underline-offset: .0625rem
}

.form--pdp-availability-subscription-form .form__login-text, .form--pdp-availability-subscription-form .form__login-text a {
    color: #6b6b6b;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.form--reverse-actions .form__actions {
    display: flex
}

.form__shipment-item:not(:first-child) {
    margin-top: 3.125rem
}

@media only screen and (min-width: 40rem) {
    .form__shipment-item:not(:first-child) {
        margin-top: 2.5rem
    }
}

.form .label {
    color: #414141;
    color: #202020;
    display: inline-block;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .5rem
}

.form .label--required:after {
    color: #414141;
    content: "*";
    margin-left: .0625rem
}

.form .link--billing-shipping-address {
    margin-right: -1rem
}

.form .time-to-ship .delivery-select-label {
    font-weight: 600
}

.hero-banner__container {
    position: relative;
    width: 100%
}

.hero-banner-item {
    align-self: center;
    background-color: #202020;
    color: #fff;
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .hero-banner-item {
        flex-direction: row;
        min-height: 33rem
    }
}

@media only screen and (min-width: 120rem) {
    .hero-banner-item__wrapper {
        margin: 0 auto;
        max-width: 130.625rem
    }
}

.hero-banner-item__title {
    color: #fff;
    font-size: clamp(30px, 2.5vw + 16px, 48px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: .5rem;
    max-width: 55ch
}

@media only screen and (min-width: 64rem) {
    .hero-banner-item__title {
        font-weight: 400
    }
}

.hero-banner-item__subtitle {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 64rem) {
    .hero-banner-item__subtitle {
        color: #fff;
        font-size: 1.25rem;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.625
    }
}

.hero-banner-item__content {
    padding: 0 1rem 2.5rem 0;
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .hero-banner-item__content {
        padding: 0 2.5rem 2.5rem 0
    }
}

@media only screen and (min-width: 64rem) {
    .hero-banner-item__content {
        align-self: center;
        max-height: -moz-max-content;
        max-height: max-content
    }
}

.hero-banner-item__img {
    display: flex;
    max-height: 60vw;
    padding-bottom: 2.5rem
}

@media only screen and (min-width: 48rem) {
    .hero-banner-item__img {
        max-height: 50vw
    }
}

@media only screen and (min-width: 64rem) {
    .hero-banner-item__img {
        max-height: unset;
        min-height: 33rem;
        min-width: 33rem;
        padding-bottom: 0
    }
}

.hero-banner-item__img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .hero-banner-item__img img {
        width: unset
    }
}

.hero-banner-item--light-bg {
    background-color: #fff;
    color: #000
}

.hero-banner-item--light-bg .hero-banner-item__subtitle, .hero-banner-item--light-bg .hero-banner-item__title {
    color: #000
}

.hero-banner-item--content-right {
    flex-direction: column-reverse
}

@media only screen and (min-width: 64rem) {
    .hero-banner-item--content-right {
        flex-direction: row-reverse
    }
}

.hero-banner-item--no-image .hero-banner-item__content {
    max-width: 115ch;
    padding-top: 2.5rem
}

@media only screen and (min-width: 100rem) {
    .hero-banner-item--no-image .hero-banner-item__content {
        padding-top: 5rem
    }
}

.hero-banner-item--no-image.hero-banner-item--content-right .hero-banner-item__content, .hero-banner-item--no-image.hero-banner-item--content-right .hero-banner-item__title {
    justify-items: flex-end;
    text-align: end
}

.image-banner {
    height: 25rem;
    margin: 5rem 0 8.25rem;
    position: relative
}

@media only screen and (min-width: 48rem) {
    .image-banner {
        height: 46.875rem;
        margin: 11.25rem 0;
        padding: 0 5rem
    }
}

.image-banner__video {
    display: none;
    height: auto;
    min-width: 100%;
    width: auto
}

.no-touch .image-banner__video {
    display: block
}

.image-banner__bg-wrap {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.image-banner__bg-wrap:after {
    background: url(../images/spryker-logo@2x.png) 50%/contain no-repeat;
    bottom: 1.25rem;
    content: "";
    display: block;
    height: 2rem;
    position: absolute;
    right: 1.5rem;
    width: 4.875rem
}

@media only screen and (min-width: 48rem) {
    .image-banner__bg-wrap:after {
        bottom: 2.5rem;
        height: 3.3125rem;
        right: 2.5rem;
        width: 8.125rem
    }
}

.touch .image-banner__bg-wrap {
    background-image: url(../images/brand-image@3x.jpg);
    background-size: cover
}

.image-banner__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    top: -10%
}

.image-banner__text--parallax-to-top {
    top: -40%
}

.image-banner__title {
    margin-bottom: .625rem
}

.image-banner__title * {
    color: #fff;
    font: 2.375rem/normal Open Sans, sans-serif;
    letter-spacing: -.05625rem;
    text-align: center
}

@media only screen and (min-width: 48rem) {
    .image-banner__title * {
        font-size: 4.25rem
    }
}

.image-banner__link {
    color: #fff;
    display: inline-block;
    font: 400 .875rem Open Sans, sans-serif;
    letter-spacing: -.025rem;
    padding-right: .75rem;
    position: relative;
    text-decoration: none
}

@media only screen and (min-width: 48rem) {
    .image-banner__link {
        font-size: 1.375rem;
        padding-right: 1.25rem
    }
}

.image-banner__link:hover {
    color: #fff;
    text-decoration: none
}

.image-banner__link:after {
    background: url(../images/arrow-white-bold.svg) 50% no-repeat;
    bottom: .1875rem;
    content: "";
    display: block;
    height: .5625rem;
    position: absolute;
    right: 0;
    width: .375rem
}

@media only screen and (min-width: 48rem) {
    .image-banner__link:after {
        bottom: .25rem;
        height: .9375rem;
        width: .625rem
    }
}

.image-carousel__container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

.image-carousel__view {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.image-carousel__slider {
    flex-wrap: nowrap;
    transition: transform .5s ease-in-out
}

.page-loading .image-carousel__slider {
    transition: none
}

.image-carousel__dots {
    line-height: 0;
    text-align: center
}

.image-carousel__dot {
    display: inline-block;
    padding: .25rem
}

.image-carousel__dot:before {
    background-color: #595959;
    border-radius: 100%;
    content: "";
    display: block;
    height: .5rem;
    transition: background-color .15s ease-in-out;
    width: .5rem
}

.page-loading .image-carousel__dot:before {
    transition: none
}

.image-carousel__dot--current:before, .image-carousel__dot:hover:before {
    background-color: #1479bd
}

.image-carousel__navigation {
    align-items: center;
    bottom: 0;
    display: flex;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 11
}

.image-carousel__navigation--prev {
    left: 0
}

.image-carousel__navigation--next {
    right: 0
}

.image-carousel__arrow {
    color: #595959;
    pointer-events: all;
    transition: color .25s ease-in-out
}

.page-loading .image-carousel__arrow {
    transition: none
}

.image-carousel__arrow:hover {
    color: #1479bd
}

.image-carousel--inset .image-carousel__container {
    padding-left: 0;
    padding-right: 0
}

.image-carousel--inset .image-carousel__navigation {
    width: auto
}

.image-carousel--inset .image-carousel__arrow {
    background-color: hsla(0, 0%, 96%, .75);
    padding: .5rem
}

@media only screen and (min-width: 770px) {
    .image-carousel__navigation {
        opacity: 0;
        pointer-events: none;
        transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
        visibility: hidden
    }

    .page-loading .image-carousel__navigation {
        transition: none
    }

    .image-carousel:hover .image-carousel__navigation {
        opacity: 1;
        pointer-events: all;
        pointer-events: none;
        visibility: visible
    }
}

.info-banner {
    background-color: #fecf5b;
    color: #2c2c2c;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 400;
    gap: .5rem;
    letter-spacing: 0;
    line-height: 1.625;
    padding: 1rem
}

.info-banner p {
    margin: 0
}

.info-banner__banner-content {
    margin: 0 auto
}

.info-banner p:before {
    content: url(/assets/current/default/images/info-circle-icon.svg);
    margin-right: .5rem;
    vertical-align: sub
}

.info-banner__container {
    background-color: #fecf5b;
    text-align: center
}

.info-banner__content {
    margin-top: .25rem;
    text-align: center
}

.input-dropzone, .input-dropzone__area {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.input-dropzone__area {
    align-items: center;
    border: .125rem dashed #dadada;
    border-radius: .5rem;
    justify-content: center;
    min-height: 8.75rem;
    padding: 1rem 1rem .625rem;
    position: relative;
    transition: border-color .25s ease-in-out
}

.page-loading .input-dropzone__area {
    transition: none
}

.input-dropzone__area--error {
    border-color: #b2171a
}

.input-dropzone__area:hover {
    border-color: #bbb
}

.input-dropzone__area:has(:focus-visible) {
    outline: .0625rem solid #1479bd;
    outline-offset: .125rem
}

.input-dropzone__input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.input-dropzone__description {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.input-dropzone__files {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    padding-bottom: .625rem
}

.input-dropzone__files:empty {
    display: none
}

.input-dropzone__file {
    align-items: center;
    background-color: #f0f0f0;
    border-radius: .625rem;
    cursor: pointer;
    display: flex;
    gap: .3rem;
    padding: 0 .3125rem
}

.input-dropzone__file-delete {
    color: #b2171a
}

.inspirational-block {
    margin: 5rem 0 6.25rem;
    min-height: 18.75rem
}

@media only screen and (min-width: 40rem) {
    .inspirational-block {
        margin: 8.125rem 0 11.25rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .inspirational-block--left {
        flex-direction: column-reverse
    }
}

.inspirational-block__content {
    margin-top: 3.75rem;
    padding: 0 1.25rem;
    text-align: center
}

@media only screen and (min-width: 48rem) {
    .inspirational-block__content {
        margin-top: 0;
        text-align: left
    }
}

@media only screen and (min-width: 64rem) {
    .inspirational-block__content--right {
        padding-left: 7.5rem
    }

    .inspirational-block__content--left {
        padding-right: 7.5rem
    }
}

.inspirational-block__pre-title, .inspirational-block__title {
    color: #2c2c2c;
    font: 1.0625rem/1.52 Open Sans, sans-serif;
    letter-spacing: .1875rem;
    margin-bottom: .9375rem;
    text-transform: uppercase
}

@media only screen and (min-width: 40rem) {
    .inspirational-block__pre-title, .inspirational-block__title {
        font-size: 1.3125rem;
        letter-spacing: .2375rem
    }
}

.inspirational-block__pre-title {
    font: 400 .5625rem/normal Open Sans, sans-serif;
    margin-bottom: 1.0625rem
}

@media only screen and (min-width: 40rem) {
    .inspirational-block__pre-title {
        font-size: .625rem;
        letter-spacing: .2rem
    }
}

.inspirational-block__text {
    color: #6b6b6b;
    font: 400 .8125rem/1.62 Open Sans, sans-serif;
    letter-spacing: .05rem;
    margin-bottom: 1.6875rem
}

@media only screen and (min-width: 40rem) {
    .inspirational-block__text {
        font-size: 1.0625rem;
        letter-spacing: .0625rem;
        line-height: 1.47
    }
}

.inspirational-block__images {
    display: flex;
    position: relative
}

.inspirational-block__images--left {
    justify-content: flex-start
}

.inspirational-block__images--right {
    justify-content: flex-end
}

.inspirational-block__image {
    border-radius: .25rem;
    overflow: hidden
}

.inspirational-block__image img {
    height: 100%;
    width: 100%
}

.inspirational-block__image-1 {
    height: 16.0625rem;
    width: 9.875rem
}

@media only screen and (min-width: 40rem) {
    .inspirational-block__image-1 {
        height: 25.75rem;
        width: 14.0625rem
    }
}

@media only screen and (min-width: 64rem) {
    .inspirational-block__image-1 {
        height: 34.375rem;
        width: 18.75rem
    }
}

.inspirational-block__image-2 {
    box-shadow: 0 4.375rem 5rem -2.5rem rgba(0, 0, 0, .24);
    height: 12.5rem;
    margin-top: 35%;
    position: absolute;
    width: 13.125rem
}

@media only screen and (min-width: 40rem) {
    .inspirational-block__image-2 {
        height: 18.75rem;
        width: 19.6875rem
    }
}

@media only screen and (min-width: 64rem) {
    .inspirational-block__image-2 {
        height: 25rem;
        width: 26.25rem
    }
}

.inspirational-block__image-2--left {
    left: 4.6875rem
}

@media only screen and (min-width: 40rem) {
    .inspirational-block__image-2--left {
        left: 6.25rem
    }
}

@media only screen and (min-width: 64rem) {
    .inspirational-block__image-2--left {
        left: 9.375rem
    }
}

.inspirational-block__image-2--right {
    right: 4.6875rem
}

@media only screen and (min-width: 40rem) {
    .inspirational-block__image-2--right {
        right: 6.25rem
    }
}

@media only screen and (min-width: 64rem) {
    .inspirational-block__image-2--right {
        right: 9.375rem
    }
}

.jumbotron {
    background: linear-gradient(to left top, #d5d5d5, #959595) no-repeat 50%;
    height: 16rem;
    position: relative;
    text-align: left
}

@media only screen and (min-width: 550px) {
    .jumbotron {
        height: 26rem
    }
}

@media only screen and (min-width: 970px) {
    .jumbotron {
        height: 38rem
    }
}

.jumbotron--category {
    background: #fff;
    height: auto
}

.jumbotron__inner {
    position: relative
}

.jumbotron__inner--category {
    flex-direction: column;
    padding: 1.25rem 0
}

.jumbotron__inner--category-no-img {
    overflow-wrap: break-word
}

.jumbotron__link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.jumbotron__headline, .jumbotron__sub-headline {
    color: #fff
}

.jumbotron__headline--category-no-img, .jumbotron__sub-headline--category-no-img {
    color: #2c2c2c
}

.jumbotron__border {
    background: #f3f3f3;
    display: block;
    height: .0625rem
}

.jumbotron__headline {
    color: #000;
    font-size: clamp(30px, 2.5vw + 16px, 48px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: 1rem;
    text-align: left
}

.jumbotron__sub-headline {
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem
}

.jumbotron--no-border .jumbotron__border {
    display: none
}

.lazy-image {
    background-color: #f3f3f3;
    border-radius: .25rem;
    display: flex;
    height: 100%;
    justify-content: center
}

.lazy-image--smaller {
    height: 3rem
}

.lazy-image--small {
    height: 5rem
}

.lazy-image--big {
    height: 20rem
}

.lazy-image--bigger {
    height: 30rem
}

.lazy-image--expand {
    width: 100%
}

.lazy-image--thumbnail {
    align-items: center;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.lazy-image--min-size {
    min-width: 2.5rem
}

.lazy-image--has-border {
    border: .25rem solid hsla(0, 0%, 100%, 0);
    box-shadow: 0 0 0 .0625rem #f0f0f0
}

.lazy-image--with-overlay {
    overflow: hidden;
    position: relative
}

.lazy-image--with-overlay:before {
    background: rgba(0, 0, 0, .05);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.lazy-image--background {
    position: relative
}

.lazy-image__image {
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.lazy-image__image--color-light {
    color: #dadada
}

.lazy-image__image--full-height {
    height: 100%
}

.lazy-image__image--thumbnail {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.lazy-image--catalog {
    border-radius: .25rem;
    height: 2.5625rem;
    margin: 0 .75rem 0 0;
    width: 2.5625rem
}

.lazy-image--cart-bundle {
    border-radius: .25rem;
    flex-shrink: 0;
    height: 2.75rem;
    margin: 0;
    width: 7.5rem
}

.lazy-image--pdp-bundle {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    height: 4.375rem;
    justify-content: center;
    padding: .3125rem;
    width: 4.375rem
}

.lazy-image--product-set {
    height: 13rem;
    margin-left: 0;
    margin-right: 0
}

.lazy-image--wishlist {
    background-color: #f3f3f3;
    border-radius: .25rem;
    display: inline-block;
    height: 4.5rem;
    overflow: hidden;
    vertical-align: top;
    width: 4.5rem
}

@media only screen and (min-width: 64rem) {
    .lazy-image--wishlist {
        height: 5rem;
        vertical-align: middle;
        width: 5rem
    }
}

.lazy-image--full-size-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lazy-image--bundle-item {
    height: 100%;
    margin: 0
}

.lazy-image__background {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.list {
    margin-bottom: 1.5rem;
    margin-left: 1.125rem
}

@media only screen and (min-width: 48rem) {
    .list {
        margin-left: 0
    }
}

.list li {
    margin-bottom: .875rem;
    padding-top: .3125rem
}

.list--margin-left {
    margin-left: .25rem
}

.list ol, .list ul {
    list-style-position: outside;
    margin-bottom: 0;
    margin-left: 1.5rem
}

.list ol li:first-child, .list ul li:first-child {
    margin-top: .875rem
}

.list ol {
    list-style: inherit;
    margin-left: 1.1875rem
}

.list--ordered {
    list-style-type: decimal
}

.list--ordered ol.list--ordered {
    list-style-type: lower-alpha
}

.list--unordered {
    list-style-type: disc
}

.list--unordered ul {
    list-style-type: "- "
}

.list--alert {
    color: #202020;
    color: #da0303;
    flex-basis: 100%;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.list--alert i {
    margin-bottom: .3125rem
}

.list--alert-inverse {
    color: #202020;
    color: #da0303;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.list--alert-inverse i {
    margin-bottom: .3125rem
}

.list--icon ul {
    margin-left: 0
}

.list--icon li {
    padding-left: 1.625rem;
    position: relative
}

.list--icon li:before {
    content: url(/assets/current/default/images/check.svg);
    display: inline-block;
    height: 1rem;
    left: 0;
    position: absolute;
    top: .375rem;
    width: 1rem
}

.list--icon ol li {
    padding-left: .5rem
}

.list--icon ol li:before {
    content: none
}

.list-switches {
    position: relative;
    z-index: 10
}

.list-switches .radio__container {
    margin-bottom: 0;
    position: relative
}

.list-switches--one-column {
    display: block
}

.list-switches--layout-width {
    max-width: 45.625rem
}

.list-switches__item-container {
    border: .0625rem solid #d5d5d5;
    border-radius: .375rem;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .059);
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1.125rem 1.25rem
}

.list-switches__item-container .radio__input, .list-switches__item-container .toggler-radio__input {
    cursor: pointer;
    height: 70%;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.list-switches .label {
    margin-bottom: 0
}

.list-switches__item {
    display: block;
    position: relative
}

@media only screen and (min-width: 40rem) {
    .list-switches__item {
        flex-grow: 1;
        min-width: 6.25rem
    }

    .list-switches__item:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 48rem) {
    .list-switches__item {
        min-width: 10.625rem
    }
}

.list-switches__item--one-column {
    margin: 0 0 .3125rem
}

.list-switches__item--one-column:last-child {
    margin: 0
}

.list-switches__info {
    display: grid;
    grid-template-rows:0fr;
    transition: grid-template-rows .35s ease-in-out
}

.list-switches__info-content {
    overflow: hidden
}

.list-switches__info-content h1, .list-switches__info-content h2, .list-switches__info-content h3, .list-switches__info-content h4, .list-switches__info-content h5, .list-switches__info-content h6 {
    color: #202020;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.list-switches__info-content p, .list-switches__info-content span {
    color: #202020;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.list-switches__info-content ul {
    padding-left: 1.25rem
}

.list-switches__info-content ul li {
    list-style-type: disc
}

.list-switches__info-content a, .list-switches__info-content ul li {
    color: #202020;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.list-switches__info-content a {
    -webkit-text-decoration: underline #000;
    text-decoration: underline #000;
    text-underline-offset: .25rem
}

.list-switches__info-content a:hover {
    -webkit-text-decoration: underline #fecf5b;
    text-decoration: underline #fecf5b
}

.list-switches__item:has(.toggler-radio__input:checked) .list-switches__info {
    grid-template-rows:1fr
}

.list-switches__item:has(.toggler-radio__input:checked) .list-switches__info-content {
    padding-left: 1.5625rem;
    padding-top: .5rem
}

.list-switches--payment-container {
    margin-bottom: 0;
    margin-top: .5rem
}

.list-switches--payment-container .title--secondary-small {
    display: none
}

.list-switches--payment-container:first-of-type {
    margin-top: 2.5rem
}

.list-switches__img-wrap {
    align-items: center;
    display: flex;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%)
}

.list-switches__img {
    display: block;
    flex-shrink: 0;
    margin-left: .3125rem;
    width: 2.5rem
}

.list-switches--shipment-step .radio__input, .list-switches--shipment-step .toggler-radio__input {
    height: unset
}

.list-switches--shipment-step .list-switches__info-content {
    display: flex;
    flex-wrap: wrap
}

.list-switches--shipment-step .list-switches__info-content h1, .list-switches--shipment-step .list-switches__info-content h2, .list-switches--shipment-step .list-switches__info-content h3, .list-switches--shipment-step .list-switches__info-content h4, .list-switches--shipment-step .list-switches__info-content h5, .list-switches--shipment-step .list-switches__info-content h6 {
    flex-basis: 100%
}

.list-switches--shipment-step .list-switches__info-content p {
    flex: 1
}

.logo {
    border-bottom: .0625rem solid #f3f3f3;
    padding: .8125rem
}

@media only screen and (min-width: 40rem) {
    .logo {
        border-bottom: none
    }
}

.logo__link {
    display: block;
    width: 9.375rem
}

@media only screen and (min-width: 40rem) {
    .logo__link {
        width: 11.25rem
    }
}

.logo__image {
    display: inline-block;
    vertical-align: top
}

.logo--checkout {
    padding: 1.375rem .8125rem
}

@media only screen and (min-width: 40rem) {
    .logo--checkout {
        padding: 0 0 1.375rem
    }
}

.main-overlay {
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 550
}

.main-overlay--show {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.main-popup {
    background: #fff;
    border-radius: .625rem;
    border-radius: .25rem;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    left: 50%;
    max-height: 90vh;
    max-width: 90vw;
    opacity: 0;
    overflow: hidden;
    padding: 1.25rem;
    pointer-events: none;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    width: 28.75rem;
    z-index: 550
}

.main-popup--wide {
    width: 77.8125rem
}

.main-popup__head {
    min-height: 2rem
}

.main-popup__head--scroll-inside-content {
    flex-shrink: 0
}

.main-popup__title {
    padding: 1.5rem
}

.main-popup__close {
    background: hsla(0, 0%, 100%, 0);
    border: none;
    color: #595959;
    cursor: pointer;
    height: 2rem;
    position: absolute;
    right: 1.5rem;
    top: .625rem;
    transition: color .25s ease-in-out;
    width: 2rem
}

.page-loading .main-popup__close {
    transition: none
}

.main-popup__close:active, .main-popup__close:focus, .main-popup__close:hover {
    background-color: hsla(0, 0%, 100%, 0);
    border: none;
    color: #1479bd
}

.main-popup__content {
    overflow-y: auto;
    padding: 0 1.5rem
}

.main-popup__content--scroll-inside-content {
    display: flex;
    flex-direction: column
}

.main-popup--spaceless .main-popup__head {
    min-height: 3rem
}

.main-popup--spaceless .main-popup__content {
    padding: 0
}

.main-popup--open {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.main-popup--flex-content .main-popup__content {
    display: flex
}

.main-popup--auto {
    width: auto
}

.main-popup__head {
    border-bottom: .0625rem solid #d5d5d5;
    margin-bottom: 1.25rem;
    min-height: 2.8125rem;
    padding-bottom: 1.25rem;
    padding-right: 2.5rem
}

.main-popup__title {
    font-family: Open Sans, sans-serif;
    padding: 0
}

.main-popup__close {
    color: #000;
    height: 1.5rem;
    right: 1.25rem;
    top: 1.25rem;
    transition: none;
    width: 1.5rem
}

.main-popup__close:active, .main-popup__close:focus, .main-popup__close:hover {
    color: #000
}

.main-popup__content {
    padding: 0
}

@media only screen and (min-width: 48rem) {
    .main-popup--big {
        padding: 2rem 2.375rem 2.375rem;
        width: 43.75rem
    }

    .main-popup--big .main-popup__head {
        margin-bottom: 2.5rem;
        min-height: 3.5625rem;
        padding-bottom: .9375rem
    }

    .main-popup--big .main-popup__title {
        font-size: 2.125rem
    }

    .main-popup--big .main-popup__close {
        height: 1.75rem;
        right: 2.375rem;
        top: 2.375rem;
        width: 1.75rem
    }
}

.menu__item {
    display: block;
    margin-bottom: .25rem
}

.menu__item > .menu {
    margin-left: .5rem
}

.menu__item--highlighted em {
    text-decoration: underline
}

.menu--inline {
    display: inline-block
}

.menu--inline > .menu__item {
    display: inline-block;
    margin: 0 .5rem
}

.menu--inline > .menu__item:first-child {
    margin-left: 0
}

.menu--inline > .menu__item:last-child {
    margin-right: 0
}

.menu--bullet .menu__item:before {
    content: "•";
    margin-right: .25rem
}

.menu--plus .menu__item:before {
    content: "+";
    margin-right: .25rem
}

.menu--alert {
    color: #b2171a
}

.menu__item {
    font-weight: 400
}

.menu__item--has-children-list {
    margin-bottom: 1rem
}

.menu__item--has-children-list:last-child {
    margin-bottom: 0
}

.menu__item--has-children-list .menu__item {
    margin: .5rem
}

.menu__item--side-drawer {
    border-top: .0625rem solid #414141;
    margin: 0
}

.menu__item--side-drawer > .menu {
    padding-bottom: .625rem
}

.menu__item--side-drawer .menu__item {
    font-size: .9375rem
}

.menu__item--side-drawer .menu__item:first-child {
    margin-top: 0
}

.menu__item--has-children-dropdown {
    position: relative;
    z-index: 11
}

.menu__item--has-children-dropdown > .menu {
    background-color: #fff;
    border: none;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    pointer-events: auto !important;
    position: fixed;
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
    visibility: hidden
}

.page-loading .menu__item--has-children-dropdown > .menu {
    transition: none
}

.menu__item--has-children-dropdown:hover > .menu {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.menu__item--has-children-dropdown:focus-within > .menu {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.menu__link--side-drawer {
    color: #fff;
    display: inline-block;
    font-size: .875rem;
    padding: 1rem 0
}

.menu__link--side-drawer:hover {
    color: #fff;
    text-decoration: none
}

.menu__separator:not(.menu__separator--horizontal-line) {
    display: inline-block;
    margin: 0 .5rem
}

.menu__separator:not(.menu__separator--horizontal-line):after {
    color: #2c2c2c;
    content: "|"
}

.menu__separator--horizontal-line {
    border-top: .0625rem solid #2c2c2c;
    display: block
}

.menu--side-drawer {
    border-bottom: .0625rem solid #414141
}

.menu--customer-account .menu__item, .menu--customer-account .menu__link {
    letter-spacing: .0125rem
}

.menu--customer-account .menu__link {
    background: none;
    color: #000;
    cursor: pointer;
    font: 1rem Open Sans, sans-serif
}

.menu--customer-account .menu__link:hover {
    color: #f87373;
    text-decoration: underline
}

.menu--customer-account .menu__button {
    background: transparent;
    color: #000;
    font: .875rem Open Sans, sans-serif;
    letter-spacing: .0125rem
}

.menu--customer-account .menu__button:hover {
    color: #f87373;
    cursor: pointer;
    text-decoration: underline
}

@media only screen and (min-width: 40rem) {
    .menu--customer-account .menu__button {
        font-size: 1rem
    }
}

.menu--middle {
    vertical-align: middle
}

.money-price {
    display: block;
    display: flex;
    flex-direction: row
}

.money-price__amount--original {
    color: #bbb;
    display: block;
    text-decoration: line-through
}

.money-price__tag {
    color: #e2694a;
    margin-right: .25rem
}

@media only screen and (max-width: 39.9375rem) {
    .money-price {
        display: flex;
        flex-direction: column
    }
}

.money-price__amount, .money-price__amount--original {
    color: #202020;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625
}

.money-price__amount--primary-price-diff {
    align-self: center;
    color: #202020;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-right: .5rem;
    padding-top: .125rem
}

.money-price__amount--primary-price-diff--low {
    color: #317e31
}

.money-price__amount--primary-price-diff--high {
    color: #da0303
}

@media only screen and (max-width: 39.9375rem) {
    .money-price__amount--primary-price-diff {
        margin-right: 0
    }
}

@media only screen and (min-width: 40rem) {
    .money-price--align-right {
        text-align: right
    }
}

.money-price--medium-size {
    font-size: 1.0625rem
}

.money-price--wishlist {
    display: inline-block
}

.multi-inspirational-block--left {
    margin-right: 2.5rem
}

.multi-inspirational-block--right {
    margin-left: 2.5rem
}

.multi-inspirational-block--sm {
    margin-bottom: 2.5rem
}

@media only screen and (max-width: 47.9375rem) {
    .multi-inspirational-block--sm {
        margin: 0 auto 1.875rem;
        max-width: 35.625rem
    }
}

.multi-inspirational-block--sm .multi-inspirational-block__img-wrap img {
    min-width: 17.0625rem
}

.multi-inspirational-block--lg {
    margin: 0 auto 2.5rem;
    max-width: 20.4375rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block--lg {
        max-width: 35.625rem
    }
}

@media only screen and (min-width: 48rem) {
    .multi-inspirational-block--lg {
        margin-bottom: 0
    }
}

.multi-inspirational-block--lg .multi-inspirational-block__img-wrap img {
    min-width: 20.4375rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block--lg .multi-inspirational-block__img-wrap img {
        max-width: 35.625rem
    }
}

.multi-inspirational-block__image {
    display: block;
    flex-shrink: 0;
    height: 14.375rem;
    max-width: 50%;
    position: relative;
    width: 48%
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__image {
        width: 50%
    }
}

.multi-inspirational-block__image--lg {
    height: 17.9375rem;
    max-width: 20.4375rem;
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__image--lg {
        height: 31.25rem;
        max-width: 35.625rem
    }
}

.multi-inspirational-block__image--lg:after {
    background: #000;
    bottom: -1.25rem;
    content: "";
    display: block;
    height: 3.6875rem;
    left: 1rem;
    position: absolute;
    width: .0625rem;
    z-index: -1
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__image--lg:after {
        bottom: -2.1875rem;
        left: 3.375rem
    }
}

.multi-inspirational-block__image--left:after, .multi-inspirational-block__image--right:after {
    background: #000;
    content: "";
    display: block;
    height: .0625rem;
    position: absolute;
    top: 1.0625rem;
    width: 2.25rem;
    z-index: -1
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__image--left:after, .multi-inspirational-block__image--right:after {
        top: 1.875rem
    }
}

.multi-inspirational-block__image--left:after {
    right: -1.4375rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__image--left:after {
        right: -2.1875rem
    }
}

.multi-inspirational-block__image--right:after {
    left: -1.4375rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__image--right:after {
        left: -2.1875rem
    }
}

.multi-inspirational-block__img-wrap {
    border-radius: .25rem;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.multi-inspirational-block__img-wrap img {
    height: 100%;
    position: absolute;
    width: 100%
}

.multi-inspirational-block__text {
    display: block;
    text-transform: uppercase;
    word-break: break-word
}

.multi-inspirational-block__text:hover {
    color: inherit;
    text-decoration: none
}

.multi-inspirational-block__text--lg {
    padding: 1.375rem 0 0 2.5625rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__text--lg {
        padding: 2.1875rem 0 0 5.4375rem
    }
}

.multi-inspirational-block__text--sm {
    padding-top: 2.625rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__text--sm {
        padding-top: 3.75rem
    }
}

.multi-inspirational-block__text--left {
    padding-right: 1.5rem;
    text-align: right
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__text--left {
        padding-right: 1.875rem
    }
}

.multi-inspirational-block__text--right {
    padding-left: 1.5rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__text--right {
        padding-left: 1.875rem
    }
}

.multi-inspirational-block__title {
    font: 1.0625rem/1.52 Open Sans, sans-serif;
    letter-spacing: .1875rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__title {
        font-size: 1.3125rem;
        letter-spacing: .2375rem
    }
}

.multi-inspirational-block__post-title {
    color: #2c2c2c;
    font: 400 .5625rem/1.56 Open Sans, sans-serif;
    letter-spacing: .18125rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-block__post-title {
        font-size: .625rem;
        letter-spacing: .2rem;
        line-height: 1.6
    }
}

.multi-inspirational-wrap {
    margin: 0 0 3.75rem
}

@media only screen and (min-width: 40rem) {
    .multi-inspirational-wrap {
        margin-bottom: 9.375rem
    }
}

.multi-inspirational-wrap__holder--parallax-to-bottom {
    position: relative
}

@media only screen and (min-width: 48rem) {
    .multi-inspirational-wrap__holder--parallax-to-bottom {
        bottom: -3.75rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .multi-inspirational-wrap--left {
        flex-direction: column-reverse
    }
}

.nav-overlay {
    height: 0;
    position: absolute;
    right: 11.5rem;
    top: 0;
    z-index: 400
}

.nav-overlay--active .nav-overlay__container {
    opacity: 1;
    transform: translateX(-50%) scaleY(1);
    visibility: visible
}

.nav-overlay__container {
    left: 0;
    opacity: 0;
    padding-top: 1.5rem;
    position: absolute;
    top: 3rem;
    transform: translateX(-50%) scaleY(0);
    transform-origin: top center;
    transition: all .4s ease-in-out;
    visibility: hidden;
    width: -moz-max-content;
    width: max-content;
    z-index: 701
}

.page-loading .nav-overlay__container {
    transition: none
}

.nav-overlay__wrapper {
    background-color: #202020;
    border-radius: 0 0 .5rem .5rem;
    color: #fff;
    padding: .75rem
}

@media only screen and (min-width: 64rem) {
    .nav-overlay__wrapper {
        padding: 1.5rem
    }
}

.navigation-footer {
    width: 100%
}

.navigation-header__brand-dropdown, .navigation-header__flyout-fullscreen {
    position: static
}

.navigation-icon-list__icon {
    color: #333
}

.navigation-multilevel__item--has-children-dropdown:hover {
    z-index: 12
}

.navigation-multilevel-node {
    color: #fff;
    cursor: default;
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0;
    letter-spacing: .125rem;
    line-height: 1.625;
    white-space: nowrap
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node--lvl-1 {
        padding: 1.4375rem .75rem
    }

    .navigation-multilevel-node--lvl-1:focus-visible {
        box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .3125rem #fff5de;
        outline: .125rem solid #fff;
        transition: box-shadow .3s ease, border .3s ease
    }

    .page-loading .navigation-multilevel-node--lvl-1:focus-visible {
        transition: none
    }
}

.navigation-multilevel-node:hover .navigation-multilevel-node__link--lvl-1 {
    text-decoration: underline;
    text-decoration-color: #fecf5b;
    text-decoration-thickness: .0625rem;
    text-underline-offset: .5rem
}

.navigation-multilevel-node:hover .navigation-multilevel-node__link--side-drawer {
    text-decoration: inherit
}

.navigation-multilevel-node:hover .navigation-multilevel-node__link--side-drawer:focus-visible {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.navigation-multilevel-node__menu {
    box-shadow: 0 6.25rem 6.25rem 0 rgba(0, 0, 0, .05)
}

.navigation-multilevel-node__menu--side-drawer {
    box-shadow: none
}

.navigation-multilevel-node__menu--hidden {
    display: grid;
    grid-template-rows:0;
    overflow: hidden
}

.navigation-multilevel-node__menu--flyout {
    box-shadow: inset 0 .25rem .875rem 0 rgba(0, 0, 0, .5)
}

@media only screen and (max-width: 79.9375rem) {
    .navigation-multilevel-node__mobile {
        min-width: 100%;
        padding-left: .75rem;
        padding-right: .75rem
    }

    .navigation-multilevel-node__menu {
        max-height: 100vh;
        overflow: hidden;
        transition: all .25s ease
    }

    .page-loading .navigation-multilevel-node__menu {
        transition: none
    }

    .navigation-multilevel-node__menu--hidden {
        display: grid;
        grid-template-rows:1fr;
        max-height: 0
    }
}

.navigation-multilevel-node .navigation-multilevel-node__menu--brand, .navigation-multilevel-node .navigation-multilevel-node__menu--flyout {
    background-color: #202020;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-left: 0;
    overflow: unset;
    position: absolute;
    top: 5.875rem;
    width: 100%
}

.navigation-multilevel-node .navigation-multilevel-node__menu--brand .navigation-multilevel-node__menu--brand, .navigation-multilevel-node .navigation-multilevel-node__menu--brand .navigation-multilevel-node__menu--flyout, .navigation-multilevel-node .navigation-multilevel-node__menu--flyout .navigation-multilevel-node__menu--brand, .navigation-multilevel-node .navigation-multilevel-node__menu--flyout .navigation-multilevel-node__menu--flyout {
    position: static
}

.navigation-multilevel-node .navigation-multilevel-node__menu--brand .navigation-multilevel-node__menu--brand .navigation-multilevel-node__child, .navigation-multilevel-node .navigation-multilevel-node__menu--brand .navigation-multilevel-node__menu--flyout .navigation-multilevel-node__child, .navigation-multilevel-node .navigation-multilevel-node__menu--flyout .navigation-multilevel-node__menu--brand .navigation-multilevel-node__child, .navigation-multilevel-node .navigation-multilevel-node__menu--flyout .navigation-multilevel-node__menu--flyout .navigation-multilevel-node__child {
    max-width: 100%;
    overflow: unset;
    position: static;
    width: 100%
}

.navigation-multilevel-node__link {
    cursor: pointer;
    letter-spacing: normal;
    padding: .25rem;
    transition: text-decoration-color .3s ease, color .3s ease, -webkit-text-decoration .3s ease;
    transition: text-decoration-color .3s ease, text-decoration .3s ease, color .3s ease;
    transition: text-decoration-color .3s ease, text-decoration .3s ease, color .3s ease, -webkit-text-decoration .3s ease;
    white-space: nowrap
}

.page-loading .navigation-multilevel-node__link {
    transition: none
}

.navigation-multilevel-node__link--lvl-1 {
    color: #fff
}

.navigation-multilevel-node__link--lvl-2 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__link--lvl-2:hover {
        color: #c60303;
        text-decoration: underline;
        text-underline-offset: .25rem
    }
}

.navigation-multilevel-node__link--side-drawer:hover {
    color: inherit;
    text-decoration: inherit
}

.navigation-multilevel-node__link--side-drawer a {
    font-size: .875rem
}

.navigation-multilevel-node__link--side-drawer.navigation-multilevel-node__link--lvl-1 {
    color: #fff;
    display: inline-block;
    font-size: .875rem;
    padding: 1rem 0;
    position: relative;
    z-index: 1
}

.navigation-multilevel-node__link--side-drawer.navigation-multilevel-node__link--lvl-2 {
    display: inline-block;
    font-size: .875rem;
    padding: 0 0 .75rem
}

.navigation-multilevel-node__link--mobile {
    font-weight: 400
}

.navigation-multilevel-node__link--mobile:hover {
    color: #000
}

.navigation-multilevel-node__flyout-fullscreen-container {
    left: 0;
    margin: 0 auto;
    max-width: 130.625rem;
    right: 0
}

@media only screen and (max-width: 79.9375rem) {
    .navigation-multilevel-node__flyout-fullscreen-container {
        padding: 0
    }
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__flyout-fullscreen-container {
        margin: 0 auto;
        position: relative;
        width: 100%
    }
}

.navigation-multilevel-node__flyout-fullscreen-list {
    padding: 0 .75rem
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__flyout-fullscreen-list {
        display: flex;
        height: 100%;
        min-height: 24.125rem;
        min-width: 100%;
        padding: 1rem 1.5rem 1rem 0;
        white-space: normal
    }
}

.navigation-multilevel-node__flyout-fullscreen-list-node-image:after {
    display: none
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__flyout-fullscreen-list-node-image {
        max-width: 65%;
        width: 100%
    }
}

.navigation-multilevel-node__brand-dropdown-container {
    padding: 1.5rem 0;
    width: 100%
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__brand-dropdown-container {
        margin: 0 auto;
        max-width: 58.125rem;
        max-width: 75.625rem
    }
}

.navigation-multilevel-node__brand-dropdown-list:after {
    display: none
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__brand-dropdown-list {
        padding: 2.5rem 1rem 1.25rem
    }
}

.navigation-multilevel-node__child {
    background-color: #202020;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__child {
        max-width: 21.875rem
    }

    .navigation-multilevel-node__child.navigation-multilevel-node--lvl-2 {
        border-left: .0625rem solid #414141;
        padding: 1.5rem
    }

    .navigation-multilevel-node__child.navigation-multilevel-node--lvl-2:first-child {
        border-left: none;
        padding-left: 0
    }

    .navigation-multilevel-node__child.navigation-multilevel-node--lvl-2:last-child {
        padding-right: 0
    }
}

.navigation-multilevel-node__child:hover {
    cursor: default;
    text-decoration: none
}

.navigation-multilevel-node__child .navigation-multilevel-node__menu--flyout {
    box-shadow: none
}

.navigation-multilevel-node__child .navigation-multilevel-node__link--lvl-2 {
    color: #fff;
    padding: .5rem 0;
    position: relative;
    z-index: 1
}

.navigation-multilevel-node__child .navigation-multilevel-node__link--lvl-3 {
    color: #bfbfbf;
    font-size: .875rem;
    padding: .5rem 0
}

.navigation-multilevel-node__child .navigation-multilevel-node__link--flyout:hover {
    color: #959595;
    text-decoration: underline;
    text-decoration-color: #fecf5b;
    text-decoration-thickness: .0625rem;
    text-underline-offset: .25rem
}

.navigation-multilevel-node__child .navigation-multilevel-node__link--brand {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    line-height: 1.75rem;
    margin-bottom: .625rem;
    padding: 0;
    text-align: center
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__child .navigation-multilevel-node__link--brand {
        line-height: 2.1875rem;
        padding: 0
    }
}

.navigation-multilevel-node__child .navigation-multilevel-node__link--brand:before {
    content: "";
    display: block;
    height: 100%
}

.navigation-multilevel-node__child--side-drawer {
    width: 100%
}

.navigation-multilevel-node__child--side-drawer .navigation-multilevel-node__icon--side-drawer {
    top: .2734375rem
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__node-image {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 14.6875rem;
        height: 17.5rem;
        margin: 0 0 2.5rem;
        position: relative;
        width: 48%
    }

    .navigation-multilevel-node__node-image .navigation-multilevel-node__link--flyout {
        bottom: 0;
        display: block;
        font-size: 1rem;
        font-size: 1.0625rem;
        height: 100%;
        left: 0;
        line-height: 2.8125rem;
        padding-top: calc(100% + .9375rem);
        position: absolute;
        text-align: center;
        width: 100%
    }
}

.navigation-multilevel-node__node-image.image-1 {
    background-image: url(../images/menu-img-1.png)
}

.navigation-multilevel-node__node-image.image-2 {
    background-image: url(../images/menu-img-2.png)
}

.navigation-multilevel-node__node-image.image-3 {
    background-image: url(../images/menu-img-3.png)
}

.navigation-multilevel-node__node-image.image-4 {
    background-image: url(../images/menu-img-4.png)
}

.navigation-multilevel-node__node-image.image-5 {
    background-image: url(../images/menu-img-5.png)
}

.navigation-multilevel-node__node-image.image-6 {
    background-image: url(../images/menu-img-6.png)
}

@media only screen and (min-width: 80rem) {
    .navigation-multilevel-node__brand-item {
        background-size: cover;
        height: 8.375rem;
        height: 10.5rem;
        margin: 0 0 2.5rem;
        width: 23%
    }
}

.navigation-multilevel-node__brand-item.image-1 {
    background-image: url(../images/image-submenu-d-1@2x.png)
}

.navigation-multilevel-node__brand-item.image-2 {
    background-image: url(../images/image-submenu-d-2@2x.png)
}

.navigation-multilevel-node__brand-item.image-3 {
    background-image: url(../images/image-submenu-d-3@2x.png)
}

.navigation-multilevel-node__brand-item.image-4 {
    background-image: url(../images/image-submenu-d-4@2x.png)
}

.navigation-multilevel-node__icon {
    display: none;
    position: relative
}

.navigation-multilevel-node__icon--side-drawer {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: .7734375rem;
    width: 2rem
}

.navigation-multilevel-node__icon--side-drawer:after, .navigation-multilevel-node__icon--side-drawer:before {
    background-color: #959595;
    border-radius: 624.9375rem;
    content: "";
    position: absolute;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out
}

.navigation-multilevel-node__icon--side-drawer:before {
    height: .125rem;
    width: .875rem
}

.navigation-multilevel-node__icon--side-drawer:after {
    height: .875rem;
    width: .125rem
}

.navigation-multilevel-node__icon--side-drawer:focus-visible:focus-visible {
    border-radius: .375rem;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    transition: outline .3s ease, background-color .3s ease, box-shadow .3s ease, border .3s ease
}

.page-loading .navigation-multilevel-node__icon--side-drawer:focus-visible:focus-visible {
    transition: none
}

.navigation-multilevel-node__icon--active:after {
    opacity: 0
}

.navigation-multilevel-node__icon--active:before {
    background-color: #e9e9e9
}

.navigation-multilevel-node--mobile {
    margin: .75rem
}

.navigation-multilevel-node--side-drawer {
    box-shadow: none;
    margin: 0;
    position: relative
}

.navigation-multilevel-node--side-drawer.navigation-multilevel-node--lvl-1 {
    border-top: .0625rem solid #414141
}

.navigation-multilevel-node--side-drawer.navigation-multilevel-node--lvl-2 {
    color: #fff;
    width: 100%
}

.navigation-multilevel-node--side-drawer.navigation-multilevel-node--lvl-2 .navigation-multilevel-node__icon--side-drawer:before {
    height: .125rem;
    width: .75rem
}

.navigation-multilevel-node--side-drawer.navigation-multilevel-node--lvl-2 .navigation-multilevel-node__icon--side-drawer:after {
    height: .75rem;
    right: .9375rem;
    width: .125rem
}

.navigation-multilevel-node--side-drawer.navigation-multilevel-node--lvl-2 li, .navigation-multilevel-node--side-drawer.navigation-multilevel-node--lvl-2:last-child {
    margin-bottom: .75rem
}

.navigation-multilevel-node--lvl-3:last-child {
    margin-bottom: 1rem
}

.navigation-multiview-list__icon {
    color: #bbb
}

.navigation-multiview-list__item {
    border-radius: 624.9375rem
}

.navigation-multiview-list__link {
    align-items: center;
    display: flex;
    justify-content: center;
    white-space: nowrap
}

.navigation-multiview-list__filter-container {
    display: flex;
    gap: .75rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media only screen and (min-width: 48rem) {
    .navigation-multiview-list__filter-container {
        flex-wrap: wrap
    }
}

.navigation-multiview-list__filter-container .navigation-multiview-list__item:first-child {
    margin-left: 1rem
}

@media only screen and (min-width: 40rem) {
    .navigation-multiview-list__filter-container .navigation-multiview-list__item:first-child {
        margin-left: 2.5rem
    }
}

@media only screen and (min-width: 48rem) {
    .navigation-multiview-list__filter-container .navigation-multiview-list__item:first-child {
        margin-left: .4375rem
    }
}

.navigation-multiview-list__filter-container .navigation-multiview-list__item:last-child {
    margin-right: 1rem
}

@media only screen and (min-width: 40rem) {
    .navigation-multiview-list__filter-container .navigation-multiview-list__item:last-child {
        margin-right: 2.5rem
    }
}

@media only screen and (min-width: 64rem) {
    .navigation-multiview-list__filter-container {
        padding-bottom: 1rem;
        padding-top: 2.5rem
    }
}

.navigation-top-mobile__nav-list {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.navigation-top-mobile .link span {
    text-decoration: none
}

.navigation-top-mobile-item, .navigation-top-mobile-item i {
    padding: 0
}

@media only screen and (max-width: 79.9375rem) {
    .navigation-top-mobile-item:last-child {
        margin-left: 1rem
    }
}

.node-animator__image {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 500
}

.pagination {
    padding-top: 1.5rem
}

.pagination__list {
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin: 0 auto;
    max-width: 90%
}

.pagination__list > li a {
    min-height: 2.75rem;
    width: auto
}

@media only screen and (min-width: 64rem) {
    .pagination__list > li:first-child {
        margin-right: .75rem
    }

    .pagination__list > li:last-child {
        margin-left: .75rem
    }
}

.pagination .btn {
    line-height: 1.125rem;
    min-height: 2.75rem
}

.pagination__item {
    display: inline-block
}

.pagination__step {
    align-items: center;
    border: .0625rem solid #000;
    border-radius: .25rem;
    color: #000;
    display: flex;
    font: 400 .9375rem/3.375rem Open Sans, sans-serif;
    height: 3.375rem;
    justify-content: center;
    text-align: center;
    width: 2.75rem
}

@media only screen and (min-width: 64rem) {
    .pagination__step {
        font-size: 1.125rem;
        height: 4.25rem;
        line-height: 4.25rem;
        width: 4.25rem
    }
}

.pagination__step--previous {
    float: left
}

.pagination__step--next {
    float: right
}

.pagination__step:hover {
    background: #f3f3f3;
    color: #000;
    text-decoration: none
}

.pagination__step--disabled {
    cursor: not-allowed;
    opacity: .15
}

.pagination__step--disabled:hover {
    background: none
}

.pagination--search-cms-results {
    margin: 0 auto;
    max-width: 54.375rem
}

@media only screen and (min-width: 64rem) {
    .pagination--search-cms-results .pagination__list {
        margin-bottom: 6.25rem
    }
}

.pagination--catalog {
    padding-top: 1rem
}

.password-complexity-indicator__indicator-item {
    background: #f0f0f0;
    border-radius: .125rem;
    display: inline-block;
    height: .25rem;
    margin-right: .3125rem;
    width: 3.125rem
}

.password-complexity-indicator__indicator-list--weak {
    color: #b2171a
}

.password-complexity-indicator__indicator-list--weak .password-complexity-indicator__indicator-item:first-child {
    background-color: #b2171a
}

.password-complexity-indicator__indicator-list--weak .password-complexity-indicator__message:before {
    content: attr(data-weak)
}

.password-complexity-indicator__indicator-list--medium {
    color: #f29133
}

.password-complexity-indicator__indicator-list--medium .password-complexity-indicator__indicator-item:first-child, .password-complexity-indicator__indicator-list--medium .password-complexity-indicator__indicator-item:nth-child(2) {
    background-color: #f29133
}

.password-complexity-indicator__indicator-list--medium .password-complexity-indicator__message:before {
    content: attr(data-medium)
}

.password-complexity-indicator__indicator-list--strong {
    color: #2c8168
}

.password-complexity-indicator__indicator-list--strong .password-complexity-indicator__indicator-item:first-child, .password-complexity-indicator__indicator-list--strong .password-complexity-indicator__indicator-item:nth-child(2), .password-complexity-indicator__indicator-list--strong .password-complexity-indicator__indicator-item:nth-child(3) {
    background-color: #2c8168
}

.password-complexity-indicator__indicator-list--strong .password-complexity-indicator__message:before {
    content: attr(data-strong)
}

.password-complexity-indicator__indicator-list--very-strong {
    color: #2c8168
}

.password-complexity-indicator__indicator-list--very-strong .password-complexity-indicator__indicator-item:first-child, .password-complexity-indicator__indicator-list--very-strong .password-complexity-indicator__indicator-item:nth-child(2), .password-complexity-indicator__indicator-list--very-strong .password-complexity-indicator__indicator-item:nth-child(3), .password-complexity-indicator__indicator-list--very-strong .password-complexity-indicator__indicator-item:nth-child(4) {
    background-color: #2c8168
}

.password-complexity-indicator__indicator-list--very-strong .password-complexity-indicator__message:before {
    content: attr(data-very-strong)
}

.password-complexity-indicator__message {
    display: inline-block;
    vertical-align: middle
}

.password-complexity-indicator__additional-message {
    color: #595959;
    display: none
}

.password-complexity-indicator__additional-message--medium, .password-complexity-indicator__additional-message--strong, .password-complexity-indicator__additional-message--weak {
    display: block
}

.password-field {
    position: relative
}

.password-field .password-field__input {
    padding-right: 1.875rem
}

.password-field .password-field__icon-hide {
    display: none
}

.password-field__button {
    align-items: center;
    background: none;
    border: none;
    color: #595959;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.875rem
}

.password-field__button:focus, .password-field__button:hover {
    color: #333
}

.password-field__button--shown .password-field__icon-show {
    display: none
}

.password-field__button--shown .password-field__icon-hide {
    display: inline-block
}

.price {
    display: block
}

.price__amount--original {
    color: #bbb;
    display: block;
    text-decoration: line-through
}

.price__tag {
    color: #e2694a;
    margin-right: .25rem
}

.product-card {
    padding: 0 .9375rem 3.125rem;
    position: relative
}

@media only screen and (max-width: 39.9375rem) {
    .product-card {
        padding: 0 .3125rem 2rem
    }
}

.product-card--stretch {
    height: 100%
}

.product-card--slider {
    display: inline-block;
    width: 25%
}

.product-card__image-wrap {
    border-radius: .25rem;
    margin-bottom: .5625rem;
    overflow: hidden;
    position: relative;
    transition: box-shadow .25s ease-in-out
}

.page-loading .product-card__image-wrap {
    transition: none
}

@media only screen and (min-width: 40rem) {
    .product-card__image-wrap {
        margin-bottom: 1.5rem
    }
}

.product-card__overlay {
    display: block;
    padding: 2.8125rem .625rem 4.375rem
}

@media only screen and (min-width: 40rem) {
    .product-card__overlay {
        padding: 5.625rem 1.25rem 7.5rem
    }
}

.product-card__overlay:after, .product-card__overlay:before {
    background: rgba(0, 0, 0, .05);
    border-radius: .25rem;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 350
}

.product-card__overlay:after {
    background: linear-gradient(180deg, #000, rgba(0, 0, 0, .05));
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.page-loading .product-card__overlay:after {
    transition: none
}

.product-card__container {
    color: #000;
    display: block;
    position: relative
}

.product-card__container--title-top {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.no-touch .product-card__container:hover {
    color: #000;
    text-decoration: none
}

.no-touch .product-card__container:hover .product-card__image-wrap {
    box-shadow: .625rem .625rem 2.5rem 0 #414141
}

.no-touch .product-card__container:hover .product-card__overlay:after {
    opacity: .09
}

.no-touch .product-card__container:hover .color-selector {
    transform: translateY(0)
}

.product-card__actions-container {
    bottom: .5rem;
    left: .5rem;
    margin: auto;
    position: absolute;
    right: .5rem
}

.product-card__info {
    color: #000;
    display: block;
    font: 500 1rem Open Sans, sans-serif;
    letter-spacing: .01875rem;
    margin: 0 .6875rem
}

.product-card__info:hover {
    color: #000;
    text-decoration: none
}

@media only screen and (max-width: 39.9375rem) {
    .product-card__info {
        flex-wrap: wrap;
        font-size: .8125rem;
        margin: 0 .625rem .1875rem
    }
}

.product-card__review {
    display: flex;
    margin-top: .4375rem
}

.product-card__review-count {
    color: #d5d5d5;
    font-size: .9375rem
}

@media only screen and (max-width: 47.9375rem) {
    .product-card--product-set .product-card__overlay {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }
}

.product-card--product-set .product-card__info {
    min-height: 3rem
}

@media only screen and (min-width: 40rem) {
    .product-card--widget {
        padding: 0
    }
}

.product-card--widget:not(:first-child) {
    display: none
}

.product-card--cms {
    align-self: stretch;
    margin-bottom: 2rem;
    padding-bottom: 4rem
}

.product-card--cms .product-card__actions-container {
    padding: 0 .4375rem
}

.product-card-item {
    border-bottom: .0625rem solid #e9e9e9;
    margin-bottom: 1.5rem
}

.product-card-item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 48rem) {
    .product-card-item, .product-card-item:last-child {
        margin-bottom: 1.5rem
    }
}

.product-card-item__quantity-counter {
    margin-top: 1rem
}

.product-card-item__title {
    color: #202020;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    max-width: 100%
}

.product-card-item__title .link__text {
    font-weight: 400
}

.product-card-item__title:hover {
    color: inherit;
    text-decoration: none
}

.product-card-item__title--mini-cart {
    font-size: .9375rem;
    line-height: 1.25rem;
    margin-bottom: .3125rem
}

.product-card-item__title--secondary {
    font-size: .9375rem;
    line-height: 1.125rem;
    margin: .625rem 0
}

.product-card-item__title--readonly {
    pointer-events: none
}

.product-card-item__amount {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.product-card-item__flex-container {
    align-items: flex-start;
    clear: both;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    gap: .75rem;
    max-width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item__flex-container {
        flex-wrap: wrap;
        min-height: 8.625rem
    }
}

.product-card-item__container-price-remove {
    display: flex;
    margin-left: -.5rem
}

.product-card-item__container-price-remove .btn__icon {
    font-size: 1rem;
    margin-right: .25rem
}

.product-card-item__container-price-remove .btn__btn-text {
    font-size: .875rem;
    text-decoration: underline;
    text-underline-offset: .25rem
}

.product-card-item__bundle-items {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 0 0 0 6.25rem;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item__bundle-items {
        padding: 0 0 0 9.375rem
    }
}

.product-card-item__content-wrapper {
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item__content-wrapper {
        flex-basis: 45%;
        overflow: unset
    }
}

.product-card-item__content-wrapper--mini-cart {
    width: calc(100% - 4.5rem)
}

.product-card-item__content-wrapper--additional-info, .product-card-item__content-wrapper--alternative {
    padding: 0 0 0 1.25rem
}

@media only screen and (min-width: 48rem) {
    .product-card-item__content-wrapper--additional-info {
        display: flex
    }
}

.product-card-item__content-wrapper--with-checkbox {
    width: calc(100% - 9.875rem)
}

@media only screen and (max-width: 34.375rem) {
    .product-card-item__content-wrapper {
        padding-left: 0
    }
}

.product-card-item__content {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 48rem) {
    .product-card-item__content {
        min-height: 8.625rem
    }

    .product-card-item__content--additional-info {
        width: calc(100% - 21.875rem)
    }
}

.product-card-item__product-configuration {
    margin: .625rem 0
}

.product-card-item__image {
    height: 4.5rem;
    margin-left: 0;
    min-width: 4.5rem;
    overflow: hidden;
    width: 4.5rem
}

@media only screen and (min-width: 48rem) {
    .product-card-item__image {
        height: 8.625rem;
        width: 8.625rem
    }
}

.product-card-item__image--mini-cart {
    width: 4.5rem
}

.product-card-item__image--mini-cart .thumbnail {
    height: 3.75rem
}

.product-card-item__image--readonly {
    pointer-events: none
}

.product-card-item .money-price__amount, .product-card-item__price {
    color: #202020;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.product-card-item__price {
    text-align: left
}

@media only screen and (max-width: 34.375rem) {
    .product-card-item__price {
        white-space: nowrap
    }
}

@media only screen and (min-width: 48rem) {
    .product-card-item__price {
        text-align: right
    }
}

.product-card-item__price--mini-cart {
    align-self: flex-start;
    font-size: .9375rem;
    line-height: 1.25rem
}

.product-card-item__price--alternative, .product-card-item__price--secondary {
    font: 500 .9375rem/1.0625rem Open Sans, sans-serif;
    margin-bottom: .3125rem;
    text-align: left;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item__price--alternative {
        align-self: flex-start;
        margin: .625rem 0;
        text-align: right;
        width: auto
    }
}

.product-card-item__option--mini-cart {
    font: 400 .8125rem/1.0625rem Open Sans, sans-serif
}

.product-card-item__box {
    max-width: calc(100vw - 2rem);
    padding-bottom: 1rem;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item__box {
        padding-bottom: 1.5rem
    }
}

.product-card-item__box--with-options {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.product-card-item__box--mini-cart {
    border-bottom: .0625rem solid #d5d5d5;
    margin: 0;
    padding: 1.125rem 0
}

.product-card-item--summary .product-card-item__options {
    margin-top: -1.75rem
}

.product-card-item__options {
    color: #202020;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 400;
    gap: 1rem;
    letter-spacing: 0;
    line-height: 1.625;
    margin-top: 1rem
}

@media only screen and (min-width: 48rem) {
    .product-card-item__options {
        margin-top: .5rem
    }
}

.product-card-item__additional-info {
    padding-top: .9375rem;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item__additional-info {
        max-width: 21.875rem;
        padding-left: .9375rem;
        padding-top: 0
    }
}

.product-card-item--expand {
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item--right-indent-from-tablet {
        padding-right: 1.25rem
    }
}

.product-card-item__includes {
    color: #202020;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.product-card-item-unavailable {
    color: #6b6b6b;
    margin-bottom: 1.5rem
}

.product-card-item-unavailable:last-child {
    margin-bottom: 0
}

.product-card-item-unavailable__box {
    max-width: calc(100vw - 2rem);
    padding-bottom: 1rem;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item-unavailable__box {
        padding-bottom: 1.5rem
    }
}

.product-card-item-unavailable__flex-container {
    align-items: flex-start;
    display: flex;
    flex-flow: row nowrap;
    gap: .75rem;
    max-width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item-unavailable__flex-container {
        min-height: 8.625rem
    }
}

.product-card-item-unavailable__image {
    height: 4.5rem;
    min-width: 4.5rem;
    opacity: .5;
    width: 4.5rem
}

@media only screen and (min-width: 48rem) {
    .product-card-item-unavailable__image {
        height: 8.625rem;
        width: 8.625rem
    }
}

.product-card-item-unavailable__content-wrapper {
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item-unavailable__content-wrapper {
        flex-basis: 45%;
        overflow: unset
    }
}

.product-card-item-unavailable__content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.product-card-item-unavailable__title {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    max-width: 100%
}

.product-card-item-unavailable .money-price__amount, .product-card-item-unavailable__price {
    color: #6b6b6b;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    text-align: left
}

@media only screen and (max-width: 34.375rem) {
    .product-card-item-unavailable .money-price__amount, .product-card-item-unavailable__price {
        white-space: nowrap
    }
}

@media only screen and (min-width: 48rem) {
    .product-card-item-unavailable .money-price__amount, .product-card-item-unavailable__price {
        text-align: right
    }
}

.product-card-item-unavailable__bundle-items {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 0 0 0 6.25rem;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-card-item-unavailable__bundle-items {
        padding: 0 0 0 9.375rem
    }
}

.product-card-item-unavailable__includes {
    color: #6b6b6b;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.product-card-select__select-button {
    background-color: transparent;
    border: .0625rem solid #202020;
    border-radius: .25rem;
    color: #202020;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    justify-content: space-between;
    letter-spacing: 0;
    line-height: 1.25;
    max-height: unset;
    padding: .875rem 1rem;
    width: 100%
}

.product-card-select__select-button .btn__btn-text {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25
}

.product-card-select__select-button:hover {
    background-color: transparent;
    border: .0625rem solid #fecf5b;
    color: #202020
}

.product-card-select__select-button:disabled {
    background-color: #f3f3f3;
    border-color: #d5d5d5
}

.product-card-select__select-button:disabled:hover {
    background-color: #f3f3f3;
    border-color: #d5d5d5;
    cursor: default
}

.product-card-select__product-card-select-button--open {
    background-color: unset;
    border: .0625rem solid #fecf5b;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .059), 0 0 0 .25rem #fff5de
}

.product-card-select__product-card-select-options {
    border: .0625rem solid #d5d5d5;
    border-radius: .25rem;
    display: none;
    margin: .5rem 0 0;
    padding: 1rem
}

.product-card-select__product-card-select-options--open {
    display: grid;
    gap: .5rem;
    grid-template-columns:1fr;
    max-height: 21.25rem;
    overflow: auto
}

@media only screen and (min-width: 48rem) {
    .product-card-select__product-card-select-options--open {
        grid-template-columns:1fr 1fr
    }
}

@media only screen and (min-width: 80rem) {
    .product-card-select__product-card-select-options--open {
        grid-template-columns:1fr
    }
}

@media only screen and (min-width: 100rem) {
    .product-card-select__product-card-select-options--open {
        grid-template-columns:1fr 1fr
    }
}

.product-card-select__product-card-select-item {
    color: #202020;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    padding: .25rem;
    width: 100%
}

@media only screen and (max-width: 63.9375rem) {
    .product-card-select__product-card-select-item {
        flex: unset;
        width: 100%
    }
}

.product-card-select__product-card-select-item:hover {
    background-color: transparent;
    border: .0625rem solid transparent
}

@media only screen and (min-width: 64rem) {
    .product-card-select__product-card-select-item:hover {
        border: .0625rem solid #fecf5b
    }
}

.product-card-select__product-card-select-item.product-card-select-selected {
    background-color: unset;
    border: .0625rem solid #fecf5b;
    box-shadow: 0 .0625rem .125rem 0 rgba(26, 26, 24, .059), 0 0 0 .25rem #fff5de
}

.product-card-select__product-card-select-item:focus-visible {
    border: .0625rem solid #000;
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    transition: outline .3s ease, background-color .3s ease, box-shadow .3s ease, border .3s ease
}

.product-card-select__item-img {
    margin: 0 .75rem 0 0
}

.product-card-select__item-img img {
    border-radius: .25rem;
    height: 5rem;
    -o-object-fit: unset;
    object-fit: unset;
    width: 5rem
}

.product-card-select__item-name {
    color: #6b6b6b;
    padding: 0 .5rem 0 0
}

.product-card-select__item-price {
    font-weight: 500;
    margin-left: auto
}

.product-card-select__product-card-select-options--button-text--inner {
    margin: 0
}

.product-card-select .is-hidden {
    display: none
}

.product-card-select .btn__icon {
    font-size: 1rem
}

.product-carousel {
    position: relative
}

.product-configurator__title {
    color: #202020;
    font-size: clamp(24px, 2vw + 12px, 36px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: .625rem
}

@media only screen and (min-width: 64rem) {
    .product-configurator__title {
        margin-bottom: 1rem
    }
}

.product-configurator__short-description {
    color: #202020;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: 1.5rem
}

.product-configurator__tax--info {
    color: #565656;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    margin: .375rem 0 1.25rem
}

@media only screen and (min-width: 64rem) {
    .product-configurator__tax--info {
        margin: .375rem 0 1.5rem
    }
}

.product-configurator__tax--info a {
    color: #565656;
    text-decoration: underline;
    text-decoration-thickness: .03125rem;
    text-underline-offset: .0625rem
}

.product-configurator__notice {
    background-color: #f3f3f3;
    border-radius: .5rem;
    display: flex;
    margin-bottom: .5rem;
    padding: 1rem
}

.product-configurator__notice:last-child {
    margin-bottom: 1.5rem
}

.product-configurator__notice--icon {
    margin-right: .75rem
}

.product-configurator__notice--text {
    align-content: center;
    color: #202020;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5rem;
    margin: 0
}

.product-configurator__notice--text a {
    text-decoration: underline;
    text-underline-offset: 25%
}

.product-configurator__reviews {
    margin-bottom: .625rem
}

@media only screen and (min-width: 64rem) {
    .product-configurator__reviews {
        margin-bottom: 1rem
    }

    .product-configurator__container--add-to-cart {
        display: flex;
        justify-content: space-between
    }
}

.product-configurator__quantity-counter {
    flex-basis: 18%
}

.product-configurator__quantity-counter .quantity-counter {
    height: 3rem
}

@media only screen and (max-width: 63.9375rem) {
    .product-configurator__quantity-counter .quantity-counter {
        margin-bottom: .875rem
    }
}

.product-configurator__product-relation {
    display: flex;
    flex-flow: column wrap;
    gap: .5rem;
    margin-bottom: .5rem
}

.product-configurator__product-relation--label {
    color: #6b6b6b;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25
}

.product-configurator__add-to-cart-btn {
    flex-basis: 80%
}

@media only screen and (min-width: 80rem) {
    .product-configurator__add-to-cart-btn {
        margin-left: .875rem
    }
}

.product-configurator .rating-selector__step--half:nth-child(odd) {
    margin-left: -.5rem
}

.product-configurator .rating-selector__step--half:nth-child(2n) {
    padding-left: .25rem
}

.product-detail {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem
}

@media only screen and (min-width: 40rem) {
    .product-detail {
        border-bottom: none;
        justify-content: space-between
    }
}

@media only screen and (min-width: 80rem) {
    .product-detail {
        margin-top: 5.375rem
    }
}

.product-detail__description-content {
    margin: 0;
    overflow: hidden;
    transition: max-height .3s ease
}

.page-loading .product-detail__description-content {
    transition: none
}

.product-detail__description-content > p {
    margin-top: 0
}

.product-detail__description-content > p:last-child {
    margin-bottom: 0
}

.product-detail__description-content.expanded {
    max-height: none;
    -webkit-line-clamp: unset
}

@media only screen and (min-width: 80rem) {
    .product-detail__description-content {
        display: -webkit-box;
        max-height: 23.125rem;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }
}

.product-detail__container {
    margin-bottom: 2.625rem
}

@media only screen and (min-width: 64rem) {
    .product-detail__container {
        display: flex;
        justify-content: space-between
    }

    .product-detail__description {
        flex-basis: 45%;
        margin-top: .5rem;
        padding-right: 6.6875rem
    }
}

.product-detail__description-toggle.btn {
    margin-top: 1.5rem;
    width: auto
}

@media only screen and (min-width: 64rem) {
    .product-detail__description-toggle.btn {
        margin-left: -.5rem;
        padding: .75rem .5rem
    }
}

@media only screen and (max-width: 79.9375rem) {
    .product-detail__description-toggle.btn {
        display: none
    }
}

@media only screen and (max-width: 63.9375rem) {
    .product-detail__description {
        margin-bottom: 2rem
    }
}

.product-detail__attributes {
    flex-basis: 53%;
    margin-bottom: .75rem;
    margin-top: 1.625rem
}

@media only screen and (min-width: 64rem) {
    .product-detail__attributes {
        margin-bottom: 0;
        margin-top: .5rem
    }
}

.product-detail--bundle {
    border-bottom: .0625rem solid #d5d5d5;
    padding-top: 0
}

.product-detail .toggler-item {
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .product-detail .toggler-item {
        border-top: 0
    }

    .product-detail .toggler-item:last-child {
        border-bottom: 0
    }
}

.product-detail .toggler-item__container--inner {
    padding-right: 0
}

.product-detail .toggler-item__title {
    color: #000;
    font-size: clamp(18px, 1vw + 8px, 24px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

@media only screen and (min-width: 64rem) {
    .product-detail .toggler-item__title {
        border-bottom: .0625rem solid #e9e9e9
    }
}

.product-detail-option {
    color: #0c0a09;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: -1.25rem
}

@media only screen and (min-width: 64rem) {
    .product-detail-option {
        display: grid;
        gap: 2rem;
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (min-width: 80rem) {
    .product-detail-option {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (max-width: 63.9375rem) {
    .product-detail-option {
        flex-direction: column
    }
}

.product-detail-option__item {
    flex-basis: 30%;
    min-width: 12.5rem;
    padding-right: 1rem
}

@media only screen and (max-width: 63.9375rem) {
    .product-detail-option__item {
        color: #202020;
        display: flex;
        flex-direction: row;
        font-weight: 500;
        margin-bottom: 1.75rem;
        width: 100%
    }

    .product-detail-option__name {
        color: #565656;
        margin-right: 2rem;
        min-width: 9.375rem
    }
}

@media only screen and (min-width: 64rem) {
    .product-detail-option__name {
        font-weight: 500;
        margin-bottom: .75rem
    }
}

.product-gift-wrapping__list-item::marker {
    content: ""
}

.product-gift-wrapping__item {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.product-gift-wrapping__amount, .product-gift-wrapping__title {
    color: #202020;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.product-image {
    aspect-ratio: 1/1;
    background-color: #f3f3f3;
    border-radius: .25rem;
    position: relative
}

.product-image img {
    border-radius: .25rem;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.product-image--no-indent {
    padding: 0
}

.product-image--no-side-indent {
    padding-left: 0;
    padding-right: 0
}

.product-image--mini-cart {
    padding: 0;
    width: 4.75rem
}

.product-item {
    height: auto;
    padding: 0 .1875rem .1875rem;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 80rem) {
    .product-item {
        padding: 0 .5rem .5rem
    }
}

.product-item__image-wrap {
    align-items: anchor-center;
    aspect-ratio: 1/1;
    background-color: #f3f3f3;
    border-radius: .25rem;
    display: flex;
    height: auto;
    justify-content: center;
    margin-bottom: .5rem;
    max-width: 100%;
    transition: transform .25s ease-in-out;
    width: 100%
}

.page-loading .product-item__image-wrap {
    transition: none
}

.product-item__image-wrap img {
    border-radius: .25rem
}

.product-item__ratings {
    margin-left: -.625rem
}

.product-item__price {
    color: #202020;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.product-item__price .money-price__amount {
    font-weight: 500
}

.product-item__colors {
    flex-grow: 1;
    padding: 1.125rem 0;
    text-align: center
}

.product-item__overlay {
    aspect-ratio: 1/1;
    border-radius: .25rem;
    display: block;
    height: 100%;
    width: 100%
}

.product-item__overlay:focus-visible {
    padding: .25rem;
    transition: padding .3s ease
}

.page-loading .product-item__overlay:focus-visible {
    transition: none
}

.product-item__overlay--disabled {
    opacity: .6
}

.product-item__container {
    color: #000;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    position: relative
}

.product-item__container--title-top {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.no-touch .product-item__container:hover {
    color: #000;
    text-decoration: none
}

@media only screen and (min-width: 40rem) {
    .no-touch .product-item__container:hover .product-item__image-wrap {
        cursor: pointer;
        transform: scale(1.02)
    }
}

.no-touch .product-item__container:hover .product-item__overlay:after {
    opacity: .09
}

.no-touch .product-item__container:hover .product-item__overlay-container {
    transform: translateY(0)
}

.product-item__container--info-btn {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.product-item__container--disabled {
    color: #000;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    opacity: .6;
    position: relative
}

.product-item__container--disabled .btn {
    opacity: 1
}

.product-item__actions-container {
    bottom: .5rem;
    left: .5rem;
    margin: auto;
    position: absolute;
    right: .5rem
}

.product-item__button-text {
    padding-right: .75rem
}

.product-item__info {
    color: #202020;
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    flex-wrap: wrap;
    letter-spacing: .01875rem;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width: 63.9375rem) {
    .product-item__info {
        margin-bottom: .625rem
    }
}

@media only screen and (min-width: 40rem) {
    .product-item__info {
        flex-wrap: nowrap
    }
}

.product-item__info:hover {
    color: #000;
    text-decoration: none
}

.product-item__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.product-item__content--disabled {
    opacity: .6
}

.product-item__disabled-button {
    margin-top: .5rem
}

.product-item__flex-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.product-item__card-item-footer {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.product-item--slick-carousel .product-item__container--info-btn {
    height: 7.8125rem
}

@media only screen and (min-width: 64rem) {
    .product-item--slick-carousel .product-item__container--info-btn {
        height: 11.875rem
    }
}

.product-item--slick-carousel .product-item__info {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-item--slick-carousel .product-item__info:after {
    display: none
}

.product-item--slick-carousel .ajax-add-to-cart {
    display: flex;
    flex-flow: row nowrap;
    gap: .5rem
}

.product-item__description {
    color: #6b6b6b;
    display: none;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: .5rem;
    margin-top: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 64rem) {
    .product-item__description {
        display: -webkit-box;
        margin-bottom: 1.625rem
    }
}

.product-item--stretch {
    height: 100%
}

.product-item--slider {
    display: inline-block;
    width: 25%
}

.product-item--product-set .product-item__overlay {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

@media only screen and (min-width: 40rem) {
    .product-item--product-set .product-item__overlay {
        padding-bottom: 7.5rem;
        padding-top: 5.625rem
    }
}

.product-item--product-set .product-item__info {
    min-height: 3rem
}

@media only screen and (min-width: 40rem) {
    .product-item--widget {
        padding: 0
    }
}

.product-item--widget:not(:first-child) {
    display: none
}

.product-item--cms {
    align-self: stretch;
    margin-bottom: 2rem;
    padding-bottom: 4rem
}

.product-item--cms .product-item__actions-container {
    padding: 0 .4375rem
}

.product-item--promotional {
    background: #fff;
    border-radius: .25rem;
    padding: 0 .9375rem .9375rem
}

.product-item--promotional:before {
    background: rgba(0, 0, 0, .05);
    border-radius: .25rem;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 350
}

.product-item--promotional:hover:before {
    background: transparent
}

.product-item--promotional .product-item__container {
    position: static
}

.no-touch .product-item--promotional .product-item__container:hover .product-item__image-wrap {
    box-shadow: none
}

.product-item--promotional .product-item__image-wrap {
    position: static
}

.product-item--promotional .product-item__info {
    margin: 0
}

.product-item--promotional .product-item__overlay {
    padding: 1.25rem
}

.product-item--promotional .product-item__overlay:after, .product-item--promotional .product-item__overlay:before {
    display: none
}

.product-item--catalog {
    padding: 0 .375rem 1.5rem
}

@media only screen and (min-width: 80rem) {
    .product-item--catalog {
        padding: 0 .5rem 1.5rem
    }
}

.product-item-list {
    border-radius: .25rem;
    display: flex;
    font-family: Open Sans, sans-serif;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: .25rem;
    position: relative;
    transition: z-index .25s ease-in-out, box-shadow .25s ease-in-out;
    width: 100%
}

.page-loading .product-item-list {
    transition: none
}

@media only screen and (max-width: 39.9375rem) {
    .product-item-list {
        margin-bottom: 1.5rem
    }
}

@media only screen and (min-width: 48rem) {
    .product-item-list {
        flex-wrap: nowrap
    }
}

.product-item-list__overlay {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.product-item-list__product-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.product-item-list__product-info .link--product-card {
    line-height: 1.625;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0
}

.product-item-list__product-info .link--product-card:hover {
    cursor: pointer
}

@media only screen and (max-width: 39.9375rem) {
    .product-item-list__product-info {
        padding: .5rem 0
    }
}

@media only screen and (min-width: 48rem) {
    .product-item-list__product-info {
        margin-left: 1rem
    }
}

.product-item-list__col {
    color: #202020;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    position: relative
}

@media only screen and (min-width: 64rem) {
    .product-item-list__col-name:hover, .product-item-list__col-price:hover {
        color: #000;
        text-decoration: none
    }
}

.product-item-list__col-name-price {
    display: flex;
    gap: 3rem;
    justify-content: space-between
}

@media only screen and (min-width: 40rem) {
    .product-item-list__col-name {
        min-width: 6.25rem
    }
}

.product-item-list__info-container {
    padding: 1.5rem 0 1.5rem 1.5rem
}

@media only screen and (max-width: 47.9375rem) {
    .product-item-list__info-container {
        margin: .5rem 0;
        padding: 0
    }
}

.product-item-list__action-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto
}

@media only screen and (max-width: 47.9375rem) {
    .product-item-list__action-container {
        padding: 0;
        width: 100%
    }
}

.product-item-list__action-container .ajax-add-to-cart__quantity {
    margin-bottom: 0
}

.product-item-list--disabled {
    opacity: .6
}

.product-item-list__info-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .75rem 0;
    width: 100%
}

.product-item-list__action-content {
    display: block;
    margin-bottom: 0;
    margin-left: auto
}

@media only screen and (max-width: 39.9375rem) {
    .product-item-list__action-content {
        margin-bottom: .5rem
    }
}

.product-item-list__col-image {
    background-color: #f3f3f3;
    border-radius: .25rem;
    position: relative;
    transition: transform .3s ease;
    width: 100%;
    z-index: 10
}

.page-loading .product-item-list__col-image {
    transition: none
}

@media only screen and (min-width: 40rem) {
    .product-item-list__col-image {
        align-items: center;
        display: flex;
        height: 10.34375rem;
        width: 10.34375rem
    }
}

@media only screen and (min-width: 80rem) {
    .product-item-list__col-image {
        padding: 0
    }
}

.product-item-list__col-image .lazy-image {
    aspect-ratio: 1/1;
    display: flex;
    width: 100%
}

.product-item-list__col-image img {
    border-radius: .25rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media only screen and (min-width: 40rem) {
    .product-item-list__col-image img {
        border-radius: .25rem;
        height: 10.34375rem;
        -o-object-fit: cover;
        object-fit: cover;
        width: 10.34375rem
    }
}

@media only screen and (min-width: 64rem) {
    .product-item-list__col-image:hover {
        transform: scale(1.02)
    }
}

.product-item-list__col-price {
    width: auto
}

.product-item-list__col-price .money-price__amount {
    font-weight: 400
}

.product-item-list__labels-wrap {
    z-index: 11
}

.product-item-list__labels-wrap .label-group {
    bottom: auto;
    left: .25rem;
    padding: .5rem .375rem;
    right: auto;
    top: .125rem
}

.product-item-list__review {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-left: -.6875rem
}

.product-item-list__rating {
    height: 1.25rem
}

.product-item-list__review-count {
    color: #d5d5d5;
    font-size: .9375rem
}

.product-item-list__price {
    width: auto
}

.product-item-list__button {
    bottom: 0;
    position: absolute;
    right: 0
}

.product-item-list__description {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin: 0 0 .5rem
}

@media only screen and (min-width: 64rem) {
    .no-touch .product-item-list:hover {
        box-shadow: .5rem .5rem 1.25rem rgba(26, 26, 24, .06);
        padding-right: 1rem;
        transition: padding-right .3s ease;
        z-index: 11
    }

    .page-loading .no-touch .product-item-list:hover {
        transition: none
    }
}

.product-item-list .ajax-add-to-cart {
    display: flex;
    gap: .5rem
}

@media only screen and (min-width: 48rem) {
    .product-item-list .ajax-add-to-cart__quantity {
        display: block
    }
}

.product-item-summary {
    margin: 0;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-item-summary {
        margin-bottom: 1.25rem;
        padding-top: 1.25rem;
        width: calc(100% - 9rem)
    }
}

.product-item-summary__item {
    border-bottom: .0625rem solid #d5d5d5;
    font: 500 1.0625rem/1.5rem Open Sans, sans-serif;
    padding-top: 1.25rem
}

.product-item-summary__item:first-of-type {
    border-top: .0625rem solid #d5d5d5
}

.product-item-summary__item:before {
    display: none
}

.product-item-summary__item-inner {
    margin-bottom: 1.25rem
}

.product-item-summary__item-inner:not(:first-child) {
    border-top: .0625rem solid #d5d5d5;
    padding-top: 1.125rem
}

.product-item-summary--alternative {
    margin-bottom: 2rem;
    padding-top: .4375rem;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .product-item-summary--alternative {
        padding-top: .625rem
    }
}

.product-item-variant-selector__label {
    display: block
}

.product-item-variant-selector__title {
    font: 400 .8125rem/1.0625rem Open Sans, sans-serif
}

.product-list-item {
    background: rgba(0, 0, 0, .05);
    border-radius: .25rem;
    font-family: Open Sans, sans-serif;
    margin-bottom: .625rem;
    overflow: hidden;
    position: relative;
    transition: z-index .25s ease-in-out, box-shadow .25s ease-in-out
}

.page-loading .product-list-item {
    transition: none
}

.product-list-item:before {
    background: linear-gradient(180deg, #000, rgba(0, 0, 0, .05));
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .25s ease-in-out
}

.page-loading .product-list-item:before {
    transition: none
}

.product-list-item:last-child {
    margin-bottom: 3.3125rem
}

.product-list-item__col {
    padding: .625rem 1rem 1.5625rem;
    position: relative
}

@media only screen and (min-width: 40rem) {
    .product-list-item__col {
        padding: 3rem 0
    }
}

.product-list-item__col-name:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

.product-list-item__col-image {
    background-color: #bfbfbf;
    padding: 2.375rem 0 0;
    position: relative;
    z-index: 10
}

@media only screen and (min-width: 40rem) {
    .product-list-item__col-image {
        padding: 2.5rem 1.25rem 1.5625rem 2.375rem
    }
}

.product-list-item__col-price:hover {
    text-decoration: none
}

@media only screen and (min-width: 40rem) {
    .product-list-item__col-price {
        padding-right: 2.375rem
    }
}

.product-list-item__labels-wrap {
    z-index: 11
}

.product-list-item__labels-wrap .label-group {
    bottom: auto;
    left: 0;
    padding: .5rem .375rem;
    right: auto;
    top: 0
}

.product-list-item__overlay:after, .product-list-item__overlay:before {
    background: rgba(0, 0, 0, .05);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 350
}

.product-list-item__overlay:after {
    background: linear-gradient(180deg, #000, rgba(0, 0, 0, .05));
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.page-loading .product-list-item__overlay:after {
    transition: none
}

.product-list-item__review {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-left: -.6875rem;
    margin-top: .4375rem
}

.product-list-item__review-count {
    color: #d5d5d5;
    font-size: .9375rem
}

.no-touch .product-list-item:hover {
    box-shadow: .125rem .625rem 1.875rem 0 #414141;
    z-index: 11
}

.no-touch .product-list-item:hover .product-list-item__overlay:after, .no-touch .product-list-item:hover:before {
    opacity: .05
}

.product-quantity-input__label {
    font: .8125rem Open Sans, sans-serif;
    margin-right: .625rem
}

.product-slider-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 80rem) {
    .product-slider-title {
        margin-bottom: 2.5rem
    }
}

.product-slider-title .title {
    color: #202020;
    font-size: clamp(24px, 2vw + 12px, 36px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.product-slider-title__sub-col {
    display: none;
    margin: 1rem 0;
    position: relative
}

@media only screen and (min-width: 64rem) {
    .product-slider-title__sub-col {
        display: flex;
        margin: 0
    }
}

.product-slider-title__sub-col a {
    background-color: #202020 !important;
    border-radius: .375rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    padding: .75rem 2.75rem .75rem 1rem
}

.product-slider-title__sub-col i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product-slider-title__mobile-link {
    display: flex;
    margin: 0;
    position: relative;
    top: -2.3125rem;
    width: -moz-fit-content;
    width: fit-content
}

.product-slider-title__mobile-link p {
    margin: 0
}

@media only screen and (min-width: 64rem) {
    .product-slider-title__mobile-link {
        display: none
    }
}

.product-video-detail {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 40rem) {
    .product-video-detail {
        border-bottom: none;
        justify-content: space-between
    }
}

@media only screen and (min-width: 48rem) {
    .product-video-detail {
        margin-top: 2.5rem
    }
}

.product-video-detail__iframe {
    aspect-ratio: 16/9;
    border-radius: .5rem;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.product-video-detail__link-wrapper {
    background: #202020;
    border-radius: .5rem;
    bottom: 2.625rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: 0 2.625rem;
    padding: .75rem 1rem;
    position: absolute;
    text-align: center
}

.product-video-detail__link-wrapper a {
    align-self: center;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: .25rem
}

.product-video-detail__container {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: 1rem;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .product-video-detail__container {
        flex-direction: row;
        gap: 6.5rem;
        margin-bottom: unset
    }
}

.product-video-detail__container img {
    height: 40%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.product-video-detail__video-container {
    align-items: center;
    aspect-ratio: 16/9;
    background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), radial-gradient(50% 50% at 50% 50%, #fff 0, #c2c2c2 100%);
    border-radius: .5rem;
    display: flex;
    height: -moz-max-content;
    height: max-content;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .product-video-detail__video-container {
        width: 50%
    }
}

.product-video-detail__description {
    color: #2c2c2c;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    white-space: pre-line;
    width: 100%;
    word-wrap: break-word
}

@media only screen and (min-width: 64rem) {
    .product-video-detail__description {
        width: 50%
    }
}

.product-video-detail .toggler-item {
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .product-video-detail .toggler-item {
        border-top: 0
    }

    .product-video-detail .toggler-item:last-child {
        border-bottom: 0
    }
}

.product-video-detail .toggler-item__container--inner {
    padding: 1.5rem 0 2.5rem;
    width: 100%
}

.product-video-detail .toggler-item__title {
    color: #000;
    font-size: clamp(18px, 1vw + 8px, 24px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

@media only screen and (min-width: 64rem) {
    .product-video-detail .toggler-item__title {
        border-bottom: .0625rem solid #e9e9e9
    }
}

.quantity-counter {
    align-items: center;
    border: .0625rem solid #202020;
    border-radius: .25rem;
    display: flex;
    gap: .75rem;
    height: 2.5rem;
    justify-content: space-between;
    padding: .375rem;
    width: 100%
}

.quantity-counter button {
    padding: .375rem
}

.quantity-counter--buttons-disabled {
    border: .0625rem solid #6b6b6b
}

.quantity-counter--buttons-disabled:hover {
    cursor: not-allowed
}

.quantity-counter--buttons-disabled .quantity-counter__input {
    color: #6b6b6b
}

.quantity-counter__input {
    -moz-appearance: textfield;
    color: #202020;
    display: block;
    font-size: .75rem;
    font-weight: 400;
    height: 1.5rem;
    letter-spacing: 0;
    line-height: 1.625;
    text-align: center;
    width: 3.125rem
}

.quantity-counter__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.quantity-counter__input--transparent, .quantity-counter__input[disabled] {
    background: transparent
}

.quantity-counter__input--input-only {
    width: 100%
}

.quantity-counter--input-only {
    height: 2.375rem;
    justify-content: center
}

.quote-status {
    border-radius: 1rem;
    padding: .25rem
}

.quote-status--waiting {
    background-color: rgba(245, 171, 99, .3);
    color: #f29133
}

.quote-status--approved {
    background-color: rgba(57, 167, 135, .3);
    color: #2c8168
}

.quote-status--declined {
    background-color: rgba(223, 29, 33, .3);
    color: #b2171a
}

.quote-status--small {
    padding: .15rem
}

.quote-teaser {
    height: 32rem;
    margin: 9.375rem 0;
    overflow: hidden;
    position: relative
}

.touch .quote-teaser {
    background-image: url(../images/viden-lnfra.jpg);
    background-size: cover
}

@media only screen and (max-width: 47.9375rem) {
    .quote-teaser {
        height: 22rem
    }
}

.quote-teaser__video {
    display: none;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.no-touch .quote-teaser__video {
    display: block
}

.quote-teaser__container {
    height: 100%;
    padding: 0 1.5625rem
}

.quote-teaser__container:after {
    display: none
}

.quote-teaser__content {
    max-width: 46.875rem
}

.quote-teaser__text {
    margin-top: 2.1875rem
}

.quote-teaser__text > * {
    color: #fff;
    font-size: .8125rem;
    letter-spacing: .1875rem;
    line-height: 1.8;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width: 40rem) {
    .quote-teaser__text > * {
        font-size: 1rem
    }
}

.quote-teaser__auth > * {
    color: #fff;
    font-size: .625rem;
    letter-spacing: .10625rem;
    opacity: .4;
    padding: 1.25rem 0;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width: 40rem) {
    .quote-teaser__auth > * {
        font-size: .75rem
    }
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.noUi-target {
    direction: ltr;
    position: relative
}

.noUi-base, .noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    width: 100%;
    will-change: transform;
    z-index: 1
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    position: absolute
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    height: 28px;
    left: -17px;
    top: -6px;
    width: 34px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    height: 34px;
    left: -6px;
    top: -17px;
    width: 28px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    left: auto;
    right: -17px
}

.noUi-target {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    cursor: default
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    background: #e8e7e6;
    content: "";
    display: block;
    height: 14px;
    left: 14px;
    position: absolute;
    top: 6px;
    width: 1px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    height: 1px;
    left: 6px;
    top: 14px;
    width: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    color: #999;
    position: absolute
}

.noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #ccc;
    position: absolute
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
}

.noUi-value-vertical {
    padding-left: 25px;
    transform: translate(0, -50%, 0)
}

.noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    transform: translate(-50%)
}

.noUi-vertical .noUi-tooltip {
    right: 120%;
    top: 50%;
    transform: translateY(-50%)
}

.range-slider {
    margin-right: -.75rem
}

.range-slider__slider-content {
    background: none;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    padding: 0 .75rem
}

.range-slider__slider-content--horizontal .noUi-handle {
    top: 0
}

html:not([dir=rtl]) .range-slider__slider-content--horizontal .noUi-handle {
    margin-right: -.75rem;
    right: 0
}

.range-slider__values {
    align-items: center;
    display: flex;
    font-size: .6875rem;
    justify-content: space-between;
    margin: 0 -.75rem;
    padding-top: .625rem;
    position: relative;
    z-index: 10
}

.range-slider__values-item {
    color: #000;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.range-slider .noUi-handle {
    background-color: #202020;
    border-color: #202020;
    border-radius: .75rem;
    box-shadow: none;
    height: 1.5rem;
    transition: border-color .25s ease-in-out, transform .25s ease-in-out;
    width: 1.5rem
}

.page-loading .range-slider .noUi-handle {
    transition: none
}

.range-slider .noUi-handle:before {
    display: none
}

.range-slider .noUi-handle:after {
    background-color: #202020;
    border-radius: 624.9375rem;
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
    transition: opacity .25s ease-in-out;
    width: 100%
}

.page-loading .range-slider .noUi-handle:after {
    transition: none
}

.range-slider .noUi-handle:hover {
    border-color: #202020;
    cursor: pointer;
    transform: scale(1.1)
}

.range-slider .noUi-handle:hover:after {
    opacity: 1
}

.range-slider .noUi-base {
    box-sizing: border-box;
    cursor: pointer;
    padding: .6875rem 0 .75rem;
    position: relative;
    z-index: 11
}

.range-slider .noUi-connects {
    background-color: #e9e9e9;
    height: .25rem;
    margin: 0 -.75rem;
    width: calc(100% + 1.5rem)
}

.range-slider .noUi-connect {
    background-color: #202020
}

@media only screen and (min-width: 80rem) {
    .search-form {
        position: relative
    }
}

.search-form__button-hidden {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.search-form__search-container {
    background-color: #202020
}

@media only screen and (max-width: 79.9375rem) {
    .search-form__search-container {
        padding: 1rem
    }
}

.search-form__search-result-container {
    border-top: .0625rem solid #414141
}

.search-form__search-result-container .ajax-loader {
    top: 4.625rem
}

@media only screen and (min-width: 48rem) {
    .search-form__search-result-container .ajax-loader {
        top: 4rem
    }
}

@media only screen and (min-width: 80rem) {
    .search-form__search-result-container .ajax-loader {
        top: 0
    }
}

@media only screen and (min-width: 63.9375rem) {
    .search-form__search-result-container {
        background-color: transparent;
        border-top: 0;
        width: 100%;
        z-index: 700
    }
}

@media only screen and (min-width: 80rem) {
    .search-form__search-result-container {
        background-color: transparent;
        border-top: 0;
        position: absolute;
        right: .75rem;
        top: 4.4375rem;
        width: 51.125rem;
        z-index: 700
    }
}

.search-suggest-trigger__input-container {
    align-items: center;
    background-color: #202020;
    border: .0625rem solid #ababab;
    border-radius: .375rem;
    color: #202020;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    gap: .5rem;
    letter-spacing: 0;
    line-height: 1.625;
    min-height: 3rem;
    padding: 1rem;
    position: relative;
    z-index: 400
}

@media only screen and (min-width: 80rem) {
    .search-suggest-trigger__input-container {
        margin-right: .75rem;
        width: 15rem
    }
}

@media only screen and (min-width: 100rem) {
    .search-suggest-trigger__input-container {
        width: 18rem
    }
}

.search-suggest-trigger__input-container:focus-within, .search-suggest-trigger__input-container:hover {
    border: .0625rem solid #fecf5b
}

.search-suggest-trigger__input-container:focus-within i, .search-suggest-trigger__input-container:hover i {
    color: #fff
}

.search-suggest-trigger__input {
    background-color: #202020;
    color: #fff;
    font-size: 1rem;
    width: 100%
}

.search-suggest-trigger__input--transparent {
    background-color: transparent
}

.search-suggest-trigger__input::-moz-placeholder {
    color: #ababab;
    font-size: 1rem
}

.search-suggest-trigger__input::placeholder {
    color: #ababab;
    font-size: 1rem
}

.simple-carousel__container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

.simple-carousel__view {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.simple-carousel__slider {
    flex-wrap: nowrap;
    transition: transform .5s ease-in-out
}

.page-loading .simple-carousel__slider {
    transition: none
}

.simple-carousel__dots {
    line-height: 0;
    text-align: center
}

.simple-carousel__dot {
    display: inline-block;
    padding: .25rem
}

.simple-carousel__dot:before {
    background-color: #595959;
    border-radius: 100%;
    content: "";
    display: block;
    height: .5rem;
    transition: background-color .15s ease-in-out;
    width: .5rem
}

.page-loading .simple-carousel__dot:before {
    transition: none
}

.simple-carousel__dot--current:before, .simple-carousel__dot:hover:before {
    background-color: #1479bd
}

.simple-carousel__navigation {
    align-items: center;
    bottom: 0;
    display: flex;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 11
}

.simple-carousel__navigation--prev {
    left: 0
}

.simple-carousel__navigation--next {
    right: 0
}

.simple-carousel__arrow {
    color: #595959;
    pointer-events: all;
    transition: color .25s ease-in-out
}

.page-loading .simple-carousel__arrow {
    transition: none
}

.simple-carousel__arrow:hover {
    color: #1479bd
}

.simple-carousel--inset .simple-carousel__container {
    padding-left: 0;
    padding-right: 0
}

.simple-carousel--inset .simple-carousel__navigation {
    width: auto
}

.simple-carousel--inset .simple-carousel__arrow {
    background-color: hsla(0, 0%, 96%, .75);
    padding: .5rem
}

@media only screen and (min-width: 770px) {
    .simple-carousel__navigation {
        opacity: 0;
        pointer-events: none;
        transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
        visibility: hidden
    }

    .page-loading .simple-carousel__navigation {
        transition: none
    }

    .simple-carousel:hover .simple-carousel__navigation {
        opacity: 1;
        pointer-events: all;
        pointer-events: none;
        visibility: visible
    }
}

.single-button-form__button {
    background-color: hsla(0, 0%, 100%, 0);
    color: #1479bd;
    cursor: pointer
}

.single-button-form__button:focus, .single-button-form__button:hover {
    text-decoration: underline
}

.skip-link {
    clip: rect(0, 0, 0, 0);
    background: #1479bd;
    padding: .5rem 1rem;
    pointer-events: none;
    position: absolute;
    text-decoration: none;
    z-index: 900
}

.skip-link:focus, .skip-link:hover {
    clip: auto;
    color: #fff;
    outline: .0625rem solid #fff;
    pointer-events: auto
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list, .slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-carousel--align-left .slick-track {
    margin-left: 0
}

.slick-carousel .slick-list {
    padding-top: .25rem
}

.slick-carousel__container {
    display: flex;
    margin-bottom: 5.5rem;
    position: relative
}

.slick-carousel__container .slick-arrow {
    background: url(../images/fa-arrow-right.png) no-repeat 50%/.9375rem;
    background-color: #fff;
    border: .0625rem solid #202020;
    border-radius: .375rem;
    font-size: 0;
    height: 3rem;
    top: 42%;
    width: 2.875rem;
    z-index: 11
}

@media only screen and (max-width: 39.9375rem) {
    .slick-carousel__container .slick-arrow {
        top: 7.8125rem
    }
}

.slick-carousel__container .slick-arrow:hover {
    background-color: #fff;
    cursor: pointer;
    opacity: 1
}

.slick-carousel__container .slick-next, .slick-carousel__container .slick-prev {
    position: absolute
}

@media only screen and (max-width: 63.9375rem) {
    .slick-carousel__container .slick-next, .slick-carousel__container .slick-prev {
        bottom: 0;
        left: unset;
        right: unset;
        top: calc(100% + 2.5rem)
    }
}

.slick-carousel__container .slick-prev {
    right: 3.625rem;
    transform: rotate(180deg)
}

@media only screen and (min-width: 64rem) {
    .slick-carousel__container .slick-prev {
        left: -1.3125rem
    }
}

.slick-carousel__container .slick-next {
    right: 0
}

@media only screen and (min-width: 64rem) {
    .slick-carousel__container .slick-next {
        right: -1.4375rem
    }
}

.slick-carousel--product-set .slick-carousel__container {
    padding: 0
}

.slick-carousel--product-set .slick-dots {
    align-items: center;
    display: flex;
    justify-content: center
}

.slick-carousel--product-set .slick-dots li {
    background: #d5d5d5;
    border-radius: 624.9375rem;
    display: block;
    height: .375rem;
    margin: .3rem .5rem;
    width: .375rem
}

.slick-carousel--product-set .slick-dots li:hover {
    cursor: pointer
}

.slick-carousel--product-set .slick-dots li.slick-active {
    background: transparent;
    border: .0625rem solid #c60303;
    height: .75rem;
    width: .75rem
}

.slick-carousel--product-set .slick-dots button {
    font-size: 0
}

@media only screen and (max-width: 47.9375rem) {
    .slick-carousel--product-set .slick-arrow {
        top: 5.3125rem
    }

    .slick-carousel--product-set .slick-prev {
        left: 0
    }

    .slick-carousel--product-set .slick-next {
        right: 0
    }
}

.slick-carousel .slick-disabled {
    opacity: .4 !important
}

.slick-carousel--product-set-secondary {
    margin-top: 1.5rem
}

@media only screen and (min-width: 48rem) {
    .slick-carousel--product-set-secondary {
        margin-top: 0
    }
}

.slick-carousel--product-set-secondary .slick-slide {
    width: 14.375rem
}

@media only screen and (min-width: 39.9375rem) {
    .slick-carousel--product-set-secondary .slick-slide {
        padding-right: 1.875rem
    }

    .slick-carousel--product-set-secondary .slick-slide:last-of-type {
        padding-right: 0
    }
}

@media only screen and (min-width: 48rem) {
    .slick-carousel--product-set-secondary .slick-slide {
        width: 19.3125rem
    }
}

.slick-carousel--promotional .slick-arrow {
    top: 4.375rem
}

.slick-carousel--similar-products {
    margin-bottom: 4.0625rem
}

@media only screen and (min-width: 64rem) {
    .slick-carousel--similar-products {
        margin-bottom: 0
    }
}

.slick-carousel .slick-dots {
    align-items: center;
    background: #e9e9e9;
    border-radius: .125rem;
    display: flex;
    height: .25rem;
    justify-content: center;
    margin-top: 1rem
}

.slick-carousel .slick-dots li {
    background: #e9e9e9;
    border-radius: 50%;
    display: block;
    height: .375rem;
    margin-left: 0;
    margin-right: 0;
    opacity: .25;
    width: 100%
}

.slick-carousel .slick-dots li:hover {
    cursor: pointer
}

.slick-carousel .slick-dots li.slick-active {
    background-color: #202020;
    border: none;
    border-radius: .125rem;
    height: .25rem;
    opacity: 1;
    width: 100%
}

.slick-carousel .slick-dots button {
    font-size: 0
}

.slider-card-carousel__title {
    color: #000;
    font-size: clamp(20px, 1.8vw + 10px, 30px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: 2.5rem;
    text-align: center
}

.slider-card-carousel .slick-list {
    height: auto;
    overflow: unset
}

.slider-card-carousel .slick-track {
    align-items: stretch;
    display: flex
}

.slider-card-carousel .slick-slide {
    height: auto
}

.slider-card-carousel .slick-slide > div {
    height: 100%
}

.slider-card-content-block__container {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent);
    mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent);
    overflow: hidden;
    position: relative
}

.slider-card-item {
    align-items: stretch;
    display: flex;
    height: 100%;
    padding: 0 .5rem 2rem
}

.slider-card-item__container {
    background-color: #f3f3f3;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.slider-card-item a {
    align-items: baseline;
    justify-content: flex-start;
    margin-top: auto;
    padding: 0;
    width: 100%
}

.slider-card-item__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.25rem
}

@media only screen and (min-width: 48rem) {
    .slider-card-item__content {
        padding: 1.5rem
    }
}

.slider-card-item__img {
    height: auto;
    margin-right: auto;
    width: 100%
}

.slider-card-item__headline {
    color: #202020;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    word-wrap: break-word;
    margin-bottom: .5rem
}

@media only screen and (min-width: 48rem) {
    .slider-card-item__headline {
        color: #202020;
        font-size: 1.25rem;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.25
    }
}

.slider-card-item__description {
    color: #202020;
    display: none;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: 1rem;
    overflow-wrap: break-word
}

@media only screen and (min-width: 48rem) {
    .slider-card-item__description {
        display: block
    }
}

.slider-card-item__description > :first-child {
    margin-top: 0
}

.slider-card-item__description > :last-child {
    margin-bottom: 0
}

.slider-card-item__description a:not([class]) {
    color: #0c0a09;
    font-weight: 500;
    -webkit-text-decoration: underline solid #0c0a09;
    text-decoration: underline solid #0c0a09;
    text-decoration-thickness: .0625rem;
    text-underline-offset: .25rem;
    transition: text-decoration-color .3s ease, color .3s ease
}

.page-loading .slider-card-item__description a:not([class]) {
    transition: none
}

@media only screen and (min-width: 64rem) {
    .slider-card-item__description a:not([class]):hover {
        color: #414141;
        text-decoration-color: #fecf5b
    }
}

.slider-card-item__description a:not([class]):focus-visible {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .375rem #fff5de;
    outline: .0625rem solid #000
}

.sort__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media only screen and (max-width: 63.9375rem) {
    .sort {
        padding-bottom: .75rem
    }
}

.sort__sort-filter-container {
    z-index: 350
}

@media only screen and (min-width: 48rem) {
    .sort {
        border: .0625rem solid transparent;
        padding: .5rem
    }
}

@media only screen and (min-width: 64rem) {
    .sort {
        margin-bottom: 1.5rem
    }
}

.sort__label, .sort__results {
    color: #6b6b6b;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.sort__label {
    margin-right: .3125rem;
    vertical-align: middle;
    white-space: nowrap
}

.sort__page-sorting {
    align-items: center;
    display: flex
}

.sort__filter .fontawesome-icon i {
    font-size: .625rem
}

.static-card-grid-content-block__wrapper {
    overflow-x: hidden;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

@media only screen and (min-width: 64rem) {
    .static-card-grid-content-block__wrapper {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
}

.static-card-grid-content-block__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 64rem) {
    .static-card-grid-content-block__header {
        margin-bottom: 2.5rem
    }
}

.static-card-grid-content-block__title, .static-card-grid-content-block__title .title {
    color: #202020;
    font-size: clamp(24px, 2vw + 12px, 36px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

.static-card-grid-content-block__title p {
    margin: 0
}

.static-card-grid-content-block__cta {
    flex-shrink: 0;
    margin-left: 1rem
}

.static-card-grid-content-block__grid {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns:1fr
}

@media only screen and (min-width: 48rem) {
    .static-card-grid-content-block__grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (min-width: 64rem) {
    .static-card-grid-content-block__grid {
        grid-template-columns:repeat(4, 1fr)
    }
}

.static-card-grid-content-block__grid .slider-card-item {
    box-sizing: border-box;
    height: auto;
    min-width: 0;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .static-card-grid-content-block__grid .slider-card-item {
        height: 100%
    }
}

.static-card-grid-content-block__grid .slider-card-item__container {
    width: 100%
}

.status {
    background-color: #90cbf3;
    border-radius: .25rem;
    color: #0f5b8f;
    display: inline-block;
    margin: .125rem .125rem .125rem 0;
    padding: .1rem .5rem
}

.status--hollow {
    background: none;
    border: 1px solid #dadada;
    color: #bbb
}

.status--success {
    background-color: #89d7c0;
    color: #1f5b49
}

.status--warning {
    background-color: #fdebdb;
    color: #e4770e
}

.status--alert {
    background-color: #f08b8d;
    color: #851113
}

.status--availability {
    background-color: #90cbf3;
    border-radius: .25rem;
    color: #000;
    line-height: 1.625rem;
    padding: 0 .75rem 0 1.875rem;
    position: relative
}

.status--availability:before {
    aspect-ratio: 1;
    background-color: #1479bd;
    border-radius: 100%;
    content: "";
    left: .75rem;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: .625rem
}

.status--out-of-stock {
    background-color: #f08b8d
}

.status--out-of-stock:before {
    background-color: #b2171a
}

.status--available, .status--in-stock, .status--never-out-of-stock {
    background-color: #89d7c0
}

.status--available:before, .status--in-stock:before, .status--never-out-of-stock:before {
    background-color: #2c8168
}

.status--running-low {
    background-color: #fdebdb
}

.status--running-low:before {
    background-color: #f29133
}

.status--in-progress, .status--refunded, .status--rejected {
    background-color: #f08b8d;
    color: #851113
}

.status--approved, .status--configured, .status--delivered, .status--paid, .status--ready {
    background-color: #89d7c0;
    color: #1f5b49
}

.status--confirmed, .status--exported, .status--not-configured, .status--payment-pending, .status--pending, .status--sent-to-merchant, .status--shipped-by-merchant, .status--waiting {
    background-color: #fdebdb;
    color: #e4770e
}

.status--closed {
    background-color: #8c8c8c;
    color: #1a1a1a
}

.status--canceled, .status--cancelled, .status--ready-for-return, .status--return-canceled, .status--returned, .status--waiting-for-return {
    background-color: #b2b2b2;
    color: #404040
}

.status--draft {
    background-color: #fbe9e4;
    color: #d74722
}

.status--in-progress, .status--refunded {
    background-color: #ffc7c7;
    color: #f87373
}

.status--delivered, .status--paid, .status--ready {
    background-color: #e9f3fe;
    color: #f2ac01
}

.status--confirmed, .status--exported, .status--payment-pending, .status--sent-to-merchant, .status--shipped, .status--shipped-by-merchant, .status--shipped-to-customer, .status--waiting {
    background-color: #d5d5d5;
    color: #6b6b6b
}

.status--closed {
    background-color: #f3f3f3;
    color: #000
}

.status--canceled, .status--ready-for-return, .status--return-canceled, .status--returned, .status--waiting-for-return {
    background-color: #e9e9e9;
    color: #565656
}

.sticky-contact {
    align-items: flex-end;
    bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
    z-index: 9999
}

.sticky-contact__trigger {
    align-items: flex-start;
    background-color: #fecf5b;
    border: none;
    border-radius: .375rem 0 0 .375rem;
    box-shadow: 0 .0625rem .6875rem 0 rgba(26, 26, 24, .25);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: .25rem
}

@media only screen and (max-width: 63.9375rem) {
    .sticky-contact__trigger {
        width: 3rem
    }
}

.sticky-contact__trigger i {
    font-size: 1rem;
    height: 2.125rem;
    padding: .5rem;
    width: 2.5rem
}

@media only screen and (min-width: 64rem) {
    .sticky-contact__trigger {
        min-height: 3.75rem;
        min-width: 3.75rem;
        padding: .5rem 1.5rem;
        width: auto
    }
}

.sticky-contact__trigger-icons {
    display: flex;
    flex-direction: column
}

.sticky-contact__trigger-row {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.sticky-contact__trigger-row i {
    flex-shrink: 0;
    height: 2.5rem;
    padding: .625rem
}

@media only screen and (min-width: 64rem) {
    .sticky-contact__trigger-row {
        gap: .5rem;
        padding: .25rem 0
    }

    .sticky-contact__trigger-row i {
        height: .875rem;
        padding: 0;
        width: auto
    }
}

.sticky-contact__trigger-label {
    color: #000;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    line-height: 1.2;
    white-space: nowrap
}

@media only screen and (max-width: 63.9375rem) {
    .sticky-contact__trigger-label {
        display: none
    }
}

.sticky-contact__trigger-close {
    align-items: center;
    display: none;
    height: 2.125rem;
    justify-content: center;
    width: 2.5rem
}

.sticky-contact__trigger-close i {
    color: #000;
    font-size: 1.25rem;
    height: 2.125rem;
    padding: .5rem;
    width: 2.5rem
}

.sticky-contact__trigger.is-open {
    align-items: center;
    justify-content: center;
    padding: .25rem
}

.sticky-contact__trigger.is-open .sticky-contact__trigger-icons {
    display: none
}

.sticky-contact__trigger.is-open .sticky-contact__trigger-close {
    display: flex
}

.sticky-contact__panel {
    background-color: #fff;
    border-radius: .375rem 0 0 .375rem;
    bottom: 5.5625rem;
    box-shadow: 0 .0625rem .6875rem 0 rgba(26, 26, 24, .25);
    display: none;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 1.5rem;
    position: fixed;
    right: 0;
    width: 16.25rem
}

.sticky-contact__panel.is-open {
    display: flex
}

@media only screen and (min-width: 64rem) {
    .sticky-contact__panel {
        bottom: 7rem
    }
}

.sticky-contact__headline {
    color: #202020;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625;
    line-height: 1.2;
    padding: 0
}

.sticky-contact__section {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.sticky-contact__note, .sticky-contact__section-label, .sticky-contact__section-text {
    line-height: 1.7;
    margin: 0;
    padding: 0
}

.sticky-contact__section-label {
    color: #2c2c2c;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625
}

.sticky-contact__note, .sticky-contact__section-text {
    color: #2c2c2c;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.sticky-contact__link {
    align-items: flex-start;
    color: #202020;
    display: flex;
    gap: .25rem;
    line-height: 1.7;
    text-decoration: none
}

.sticky-contact__link i {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: .75rem;
    justify-content: center;
    min-height: 1.25rem;
    width: .9375rem
}

.sticky-contact__link span {
    color: #202020;
    font-size: .875rem;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625;
    line-height: 1.2;
    text-decoration: underline
}

.sticky-contact__link:hover span {
    text-decoration: none
}

.suggest-search__input {
    border: 1px solid #dadada;
    display: inline-block;
    padding: .25rem .5rem;
    transition: border-color .25s ease-in-out
}

.page-loading .suggest-search__input {
    transition: none
}

.suggest-search__input:focus {
    border-color: #bbb
}

.suggest-search__input::-moz-placeholder {
    color: #bbb
}

.suggest-search__input::placeholder {
    color: #bbb
}

.suggest-search__input--expand {
    display: block;
    width: 100%
}

.suggest-search__input--naked {
    background-color: hsla(0, 0%, 100%, 0);
    border: none
}

.suggest-search__input--error {
    border-color: #b2171a
}

.suggest-search__input--disabled, .suggest-search__input[disabled] {
    background-color: #f4f4f4;
    cursor: not-allowed
}

.suggest-search__container {
    background-color: #202020;
    color: #fff;
    margin: 0;
    min-height: 4.25rem;
    padding: .5rem 1rem 1.5rem
}

@media only screen and (min-width: 80rem) {
    .suggest-search__container {
        padding: 1rem 2rem 2rem
    }
}

.suggest-search__input--transparent {
    background-color: transparent
}

.suggest-search__item--active {
    text-decoration: underline
}

.suggest-search__hint {
    border-radius: .25rem;
    color: #202020;
    display: none;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    padding: .75rem 1rem;
    position: absolute;
    top: 0;
    width: 100%
}

.suggestion-block {
    flex-wrap: wrap;
    max-width: calc(100% + 2rem)
}

@media only screen and (min-width: 48rem) {
    .suggestion-block {
        flex-wrap: nowrap;
        gap: 1.5rem
    }

    .suggestion-block:last-child {
        margin-right: -1.5rem
    }
}

.suggestion-block__col {
    flex: 1;
    min-width: 100%
}

@media only screen and (min-width: 48rem) {
    .suggestion-block__col {
        flex: 1;
        min-width: unset
    }

    .suggestion-block__col:first-child {
        flex: 0 0 50%
    }
}

.suggestion-block__btn {
    margin-left: -.875rem
}

.suggestion-block__btn span {
    text-decoration: underline;
    text-underline-offset: .25rem
}

.suggestion-block__product-list {
    padding-top: .25rem
}

.suggestion-links-list__holder {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: .25rem 0;
    text-decoration: underline;
    text-underline-offset: .25rem
}

@media only screen and (min-width: 48rem) {
    .suggestion-links-list__holder {
        margin: .25rem 0 2.5rem
    }
}

.suggestion-links-list__item {
    margin-left: -1rem
}

.suggestion-links-list__item-link {
    display: flex;
    text-transform: capitalize;
    width: auto
}

.suggestion-links-list__item-link .link__text {
    line-height: 1.625
}

.suggestion-product__container {
    align-items: center;
    display: flex;
    gap: .5rem;
    width: auto
}

.suggestion-product__container:focus, .suggestion-product__container:focus-visible {
    box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .3125rem #fff5de;
    outline: .125rem solid #fff;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .suggestion-product__container:focus, .page-loading .suggestion-product__container:focus-visible {
    transition: none
}

.suggestion-product__img {
    margin: .5rem 0;
    max-height: 2.5625rem;
    max-width: 2.5625rem
}

.suggestion-product__info {
    color: #202020;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    transition: color .3s ease, -webkit-text-decoration .3s ease;
    transition: color .3s ease, text-decoration .3s ease;
    transition: color .3s ease, text-decoration .3s ease, -webkit-text-decoration .3s ease
}

.page-loading .suggestion-product__info {
    transition: none
}

@media only screen and (min-width: 64rem) {
    .suggestion-product__info:hover {
        color: #d5d5d5;
        text-decoration: underline;
        text-decoration-color: #fecf5b;
        text-underline-offset: .25rem
    }

    .suggestion-product__info:hover .money-price__amount {
        color: #d5d5d5
    }
}

.suggestion-product .money-price__amount {
    color: #fff
}

.table-action-list {
    display: flex;
    flex-wrap: wrap;
    padding: .625rem 0
}

@media only screen and (min-width: 48rem) {
    .table-action-list {
        flex-wrap: nowrap;
        padding: 0 .1875rem 0 0;
        width: 100%
    }
}

.table-action-list__item {
    flex-grow: 1;
    min-width: 33.3333333333%;
    padding: .125rem .3125rem
}

@media only screen and (min-width: 40rem) {
    .table-action-list__item {
        min-width: 20%
    }
}

@media only screen and (min-width: 48rem) {
    .table-action-list__item {
        flex-grow: 0;
        padding: 0 .3125rem;
        white-space: nowrap
    }
}

.table-action-list__link {
    background: none;
    border: .0625rem solid #d5d5d5;
    border-radius: .125rem;
    color: #000;
    cursor: pointer;
    display: block;
    font: 1rem Open Sans, sans-serif;
    padding: .3125rem;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    .table-action-list__link {
        border: none;
        padding: 0;
        text-align: left
    }
}

.table-action-list__link:hover {
    color: #f87373;
    text-decoration: underline
}

.table-action-list--wishlist {
    flex-wrap: wrap;
    gap: .5rem;
    padding: 0
}

.table-action-list--wishlist .table-action-list__item {
    flex-grow: 1;
    padding: 0
}

.text-image-item__wrapper {
    background-color: #202020;
    color: #fff
}

.text-image-item__container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    overflow: hidden
}

@media only screen and (min-width: 64rem) {
    .text-image-item__container {
        flex-direction: row
    }
}

.text-image-item__container-content {
    display: flex;
    flex-direction: column;
    padding: 2.5rem 1rem 1rem
}

@media only screen and (min-width: 64rem) {
    .text-image-item__container-content {
        align-self: center;
        padding: 5rem
    }
}

@media only screen and (min-width: 80rem) {
    .text-image-item__container-content {
        width: 75%
    }
}

.text-image-item__subtitle {
    color: #d5d5d5;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 0;
    letter-spacing: .03125rem;
    line-height: 1.625;
    margin-bottom: .75rem;
    margin-top: 0;
    text-transform: uppercase
}

@media only screen and (min-width: 64rem) {
    .text-image-item__subtitle {
        color: #d5d5d5;
        font-size: .875rem;
        font-weight: 600;
        letter-spacing: 0;
        letter-spacing: .03125rem;
        line-height: 1.625
    }
}

.text-image-item__title {
    color: #fff;
    font-size: clamp(24px, 2vw + 12px, 36px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: .25rem
}

.text-image-item__content {
    color: relaxed;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625;
    margin-bottom: 1rem
}

@media only screen and (min-width: 64rem) {
    .text-image-item__content {
        color: relaxed;
        font-size: 1.125rem;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.625
    }
}

.text-image-item__btn {
    margin-bottom: 1rem
}

@media only screen and (min-width: 64rem) {
    .text-image-item__btn {
        margin-bottom: 0
    }

    .text-image-item__image {
        align-self: stretch;
        margin-top: 0
    }
}

.text-image-item__image img {
    display: flex;
    height: 33vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .text-image-item__image img {
        height: 100%;
        max-width: 31.25rem;
        min-width: 25rem;
        width: auto
    }
}

.text-image-item--content-left .text-image-item__container {
    flex-direction: column-reverse
}

@media only screen and (min-width: 64rem) {
    .text-image-item--content-left .text-image-item__container {
        flex-direction: row-reverse
    }

    .text-image-item--content-left .text-image-item__container .text-image-item__container-content {
        padding-left: 0
    }

    .text-image-item--content-left .text-image-item__container .text-image-item__image {
        margin-left: 0
    }
}

.text-image-item--content-right .text-image-item__container {
    flex-direction: column
}

@media only screen and (min-width: 64rem) {
    .text-image-item--content-right .text-image-item__container {
        flex-direction: row
    }

    .text-image-item--content-right .text-image-item__container .text-image-item__image {
        margin-right: 0
    }
}

.text-image-item--no-image .text-image-item__container-content {
    width: 100%
}

.text-image-item--no-image.text-image-item--content-right .text-image-item__container {
    justify-content: flex-end
}

@media only screen and (min-width: 64rem) {
    .text-image-item--no-image.text-image-item--content-right .text-image-item__container .text-image-item__image {
        margin-right: 5rem
    }
}

.text-image-item--no-image.text-image-item--content-right .text-image-item__container .text-image-item__container-content {
    align-items: flex-end
}

.text-image-item--no-image.text-image-item--content-right .text-image-item__content, .text-image-item--no-image.text-image-item--content-right .text-image-item__subtitle, .text-image-item--no-image.text-image-item--content-right .text-image-item__title {
    justify-items: flex-end;
    text-align: end
}

.text-image-item--no-image.text-image-item--content-right .text-image-item__content ol, .text-image-item--no-image.text-image-item--content-right .text-image-item__content ul, .text-image-item--no-image.text-image-item--content-right .text-image-item__subtitle ol, .text-image-item--no-image.text-image-item--content-right .text-image-item__subtitle ul, .text-image-item--no-image.text-image-item--content-right .text-image-item__title ol, .text-image-item--no-image.text-image-item--content-right .text-image-item__title ul {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    text-align: left
}

.text-image-item--no-image.text-image-item--content-left .text-image-item__container {
    flex-direction: row
}

.text-image-item--light-bg {
    background-color: #fff;
    color: #000
}

.text-image-item--light-bg .text-image-item__container {
    padding-bottom: 0;
    padding-top: 0
}

.text-image-item--light-bg .text-image-item__subtitle {
    color: #565656
}

.text-image-item--light-bg .text-image-item__title {
    color: #000
}

.text-image-item--dark-bg ul li:before {
    filter: invert(100%) brightness(100%)
}

.text-image-item--spacing-extra {
    border-radius: .75rem;
    margin: 0 1rem;
    overflow: hidden
}

@media only screen and (min-width: 40rem) {
    .text-image-item--spacing-extra {
        margin: 0 2.5rem
    }
}

@media only screen and (min-width: 100rem) {
    .text-image-item--spacing-extra {
        margin: 0 5rem;
        width: 120.625rem
    }
}

.text-image-item--spacing-extra .text-image-item__container {
    padding: 0
}

.text-image-item--spacing-extra .text-image-item__container .text-image-item__container-content {
    padding: 1.5rem 1rem
}

@media only screen and (min-width: 64rem) {
    .text-image-item--spacing-extra .text-image-item__container .text-image-item__container-content {
        padding: 3.5rem
    }
}

.text-image-item--spacing-extra.text-image-item--light-bg {
    background-color: #f3f3f3
}

.text-image-item--spacing-none__container .text-image-item__container {
    padding: 0
}

@media only screen and (min-width: 64rem) {
    .text-image-item--spacing-none__container .text-image-item__container {
        padding: 0 2.5rem
    }
}

@media only screen and (min-width: 100rem) {
    .text-image-item--spacing-none__container .text-image-item__container {
        padding: 0 5rem
    }
}

.text-image-item--spacing-none__container .text-image-item--light-bg .text-image-item__image {
    align-self: stretch;
    padding: 0 1rem
}

@media only screen and (min-width: 64rem) {
    .text-image-item--spacing-none__container .text-image-item--light-bg .text-image-item__image {
        align-self: center;
        padding: 0
    }
}

.text-image-item--spacing-none__container .text-image-item--light-bg .text-image-item__image img {
    border-radius: .375rem;
    height: 33vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media only screen and (min-width: 64rem) {
    .text-image-item--spacing-none__container .text-image-item--light-bg .text-image-item__image img {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.text-image-item--spacing-extra__container {
    align-items: center;
    display: flex;
    justify-content: center
}

.text-image-item .list {
    margin-left: 1.125rem
}

.text-image-item .list--icon {
    margin-left: 0
}

.toggler-accordion--active:after {
    display: none
}

.toggler-buttons {
    background-color: #fff;
    border: .0625rem solid #202020;
    border-radius: .25rem;
    display: inline-flex;
    gap: .25rem;
    padding: .375rem;
    width: 100%
}

.toggler-buttons__input {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.toggler-buttons__label {
    align-items: center;
    border-radius: .25rem;
    color: #202020;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    gap: .5rem;
    justify-content: center;
    min-height: 5.5rem;
    padding: 1rem;
    transition: background-color .2s ease, color .2s ease;
    white-space: nowrap;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch
}

@media only screen and (min-width: 40rem) {
    .toggler-buttons__label {
        flex-flow: row
    }
}

.toggler-buttons__label:has(.toggler-buttons__input:focus-visible) {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de
}

.toggler-buttons__label:not(:has(.toggler-buttons__input:checked)):hover {
    background-color: #f3f3f3
}

.toggler-buttons__label:has(.toggler-buttons__input:checked) {
    background-color: #202020;
    color: #fff
}

.toggler-buttons__label:has(.toggler-buttons__input:checked) .toggler-buttons__icon {
    filter: brightness(0) invert(1)
}

@media only screen and (min-width: 80rem) {
    .toggler-buttons__label {
        min-width: 20.25rem;
        padding: 1rem 1.5rem
    }
}

.toggler-buttons__label-text {
    color: relaxed;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625
}

.checkbox {
    display: inline-block;
    margin: 0 1.5rem .75rem 0;
    position: relative
}

.checkbox__container {
    align-items: center;
    display: flex
}

.checkbox__box {
    align-self: flex-start;
    background-color: #fff;
    border: .0625rem solid #6b6b6b;
    border-radius: .125rem;
    display: inline-block;
    margin-right: .625rem;
    min-height: 1.125rem;
    min-width: 1.125rem;
    pointer-events: none;
    position: relative;
    text-align: center;
    vertical-align: top
}

.checkbox__check {
    height: 1.125rem;
    left: .1875rem;
    margin: 0;
    position: absolute;
    top: .1875rem;
    transition: opacity .3s ease;
    width: 1.125rem
}

.page-loading .checkbox__check {
    transition: none
}

.checkbox__input {
    align-self: flex-start;
    cursor: pointer;
    height: 1.125rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 1.125rem
}

.checkbox__input:focus-visible + .checkbox__box {
    border: .0625rem solid #6b6b6b;
    box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .375rem #fff5de;
    outline: .125rem solid #fff;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .checkbox__input:focus-visible + .checkbox__box {
    transition: none
}

.checkbox__input:not(:checked):hover + .checkbox__box .checkbox__check {
    color: #6b6b6b;
    transition: color .3s ease
}

.page-loading .checkbox__input:not(:checked):hover + .checkbox__box .checkbox__check {
    transition: none
}

.checkbox__input:checked + .checkbox__box {
    background-color: #0c0a09;
    border: .0625rem solid #0c0a09;
    transition: background-color .3s ease
}

.page-loading .checkbox__input:checked + .checkbox__box {
    transition: none
}

.checkbox__input:checked + .checkbox__box .checkbox__check {
    color: #fff;
    transition: color .3s ease
}

.page-loading .checkbox__input:checked + .checkbox__box .checkbox__check {
    transition: none
}

.checkbox__input:checked:hover + .checkbox__box {
    background-color: #565656;
    border: .0625rem solid #565656;
    transition: background-color .3s ease, border .3s ease
}

.page-loading .checkbox__input:checked:hover + .checkbox__box {
    transition: none
}

.checkbox__input:checked:focus-visible + .checkbox__box {
    border: .0625rem solid #0c0a09;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .checkbox__input:checked:focus-visible + .checkbox__box {
    transition: none
}

.checkbox__input:disabled + .checkbox__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5;
    cursor: not-allowed
}

.checkbox__input:disabled + .checkbox__box .checkbox__check {
    color: #f3f3f3
}

.checkbox__input:disabled + .checkbox__box + .checkbox__label {
    color: #ababab
}

.checkbox__input:disabled:checked + .checkbox__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5
}

.checkbox__input:disabled:checked + .checkbox__box .checkbox__check, .checkbox__input:disabled:checked:hover + .checkbox__box .checkbox__check {
    color: #ababab
}

.checkbox__input:disabled:hover {
    cursor: not-allowed
}

.checkbox__input:disabled:hover + .checkbox__box .checkbox__check {
    color: #f3f3f3
}

.checkbox .checkbox__check {
    height: auto;
    opacity: 1;
    pointer-events: none;
    transition: opacity .3s ease;
    width: auto
}

.page-loading .checkbox .checkbox__check {
    transition: none
}

.checkbox__checkbox-container {
    display: flex
}

.checkbox__label {
    color: #2c2c2c;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0
}

.checkbox--expand {
    display: block
}

.checkbox--error .checkbox__input:checked + .checkbox__box, .checkbox--error__box {
    background-color: #da0303;
    border: .0625rem solid #da0303
}

.checkbox--error .checkbox__input:hover + .checkbox__box {
    color: #da0303;
    transition: color .3s ease, background-color .3s ease
}

.page-loading .checkbox--error .checkbox__input:hover + .checkbox__box {
    transition: none
}

.checkbox--error:hover .checkbox__input + .checkbox__box .checkbox__check {
    color: #6b6b6b;
    transition: color .3s ease
}

.page-loading .checkbox--error:hover .checkbox__input + .checkbox__box .checkbox__check {
    transition: none
}

.checkbox--error:hover .checkbox__input:checked + .checkbox__box .checkbox__check {
    color: #fff
}

.checkbox--error .checkbox__box {
    border: .0625rem solid #da0303
}

.checkbox--big .checkbox__box {
    height: 1.25rem;
    width: 1.25rem
}

.checkbox--big .checkbox__check {
    height: .75rem;
    width: .75rem
}

.toggler-checkbox {
    display: inline-block;
    margin: 0 1.5rem .75rem 0;
    position: relative
}

.toggler-checkbox__container {
    align-items: center;
    display: flex
}

.toggler-checkbox__box {
    align-self: flex-start;
    background-color: #fff;
    border: .0625rem solid #6b6b6b;
    border-radius: .125rem;
    display: inline-block;
    margin-right: .625rem;
    min-height: 1.125rem;
    min-width: 1.125rem;
    pointer-events: none;
    position: relative;
    text-align: center;
    vertical-align: top
}

.toggler-checkbox__check {
    height: 1.125rem;
    left: .1875rem;
    margin: 0;
    position: absolute;
    top: .1875rem;
    transition: opacity .3s ease;
    width: 1.125rem
}

.page-loading .toggler-checkbox__check {
    transition: none
}

.toggler-checkbox__input {
    align-self: flex-start;
    cursor: pointer;
    height: 1.125rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 1.125rem
}

.toggler-checkbox__input:focus-visible + .toggler-checkbox__box {
    border: .0625rem solid #6b6b6b;
    box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .375rem #fff5de;
    outline: .125rem solid #fff;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .toggler-checkbox__input:focus-visible + .toggler-checkbox__box {
    transition: none
}

.toggler-checkbox__input:not(:checked):hover + .toggler-checkbox__box .toggler-checkbox__check {
    color: #6b6b6b;
    transition: color .3s ease
}

.page-loading .toggler-checkbox__input:not(:checked):hover + .toggler-checkbox__box .toggler-checkbox__check {
    transition: none
}

.toggler-checkbox__input:checked + .toggler-checkbox__box {
    background-color: #0c0a09;
    border: .0625rem solid #0c0a09;
    transition: background-color .3s ease
}

.page-loading .toggler-checkbox__input:checked + .toggler-checkbox__box {
    transition: none
}

.toggler-checkbox__input:checked + .toggler-checkbox__box .toggler-checkbox__check {
    color: #fff;
    transition: color .3s ease
}

.page-loading .toggler-checkbox__input:checked + .toggler-checkbox__box .toggler-checkbox__check {
    transition: none
}

.toggler-checkbox__input:checked:hover + .toggler-checkbox__box {
    background-color: #565656;
    border: .0625rem solid #565656;
    transition: background-color .3s ease, border .3s ease
}

.page-loading .toggler-checkbox__input:checked:hover + .toggler-checkbox__box {
    transition: none
}

.toggler-checkbox__input:checked:focus-visible + .toggler-checkbox__box {
    border: .0625rem solid #0c0a09;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .toggler-checkbox__input:checked:focus-visible + .toggler-checkbox__box {
    transition: none
}

.toggler-checkbox__input:disabled + .toggler-checkbox__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5;
    cursor: not-allowed
}

.toggler-checkbox__input:disabled + .toggler-checkbox__box .toggler-checkbox__check {
    color: #f3f3f3
}

.toggler-checkbox__input:disabled + .toggler-checkbox__box + .toggler-checkbox__label {
    color: #ababab
}

.toggler-checkbox__input:disabled:checked + .toggler-checkbox__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5
}

.toggler-checkbox__input:disabled:checked + .toggler-checkbox__box .toggler-checkbox__check, .toggler-checkbox__input:disabled:checked:hover + .toggler-checkbox__box .toggler-checkbox__check {
    color: #ababab
}

.toggler-checkbox__input:disabled:hover {
    cursor: not-allowed
}

.toggler-checkbox__input:disabled:hover + .toggler-checkbox__box .toggler-checkbox__check {
    color: #f3f3f3
}

.toggler-checkbox .toggler-checkbox__check {
    height: auto;
    opacity: 1;
    pointer-events: none;
    transition: opacity .3s ease;
    width: auto
}

.page-loading .toggler-checkbox .toggler-checkbox__check {
    transition: none
}

.toggler-checkbox__checkbox-container {
    display: flex
}

.toggler-checkbox__label {
    color: #2c2c2c;
    font-weight: 500
}

.toggler-checkbox--expand {
    display: block
}

.toggler-checkbox--error .toggler-checkbox__input:checked + .toggler-checkbox__box, .toggler-checkbox--error__box {
    background-color: #da0303;
    border: .0625rem solid #da0303
}

.toggler-checkbox--error .toggler-checkbox__input:hover + .toggler-checkbox__box {
    color: #da0303;
    transition: color .3s ease, background-color .3s ease
}

.page-loading .toggler-checkbox--error .toggler-checkbox__input:hover + .toggler-checkbox__box {
    transition: none
}

.toggler-checkbox--error:hover .toggler-checkbox__input + .toggler-checkbox__box .toggler-checkbox__check {
    color: #6b6b6b;
    transition: color .3s ease
}

.page-loading .toggler-checkbox--error:hover .toggler-checkbox__input + .toggler-checkbox__box .toggler-checkbox__check {
    transition: none
}

.toggler-checkbox--error:hover .toggler-checkbox__input:checked + .toggler-checkbox__box .toggler-checkbox__check {
    color: #fff
}

.toggler-checkbox--error .toggler-checkbox__box {
    border: .0625rem solid #da0303
}

.toggler-checkbox--big .toggler-checkbox__box {
    height: 1.25rem;
    width: 1.25rem
}

.toggler-checkbox--big .toggler-checkbox__check {
    height: .75rem;
    width: .75rem
}

.toggler-checkbox__input:checked {
    accent-color: #202020
}

.toggler-checkbox__label {
    color: #202020;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625
}

.toggler-item {
    max-width: 26.875rem
}

.toggler-item .is-collapsed {
    display: grid;
    grid-template-rows:0fr;
    transition: grid-template-rows .25s ease, visibility 0ms linear .25s
}

@media only screen and (max-width: 79.9375rem) {
    .toggler-item .is-collapsed-lg-only {
        display: grid;
        grid-template-rows:0fr
    }
}

.toggler-item button {
    background-color: transparent;
    border: .0625rem solid transparent;
    box-shadow: .125rem .125rem .25rem transparent, 0 0 0 .1875rem transparent;
    display: inline;
    text-align: left;
    width: 100%
}

.toggler-item button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.toggler-item button:disabled:hover {
    background-color: transparent
}

.toggler-item button:disabled:hover:after, .toggler-item button:disabled:hover:before {
    background: #6b6b6b
}

.toggler-item__title {
    border-radius: .375rem;
    color: #0c0a09;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin: 0;
    opacity: 1;
    padding: 1rem 3.25rem 1rem 0;
    position: relative;
    transition: opacity .25s ease-in-out
}

.page-loading .toggler-item__title {
    transition: none
}

@media only screen and (min-width: 64rem) {
    .toggler-item__title {
        padding-left: .75rem
    }
}

.toggler-item__title:focus-visible {
    border: .0625rem solid #000;
    box-shadow: .125rem .125rem .25rem #fff5de, 0 0 0 .1875rem #fff5de;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .toggler-item__title:focus-visible {
    transition: none
}

@media only screen and (min-width: 64rem) {
    .toggler-item__title:hover {
        background-color: #f3f3f3;
        border-radius: 0;
        cursor: pointer;
        transition: background-color .3s ease
    }

    .page-loading .toggler-item__title:hover {
        transition: none
    }

    .toggler-item__title:hover:after, .toggler-item__title:hover:before {
        background: #2c2c2c;
        transition: background .3s ease
    }

    .page-loading .toggler-item__title:hover:after, .page-loading .toggler-item__title:hover:before {
        transition: none
    }
}

.toggler-item__title:hover:focus-visible {
    border-radius: .375rem
}

.toggler-item__title:not(.toggler-item__title--read-only):after, .toggler-item__title:not(.toggler-item__title--read-only):before {
    background: #6b6b6b;
    border-radius: 624.9375rem;
    content: "";
    margin: 0 .75rem;
    position: absolute;
    top: 50%
}

.toggler-item__title:not(.toggler-item__title--read-only):before {
    height: .125rem;
    margin-top: -.0625rem;
    right: -.625rem;
    width: .875rem
}

@media only screen and (min-width: 64rem) {
    .toggler-item__title:not(.toggler-item__title--read-only):before {
        right: 0
    }
}

.toggler-item__title:not(.toggler-item__title--read-only):after {
    height: .875rem;
    margin-top: -.4375rem;
    right: -.25rem;
    width: .125rem
}

@media only screen and (min-width: 64rem) {
    .toggler-item__title:not(.toggler-item__title--read-only):after {
        right: .375rem
    }
}

.toggler-item__title:not(.toggler-item__title--read-only).toggler-item__title--active:after {
    display: none
}

.toggler-item__title:not(.toggler-item__title--read-only).toggler-item__title--active:before {
    background-color: #2c2c2c
}

.toggler-item__title:not(.toggler-item__title--read-only).toggler-item__title--active.toggler-item__title--inverse:after, .toggler-item__title:not(.toggler-item__title--read-only).toggler-item__title--active.toggler-item__title--inverse:before {
    background: #fff
}

.toggler-item__title--bundle {
    padding-left: .6875rem
}

.toggler-item__title--bundle:not(.toggler-item__title--read-only):after, .toggler-item__title--bundle:not(.toggler-item__title--read-only):before {
    transform: translateX(-.6875rem)
}

.toggler-item__title--bundle-note {
    color: #000;
    font: Open Sans, sans-serif;
    letter-spacing: 0;
    padding: 0 1.25rem 0 0
}

@media only screen and (min-width: 80rem) {
    .toggler-item__title--bundle-note {
        font-size: 16px
    }

    .toggler-item__title--mobile {
        pointer-events: none
    }

    .toggler-item__title--mobile:hover {
        cursor: default
    }

    .toggler-item__title--mobile:after, .toggler-item__title--mobile:before {
        display: none
    }
}

@media only screen and (min-width: 48rem) {
    .toggler-item__title--desktop-border-bottom {
        border-bottom: .0625rem solid #e9e9e9;
        margin-bottom: 1rem;
        padding-bottom: .875rem
    }
}

.toggler-item__title--inverse {
    color: #fff
}

@media only screen and (min-width: 64rem) {
    .toggler-item__title--inverse:hover {
        background-color: #2c2c2c;
        cursor: pointer;
        transition: background-color .3s ease
    }

    .page-loading .toggler-item__title--inverse:hover {
        transition: none
    }

    .toggler-item__title--inverse:hover:after, .toggler-item__title--inverse:hover:before {
        background: #6b6b6b
    }
}

.toggler-item__title--inverse:focus-visible {
    border: .0625rem solid #202020;
    box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .3125rem #fff5de;
    outline: .125rem solid #fff;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .toggler-item__title--inverse:focus-visible {
    transition: none
}

.toggler-item__container {
    overflow: hidden
}

.toggler-item__container--inner {
    color: #2c2c2c;
    display: inline-block;
    padding: .75rem 2.875rem 1.5rem .75rem
}

.toggler-item__content {
    color: #202020;
    display: grid;
    font-size: .875rem;
    font-weight: 400;
    grid-template-rows:1fr;
    letter-spacing: 0;
    line-height: 1.625;
    line-height: 1.5rem;
    transition: grid-template-rows .25s ease, visibility 0ms linear 0ms
}

.toggler-item__content--bundle {
    padding: 0 .6875rem
}

.toggler-item__content--bundle-note {
    padding: .9375rem 0 0
}

.toggler-item__content--flex {
    display: flex
}

.toggler-item__content--inverse, .toggler-item__content--inverse .toggler-item__container--inner {
    color: #fff
}

@media only screen and (max-width: 79.9375rem) {
    .toggler-item--with-border-mobile {
        border-top: .0625rem solid #e9e9e9
    }
}

.toggler-item--with-border {
    border-top: .0625rem solid #e9e9e9
}

.toggler-item--with-border:last-child {
    border-bottom: .0625rem solid #e9e9e9
}

@media only screen and (min-width: 80rem) {
    .toggler-item--mobile .title:hover {
        background-color: transparent
    }
}

.toggler-item--full-width {
    max-width: 100%
}

@media only screen and (max-width: 79.9375rem) {
    .toggler-item--inverse.toggler-item--with-border-mobile {
        border-top: .0625rem solid #414141
    }

    .toggler-item--inverse.toggler-item--with-border-mobile:last-child {
        border-bottom: .0625rem solid #414141
    }
}

.toggler-item--inverse.toggler-item--with-border {
    border-top: .0625rem solid #414141
}

.toggler-item--inverse.toggler-item--with-border:last-child {
    border-bottom: .0625rem solid #414141
}

@media only screen and (min-width: 80rem) {
    .toggler-item--footer .toggler-item__title {
        padding: 0 .625rem;
        width: -moz-fit-content;
        width: fit-content
    }
}

.toggler-item .link {
    display: block;
    margin-top: .5rem
}

.toggler-item--collapsed-text .toggler-item__title {
    color: #000;
    font-size: clamp(24px, 2vw + 12px, 36px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.radio__container {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-bottom: .5rem
}

.radio__input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    z-index: 2
}

.radio__input + .radio__box:hover + .radio__box:after, .radio__input:hover + .radio__box:after {
    background-color: #565656;
    border-radius: 50%;
    content: "";
    height: .375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .375rem
}

.radio__input:active + .radio__box, .radio__input:focus-visible + .radio__box {
    border: .0625rem solid #6b6b6b;
    box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .375rem #fff5de;
    outline: .125rem solid #fff;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .radio__input:active + .radio__box, .page-loading .radio__input:focus-visible + .radio__box {
    transition: none
}

.radio__input:active + .radio__box {
    border-color: #0c0a09
}

.radio__input:checked + .radio__box:hover + .radio__box, .radio__input:checked:hover + .radio__box {
    border-color: #565656
}

.radio__input:checked + .radio__box:hover + .radio__box:after, .radio__input:checked:hover + .radio__box:after {
    background-color: #565656
}

.radio__input:checked + .radio__box {
    border-color: #0c0a09
}

.radio__input:checked + .radio__box:after {
    background-color: #0c0a09;
    border-radius: 50%;
    content: "";
    height: .625rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: background-color .3s ease;
    width: .625rem
}

.page-loading .radio__input:checked + .radio__box:after {
    transition: none
}

.radio__input:disabled {
    cursor: not-allowed
}

.radio__input:disabled + .radio__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5;
    cursor: not-allowed
}

.radio__input:disabled + .radio__box:hover {
    background-color: #f3f3f3;
    border-color: #d5d5d5
}

.radio__input:disabled:checked + .radio__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5
}

.radio__input:disabled:checked + .radio__box:hover {
    background-color: #f3f3f3;
    border-color: #d5d5d5
}

.radio__input:disabled:checked + .radio__box:after {
    background: #ababab
}

.radio__input:disabled:checked + .radio__box:after:hover {
    background-color: #d5d5d5
}

.radio__box {
    border: .0625rem solid #6b6b6b;
    border-radius: 50%;
    display: inline-block;
    height: 1.125rem;
    margin-right: .5rem;
    position: relative;
    transition: border-color .3s ease, background-color .3s ease;
    width: 1.125rem
}

.page-loading .radio__box {
    transition: none
}

.radio__box:hover:after {
    background-color: #565656;
    border-radius: 50%;
    content: "";
    height: .375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .375rem
}

.radio__label {
    color: #2c2c2c;
    cursor: pointer;
    font-size: .875rem
}

.radio--error input {
    cursor: not-allowed;
    pointer-events: none
}

.radio--error .radio__box {
    border-color: #da0303;
    cursor: not-allowed
}

.radio--error .radio__box:active {
    border-color: #da0303
}

.radio--error .radio__input:checked + .radio__box {
    border: .0625rem solid #da0303;
    cursor: not-allowed
}

.radio--error .radio__input:checked + .radio__box:after {
    background-color: #da0303;
    cursor: not-allowed
}

.toggler-radio__container {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-bottom: .5rem
}

.toggler-radio__label {
    color: #2c2c2c;
    cursor: pointer;
    font-size: .875rem
}

.toggler-radio--error input {
    cursor: not-allowed;
    pointer-events: none
}

.toggler-radio--error .toggler-radio__box {
    border-color: #da0303;
    cursor: not-allowed
}

.toggler-radio--error .toggler-radio__box:active {
    border-color: #da0303
}

.toggler-radio--error .toggler-radio__input:checked + .toggler-radio__box {
    border: .0625rem solid #da0303;
    cursor: not-allowed
}

.toggler-radio--error .toggler-radio__input:checked + .toggler-radio__box:after {
    background-color: #da0303;
    cursor: not-allowed
}

.toggler-radio__container {
    margin-bottom: 0;
    position: relative
}

.toggler-radio__box {
    border: .0625rem solid #6b6b6b;
    border-radius: 50%;
    display: inline-block;
    height: 1.125rem;
    margin-right: .5rem;
    position: relative;
    transition: border-color .3s ease, background-color .3s ease;
    width: 1.125rem
}

.page-loading .toggler-radio__box {
    transition: none
}

.toggler-radio__box:hover:after {
    background-color: #565656;
    border-radius: 50%;
    content: "";
    height: .375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .375rem
}

.toggler-radio__input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    z-index: 2
}

.toggler-radio__input + .toggler-radio__box:hover + .toggler-radio__box:after, .toggler-radio__input:hover + .toggler-radio__box:after {
    background-color: #565656;
    border-radius: 50%;
    content: "";
    height: .375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .375rem
}

.toggler-radio__input:active + .toggler-radio__box, .toggler-radio__input:focus-visible + .toggler-radio__box {
    border: .0625rem solid #6b6b6b;
    box-shadow: 0 0 0 .1875rem #0c0a09, 0 0 0 .375rem #fff5de;
    outline: .125rem solid #fff;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .toggler-radio__input:active + .toggler-radio__box, .page-loading .toggler-radio__input:focus-visible + .toggler-radio__box {
    transition: none
}

.toggler-radio__input:active + .toggler-radio__box {
    border-color: #0c0a09
}

.toggler-radio__input:checked + .toggler-radio__box:hover + .toggler-radio__box, .toggler-radio__input:checked:hover + .toggler-radio__box {
    border-color: #565656
}

.toggler-radio__input:checked + .toggler-radio__box:hover + .toggler-radio__box:after, .toggler-radio__input:checked:hover + .toggler-radio__box:after {
    background-color: #565656
}

.toggler-radio__input:checked + .toggler-radio__box {
    border-color: #0c0a09
}

.toggler-radio__input:checked + .toggler-radio__box:after {
    background-color: #0c0a09;
    border-radius: 50%;
    content: "";
    height: .625rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: background-color .3s ease;
    width: .625rem
}

.page-loading .toggler-radio__input:checked + .toggler-radio__box:after {
    transition: none
}

.toggler-radio__input:disabled {
    cursor: not-allowed
}

.toggler-radio__input:disabled + .toggler-radio__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5;
    cursor: not-allowed
}

.toggler-radio__input:disabled + .toggler-radio__box:hover {
    background-color: #f3f3f3;
    border-color: #d5d5d5
}

.toggler-radio__input:disabled:checked + .toggler-radio__box {
    background-color: #f3f3f3;
    border: .0625rem solid #d5d5d5
}

.toggler-radio__input:disabled:checked + .toggler-radio__box:hover {
    background-color: #f3f3f3;
    border-color: #d5d5d5
}

.toggler-radio__input:disabled:checked + .toggler-radio__box:after {
    background: #ababab
}

.toggler-radio__input:disabled:checked + .toggler-radio__box:after:hover {
    background-color: #d5d5d5
}

.tooltip-message {
    display: block;
    margin-top: -.5rem;
    min-width: 20rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
    visibility: hidden
}

.page-loading .tooltip-message {
    transition: none
}

.tooltip-message__text {
    background-color: #fff;
    border: 1px solid #dadada;
    bottom: 0;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1);
    display: block;
    float: left;
    font-size: 1rem;
    position: absolute;
    text-align: center;
    z-index: 11
}

.tooltip-message__arrow {
    border-color: transparent #dadada #dadada transparent;
    border-style: solid;
    border-width: .5rem;
    bottom: -.5rem;
    left: calc(50% - .5rem);
    position: absolute;
    transform: rotate(45deg);
    z-index: 10
}

.tooltip-message--success .tooltip-message__text {
    background-color: #89d7c0;
    border-color: #2c8168;
    color: #2c8168
}

.tooltip-message--success .tooltip-message__arrow {
    border-bottom-color: #2c8168;
    border-right-color: #2c8168
}

.tooltip-message--warning .tooltip-message__text {
    background-color: #fdebdb;
    border-color: #f29133;
    color: #f29133
}

.tooltip-message--warning .tooltip-message__arrow {
    border-bottom-color: #f29133;
    border-right-color: #f29133
}

.tooltip-message--alert .tooltip-message__text {
    background-color: #f08b8d;
    border-color: #b2171a;
    color: #b2171a
}

.tooltip-message--alert .tooltip-message__arrow {
    border-bottom-color: #b2171a;
    border-right-color: #b2171a
}

.user-block__button {
    margin-bottom: .75rem
}

.variant-resetter__button {
    background: transparent;
    cursor: pointer
}

.variant-resetter__button:hover {
    color: #f87373
}

.view-mode-switch {
    align-items: center;
    border-bottom: .0625rem solid #f3f3f3;
    border-top: .0625rem solid #f3f3f3;
    display: flex;
    gap: .625rem;
    margin-bottom: 1.5rem;
    width: 100%
}

.view-mode-switch .btn {
    color: #6b6b6b
}

.view-mode-switch__vertical-line {
    background-color: #f3f3f3;
    height: 1.5rem;
    width: .0625rem
}

.view-mode-switch__button--active {
    color: #202020 !important
}

.active-filter-section {
    display: flex;
    overflow-x: auto;
    padding-bottom: .75rem;
    white-space: nowrap
}

@media only screen and (max-width: 47.9375rem) {
    .active-filter-section {
        margin-bottom: .75rem
    }
}

@media only screen and (min-width: 48rem) {
    .active-filter-section {
        flex-wrap: wrap;
        margin-bottom: .75rem;
        overflow-x: visible;
        white-space: normal
    }
}

.active-filter-section__item {
    margin-right: .625rem
}

@media only screen and (min-width: 48rem) {
    .active-filter-section__item {
        margin-bottom: .75rem
    }
}

.active-filter-section__item span {
    width: -moz-max-content;
    width: max-content
}

.filter-section {
    margin-top: 5.0625rem;
    max-height: calc(100vh - 12rem);
    overflow-y: auto
}

@media only screen and (min-width: 60.625rem) {
    .filter-section {
        margin: 0;
        max-height: none;
        overflow-y: visible
    }
}

@media only screen and (max-width: 60.625rem) {
    .filter-section {
        padding: 1rem .75rem
    }
}

.filter-section__sorting {
    display: flex;
    gap: .625rem;
    justify-content: space-between;
    padding: .75rem 0
}

@media only screen and (max-width: 39.9375rem) {
    .filter-section__sorting {
        padding: .125rem 0 1rem
    }
}

.filter-section .toggler-item__container--inner {
    padding: .75rem 1.5rem .75rem .75rem;
    width: 100%
}

.filter-section .toggler-item__title {
    color: #0c0a09;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625
}

@media only screen and (max-width: 63.9375rem) {
    .filter-section__top-panel {
        left: 0;
        min-height: 3.9375rem;
        padding: 1rem .625rem 1.25rem .75rem;
        position: absolute;
        right: 0;
        top: 0
    }

    .filter-section__top-panel-button {
        position: absolute;
        right: 1.5rem;
        top: 1.5rem
    }
}

.filter-section__actions {
    padding: 2.25rem .75rem .75rem
}

@media only screen and (min-width: 64rem) {
    .filter-section__actions {
        display: none
    }
}

@media only screen and (max-width: 47.9375rem) {
    .filter-section__actions {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0
    }
}

.footer {
    background-color: #202020;
    margin-top: auto
}

.footer__container {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.footer__container--contact {
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    min-width: 20rem
}

.footer__container--contact-link {
    margin-left: -1rem
}

.footer__container--contact-link a {
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width: 47.9375rem) {
    .footer__container--contact-link .link__text {
        text-decoration: none
    }
}

.footer__container--copyright {
    color: #bfbfbf;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25
}

.footer__container--copyright p {
    margin: 0
}

@media only screen and (min-width: 48rem) {
    .footer__container--logo .esg-logo__link {
        margin: 1rem 0 1.25rem
    }
}

.footer__container--logo .esg-logo__image {
    min-width: 5.625rem
}

@media only screen and (min-width: 48rem) {
    .footer__container--logo .esg-logo__image {
        min-width: 6.75rem
    }
}

.footer__container--categories {
    padding-top: .75rem;
    width: 100%
}

@media only screen and (max-width: 63.9375rem) {
    .footer__container--categories {
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width: 64rem) {
    .footer__container--categories {
        margin-bottom: 2.5rem;
        width: 60%
    }

    .footer__container--categories .navigation-footer {
        gap: 1rem
    }
}

@media only screen and (min-width: 80rem) {
    .footer__container--categories {
        margin-bottom: 3.625rem
    }

    .footer__container--categories .navigation-footer {
        display: flex;
        flex-wrap: wrap;
        gap: 2.875rem
    }
}

@media only screen and (min-width: 100rem) {
    .footer__container--categories {
        width: unset
    }

    .footer__container--categories .navigation-footer {
        gap: 1rem
    }
}

@media only screen and (min-width: 64rem) {
    .footer__container--categories .toggler-item {
        flex: 1;
        min-width: 16.25rem
    }
}

.footer__container--categories .toggler-item .link {
    background-color: transparent;
    margin-top: 0;
    width: -moz-max-content;
    width: max-content
}

.footer__container--categories .toggler-item__container--inner {
    padding: 0 .375rem
}

@media only screen and (min-width: 80rem) {
    .footer__container--categories .toggler-item__title {
        padding-bottom: 0;
        padding-left: .625rem;
        padding-top: 0
    }
}

.footer__container--categories .toggler-item .list__item:not(:last-child) {
    margin-bottom: .25rem
}

.footer__container--categories .toggler-item .list__item:first-child {
    margin-top: .375rem
}

@media only screen and (min-width: 80rem) {
    .footer__container--categories .toggler-item .list__item:first-child {
        margin-top: 1rem
    }
}

.footer__container--categories .toggler-item .list__item:last-child {
    margin-bottom: 1rem
}

@media only screen and (min-width: 80rem) {
    .footer__container--categories .toggler-item .list__item:last-child {
        margin-bottom: 0
    }
}

.footer__container--links {
    margin-left: -.25rem
}

.footer__container--links .link {
    background-color: transparent
}

.footer__container--links .footer__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .75rem;
    margin-left: -.5rem
}

.footer__container--links-copyright .footer__link {
    color: #bfbfbf;
    color: tight;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625;
    margin: 0 1rem .5rem 0
}

@media only screen and (min-width: 48rem) {
    .footer__container--links-copyright {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
        padding-top: 1.5rem
    }
}

@media only screen and (min-width: 64rem) {
    .footer__container--links-copyright {
        border-top: .0625rem solid #414141
    }
}

.footer__container--social {
    display: grid;
    gap: .5rem;
    grid-template-columns:repeat(7, 1fr);
    margin: 2rem 0;
    max-width: 20.625rem
}

@media only screen and (min-width: 64rem) {
    .footer__container--social {
        margin: 2rem 0 1.5rem
    }
}

.footer__container--logo-contact-social {
    height: -moz-max-content;
    height: max-content
}

@media only screen and (min-width: 64rem) {
    .footer__container {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .footer__container--logo-contact-categories, .footer__container--logo-contact-social {
        display: flex;
        justify-content: space-between
    }

    .footer__container--logo-contact-social {
        flex-direction: column;
        margin-top: 0
    }
}

@media only screen and (min-width: 80rem) {
    .footer__container--logo-contact-social {
        height: unset
    }
}

.footer__social-media-icon {
    align-items: center;
    background-color: #565656;
    border-radius: 624.9375rem;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: background-color .3s ease;
    width: 2.5rem
}

.page-loading .footer__social-media-icon {
    transition: none
}

.footer__social-media-icon i {
    color: #fff
}

.footer__social-media-icon:hover {
    background-color: #414141
}

.footer__social-media-icon:active, .footer__social-media-icon:focus-visible {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .1875rem #000, 0 0 0 .375rem #fff5de;
    transition: box-shadow .3s ease, border .3s ease
}

.page-loading .footer__social-media-icon:active, .page-loading .footer__social-media-icon:focus-visible {
    transition: none
}

.footer__social-media-icon--disabled {
    background-color: #a0a0a0;
    pointer-events: none
}

.footer__social-media-icon--disabled:hover {
    background-color: #a0a0a0
}

.header {
    background-color: #202020
}

.header, .header__content {
    position: relative
}

@media only screen and (max-width: 79.9375rem) {
    .header__content {
        padding-bottom: .625rem;
        padding-top: .625rem
    }
}

@media only screen and (min-width: 80rem) {
    .header__content {
        padding-bottom: .8125rem;
        padding-top: .8125rem
    }

    .header .is-hidden-mobile {
        display: none
    }
}

@media only screen and (max-width: 79.9375rem) {
    .header .is-hidden-desktop {
        display: none
    }
}

.header--border-less-bottom {
    border-bottom: none
}

.header__top {
    display: none
}

@media only screen and (min-width: 80rem) {
    .header__top {
        background: #fff;
        display: block;
        padding: .625rem 0
    }
}

.header__search-open-desktop i {
    margin-bottom: .375rem
}

.header__logo {
    display: block
}

.header__logo img {
    display: block;
    width: 4.5rem
}

@media only screen and (min-width: 80rem) {
    .header__logo img {
        width: 6.375rem
    }
}

@media only screen and (min-width: 100rem) {
    .header__logo {
        margin-right: 3rem
    }
}

@media only screen and (max-width: 79.9375rem) {
    .header__logo {
        margin-top: .125rem
    }
}

.header__currency-lang {
    display: flex;
    order: 1
}

.header__select {
    color: #d5d5d5;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .1875rem 0 .1875rem .625rem
}

.header__navigation-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 130.625rem
}

@media only screen and (min-width: 80rem) {
    .header__navigation-top {
        height: 4.51875rem
    }
}

.header__navigation-main {
    background-color: #202020;
    color: #fff;
    z-index: 399
}

.header__navigation-top-form {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto
}

.header__search-wrapper {
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    z-index: 700
}

.header__search-wrapper-active {
    visibility: visible
}

.header__search-wrapper-active .header__search {
    opacity: 1;
    pointer-events: all;
    transform: scaleY(1);
    visibility: visible
}

.header__search {
    background: #000;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transform: scaleY(0);
    transform-origin: top center;
    transition: all .25s ease-in-out;
    visibility: hidden
}

.page-loading .header__search {
    transition: none
}

@media only screen and (min-width: 40rem) {
    .header__search {
        min-width: 30rem
    }
}

.jumbotron-slider {
    min-height: 13.25rem;
    min-width: 360px
}

@media only screen and (min-width: 40rem) {
    .jumbotron-slider {
        min-height: 18.125rem
    }
}

@media only screen and (min-width: 48rem) {
    .jumbotron-slider {
        min-height: 28.125rem
    }
}

.jumbotron-slider .slick-slide {
    margin: 0 .25rem
}

.navigation-top {
    position: relative;
    z-index: 403
}

.navigation-top__item {
    margin: 0;
    position: relative;
    z-index: 12
}

.navigation-top__item--overlay {
    padding: 0;
    position: static;
    z-index: 10
}

.navigation-top__item .link span {
    text-decoration: none
}

.navigation-top__link--active, .navigation-top__link--active > a {
    fill: #000
}

@media only screen and (min-width: 80rem) {
    .navigation-top__item-button-wishlist {
        margin: 0 .375rem 0 .75rem
    }
}

.notification-area {
    background-color: transparent;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 600
}

.notification-area__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 0 1rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: top .2s ease
}

.notification-area__inner flash-message {
    pointer-events: all
}

.product-list {
    align-items: stretch;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    max-width: none
}

@media only screen and (max-width: 64rem) {
    .product-list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (max-width: 39.9375rem) {
    .product-list {
        grid-template-columns:repeat(2, 1fr);
        padding-top: .75rem
    }
}

.product-list__container {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 40rem) {
    .product-list__container {
        justify-content: center
    }
}

@media only screen and (min-width: 64rem) {
    .product-list__container {
        justify-content: flex-start
    }
}

.product-list__container--catalog-wrapper {
    display: flex
}

.catalog-left-side {
    display: none
}

@media only screen and (min-width: 60.625rem) {
    .catalog-left-side {
        display: block;
        padding-bottom: 2.5rem;
        padding-top: 1.5rem
    }
}

.catalog-right-side {
    margin-bottom: 2.5rem
}

@media only screen and (min-width: 60.625rem) {
    .catalog-right-side {
        padding-left: 2.5rem;
        padding-top: 1.5rem
    }
}

.spelling-suggestion {
    padding-top: 1.875rem;
    width: 100%
}

@media only screen and (max-width: 63.9375rem) {
    .show-filter .catalog-left-side {
        background-color: #fff;
        bottom: 0;
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 802
    }

    .show-filter .catalog-left-side__switcher {
        display: none
    }
}

.section {
    padding: 1rem 0
}

@media only screen and (min-width: 770px) {
    .section {
        padding: 2rem 0
    }
}

.section--center {
    display: flex;
    justify-content: center
}

.side-drawer {
    position: relative;
    z-index: 500
}

@media only screen and (min-width: 80rem) {
    .side-drawer {
        display: none
    }
}

.side-drawer__drawer {
    background-color: #202020;
    bottom: 0;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1);
    color: #fff;
    display: flex;
    flex-direction: column;
    left: -100%;
    opacity: 0;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: right .25s ease-in-out, left .25s ease-in-out, visibility .25s ease-in-out, opacity .25s ease-in-out;
    visibility: hidden;
    width: 100%
}

.page-loading .side-drawer__drawer {
    transition: none
}

@media only screen and (min-width: 80rem) {
    .side-drawer__drawer {
        left: -23.4375rem;
        width: 23.4375rem
    }
}

.side-drawer__drawer--right {
    left: auto;
    right: -20rem
}

.side-drawer__top-bar {
    align-content: center;
    background-color: transparent;
    flex: 0 0 auto;
    min-height: 3.25rem;
    padding: .625rem 0
}

.side-drawer__close {
    color: #000;
    margin: .1875rem 0
}

.side-drawer__navigation {
    margin: 0 1rem
}

.side-drawer--show .side-drawer__drawer {
    left: 0;
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.side-drawer--show .side-drawer__drawer--right {
    left: auto;
    right: 0
}

.side-drawer__bottom-bar {
    margin-top: auto;
    padding: 1rem 1rem 2.5rem
}

.side-drawer__bottom-bar .link {
    width: 100%
}

.side-drawer__bottom-bar .link span {
    text-decoration: none
}

html {
    scroll-behavior: smooth
}

.summary-overview__grand-total-price {
    font-size: 1.1rem;
    line-height: 1.4
}

.collapsible-list__button {
    background-color: hsla(0, 0%, 100%, 0);
    color: #1479bd;
    cursor: pointer
}

.collapsible-list__button:hover {
    text-decoration: underline
}

.collapsible-list__button:after {
    content: attr(data-show)
}

.collapsible-list__button--shown:after {
    content: attr(data-hide)
}

.collapsible-list__button-content {
    display: none
}

.empty-state {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    margin: 2.8rem auto;
    max-width: 40rem;
    text-align: center;
    text-wrap: pretty
}

.empty-state__icon {
    color: #1479bd;
    height: 5.62rem;
    margin-bottom: 1.75rem;
    width: 5.62rem
}

.empty-state__title {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 1rem
}

.empty-state__description {
    margin: 0 0 1.75rem
}

.page-layout-main__content-pdp {
    width: 100%
}

@media only screen and (min-width: 80rem) {
    .page-layout-main__content-pdp {
        margin-top: 2.5rem;
        width: 45%
    }
}

.page-layout-main__sidebar-pdp {
    width: 100%
}

@media only screen and (max-width: 79.9375rem) {
    .page-layout-main__sidebar-pdp {
        margin-top: 3rem
    }
}

@media only screen and (min-width: 80rem) {
    .page-layout-main__sidebar-pdp {
        margin-top: 1.875rem;
        width: 50%
    }
}

.page-layout-main__sidebar-pdp .rating-selector__review-count {
    display: inline-block
}

.page-layout-main__sidebar-pdp .quantity-counter__input {
    font-size: 1rem
}