/** Shopify CDN: Minification failed

Line 1891:2 Unexpected "@"

**/
.stretched-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

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

:root {
    font-size: var(--font-size-base);
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--font-body-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-body-weight);
    line-height: var(--line-height-base);
    color: rgba(var(--color-text), 1);
    background-color: rgba(var(--color-background), 1);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
    margin: var(--spacer) 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
    height: 1px;
}

iframe {
    border: 0;
}

[hidden] {
    display: none !important;
}

.stretched-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

h6, h5, h4, h3, h2, .h2, h1 {
    margin-top: 0;
    margin-bottom: var(--spacer-50);
    font-weight: var(--font-body-weight-bold);
    line-height: 1.2;
}

h1 {
    font-size: calc(var(--font-size-base) * 2.5);
}

h2, .h2 {
    font-size: calc(var(--font-size-base) * 2);
}

h3 {
    font-size: calc(var(--font-size-base) * 1.75);
}

h4 {
    font-size: calc(var(--font-size-base) * 1.5);
}

h5 {
    font-size: calc(var(--font-size-base) * 1.25);
}

h6 {
    font-size: calc(var(--font-size-base) * 1);
}

p {
    margin-top: 0;
    margin-bottom: var(--spacer);
}

abbr[title],
abbr[data-bs-original-title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: var(--spacer);
    font-style: normal;
    line-height: inherit;
}

blockquote {
    margin: 0 0 var(--spacer);
}

b,
strong {
    font-weight: var(--font-body-weight-bold);
}

small {
    font-size: calc(var(--font-size-base) * 0.875);
}

a {
    color: rgb(var(--color-link));
}

a:hover {
    color: rgb(var(--color-link));
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

.stretched-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

ol,
ul {
    padding-left: calc(var(--spacer) * 2);
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: var(--spacer);
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: var(--font-body-weight-bold);
}

dd {
    margin-bottom: calc(var(--spacer) * 0.5);
    margin-left: 0;
}

.stretched-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.\#section.\@spaced.\@color-scheme\:default {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
}

.\#section.\@spaced:not(.\@color-scheme\:default) {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.\#section.\@bg\:alt {
    background-color: #f2f2f2;
}

.\#section.\@bg\:dark {
    background-color: #1a1a1a;
}

.\#section.\@bg\:primary {
    background-color: rgb(var(--color-base-accent-1));
}

.\#section.\@color-scheme\:default {
    color: rgba(var(--color-text), 1);
    background-color: rgba(var(--color-background), 1);
}

.\#section.\@color-scheme\:alt {
    color: rgba(var(--color-text), 1);
    background-color: rgba(var(--color-alt-background), 1);
}

.\#section.\@color-scheme\:invert {
    color: rgba(var(--color-background), 1);
    background-color: rgba(var(--color-text), 1);
}

.\#section.\@color-scheme\:accent {
    color: rgba(var(--color-accent-c), 1);
    background-color: rgba(var(--color-accent), 1);
}

.\#section-header {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: calc(var(--spacer) * 3);
}

.\#section-header .\#hero {
    margin: 0;
    width: 100%;
}

.\#section-header .\#section-button {
    margin-top: 1rem;
    padding: 0;
}

@media (min-width: 992px) {
    .\#section-header.\@side-button {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .\#section-header.\@side-button .\#section-button {
        flex-shrink: 0;
    }
}

.\#section-button {
    --text-align: var(--section-button-align, center);
    margin-top: calc(var(--spacer) * 2.5);
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: var(--text-align);
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.hide-loading {
    display: none;
}

.strip-link {
    text-decoration: none;
    color: inherit;
}

.strip-link:hover {
    text-decoration: none;
    color: inherit;
}

.flex, .flex-between-center, .flex-center {
    display: flex;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.flex-between-center {
    justify-content: space-between;
    align-items: center;
}

.block, .stretched-link {
    display: block;
}

.stretched-link {
    z-index: 20;
}

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

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

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

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

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
}

@media (max-width: 991px) {
    .mobile-visually-hidden {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        word-wrap: normal !important;
    }
}

@media (min-width: 992px) {
    .desktop-visually-hidden {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        word-wrap: normal !important;
    }
}

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

.details-reset > summary {
    list-style: none;
    cursor: pointer;
}

.details-reset > summary::marker {
    display: none;
}

.details-reset > summary::-webkit-details-marker {
    display: none;
}

.\#icon {
    color: inherit;
    fill: currentColor;
    width: calc(var(--spacer) * 1.7);
    height: calc(var(--spacer) * 1.7);
    stroke-width: 1.5;
    vertical-align: top;
}

.\#list.\@unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

.\#list.\@horizontal.\@spacing\:100 > li:not(:last-child) {
    margin-right: calc(var(--spacer) * 1);
}

.\#list.\@horizontal.\@spacing\:50 > li:not(:last-child) {
    margin-right: calc(var(--spacer) * 0.5);
}

.\#list.\@horizontal.\@spacing\:30 > li:not(:last-child) {
    margin-right: calc(var(--spacer) * 0.3);
}

.\#list.\@horizontal > li {
    display: inline-block;
}

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

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: var(--font-body-weight-bold);
}

.padded {
    padding-left: calc(var(--spacer) * 3.5);
    padding-right: calc(var(--spacer) * 3.5);
    padding-top: calc(var(--spacer) * 3);
    padding-bottom: calc(var(--spacer) * 3);
}

.m0 {
    margin: 0;
}

.overflow-hidden {
    overflow: hidden;
}

body.preload * {
    transition: none !important;
}

.heading-font {
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    text-transform: var(--headings-text-transfrom, none);
}

@media (min-width: 992px) {
    .hide-desktop,
.desktop-hidden {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hide-mobile,
.mobile-hidden {
        display: none !important;
    }
}

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

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

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

.link {
    display: inline;
    cursor: pointer;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .sticky-top {
        position: sticky;
        top: var(--sticky-header-offset, 0);
        transition: 0.3s;
    }
}

select > option {
    background: white !important;
    color: #4d4d4d !important;
}

html.no-js .no-js-hidden {
    display: none !important;
}

.shopify-section--announcement-bar-section {
    position: relative;
    z-index: 22;
}

.shopify-section--main-header-section {
    position: relative;
    z-index: 21;
}

.shopify-section--main-header-section ~ .shopify-section--announcement-bar-section {
    z-index: 20;
}

.product-section {
    position: relative;
    z-index: 20;
}

.product-section + .product-section {
    z-index: 19;
}

.\#button, .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    user-select: none;
    text-transform: uppercase;
    letter-spacing: calc(var(--spacer) * 0.1);
    font-size: 1rem;
    padding: 0.95em 1.5em;
    border-radius: 3em;
    font-weight: var(--font-body-weight-bold);
    border: 1px solid transparent;
}

.\#button:not(:disabled), .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(:disabled) {
    cursor: pointer;
}

.\#button:focus-visible, .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus-visible {
    outline: 4px solid rgba(var(--color-accent), 0.5);
}

.\#button, .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    background-color: transparent;
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}

.\#button:disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled {
    cursor: not-allowed;
    opacity: 0.64;
}

.\#button:not(.\@block), .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.\@block) {
    display: inline-block;
}

.\#button.\@block, .\@block.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.\#button[loading], [loading].shopify-payment-button__button.shopify-payment-button__button--unbranded {
    pointer-events: none;
    cursor: not-allowed;
}

.\#button-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-100%);
    transition: 0.3s;
    opacity: 0;
}

.\#button[loading] .\#button-loading, [loading].shopify-payment-button__button.shopify-payment-button__button--unbranded .\#button-loading {
    transform: translateX(0);
    opacity: 1;
}

.\#button.\@color\:accent-invert, .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    --background-color: rgba(var(--color-accent), 1);
    --text-color: rgba(var(--color-accent-c), 1);
}

.\#button.\@color\:accent, .\@color\:accent.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    --background-color: rgba(var(--color-accent-c), 1);
    --text-color: rgba(var(--color-accent), 1);
}

.\#button.\@color\:default, .\@color\:default.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    --background-color: rgba(var(--color-text), 1);
    --text-color: rgba(var(--color-background), 1);
}

.\#button.\@color\:alt, .\@color\:alt.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    --background-color: rgba(var(--color-text), 1);
    --text-color: rgba(var(--color-alt-background), 1);
}

.\#button.\@color\:invert, .\@color\:invert.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    --background-color: rgba(var(--color-background), 1);
    --text-color: rgba(var(--color-text), 1);
}

.\#button.\@size\:xs, .\@size\:xs.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    font-size: calc(var(--font-size-base) * 0.75);
}

.\#button.\@size\:sm, .\@size\:sm.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    font-size: calc(var(--font-size-base) * 0.85);
}

.\#button.\@size\:lg, .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    font-size: calc(var(--font-size-base) * 1.15);
}

.\#button.\@size\:xl, .\@size\:xl.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    font-size: calc(var(--font-size-base) * 1.3);
}

.\#button.\@size\:xxl, .\@size\:xxl.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    font-size: calc(var(--font-size-base) * 1.4);
}

.\#button:not(.\@ghost):not(.\@link), .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.\@ghost):not(.\@link) {
    color: var(--text-color);
}

.\#button:not(.\@ghost):not(.\@link):before, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.\@ghost):not(.\@link):before, .\#button:not(.\@ghost):not(.\@link):after, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.\@ghost):not(.\@link):after {
    content: "";
    position: absolute;
    background: var(--background-color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.\#button:not(.\@ghost):not(.\@link):before, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.\@ghost):not(.\@link):before {
    z-index: 2;
    transform: translate3d(-100%, 0, 0);
    transition: 0.3s;
}

.\#button:not(.\@ghost):not(.\@link):after, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.\@ghost):not(.\@link):after {
    z-index: 1;
    opacity: 0.8;
}

.\#button:not(.\@ghost):not(.\@link):hover:not(:disabled):before, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.\@ghost):not(.\@link):hover:not(:disabled):before, .\#button:not(.\@ghost):not(.\@link)[loading]:before, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.\@ghost):not(.\@link)[loading]:before {
    transform: translate3d(0, 0, 0);
}

.\#button.\@ghost, .\@ghost.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    box-shadow: inset 0 0 0 2px var(--background-color);
    color: var(--background-color);
}

.\#button.\@ghost:before, .\@ghost.shopify-payment-button__button.shopify-payment-button__button--unbranded:before {
    content: "";
    position: absolute;
    background: var(--background-color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.\#button.\@ghost:before, .\@ghost.shopify-payment-button__button.shopify-payment-button__button--unbranded:before {
    z-index: 1;
    transform: translate3d(-100%, 0, 0);
    transition: 0.3s;
}

.\#button.\@ghost:hover:not(:disabled), .\@ghost.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not(:disabled), .\#button.\@ghost[loading], .\@ghost[loading].shopify-payment-button__button.shopify-payment-button__button--unbranded {
    color: var(--text-color);
}

.\#button.\@ghost:hover:not(:disabled):before, .\@ghost.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not(:disabled):before, .\#button.\@ghost[loading]:before, .\@ghost[loading].shopify-payment-button__button.shopify-payment-button__button--unbranded:before {
    transform: translate3d(0, 0, 0);
}

.\#button.\@link, .\@link.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    padding-left: 0;
    padding-right: 0;
    color: var(--background-color);
    opacity: 0.7;
}

.\#button.\@link:hover, .\@link.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
    opacity: 1;
}

.\#button-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    transition: 0.3s;
}

.\#button[loading] .\#button-inner, [loading].shopify-payment-button__button.shopify-payment-button__button--unbranded .\#button-inner {
    transform: translateX(100%);
    opacity: 0;
}

.\#button-text + .\#button-icon {
    margin-left: 0.4em;
}

.\#button-icon + .\#button-text {
    margin-left: 0.6em;
}

.\#button-text {
    line-height: 1;
}

.\#button-icon {
    display: flex;
    align-items: center;
}

.\#button-icon.\@video .\#icon {
    width: 0.8em;
    height: 0.8em;
}

.\#button-icon:not(.\@video) .\#icon {
    width: 1.1em;
    height: 1.1em;
    stroke-width: 3;
}

.\#button-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7em;
}

.\#button-group > * {
    height: 100%;
}

.\#button-group.\@align\:center {
    justify-content: center;
}

.\#button-group.\@align\:right {
    justify-content: flex-end;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    height: auto !important;
    border-radius: 3em !important;
    font-weight: bold !important;
    line-height: 1 !important;
    background-color: transparent !important;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:before {
    z-index: -1 !important;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:after {
    z-index: -2 !important;
}

shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-block-size: 55px;
}

shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-block-size: 48px;
}

shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-border-radius: 3em;
}

.\#col.\@12, .\#col.\@11, .\#col.\@10, .\#col.\@9, .\#col.\@8, .\#col.\@7, .\#col.\@6, .\#col.\@5, .\#col.\@4, .\#col.\@3, .\#col.\@2, .\#col.\@1, .\#row.\@cols\:6 > .\#col, .\#row.\@cols\:5 > .\#col, .\#row.\@cols\:4 > .\#col, .\#row.\@cols\:3 > .\#col, .\#row.\@cols\:2 > .\#col {
    flex: 0 0 auto;
}

.\#container {
    padding-left: calc(var(--spacer) * 3);
    padding-right: calc(var(--spacer) * 3);
}

.\#row {
    display: flex;
    flex-wrap: wrap;
}

.\#row:not(.\@spaced) {
    margin-top: calc(calc(var(--spacer) * 1) * -1);
    margin-left: calc(calc(var(--spacer) * 0.5) * -1);
    margin-right: calc(calc(var(--spacer) * 0.5) * -1);
}

.\#row.\@justify\:between {
    justify-content: space-between;
}

.\#row.\@justify\:end {
    justify-content: flex-end;
}

.\#row.\@justify\:center {
    justify-content: center;
}

.\#row.\@gutter\:0 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.\#row.\@gutter\:0 > .\#col {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.\#row.\@gutter\:50 > .\#col {
    margin-top: calc(var(--spacer) * 0.5);
    padding-left: calc(var(--spacer) * 0.25);
    padding-right: calc(var(--spacer) * 0.25);
}

.\#row.\@gutter\:50:not(.\@spaced) {
    margin-top: calc(calc(var(--spacer) * 0.5) * -1);
    margin-left: calc(calc(var(--spacer) * 0.25) * -1);
    margin-right: calc(calc(var(--spacer) * 0.25) * -1);
}

.\#row.\@gutter\:50.\@spaced {
    padding-bottom: calc(var(--spacer) * 0.5);
    padding-left: calc(var(--spacer) * 0.25);
    padding-right: calc(var(--spacer) * 0.25);
}

.\#row.\@gutter\:100 > .\#col {
    margin-top: calc(var(--spacer) * 1);
    padding-left: calc(var(--spacer) * 0.5);
    padding-right: calc(var(--spacer) * 0.5);
}

.\#row.\@gutter\:100:not(.\@spaced) {
    margin-top: calc(calc(var(--spacer) * 1) * -1);
    margin-left: calc(calc(var(--spacer) * 0.5) * -1);
    margin-right: calc(calc(var(--spacer) * 0.5) * -1);
}

.\#row.\@gutter\:100.\@spaced {
    padding-bottom: calc(var(--spacer) * 1);
    padding-left: calc(var(--spacer) * 0.5);
    padding-right: calc(var(--spacer) * 0.5);
}

.\#row.\@gutter\:150 > .\#col {
    margin-top: calc(var(--spacer) * 1.5);
    padding-left: calc(var(--spacer) * 0.75);
    padding-right: calc(var(--spacer) * 0.75);
}

.\#row.\@gutter\:150:not(.\@spaced) {
    margin-top: calc(calc(var(--spacer) * 1.5) * -1);
    margin-left: calc(calc(var(--spacer) * 0.75) * -1);
    margin-right: calc(calc(var(--spacer) * 0.75) * -1);
}

.\#row.\@gutter\:150.\@spaced {
    padding-bottom: calc(var(--spacer) * 1.5);
    padding-left: calc(var(--spacer) * 0.75);
    padding-right: calc(var(--spacer) * 0.75);
}

.\#row.\@gutter\:200 > .\#col {
    margin-top: calc(var(--spacer) * 2);
    padding-left: calc(var(--spacer) * 1);
    padding-right: calc(var(--spacer) * 1);
}

.\#row.\@gutter\:200:not(.\@spaced) {
    margin-top: calc(calc(var(--spacer) * 2) * -1);
    margin-left: calc(calc(var(--spacer) * 1) * -1);
    margin-right: calc(calc(var(--spacer) * 1) * -1);
}

.\#row.\@gutter\:200.\@spaced {
    padding-bottom: calc(var(--spacer) * 2);
    padding-left: calc(var(--spacer) * 1);
    padding-right: calc(var(--spacer) * 1);
}

.\#row.\@gutter\:300 > .\#col {
    margin-top: calc(var(--spacer) * 3);
    padding-left: calc(var(--spacer) * 1.5);
    padding-right: calc(var(--spacer) * 1.5);
}

.\#row.\@gutter\:300:not(.\@spaced) {
    margin-top: calc(calc(var(--spacer) * 3) * -1);
    margin-left: calc(calc(var(--spacer) * 1.5) * -1);
    margin-right: calc(calc(var(--spacer) * 1.5) * -1);
}

.\#row.\@gutter\:300.\@spaced {
    padding-bottom: calc(var(--spacer) * 3);
    padding-left: calc(var(--spacer) * 1.5);
    padding-right: calc(var(--spacer) * 1.5);
}

.\#row.\@gutter\:500 > .\#col {
    margin-top: calc(var(--spacer) * 5);
    padding-left: calc(var(--spacer) * 2.5);
    padding-right: calc(var(--spacer) * 2.5);
}

.\#row.\@gutter\:500:not(.\@spaced) {
    margin-top: calc(calc(var(--spacer) * 5) * -1);
    margin-left: calc(calc(var(--spacer) * 2.5) * -1);
    margin-right: calc(calc(var(--spacer) * 2.5) * -1);
}

.\#row.\@gutter\:500.\@spaced {
    padding-bottom: calc(var(--spacer) * 5);
    padding-left: calc(var(--spacer) * 2.5);
    padding-right: calc(var(--spacer) * 2.5);
}

.\#row.\@cols\:2 > .\#col {
    width: 50%;
}

.\#row.\@cols\:3 > .\#col {
    width: 33.3333333333%;
}

.\#row.\@cols\:4 > .\#col {
    width: 25%;
}

.\#row.\@cols\:5 > .\#col {
    width: 20%;
}

.\#row.\@cols\:6 > .\#col {
    width: 16.6666666667%;
}

.\#col {
    position: relative;
    margin-top: calc(var(--spacer) * 0.5);
    padding-left: calc(var(--spacer) * 0.5);
    padding-right: calc(var(--spacer) * 0.5);
    flex: 1 1 0;
    max-width: 100%;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}

.\#col.\@1 {
    width: 8.3333333333%;
}

.\#col.\@2 {
    width: 16.6666666667%;
}

.\#col.\@3 {
    width: 25%;
}

.\#col.\@4 {
    width: 33.3333333333%;
}

.\#col.\@5 {
    width: 41.6666666667%;
}

.\#col.\@6 {
    width: 50%;
}

.\#col.\@7 {
    width: 58.3333333333%;
}

.\#col.\@8 {
    width: 66.6666666667%;
}

.\#col.\@9 {
    width: 75%;
}

.\#col.\@10 {
    width: 83.3333333333%;
}

.\#col.\@11 {
    width: 91.6666666667%;
}

.\#col.\@12 {
    width: 100%;
}

.\#grid {
    display: grid;
    --gap: var(--grid-gap, 1rem);
    --row-gap: var(--grid-row-gap, var(--gap));
    gap: var(--gap);
    row-gap: var(--row-gap);
}

.\#grid:not(.\@strict) {
    grid-auto-flow: column;
}

.\#grid.\@gap\:none {
    --grid-gap: 0;
}

.\#grid.\@gap\:sm {
    --grid-gap: 0.5rem;
}

.\#grid.\@gap\:md {
    --grid-gap: 1rem;
}

.\#grid.\@gap\:lg {
    --grid-gap: 2rem;
}

.\#grid.\@gap\:xl {
    --grid-gap: 3rem;
}

.\#grid.\@strict {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.\#grid.\@strict .\#column.\@span\:1 {
    grid-column: span 1;
}

.\#grid.\@strict .\#column.\@span\:2 {
    grid-column: span 2;
}

.\#grid.\@strict .\#column.\@span\:3 {
    grid-column: span 3;
}

.\#grid.\@strict .\#column.\@span\:4 {
    grid-column: span 4;
}

.\#grid.\@strict .\#column.\@span\:5 {
    grid-column: span 5;
}

.\#grid.\@strict .\#column.\@span\:6 {
    grid-column: span 6;
}

.\#grid.\@strict .\#column.\@span\:7 {
    grid-column: span 7;
}

.\#grid.\@strict .\#column.\@span\:8 {
    grid-column: span 8;
}

.\#grid.\@strict .\#column.\@span\:9 {
    grid-column: span 9;
}

.\#grid.\@strict .\#column.\@span\:10 {
    grid-column: span 10;
}

.\#grid.\@strict .\#column.\@span\:11 {
    grid-column: span 11;
}

.\#grid.\@strict .\#column.\@span\:12 {
    grid-column: span 12;
}

@media (max-width: 991px) {
    .\#grid.\@strict .\#column.\@span\:mobile\:1 {
        grid-column: span 1;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:2 {
        grid-column: span 2;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:3 {
        grid-column: span 3;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:4 {
        grid-column: span 4;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:5 {
        grid-column: span 5;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:6 {
        grid-column: span 6;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:7 {
        grid-column: span 7;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:8 {
        grid-column: span 8;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:9 {
        grid-column: span 9;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:10 {
        grid-column: span 10;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:11 {
        grid-column: span 11;
    }

    .\#grid.\@strict .\#column.\@span\:mobile\:12 {
        grid-column: span 12;
    }
}

@media (min-width: 992px) {
    .\#grid.\@strict .\#column.\@span\:desktop\:1 {
        grid-column: span 1;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:2 {
        grid-column: span 2;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:3 {
        grid-column: span 3;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:4 {
        grid-column: span 4;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:5 {
        grid-column: span 5;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:6 {
        grid-column: span 6;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:7 {
        grid-column: span 7;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:8 {
        grid-column: span 8;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:9 {
        grid-column: span 9;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:10 {
        grid-column: span 10;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:11 {
        grid-column: span 11;
    }

    .\#grid.\@strict .\#column.\@span\:desktop\:12 {
        grid-column: span 12;
    }
}

.\#grid.\@reverse {
    direction: rtl;
}

.\#grid.\@reverse > * {
    direction: ltr;
}

@media (max-width: 991px) {
    .\#grid.\@reverse\:mobile {
        direction: rtl;
    }

    .\#grid.\@reverse\:mobile > * {
        direction: ltr;
    }
}

@media (min-width: 992px) {
    .\#grid.\@reverse\:desktop {
        direction: rtl;
    }

    .\#grid.\@reverse\:desktop > * {
        direction: ltr;
    }
}

.\#grid.\@container {
    padding-left: min(3rem, 5%);
    padding-right: min(3rem, 5%);
}

.\#grid.\@outer-gap {
    padding: var(--gap);
}

.\#grid.\@auto-columns {
    grid-auto-columns: max-content;
    grid-auto-flow: column;
}

.\#grid.\@columns\:1 {
    grid-auto-flow: row;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.\#grid.\@columns\:2 {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.\#grid.\@columns\:3 {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.\#grid.\@columns\:4 {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.\#grid.\@columns\:5 {
    grid-auto-flow: row;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.\#grid.\@columns\:6 {
    grid-auto-flow: row;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 991px) {
    .\#grid.\@mobile\:columns\:1 {
        grid-auto-flow: row;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .\#grid.\@mobile\:columns\:2 {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\#grid.\@mobile\:columns\:3 {
        grid-auto-flow: row;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .\#grid.\@mobile\:columns\:4 {
        grid-auto-flow: row;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .\#grid.\@mobile\:columns\:5 {
        grid-auto-flow: row;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .\#grid.\@mobile\:columns\:6 {
        grid-auto-flow: row;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .\#grid {
        --gap: var(--grid-mobile-gap, var(--grid-gap, 1rem));
    }
}

@media (max-width: 991px) {
    .\#grid.\@mobile-overlap {
        grid-template-columns: none;
        grid-auto-columns: 64%;
        grid-auto-flow: column;
        gap: 1rem;
        overflow-x: auto;
        padding-bottom: 15px;
        scroll-snap-type: x mandatory;
        padding-left: 0;
        padding-right: 0;
    }

    .\#grid.\@mobile-overlap::-webkit-scrollbar {
        -webkit-appearance: none;
        height: 6px;
    }

    .\#grid.\@mobile-overlap::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background: currentColor;
    }

    .\#grid.\@mobile-overlap:before, .\#grid.\@mobile-overlap:after {
        content: "";
        width: 1px;
        justify-self: end;
    }

    .\#grid.\@mobile-overlap > .\#column {
        scroll-snap-align: center;
    }
}

@media (max-width: 991px) {
    .\#grid.\@mobile-full-overlap {
        grid-template-columns: none;
        grid-auto-columns: 88%;
        grid-auto-flow: column;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .\#grid.\@mobile-full-overlap > .\#column {
        scroll-snap-align: center;
    }
}

@media (max-width: 991px) {
    .\#grid.\%mobile\:overlap {
        grid-template-columns: none;
        grid-auto-columns: 64%;
        grid-auto-flow: column;
        gap: 1rem;
        overflow-x: auto;
        padding-bottom: 15px;
        scroll-snap-type: x mandatory;
        padding-left: 0;
        padding-right: 0;
    }

    .\#grid.\%mobile\:overlap::-webkit-scrollbar {
        -webkit-appearance: none;
        height: 6px;
    }

    .\#grid.\%mobile\:overlap::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background: currentColor;
    }

    .\#grid.\%mobile\:overlap:before, .\#grid.\%mobile\:overlap:after {
        content: "";
        width: 1px;
        justify-self: end;
    }

    .\#grid.\%mobile\:overlap > .\#column {
        scroll-snap-align: center;
    }
}

.\#inline-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-gap, 1rem);
}

.\#media-caption, .\#media-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.\#media-caption, .\#media-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.\#media {
    margin: 0;
    height: var(--media-height, auto);
    width: var(--media-width, 100%);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 991px) {
    .\#media {
        height: var(--media-height-mobile, var(--media-height, auto));
    }
}

@media (max-width: 991px) {
    .\#media.\@mobile-full {
        max-height: -webkit-fill-available;
    }
}

.\#media.\@aspect-ratio\:1x1:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:1x1:before {
    padding-top: 100%;
}

.\#media.\@aspect-ratio\:4x3:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:4x3:before {
    padding-top: 75%;
}

.\#media.\@aspect-ratio\:3x4:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:3x4:before {
    padding-top: 133.3333333333%;
}

.\#media.\@aspect-ratio\:3x2:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:3x2:before {
    padding-top: 66.6666666667%;
}

.\#media.\@aspect-ratio\:2x3:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:2x3:before {
    padding-top: 150%;
}

.\#media.\@aspect-ratio\:4x5:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:4x5:before {
    padding-top: 125%;
}

.\#media.\@aspect-ratio\:8x10:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:8x10:before {
    padding-top: 125%;
}

.\#media.\@aspect-ratio\:9x16:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:9x16:before {
    padding-top: 177.7777777778%;
}

.\#media.\@aspect-ratio\:16x9:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:16x9:before {
    padding-top: 56.25%;
}

.\#media.\@aspect-ratio\:21x9:before {
    display: block;
    content: "";
    width: 100%;
}

.\#media.\@aspect-ratio\:21x9:before {
    padding-top: 42.8571428571%;
}

@media (max-width: 991px) {
    .\#media.\@aspect-ratio\:mobile\:1x1:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:1x1:before {
        padding-top: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:4x3:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:4x3:before {
        padding-top: 75%;
    }

    .\#media.\@aspect-ratio\:mobile\:3x4:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:3x4:before {
        padding-top: 133.3333333333%;
    }

    .\#media.\@aspect-ratio\:mobile\:3x2:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:3x2:before {
        padding-top: 66.6666666667%;
    }

    .\#media.\@aspect-ratio\:mobile\:2x3:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:2x3:before {
        padding-top: 150%;
    }

    .\#media.\@aspect-ratio\:mobile\:4x5:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:4x5:before {
        padding-top: 125%;
    }

    .\#media.\@aspect-ratio\:mobile\:8x10:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:8x10:before {
        padding-top: 125%;
    }

    .\#media.\@aspect-ratio\:mobile\:9x16:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:9x16:before {
        padding-top: 177.7777777778%;
    }

    .\#media.\@aspect-ratio\:mobile\:16x9:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:16x9:before {
        padding-top: 56.25%;
    }

    .\#media.\@aspect-ratio\:mobile\:21x9:before {
        display: block;
        content: "";
        width: 100%;
    }

    .\#media.\@aspect-ratio\:mobile\:21x9:before {
        padding-top: 42.8571428571%;
    }

    .\#media.\@aspect-ratio\:mobile\:none:before {
        display: none;
    }
}

.\#media.\@rounded {
    border-radius: 50%;
}

.\#media.\@rounded .\#media-image {
    border-radius: 50%;
}

.\#media-wrapper.\@rounded {
    border-radius: 50%;
}

.\#media-image {
    height: auto;
    display: block;
    object-position: var(--object-position);
}

.\#media-image:not(.\@origin-res) {
    width: var(--media-image-with, 100%);
}

.\#media-image.\@origin-res {
    max-width: 100%;
}

.\#media-image-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.\#media-image-wrapper.\@abs-image {
    top: 0;
    left: 0;
    position: absolute;
}

@media (min-width: 992px) {
    .\#media-image-wrapper.\@abs-image\:desktop {
        top: 0;
        left: 0;
        position: absolute;
    }
}

@media (max-width: 991px) {
    .\#media-image-wrapper.\@abs-image\:mobile {
        top: 0;
        left: 0;
        position: absolute;
    }
}

.\#media-image.\@cover {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 992px) {
    .\#media-image.\@cover\:desktop {
        top: 0;
        left: 0;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 991px) {
    .\#media-image.\@cover\:mobile {
        top: 0;
        left: 0;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.\#media-image.\@position\:center {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: contain;
    object-position: center center;
}

.\#media-image.\@position\:bottom {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: contain;
    object-position: bottom center;
}

.\#media-image.\@position\:\:desktopcenter {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: contain;
    object-position: center center;
}

.\#media-image.\@position\:\:desktopbottom {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: contain;
    object-position: bottom center;
}

.\#media-image.\@position\:\:mobilecenter {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: contain;
    object-position: center center;
}

.\#media-image.\@position\:\:mobilebottom {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: contain;
    object-position: bottom center;
}

.\#media-map {
    z-index: 5 !important;
    height: 100%;
    position: absolute;
    width: 100%;
}

.\#media-map > .\#google-map {
    position: absolute !important;
}

.\#media-video-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.\#media-video-bg .\#spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.\#media-video-bg[loading] {
    z-index: 20;
}

.\#media-video-bg[loading] .\#media-video-bg-player {
    opacity: 0;
}

.\#media-video-bg-player {
    flex-grow: 1;
    flex-shrink: 0;
    position: relative;
    transition: 0.3s;
}

@supports (aspect-ratio: 16/9) {
    .\#media-video-bg-player {
        min-height: 100%;
        min-width: 100%;
        aspect-ratio: 16/9;
    }
}

@supports not (aspect-ratio: 16/9) {
    .\#media-video-bg-player {
        padding-top: 56.25%;
        height: 0;
    }
  @    media (max-width: 991px) {
        .\#media-video-bg-player {
      width: 300%;
        min-height: 100%;
    }
}
}

.\#media-video-bg-player .plyr,
.\#media-video-bg-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.\#media-video-bg .plyr__controls,
.\#media-video-bg .plyr__control {
    display: none !important;
}

.\#media-overlay {
    z-index: 4;
    opacity: var(--media-overlay, 0);
}

.\#media-overlay.\@color-scheme\:default {
    background-color: rgba(var(--color-background), 1);
}

.\#media-overlay.\@color-scheme\:invert {
    background-color: rgba(var(--color-text), 1);
}

.\#media-overlay.\@color-scheme\:alt {
    background-color: rgba(var(--color-alt-background), 1);
}

.\#media-overlay.\@color-scheme\:accent {
    background-color: rgba(var(--color-accent), 1);
}

.\#media-caption {
    z-index: 5;
}

.\#media-caption-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
}

.\#media-caption-container.\@x\:center {
    justify-content: center;
}

.\#media-caption-container.\@x\:right {
    justify-content: flex-end;
}

.\#media-caption-container.\@y\:center {
    align-items: center;
}

.\#media-caption-container.\@y\:bottom {
    align-items: flex-end;
}

.\$hover\:media-zoom .\#media-image-wrapper {
    transition: transform 3s;
    transform: rotate(0.01deg) translateZ(0);
}

@media (hover: hover) {
    .\$hover\:media-zoom:hover .\#media-image-wrapper {
        transform: scale(1.1) rotate(0.01deg) translateZ(0);
    }
}

.\#media-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.\#media-placeholder.\@color-scheme\:default {
    background: rgba(var(--color-background), 1);
    color: rgba(var(--color-text), 0.5);
}

.\#media-placeholder.\@color-scheme\:invert {
    background: rgba(var(--color-text), 0.7);
    color: rgba(var(--color-background), 0.5);
}

.\#media-placeholder > svg {
    fill: currentColor;
}

.\#hero {
    font-size: calc(var(--font-size-base) * 1);
    width: min(35em, 100%);
    margin-left: auto;
    margin-right: auto;
    color: rgba(var(--color-text), 1);
}

.\#hero .\#button-group .\#button {
    position: relative;
    z-index: 22;
}

.\#hero-link {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.\#hero.\@padded {
    padding: 2rem;
}

.\#hero.\@color-scheme\:invert {
    color: rgba(var(--color-background), 1);
}

.\#hero.\@color-scheme\:invert.\@background {
    background-color: rgba(var(--color-text), 1);
}

.\#hero.\@color-scheme\:accent {
    color: rgba(var(--color-accent-c), 1);
}

.\#hero.\@color-scheme\:accent.\@background {
    background-color: rgba(var(--color-accent), 1);
}

.\#hero.\@color-scheme\:default {
    color: rgba(var(--color-text), 1);
}

.\#hero.\@color-scheme\:default.\@background {
    background: rgba(var(--color-background), 1);
}

.\#hero.\@color-scheme\:alt {
    color: rgba(var(--color-text), 1);
}

.\#hero.\@color-scheme\:alt.\@background {
    background: rgba(var(--color-alt-background), 1);
}

.\#hero.\@color-scheme\:inherit {
    color: inherit;
}

.\#hero.\@color-scheme\:inherit.\@background {
    background-color: inherit;
}

.\#hero.\@align\:left {
    text-align: left;
}

.\#hero.\@align\:left .\#hero-newsletter {
    margin-left: 0;
    margin-right: auto;
}

.\#hero.\@align\:center {
    text-align: center;
}

.\#hero.\@align\:center .\#hero-newsletter {
    margin-left: auto;
    margin-right: auto;
}

.\#hero.\@align\:center .\#hero-newsletter-msg {
    justify-content: center;
}

.\#hero.\@align\:center .\#hero-social .\#social-profiles {
    justify-content: center;
}

.\#hero.\@align\:right {
    text-align: right;
}

.\#hero.\@align\:right .\#hero-newsletter {
    margin-left: auto;
    margin-right: 0;
}

.\#hero.\@align\:right .\#hero-newsletter-msg {
    justify-content: flex-end;
}

.\#hero.\@align\:right .\#hero-social .\#social-profiles {
    justify-content: flex-end;
}

.\#hero.\@spaced\:md > .\#hero-block + .\#hero-block {
    margin-top: 0.5em;
}

.\#hero.\@spaced\:md :last-child.\#hero-block.\@spaced-block {
    margin-top: 0.875em;
}

.\#hero.\@spaced\:lg > .\#hero-block + .\#hero-block {
    margin-top: 1em;
}

.\#hero.\@spaced\:lg :last-child.\#hero-block.\@spaced-block {
    margin-top: 1.75em;
}

.\#hero.\@spaced\:xl > .\#hero-block + .\#hero-block {
    margin-top: 1.5em;
}

.\#hero.\@spaced\:xl :last-child.\#hero-block.\@spaced-block {
    margin-top: 2.625em;
}

.\#hero.\@spaced\:sm > .\#hero-block + .\#hero-block {
    margin-top: 0.165em;
}

.\#hero.\@spaced\:sm :last-child.\#hero-block.\@spaced-block {
    margin-top: 0.28875em;
}

.\#hero.\@size\:xxs {
    font-size: calc(var(--font-size-base) * 0.3);
}

.\#hero.\@size\:xs {
    font-size: calc(var(--font-size-base) * 0.5);
}

.\#hero.\@size\:sm {
    font-size: calc(var(--font-size-base) * 0.8);
}

.\#hero.\@size\:lg {
    font-size: calc(var(--font-size-base) * 1.2);
}

.\#hero.\@size\:xl {
    font-size: calc(var(--font-size-base) * 1.6);
}

.\#hero.\@size\:xxl {
    font-size: calc(var(--font-size-base) * 2.2);
}

.\#hero-icon .\#icon {
    cursor: pointer;
    opacity: 0.64;
    width: 5em;
    height: 5em;
}

.\#hero-icon .\#icon:hover {
    opacity: 1;
}

.\#hero-heading {
    margin-bottom: 0;
    font-size: 2.7em;
}

@media (max-width: 991px) {
    .\#hero-heading {
        font-size: 1.8em;
    }
}

.\#hero-text {
    opacity: 0.8;
    font-size: clamp(0.85rem, 1.5em, 2rem);
    line-height: 1.4;
}

@media (max-width: 991px) {
    .\#hero-text {
        font-size: clamp(0.85rem, 1.15em, 1.5rem);
    }
}

.\#hero-text > p {
    margin-bottom: 0.5em;
}

.\#hero-text > p:last-child {
    margin-bottom: 0;
}

.\#hero-social .\#social-profiles {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.\#hero-social .\#social-profiles-item {
    opacity: 0.64;
    transition: 0.3s;
}

.\#hero-social .\#social-profiles-item:hover {
    opacity: 1;
}

.\#hero-social .\#social-profiles-item .\#icon {
    width: 1.5em;
    height: 1.5em;
}

.\#hero-newsletter {
    display: flex;
    margin: 0 auto;
    width: min(100%, 35rem);
    border: 2px solid;
    padding: calc(var(--spacer) * 0.5);
    border-radius: calc(var(--spacer) * 2);
}

.\#hero-newsletter-msg {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    font-weight: var(--font-body-weight-bold);
    outline: none !important;
}

.\#hero-newsletter-msg .\#icon {
    stroke-width: 3;
}

.\#hero-newsletter-msg.\@type\:success {
    color: rgba(var(--color-success), 1);
}

.\#hero-newsletter-msg.\@type\:error {
    color: rgba(var(--color-error), 1);
}

.\#hero-newsletter-input {
    display: block;
    flex-shrink: 0;
    flex-grow: 1;
    background: none;
    border-radius: 3rem;
    margin-right: calc(var(--spacer) * 0.5);
    border: none;
    outline: none !important;
    color: inherit;
    font-size: calc(var(--font-size-base) * 1.25);
    padding-left: calc(var(--spacer) * 1);
    padding-right: calc(var(--spacer) * 1);
    padding-top: calc(var(--spacer) * 0.7);
    padding-bottom: calc(var(--spacer) * 0.7);
}

.\#hero-newsletter-input::placeholder {
    color: inherit;
    opacity: 0.64;
}

.\#hero-newsletter-input:-webkit-autofill {
    text-align: center;
}

.\#price {
    display: flex;
    gap: 0.5em;
    margin-bottom: 0;
}

.\#price-item-heading {
    font-weight: normal;
    opacity: 0.64;
    font-size: 13px;
    margin-bottom: 2px;
}

.\#price-item-value {
    margin-bottom: 0;
    line-height: 1;
}

.\#price-item.\@compare .\#price-value {
    opacity: 0.64;
    text-decoration: line-through;
}

.\#price-item.\@on-sale .\#price-value {
    color: rgba(var(--color-sale-price), 1);
}

.\#price-value-range {
    margin: 0 0.35em;
    opacity: 0.4;
}

.\#price-value-from {
    opacity: 0.4;
    margin-right: 0.5em;
}