@charset "UTF-8";
:root {
--default-transition-timing: 0.4s;
--default-transition-easing: cubic-bezier(0.29, 0.63, 0.44, 1);
/**
* Layout
*/
--layout-container-width: 1440px;
--layout-container-width-md: 1240px;
--layout-site-padding: 24px;
--layout-section-spacing-small: var(--layout-section-spacing-small-mobile);
--layout-section-spacing-large: var(--layout-section-spacing-large-mobile);
/**
* Layout spacings
*/
--spacing-xxs: 0.25rem;
--spacing-xs: 0.5rem;
--spacing-xs-2: 0.75rem;
--spacing-sm: 1rem;
--spacing-md: 1.5rem;
--spacing-lg: 2rem;
--spacing-lg-md: 2.5rem;
--spacing-lg-2: 3rem;
--spacing-xl: 4rem;
--spacing-xxl: 7.5rem;
--spacing-xxl-2: 8rem;
--layout-row-grid-gap: var(--spacing-lg);
--layout-column-grid-gap: var(--spacing-lg);
/**
* Borders
*/
--border-radius-2: 2px;
--border-radius-8: 8px;
--border-radius-16: 16px;
--border-radius-20: 20px;
--border-radius-24: 24px;
--border-radius-30: 30px;
--border-radius-40: 40px;
--border-radius-100: 100px;
--border-radius-200: 200px;
--announcement-height: 2rem;
--top-nav-height: 1.5rem;
--header-main-height: 10.5rem;
--header-height: calc(var(--header-main-height) + var(--announcement-height));
--anchor-offset: calc(var(--header-height) + 1rem);
--ff-primary: "AktivGrotesk", sans-serif;
--ff-secondary: "Allenoire", serif;
--ff-tertiary: "Abuget", serif;
--jumbo-fs: 3.5rem;
--h1-fs: 2.75rem;
--h2-fs: 2.5rem;
--h3-fs: 2rem;
--h4-fs: 1.75rem;
--h5-fs: 1.5rem;
--h6-fs: 1.2rem;
--h7-fs: 1rem;
--jumbo-lh: 1;
--h1-lh: 1.1;
--h2-lh: 1.1;
--h3-lh: 1.1;
--h4-lh: 1.1;
--h5-lh: 1.1;
--h6-lh: 1.1;
--h7-lh: 1.1;
--body-fs-xl: 1.375rem;
--body-fs-lg: 1.125rem;
--body-fs-md: 1rem;
--body-fs-sm: 0.875rem;
--body-fs-xs: 0.75rem;
--body-fs-xxs: 0.625rem;
--body-lh-xl: 1.5;
--body-lh-lg: 1.5;
--body-lh-md: 1.5;
--body-lh-sm: 1.5;
--body-lh-xs: 1.4;
--body-lh-xxs: 1.2;
--btn-fs-sm: 0.9375rem;
--btn-fs: 1rem;
--quote-fs-sm: 1.5rem;
--quote-fs-md: 2rem;
--quote-fs: 2.5rem;
--label-fs: 0.875rem;
--label-fs-sm: 0.625rem;
--nav-fs: var(--body-fs-md);
--main-nav-fs: 0.9375rem;
--top-nav-fs: 0.8125rem;
--nav-sidebar-fs: var(--body-fs-lg);
--link-fs: var(--body-fs-md);
--copyright-fs: var(--body-fs-xs);
--product-title-fs: var(--body-fs-md);
--btn-lh-sm: 1.5;
--btn-lh: 1.5;
--quote-lh-sm: 1.3;
--quote-lh-md: 1.3;
--quote-lh: 1.3;
--label-lh: 1;
--nav-lh: var(--body-lh-md);
--nav-sidebar-fs: var(--body-lh-lg);
--link-lh: var(--body-lh-md);
--copyright-lh: var(--body-lh-xs);
--product-title-lh: var(--body-lh-md);
--color-black-rgb: 0, 0, 0;
--color-white-rgb: 255, 255, 255;
--color-sand-light-rgb: 253, 251, 247;
--color-sand-rgb: 248, 244, 233;
--color-sand-dark-rgb: 236, 233, 221;
--color-sand-saturated-rgb: 238, 228, 201;
--color-green-dark-rgb: 3, 44, 33;
--color-green-darkest-rgb: 1, 27, 20;
--color-green-light-rgb: 5, 72, 54;
--color-accent-rgb: 255, 221, 149;
--color-error-rgb: 166, 7, 33;
--color-white: rgb(var(--color-white-rgb));
--color-sand-light: rgb(var(--color-sand-light-rgb));
--color-sand: rgb(var(--color-sand-rgb));
--color-sand-dark: rgb(var(--color-sand-dark-rgb));
--color-sand-saturated: rgb(var(--color-sand-saturated-rgb));
--color-green-dark: rgb(var(--color-green-dark-rgb));
--color-green-darkest: rgb(var(--color-green-darkest-rgb));
--color-green-light: rgb(var(--color-green-light-rgb));
--color-accent: rgb(var(--color-accent-rgb));
--color-error: rgb(var(--color-error-rgb));
--color-image-gradient: linear-gradient(
123deg,
rgba(var(--color-black-rgb), 0.6) 17.92%,
rgba(var(--color-black-rgb), 0) 74.92%
);
--color-na-light-rgb: 117, 155, 138;
--color-na-dark-rgb: 60, 91, 77;
--color-na-light: rgb(var(--color-na-light-rgb));
--color-na-dark: rgb(var(--color-na-dark-rgb));
--color-na-light-gradient: linear-gradient(
180deg,
var(--color-na-light) 42%,
var(--color-na-dark) 100%
);
--color-na-dark-gradient: linear-gradient(
270deg,
var(--color-green-dark) 0%,
#001811 98.96%
);
--color-apero-light: rgb(213, 129, 101);
--color-apero-dark: rgb(148, 82, 59);
--color-apero-gradient: linear-gradient(
180deg,
var(--color-apero-light) 42%,
var(--color-apero-dark) 100%
);
--color-wine-light-rgb: 139, 22, 41;
--color-wine-dark-rgb: 89, 14, 26;
--color-wine-light: rgb(139, 22, 41);
--color-wine-dark: rgb(89, 14, 26);
--color-wine-gradient: linear-gradient(
180deg,
var(--color-wine-light) 42%,
var(--color-wine-dark) 100%
);
--color-beer-light: rgb(224, 158, 52);
--color-beer-dark: rgb(166, 115, 33);
--color-beer-gradient: linear-gradient(
180deg,
var(--color-beer-light) 42%,
var(--color-beer-dark) 100%
);
--color-sand-transparent: rgba(var(--color-sand-rgb), 0.25);
--color-dark-green-transparent: rgba(var(--color-green-dark-rgb), 0.4);
--color-light-green-transparent: rgba(var(--color-green-light-rgb), 0.6);
--color-na-light-transparent: rgba(var(--color-na-light-rgb), 0.4);
--color-icon: currentColor;
--color-icon-accent: var(--color-na-light);
--icon-stroke-width: 2.4;
}
@media screen and (min-width: 768px) {
:root {
--layout-section-spacing-small: var(--layout-section-spacing-small-desktop);
--layout-section-spacing-large: var(--layout-section-spacing-large-desktop);
--jumbo-fs: 6rem;
--h1-fs: 4rem;
--h2-fs: 3.5rem;
--h3-fs: 3rem;
--h4-fs: 2.5rem;
--h5-fs: 1.75rem;
--h6-fs: 1.2rem;
--h7-fs: 1rem;
--jumbo-lh: 1;
--h1-lh: 1.1;
--h2-lh: 1.1;
--h3-lh: 1.1;
--h4-lh: 1.1;
--h5-lh: 1.1;
--h6-lh: 1.1;
--h7-lh: 1.1;
--quote-fs-sm: 2rem;
--quote-fs: 3rem;
--label-fs-sm: 0.875rem;
--quote-lh-sm: 1.3;
--quote-lh: 1.3;
}
}
@media screen and (min-width: 990px) {
:root {
--layout-site-padding: 48px;
}
}
@media screen and (min-width: 1250px) {
:root {
--layout-site-padding: 96px;
}
}
.no-js:not(html) {
display: none;
}
.no-js .no-js:not(html) {
display: block;
}
.no-js .js {
display: none;
}
.hide {
display: none !important;
}
.sr-only {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.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;
}
.u-text-center {
text-align: center;
}
.u-text-left {
text-align: left;
}
.u-text-right {
text-align: right;
}
.u-text-uppercase {
text-transform: uppercase;
}
.u-position-center {
margin-left: auto;
margin-right: auto;
}
.u-postion-left {
margin-right: auto;
}
.u-position-right {
margin-left: auto;
}
.u-unstyled-list {
padding-left: 0;
}
.u-unstyled-list li {
list-style: none;
}
.u-unstyled-btn {
background: none;
border: none;
cursor: pointer;
display: block;
color: currentColor;
}
.u-ratio-container {
position: relative;
}
.u-ratio-container > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.u-ratio-container::after {
content: "";
display: block;
height: 0;
width: 100%;
/* 16:9 = 56.25% = calc(9 / 16 * 100%) */
padding-bottom: 56.25%;
}
.u-list-inline {
padding: 0;
margin: 0;
}
.u-list-inline li {
display: inline-block;
}
.u-placeholder-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.u-placeholder-background--animation {
background-color: var(--black);
}
.no-js .u-placeholder-background--animation {
display: none;
}
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
iframe {
width: 100%;
min-height: 30rem;
border: none;
display: block;
position: relative;
background-color: transparent;
}
.js-primeurs-show,
.js-primeurs-show-inline-block,
.js-primeurs-show-flex {
display: none !important;
}
body.primeurs .js-primeurs-show {
display: block !important;
}
body.primeurs .js-primeurs-show-inline-block {
display: inline-block !important;
}
body.primeurs .js-primeurs-show-flex {
display: flex !important;
}
body.primeurs .js-primeurs-hide {
display: none !important;
}
body.primeurs .m-breadcrumbs {
--breadcrumb-base-color: rgb(var(--color-text));
--breadcrumb-color: var(--color-text-60);
--breadcrumb-color-alt: rgb(var(--color-text-hover));
}
h1,
.h1,
.jumbo,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h7 {
--ff: var(--ff-secondary);
--fw: var(--ff-secondary-weight);
margin: 0;
font-family: var(--ff);
font-weight: var(--fw);
font-variant-ligatures: none;
color: rgb(var(--color-heading));
}
.jumbo {
font-size: var(--jumbo-fs);
line-height: var(--jumbo-lh);
}
h1,
.h1 {
font-size: var(--h1-fs);
line-height: var(--h1-lh);
}
h2,
.h2 {
font-size: var(--h2-fs);
line-height: var(--h2-lh);
}
h3,
.h3 {
font-size: var(--h3-fs);
line-height: var(--h3-lh);
}
h4,
.h4 {
font-size: var(--h4-fs);
line-height: var(--h4-lh);
}
h5,
.h5 {
font-size: var(--h5-fs);
line-height: var(--h5-lh);
}
h6,
.h6 {
font-size: var(--h6-fs);
line-height: var(--h6-lh);
}
.h7 {
--ff: var(--ff-primary);
--fw: 700;
font-size: var(--h7-fs);
line-height: var(--h7-lh);
}
body,
p,
.p {
font-family: var(--ff-primary);
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
font-weight: 400;
margin: 0;
font-variant-ligatures: none;
}
.metafield-rich_text_field p {
margin-bottom: 1rem;
}
.metafield-rich_text_field p:last-child {
margin-bottom: 0;
}
.body-fs-xl,
.body-fs-xl p {
font-size: var(--body-fs-xl);
line-height: var(--body-lh-xl);
}
.body-fs-lg,
.body-fs-lg p {
font-size: var(--body-fs-lg);
line-height: var(--body-lh-lg);
}
.body-fs-md,
.body-fs-md p {
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
}
.body-fs-sm,
.body-fs-sm p {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
}
.body-fs-xs,
.body-fs-xs p {
font-size: var(--body-fs-xs);
line-height: var(--body-lh-xs);
}
.fs-label {
font-size: var(--label-fs);
line-height: var(--label-lh);
}
.product-title {
font-size: var(--product-title-fs);
line-height: var(--product-title-lh);
margin-bottom: 0;
}
blockquote {
font-family: var(--ff-primary);
font-weight: 600;
font-size: var(--h2-fs);
line-height: var(--h2-lh);
}
*,
*::before,
*::after {
box-sizing: inherit;
-webkit-tap-highlight-color: transparent;
}
*::selection {
background-color: rgba(var(--color-button), 0.4);
}
*:focus,
*:focus-visible {
outline-color: blue;
outline-offset: 2px;
}
.skip-to-content-link {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
}
.skip-to-content-link:focus-visible {
z-index: 9999;
clip: auto;
color: rgb(var(--color-button-label));
background: rgb(var(--color-button));
width: auto;
height: auto;
padding: 1rem 1.6rem;
overflow: auto;
}
.no-js:not(html) {
display: none !important;
}
html.no-js .no-js:not(html) {
display: block !important;
}
.no-js-inline {
display: none !important;
}
html.no-js .no-js-inline {
display: inline-block !important;
}
html.no-js .no-js-hidden {
display: none !important;
}
html {
box-sizing: border-box;
font-size: calc(var(--fs-body-scale) * 100%);
}
body {
overflow-y: scroll;
margin: 0;
font-family: var(--ff-primary);
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
display: flex;
flex-direction: column;
min-height: 100dvh;
}
body.sidebar--open #shopify-section-announcement-bar, body.sidebar--is-animating #shopify-section-announcement-bar {
z-index: 999;
}
body.filter-sidebar--open #shopify-section-announcement-bar,
body.filter-sidebar--open #shopify-section-header, body.filter-sidebar--is-animating #shopify-section-announcement-bar,
body.filter-sidebar--is-animating #shopify-section-header {
z-index: 0;
}
body.no-scroll, body:has(.aa-Panel) {
overflow: hidden;
position: relative;
height: 100%;
touch-action: none;
-ms-touch-action: none;
}
body.primeurs :root {
--color-background: var(--primeurs-color-background);
}
@media only screen and (max-width: -1px) {
.hidden-xs-down {
display: none !important;
}
}
.hidden-xs-up {
display: none !important;
}
@media only screen and (max-width: 479px) {
.hidden-xs-down {
display: none !important;
}
}
@media only screen and (min-width: 480px) {
.hidden-xs-up {
display: none !important;
}
}
@media only screen and (max-width: 599px) {
.hidden-sm-down {
display: none !important;
}
}
@media only screen and (min-width: 600px) {
.hidden-sm-up {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.hidden-md-down {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media only screen and (max-width: 989px) {
.hidden-lg-down {
display: none !important;
}
}
@media only screen and (min-width: 990px) {
.hidden-lg-up {
display: none !important;
}
}
@media only screen and (max-width: 1099px) {
.hidden-xl-down {
display: none !important;
}
}
@media only screen and (min-width: 1100px) {
.hidden-xl-up {
display: none !important;
}
}
.grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.grid--no-wrap {
flex-wrap: nowrap;
}
.grid--center-h {
justify-content: center;
}
.grid--left-h {
justify-content: left;
}
.grid--right-h {
justify-content: right;
}
.grid--top-v {
align-items: flex-start;
}
.grid--center-v {
align-items: center;
}
.grid--bottom-v {
align-items: flex-end;
}
.grid__col-offset-0 {
margin-left: 0;
}
.grid__col-offset-right-0 {
margin-right: 0;
}
.grid__col-1 {
width: 8.3333333333%;
}
.grid__col-offset-1 {
margin-left: 8.3333333333%;
}
.grid__col-offset-right-1 {
margin-right: 8.3333333333%;
}
.grid__col-2 {
width: 16.6666666667%;
}
.grid__col-offset-2 {
margin-left: 16.6666666667%;
}
.grid__col-offset-right-2 {
margin-right: 16.6666666667%;
}
.grid__col-3 {
width: 25%;
}
.grid__col-offset-3 {
margin-left: 25%;
}
.grid__col-offset-right-3 {
margin-right: 25%;
}
.grid__col-4 {
width: 33.3333333333%;
}
.grid__col-offset-4 {
margin-left: 33.3333333333%;
}
.grid__col-offset-right-4 {
margin-right: 33.3333333333%;
}
.grid__col-5 {
width: 41.6666666667%;
}
.grid__col-offset-5 {
margin-left: 41.6666666667%;
}
.grid__col-offset-right-5 {
margin-right: 41.6666666667%;
}
.grid__col-6 {
width: 50%;
}
.grid__col-offset-6 {
margin-left: 50%;
}
.grid__col-offset-right-6 {
margin-right: 50%;
}
.grid__col-7 {
width: 58.3333333333%;
}
.grid__col-offset-7 {
margin-left: 58.3333333333%;
}
.grid__col-offset-right-7 {
margin-right: 58.3333333333%;
}
.grid__col-8 {
width: 66.6666666667%;
}
.grid__col-offset-8 {
margin-left: 66.6666666667%;
}
.grid__col-offset-right-8 {
margin-right: 66.6666666667%;
}
.grid__col-9 {
width: 75%;
}
.grid__col-offset-9 {
margin-left: 75%;
}
.grid__col-offset-right-9 {
margin-right: 75%;
}
.grid__col-10 {
width: 83.3333333333%;
}
.grid__col-offset-10 {
margin-left: 83.3333333333%;
}
.grid__col-offset-right-10 {
margin-right: 83.3333333333%;
}
.grid__col-11 {
width: 91.6666666667%;
}
.grid__col-offset-11 {
margin-left: 91.6666666667%;
}
.grid__col-offset-right-11 {
margin-right: 91.6666666667%;
}
.grid__col-12 {
width: 100%;
}
.grid__col-offset-12 {
margin-left: 100%;
}
.grid__col-offset-right-12 {
margin-right: 100%;
}
@media only screen and (min-width: 480px) {
.grid--no-wrap-xs {
flex-wrap: nowrap;
}
.grid--center-h-xs {
justify-content: center;
}
.grid--left-h-xs {
justify-content: left;
}
.grid--right-h-xs {
justify-content: right;
}
.grid--top-v-xs {
align-items: flex-start;
}
.grid--center-v-xs {
align-items: center;
}
.grid--bottom-v-xs {
align-items: flex-end;
}
.grid__col-xs-offset-0 {
margin-left: 0;
}
.grid__col-xs-offset-right-0 {
margin-right: 0;
}
.grid__col-xs-1 {
width: 8.3333333333%;
}
.grid__col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.grid__col-xs-offset-right-1 {
margin-right: 8.3333333333%;
}
.grid__col-xs-2 {
width: 16.6666666667%;
}
.grid__col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.grid__col-xs-offset-right-2 {
margin-right: 16.6666666667%;
}
.grid__col-xs-3 {
width: 25%;
}
.grid__col-xs-offset-3 {
margin-left: 25%;
}
.grid__col-xs-offset-right-3 {
margin-right: 25%;
}
.grid__col-xs-4 {
width: 33.3333333333%;
}
.grid__col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.grid__col-xs-offset-right-4 {
margin-right: 33.3333333333%;
}
.grid__col-xs-5 {
width: 41.6666666667%;
}
.grid__col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.grid__col-xs-offset-right-5 {
margin-right: 41.6666666667%;
}
.grid__col-xs-6 {
width: 50%;
}
.grid__col-xs-offset-6 {
margin-left: 50%;
}
.grid__col-xs-offset-right-6 {
margin-right: 50%;
}
.grid__col-xs-7 {
width: 58.3333333333%;
}
.grid__col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.grid__col-xs-offset-right-7 {
margin-right: 58.3333333333%;
}
.grid__col-xs-8 {
width: 66.6666666667%;
}
.grid__col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.grid__col-xs-offset-right-8 {
margin-right: 66.6666666667%;
}
.grid__col-xs-9 {
width: 75%;
}
.grid__col-xs-offset-9 {
margin-left: 75%;
}
.grid__col-xs-offset-right-9 {
margin-right: 75%;
}
.grid__col-xs-10 {
width: 83.3333333333%;
}
.grid__col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.grid__col-xs-offset-right-10 {
margin-right: 83.3333333333%;
}
.grid__col-xs-11 {
width: 91.6666666667%;
}
.grid__col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.grid__col-xs-offset-right-11 {
margin-right: 91.6666666667%;
}
.grid__col-xs-12 {
width: 100%;
}
.grid__col-xs-offset-12 {
margin-left: 100%;
}
.grid__col-xs-offset-right-12 {
margin-right: 100%;
}
}
@media only screen and (min-width: 600px) {
.grid--no-wrap-sm {
flex-wrap: nowrap;
}
.grid--center-h-sm {
justify-content: center;
}
.grid--left-h-sm {
justify-content: left;
}
.grid--right-h-sm {
justify-content: right;
}
.grid--top-v-sm {
align-items: flex-start;
}
.grid--center-v-sm {
align-items: center;
}
.grid--bottom-v-sm {
align-items: flex-end;
}
.grid__col-sm-offset-0 {
margin-left: 0;
}
.grid__col-sm-offset-right-0 {
margin-right: 0;
}
.grid__col-sm-1 {
width: 8.3333333333%;
}
.grid__col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.grid__col-sm-offset-right-1 {
margin-right: 8.3333333333%;
}
.grid__col-sm-2 {
width: 16.6666666667%;
}
.grid__col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.grid__col-sm-offset-right-2 {
margin-right: 16.6666666667%;
}
.grid__col-sm-3 {
width: 25%;
}
.grid__col-sm-offset-3 {
margin-left: 25%;
}
.grid__col-sm-offset-right-3 {
margin-right: 25%;
}
.grid__col-sm-4 {
width: 33.3333333333%;
}
.grid__col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.grid__col-sm-offset-right-4 {
margin-right: 33.3333333333%;
}
.grid__col-sm-5 {
width: 41.6666666667%;
}
.grid__col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.grid__col-sm-offset-right-5 {
margin-right: 41.6666666667%;
}
.grid__col-sm-6 {
width: 50%;
}
.grid__col-sm-offset-6 {
margin-left: 50%;
}
.grid__col-sm-offset-right-6 {
margin-right: 50%;
}
.grid__col-sm-7 {
width: 58.3333333333%;
}
.grid__col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.grid__col-sm-offset-right-7 {
margin-right: 58.3333333333%;
}
.grid__col-sm-8 {
width: 66.6666666667%;
}
.grid__col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.grid__col-sm-offset-right-8 {
margin-right: 66.6666666667%;
}
.grid__col-sm-9 {
width: 75%;
}
.grid__col-sm-offset-9 {
margin-left: 75%;
}
.grid__col-sm-offset-right-9 {
margin-right: 75%;
}
.grid__col-sm-10 {
width: 83.3333333333%;
}
.grid__col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.grid__col-sm-offset-right-10 {
margin-right: 83.3333333333%;
}
.grid__col-sm-11 {
width: 91.6666666667%;
}
.grid__col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.grid__col-sm-offset-right-11 {
margin-right: 91.6666666667%;
}
.grid__col-sm-12 {
width: 100%;
}
.grid__col-sm-offset-12 {
margin-left: 100%;
}
.grid__col-sm-offset-right-12 {
margin-right: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid--no-wrap-md {
flex-wrap: nowrap;
}
.grid--center-h-md {
justify-content: center;
}
.grid--left-h-md {
justify-content: left;
}
.grid--right-h-md {
justify-content: right;
}
.grid--top-v-md {
align-items: flex-start;
}
.grid--center-v-md {
align-items: center;
}
.grid--bottom-v-md {
align-items: flex-end;
}
.grid__col-md-offset-0 {
margin-left: 0;
}
.grid__col-md-offset-right-0 {
margin-right: 0;
}
.grid__col-md-1 {
width: 8.3333333333%;
}
.grid__col-md-offset-1 {
margin-left: 8.3333333333%;
}
.grid__col-md-offset-right-1 {
margin-right: 8.3333333333%;
}
.grid__col-md-2 {
width: 16.6666666667%;
}
.grid__col-md-offset-2 {
margin-left: 16.6666666667%;
}
.grid__col-md-offset-right-2 {
margin-right: 16.6666666667%;
}
.grid__col-md-3 {
width: 25%;
}
.grid__col-md-offset-3 {
margin-left: 25%;
}
.grid__col-md-offset-right-3 {
margin-right: 25%;
}
.grid__col-md-4 {
width: 33.3333333333%;
}
.grid__col-md-offset-4 {
margin-left: 33.3333333333%;
}
.grid__col-md-offset-right-4 {
margin-right: 33.3333333333%;
}
.grid__col-md-5 {
width: 41.6666666667%;
}
.grid__col-md-offset-5 {
margin-left: 41.6666666667%;
}
.grid__col-md-offset-right-5 {
margin-right: 41.6666666667%;
}
.grid__col-md-6 {
width: 50%;
}
.grid__col-md-offset-6 {
margin-left: 50%;
}
.grid__col-md-offset-right-6 {
margin-right: 50%;
}
.grid__col-md-7 {
width: 58.3333333333%;
}
.grid__col-md-offset-7 {
margin-left: 58.3333333333%;
}
.grid__col-md-offset-right-7 {
margin-right: 58.3333333333%;
}
.grid__col-md-8 {
width: 66.6666666667%;
}
.grid__col-md-offset-8 {
margin-left: 66.6666666667%;
}
.grid__col-md-offset-right-8 {
margin-right: 66.6666666667%;
}
.grid__col-md-9 {
width: 75%;
}
.grid__col-md-offset-9 {
margin-left: 75%;
}
.grid__col-md-offset-right-9 {
margin-right: 75%;
}
.grid__col-md-10 {
width: 83.3333333333%;
}
.grid__col-md-offset-10 {
margin-left: 83.3333333333%;
}
.grid__col-md-offset-right-10 {
margin-right: 83.3333333333%;
}
.grid__col-md-11 {
width: 91.6666666667%;
}
.grid__col-md-offset-11 {
margin-left: 91.6666666667%;
}
.grid__col-md-offset-right-11 {
margin-right: 91.6666666667%;
}
.grid__col-md-12 {
width: 100%;
}
.grid__col-md-offset-12 {
margin-left: 100%;
}
.grid__col-md-offset-right-12 {
margin-right: 100%;
}
}
@media only screen and (min-width: 990px) {
.grid--no-wrap-lg {
flex-wrap: nowrap;
}
.grid--center-h-lg {
justify-content: center;
}
.grid--left-h-lg {
justify-content: left;
}
.grid--right-h-lg {
justify-content: right;
}
.grid--top-v-lg {
align-items: flex-start;
}
.grid--center-v-lg {
align-items: center;
}
.grid--bottom-v-lg {
align-items: flex-end;
}
.grid__col-lg-offset-0 {
margin-left: 0;
}
.grid__col-lg-offset-right-0 {
margin-right: 0;
}
.grid__col-lg-1 {
width: 8.3333333333%;
}
.grid__col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.grid__col-lg-offset-right-1 {
margin-right: 8.3333333333%;
}
.grid__col-lg-2 {
width: 16.6666666667%;
}
.grid__col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.grid__col-lg-offset-right-2 {
margin-right: 16.6666666667%;
}
.grid__col-lg-3 {
width: 25%;
}
.grid__col-lg-offset-3 {
margin-left: 25%;
}
.grid__col-lg-offset-right-3 {
margin-right: 25%;
}
.grid__col-lg-4 {
width: 33.3333333333%;
}
.grid__col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.grid__col-lg-offset-right-4 {
margin-right: 33.3333333333%;
}
.grid__col-lg-5 {
width: 41.6666666667%;
}
.grid__col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.grid__col-lg-offset-right-5 {
margin-right: 41.6666666667%;
}
.grid__col-lg-6 {
width: 50%;
}
.grid__col-lg-offset-6 {
margin-left: 50%;
}
.grid__col-lg-offset-right-6 {
margin-right: 50%;
}
.grid__col-lg-7 {
width: 58.3333333333%;
}
.grid__col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.grid__col-lg-offset-right-7 {
margin-right: 58.3333333333%;
}
.grid__col-lg-8 {
width: 66.6666666667%;
}
.grid__col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.grid__col-lg-offset-right-8 {
margin-right: 66.6666666667%;
}
.grid__col-lg-9 {
width: 75%;
}
.grid__col-lg-offset-9 {
margin-left: 75%;
}
.grid__col-lg-offset-right-9 {
margin-right: 75%;
}
.grid__col-lg-10 {
width: 83.3333333333%;
}
.grid__col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.grid__col-lg-offset-right-10 {
margin-right: 83.3333333333%;
}
.grid__col-lg-11 {
width: 91.6666666667%;
}
.grid__col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.grid__col-lg-offset-right-11 {
margin-right: 91.6666666667%;
}
.grid__col-lg-12 {
width: 100%;
}
.grid__col-lg-offset-12 {
margin-left: 100%;
}
.grid__col-lg-offset-right-12 {
margin-right: 100%;
}
}
@media only screen and (min-width: 1100px) {
.grid--no-wrap-xl {
flex-wrap: nowrap;
}
.grid--center-h-xl {
justify-content: center;
}
.grid--left-h-xl {
justify-content: left;
}
.grid--right-h-xl {
justify-content: right;
}
.grid--top-v-xl {
align-items: flex-start;
}
.grid--center-v-xl {
align-items: center;
}
.grid--bottom-v-xl {
align-items: flex-end;
}
.grid__col-xl-offset-0 {
margin-left: 0;
}
.grid__col-xl-offset-right-0 {
margin-right: 0;
}
.grid__col-xl-1 {
width: 8.3333333333%;
}
.grid__col-xl-offset-1 {
margin-left: 8.3333333333%;
}
.grid__col-xl-offset-right-1 {
margin-right: 8.3333333333%;
}
.grid__col-xl-2 {
width: 16.6666666667%;
}
.grid__col-xl-offset-2 {
margin-left: 16.6666666667%;
}
.grid__col-xl-offset-right-2 {
margin-right: 16.6666666667%;
}
.grid__col-xl-3 {
width: 25%;
}
.grid__col-xl-offset-3 {
margin-left: 25%;
}
.grid__col-xl-offset-right-3 {
margin-right: 25%;
}
.grid__col-xl-4 {
width: 33.3333333333%;
}
.grid__col-xl-offset-4 {
margin-left: 33.3333333333%;
}
.grid__col-xl-offset-right-4 {
margin-right: 33.3333333333%;
}
.grid__col-xl-5 {
width: 41.6666666667%;
}
.grid__col-xl-offset-5 {
margin-left: 41.6666666667%;
}
.grid__col-xl-offset-right-5 {
margin-right: 41.6666666667%;
}
.grid__col-xl-6 {
width: 50%;
}
.grid__col-xl-offset-6 {
margin-left: 50%;
}
.grid__col-xl-offset-right-6 {
margin-right: 50%;
}
.grid__col-xl-7 {
width: 58.3333333333%;
}
.grid__col-xl-offset-7 {
margin-left: 58.3333333333%;
}
.grid__col-xl-offset-right-7 {
margin-right: 58.3333333333%;
}
.grid__col-xl-8 {
width: 66.6666666667%;
}
.grid__col-xl-offset-8 {
margin-left: 66.6666666667%;
}
.grid__col-xl-offset-right-8 {
margin-right: 66.6666666667%;
}
.grid__col-xl-9 {
width: 75%;
}
.grid__col-xl-offset-9 {
margin-left: 75%;
}
.grid__col-xl-offset-right-9 {
margin-right: 75%;
}
.grid__col-xl-10 {
width: 83.3333333333%;
}
.grid__col-xl-offset-10 {
margin-left: 83.3333333333%;
}
.grid__col-xl-offset-right-10 {
margin-right: 83.3333333333%;
}
.grid__col-xl-11 {
width: 91.6666666667%;
}
.grid__col-xl-offset-11 {
margin-left: 91.6666666667%;
}
.grid__col-xl-offset-right-11 {
margin-right: 91.6666666667%;
}
.grid__col-xl-12 {
width: 100%;
}
.grid__col-xl-offset-12 {
margin-left: 100%;
}
.grid__col-xl-offset-right-12 {
margin-right: 100%;
}
}
.grid-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: var(--grid-row-gap, var(--spacing-xl)) var(--grid-column-gap, var(--spacing-md));
}
.grid-grid--center-h {
justify-content: center;
}
.grid-grid--left-h {
justify-content: left;
}
.grid-grid--right-h {
justify-content: right;
}
.grid-grid--top-v {
align-items: flex-start;
}
.grid-grid--center-v {
align-items: center;
}
.grid-grid--bottom-v {
align-items: flex-end;
}
.grid-grid__col-offset-0 {
margin-left: 0;
}
.grid-grid__col-offset-right-0 {
margin-right: 0;
}
.grid-grid__col-1 {
grid-column: span 1;
}
.grid-grid__col-offset-1 {
grid-column-start: i;
}
.grid-grid__col-2 {
grid-column: span 2;
}
.grid-grid__col-offset-2 {
grid-column-start: i;
}
.grid-grid__col-3 {
grid-column: span 3;
}
.grid-grid__col-offset-3 {
grid-column-start: i;
}
.grid-grid__col-4 {
grid-column: span 4;
}
.grid-grid__col-offset-4 {
grid-column-start: i;
}
.grid-grid__col-5 {
grid-column: span 5;
}
.grid-grid__col-offset-5 {
grid-column-start: i;
}
.grid-grid__col-6 {
grid-column: span 6;
}
.grid-grid__col-offset-6 {
grid-column-start: i;
}
.grid-grid__col-7 {
grid-column: span 7;
}
.grid-grid__col-offset-7 {
grid-column-start: i;
}
.grid-grid__col-8 {
grid-column: span 8;
}
.grid-grid__col-offset-8 {
grid-column-start: i;
}
.grid-grid__col-9 {
grid-column: span 9;
}
.grid-grid__col-offset-9 {
grid-column-start: i;
}
.grid-grid__col-10 {
grid-column: span 10;
}
.grid-grid__col-offset-10 {
grid-column-start: i;
}
.grid-grid__col-11 {
grid-column: span 11;
}
.grid-grid__col-offset-11 {
grid-column-start: i;
}
.grid-grid__col-12 {
grid-column: span 12;
}
.grid-grid__col-offset-12 {
grid-column-start: i;
}
@media only screen and (min-width: 480px) {
.grid-grid--center-h-xs {
justify-content: center;
}
.grid-grid--left-h-xs {
justify-content: left;
}
.grid-grid--right-h-xs {
justify-content: right;
}
.grid-grid--top-v-xs {
align-items: flex-start;
}
.grid-grid--center-v-xs {
align-items: center;
}
.grid-grid--bottom-v-xs {
align-items: flex-end;
}
.grid-grid__col-xs-offset-0 {
margin-left: 0;
}
.grid-grid__col-xs-offset-right-0 {
margin-right: 0;
}
.grid-grid__col-xs-1 {
grid-column: span 1;
}
.grid-grid__col-xs-offset-1 {
grid-column-start: i;
}
.grid-grid__col-xs-2 {
grid-column: span 2;
}
.grid-grid__col-xs-offset-2 {
grid-column-start: i;
}
.grid-grid__col-xs-3 {
grid-column: span 3;
}
.grid-grid__col-xs-offset-3 {
grid-column-start: i;
}
.grid-grid__col-xs-4 {
grid-column: span 4;
}
.grid-grid__col-xs-offset-4 {
grid-column-start: i;
}
.grid-grid__col-xs-5 {
grid-column: span 5;
}
.grid-grid__col-xs-offset-5 {
grid-column-start: i;
}
.grid-grid__col-xs-6 {
grid-column: span 6;
}
.grid-grid__col-xs-offset-6 {
grid-column-start: i;
}
.grid-grid__col-xs-7 {
grid-column: span 7;
}
.grid-grid__col-xs-offset-7 {
grid-column-start: i;
}
.grid-grid__col-xs-8 {
grid-column: span 8;
}
.grid-grid__col-xs-offset-8 {
grid-column-start: i;
}
.grid-grid__col-xs-9 {
grid-column: span 9;
}
.grid-grid__col-xs-offset-9 {
grid-column-start: i;
}
.grid-grid__col-xs-10 {
grid-column: span 10;
}
.grid-grid__col-xs-offset-10 {
grid-column-start: i;
}
.grid-grid__col-xs-11 {
grid-column: span 11;
}
.grid-grid__col-xs-offset-11 {
grid-column-start: i;
}
.grid-grid__col-xs-12 {
grid-column: span 12;
}
.grid-grid__col-xs-offset-12 {
grid-column-start: i;
}
}
@media only screen and (min-width: 600px) {
.grid-grid--center-h-sm {
justify-content: center;
}
.grid-grid--left-h-sm {
justify-content: left;
}
.grid-grid--right-h-sm {
justify-content: right;
}
.grid-grid--top-v-sm {
align-items: flex-start;
}
.grid-grid--center-v-sm {
align-items: center;
}
.grid-grid--bottom-v-sm {
align-items: flex-end;
}
.grid-grid__col-sm-offset-0 {
margin-left: 0;
}
.grid-grid__col-sm-offset-right-0 {
margin-right: 0;
}
.grid-grid__col-sm-1 {
grid-column: span 1;
}
.grid-grid__col-sm-offset-1 {
grid-column-start: i;
}
.grid-grid__col-sm-2 {
grid-column: span 2;
}
.grid-grid__col-sm-offset-2 {
grid-column-start: i;
}
.grid-grid__col-sm-3 {
grid-column: span 3;
}
.grid-grid__col-sm-offset-3 {
grid-column-start: i;
}
.grid-grid__col-sm-4 {
grid-column: span 4;
}
.grid-grid__col-sm-offset-4 {
grid-column-start: i;
}
.grid-grid__col-sm-5 {
grid-column: span 5;
}
.grid-grid__col-sm-offset-5 {
grid-column-start: i;
}
.grid-grid__col-sm-6 {
grid-column: span 6;
}
.grid-grid__col-sm-offset-6 {
grid-column-start: i;
}
.grid-grid__col-sm-7 {
grid-column: span 7;
}
.grid-grid__col-sm-offset-7 {
grid-column-start: i;
}
.grid-grid__col-sm-8 {
grid-column: span 8;
}
.grid-grid__col-sm-offset-8 {
grid-column-start: i;
}
.grid-grid__col-sm-9 {
grid-column: span 9;
}
.grid-grid__col-sm-offset-9 {
grid-column-start: i;
}
.grid-grid__col-sm-10 {
grid-column: span 10;
}
.grid-grid__col-sm-offset-10 {
grid-column-start: i;
}
.grid-grid__col-sm-11 {
grid-column: span 11;
}
.grid-grid__col-sm-offset-11 {
grid-column-start: i;
}
.grid-grid__col-sm-12 {
grid-column: span 12;
}
.grid-grid__col-sm-offset-12 {
grid-column-start: i;
}
}
@media only screen and (min-width: 768px) {
.grid-grid--center-h-md {
justify-content: center;
}
.grid-grid--left-h-md {
justify-content: left;
}
.grid-grid--right-h-md {
justify-content: right;
}
.grid-grid--top-v-md {
align-items: flex-start;
}
.grid-grid--center-v-md {
align-items: center;
}
.grid-grid--bottom-v-md {
align-items: flex-end;
}
.grid-grid__col-md-offset-0 {
margin-left: 0;
}
.grid-grid__col-md-offset-right-0 {
margin-right: 0;
}
.grid-grid__col-md-1 {
grid-column: span 1;
}
.grid-grid__col-md-offset-1 {
grid-column-start: i;
}
.grid-grid__col-md-2 {
grid-column: span 2;
}
.grid-grid__col-md-offset-2 {
grid-column-start: i;
}
.grid-grid__col-md-3 {
grid-column: span 3;
}
.grid-grid__col-md-offset-3 {
grid-column-start: i;
}
.grid-grid__col-md-4 {
grid-column: span 4;
}
.grid-grid__col-md-offset-4 {
grid-column-start: i;
}
.grid-grid__col-md-5 {
grid-column: span 5;
}
.grid-grid__col-md-offset-5 {
grid-column-start: i;
}
.grid-grid__col-md-6 {
grid-column: span 6;
}
.grid-grid__col-md-offset-6 {
grid-column-start: i;
}
.grid-grid__col-md-7 {
grid-column: span 7;
}
.grid-grid__col-md-offset-7 {
grid-column-start: i;
}
.grid-grid__col-md-8 {
grid-column: span 8;
}
.grid-grid__col-md-offset-8 {
grid-column-start: i;
}
.grid-grid__col-md-9 {
grid-column: span 9;
}
.grid-grid__col-md-offset-9 {
grid-column-start: i;
}
.grid-grid__col-md-10 {
grid-column: span 10;
}
.grid-grid__col-md-offset-10 {
grid-column-start: i;
}
.grid-grid__col-md-11 {
grid-column: span 11;
}
.grid-grid__col-md-offset-11 {
grid-column-start: i;
}
.grid-grid__col-md-12 {
grid-column: span 12;
}
.grid-grid__col-md-offset-12 {
grid-column-start: i;
}
}
@media only screen and (min-width: 990px) {
.grid-grid--center-h-lg {
justify-content: center;
}
.grid-grid--left-h-lg {
justify-content: left;
}
.grid-grid--right-h-lg {
justify-content: right;
}
.grid-grid--top-v-lg {
align-items: flex-start;
}
.grid-grid--center-v-lg {
align-items: center;
}
.grid-grid--bottom-v-lg {
align-items: flex-end;
}
.grid-grid__col-lg-offset-0 {
margin-left: 0;
}
.grid-grid__col-lg-offset-right-0 {
margin-right: 0;
}
.grid-grid__col-lg-1 {
grid-column: span 1;
}
.grid-grid__col-lg-offset-1 {
grid-column-start: i;
}
.grid-grid__col-lg-2 {
grid-column: span 2;
}
.grid-grid__col-lg-offset-2 {
grid-column-start: i;
}
.grid-grid__col-lg-3 {
grid-column: span 3;
}
.grid-grid__col-lg-offset-3 {
grid-column-start: i;
}
.grid-grid__col-lg-4 {
grid-column: span 4;
}
.grid-grid__col-lg-offset-4 {
grid-column-start: i;
}
.grid-grid__col-lg-5 {
grid-column: span 5;
}
.grid-grid__col-lg-offset-5 {
grid-column-start: i;
}
.grid-grid__col-lg-6 {
grid-column: span 6;
}
.grid-grid__col-lg-offset-6 {
grid-column-start: i;
}
.grid-grid__col-lg-7 {
grid-column: span 7;
}
.grid-grid__col-lg-offset-7 {
grid-column-start: i;
}
.grid-grid__col-lg-8 {
grid-column: span 8;
}
.grid-grid__col-lg-offset-8 {
grid-column-start: i;
}
.grid-grid__col-lg-9 {
grid-column: span 9;
}
.grid-grid__col-lg-offset-9 {
grid-column-start: i;
}
.grid-grid__col-lg-10 {
grid-column: span 10;
}
.grid-grid__col-lg-offset-10 {
grid-column-start: i;
}
.grid-grid__col-lg-11 {
grid-column: span 11;
}
.grid-grid__col-lg-offset-11 {
grid-column-start: i;
}
.grid-grid__col-lg-12 {
grid-column: span 12;
}
.grid-grid__col-lg-offset-12 {
grid-column-start: i;
}
}
@media only screen and (min-width: 1100px) {
.grid-grid--center-h-xl {
justify-content: center;
}
.grid-grid--left-h-xl {
justify-content: left;
}
.grid-grid--right-h-xl {
justify-content: right;
}
.grid-grid--top-v-xl {
align-items: flex-start;
}
.grid-grid--center-v-xl {
align-items: center;
}
.grid-grid--bottom-v-xl {
align-items: flex-end;
}
.grid-grid__col-xl-offset-0 {
margin-left: 0;
}
.grid-grid__col-xl-offset-right-0 {
margin-right: 0;
}
.grid-grid__col-xl-1 {
grid-column: span 1;
}
.grid-grid__col-xl-offset-1 {
grid-column-start: i;
}
.grid-grid__col-xl-2 {
grid-column: span 2;
}
.grid-grid__col-xl-offset-2 {
grid-column-start: i;
}
.grid-grid__col-xl-3 {
grid-column: span 3;
}
.grid-grid__col-xl-offset-3 {
grid-column-start: i;
}
.grid-grid__col-xl-4 {
grid-column: span 4;
}
.grid-grid__col-xl-offset-4 {
grid-column-start: i;
}
.grid-grid__col-xl-5 {
grid-column: span 5;
}
.grid-grid__col-xl-offset-5 {
grid-column-start: i;
}
.grid-grid__col-xl-6 {
grid-column: span 6;
}
.grid-grid__col-xl-offset-6 {
grid-column-start: i;
}
.grid-grid__col-xl-7 {
grid-column: span 7;
}
.grid-grid__col-xl-offset-7 {
grid-column-start: i;
}
.grid-grid__col-xl-8 {
grid-column: span 8;
}
.grid-grid__col-xl-offset-8 {
grid-column-start: i;
}
.grid-grid__col-xl-9 {
grid-column: span 9;
}
.grid-grid__col-xl-offset-9 {
grid-column-start: i;
}
.grid-grid__col-xl-10 {
grid-column: span 10;
}
.grid-grid__col-xl-offset-10 {
grid-column-start: i;
}
.grid-grid__col-xl-11 {
grid-column: span 11;
}
.grid-grid__col-xl-offset-11 {
grid-column-start: i;
}
.grid-grid__col-xl-12 {
grid-column: span 12;
}
.grid-grid__col-xl-offset-12 {
grid-column-start: i;
}
}
.a-logo__link svg,
.a-logo__link img {
display: block;
border-radius: 0;
}
.a-badge {
padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xxs);
display: inline-flex;
gap: 0.5em;
align-items: center;
justify-content: center;
border-radius: var(--border-radius-20);
border: 1px solid transparent;
font-family: var(--ff-secondary);
font-weight: 600;
font-size: var(--label-fs);
line-height: var(--label-lh);
height: 2rem;
}
.a-badge:has(> .a-badge__image) {
padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-xxs);
}
.a-badge__label {
letter-spacing: 0.04375rem;
}
.a-badge__label--primary {
font-family: var(--ff-primary);
}
.a-badge__label--thin {
font-weight: 400;
letter-spacing: 0;
}
.a-badge__image {
width: var(--spacing-md);
height: var(--spacing-md);
position: relative;
border-radius: 50%;
overflow: clip;
margin-bottom: -1px;
}
.a-badge__image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.a-badge--primary {
background-color: rgb(var(--color-button));
border-color: rgb(var(--color-button));
color: rgb(var(--color-button-label));
}
.a-badge--secondary {
background-color: rgb(var(--color-button-label));
border-color: rgb(var(--color-button-label));
color: rgb(var(--color-button));
}
.a-badge--tertiary {
background-color: var(--color-white);
border-color: var(--color-white);
color: rgb(var(--color-green-dark-rgb));
}
.a-badge--transparent {
background-color: rgba(var(--color-white-rgb), 0.3);
border-color: rgb(var(--color-sand-rgb));
color: var(--color-white);
backdrop-filter: blur(22px);
}
.a-badge--transparent_dark {
background-color: rgba(var(--color-green-dark-rgb), 0.3);
border-color: var(--color-green-dark);
color: rgb(var(--color-green-dark-rgb));
backdrop-filter: blur(22px);
}
.a-badge--product {
border-radius: 0 var(--border-radius-100) var(--border-radius-100) 0;
background-color: rgb(var(--color-sand-rgb));
color: rgb(var(--color-green-dark-rgb));
font-weight: 400;
padding-left: var(--spacing-xs);
padding-right: var(--spacing-xs);
font-family: var(--ff-secondary);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.a-badge--product-detail {
font-weight: 600;
font-family: var(--ff-primary);
}
.a-badge--text, .a-badge--text_secondary {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.a-badge--text_secondary {
color: var(--color-dark-green-transparent-2);
}
.a-badge--right {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
letter-spacing: 0.05rem;
font-weight: 400;
color: rgb(var(--color-sand-rgb));
background-color: rgb(var(--color-na-dark-rgb));
border-color: rgb(var(--color-na-dark-rgb));
margin-left: auto;
}
.a-badge--person {
display: flex;
align-items: center;
gap: 0.5rem;
background-color: rgb(var(--color-sand-rgb));
color: rgb(var(--color-green-dark-rgb));
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 0.5rem 0.75rem;
}
.a-badge--person img {
height: 1.7rem;
width: 1.7rem;
flex-shrink: 0;
border-radius: 100%;
}
.a-badge--promo {
font-family: var(--ff-primary);
color: rgb(var(--color-white-rgb));
background-color: rgb(var(--color-wine-light-rgb));
border-color: rgb(var(--color-wine-light-rgb));
font-weight: 700;
padding: var(--spacing-xxs) var(--spacing-xs);
}
@media screen and (min-width: 1100px) {
.a-badge--promo {
padding: var(--spacing-xs) var(--spacing-sm);
}
}
.a-badge--unavailable {
color: rgb(var(--color-text));
background-color: rgb(var(--color-background));
border-color: rgb(var(--color-background));
text-transform: uppercase;
}
.m-btn-group {
--flex-wrap: wrap;
--justify: center;
--inline-padding: 0;
--width: auto;
}
.m-btn-group__inner {
display: flex;
flex-wrap: var(--flex-wrap);
justify-content: var(--justify);
align-items: center;
gap: var(--spacing-sm);
padding-inline: var(--inline-padding);
width: var(--width);
}
.m-btn-group--mobile-scroll {
--width: max-content;
--flex-wrap: nowrap;
--justify: start;
--inline-padding: var(--layout-site-padding);
white-space: nowrap;
overflow-x: auto;
}
button.a-btn, .shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-accept, .shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-decline, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-accept, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-decline, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-save,
.a-btn,
.shopify-challenge__container .btn,
.m-product-form .shopify-payment-button__button--unbranded {
padding: 0.75rem 1.5rem;
font-family: var(--ff-primary);
font-size: var(--btn-fs);
line-height: var(--btn-lh);
text-align: center;
display: inline-block;
text-decoration: none;
border-radius: var(--border-radius-100);
cursor: pointer;
transition: color var(--default-transition-timing) var(--default-transition-easing), border-color var(--default-transition-timing) var(--default-transition-easing), background-color var(--default-transition-timing) var(--default-transition-easing);
}
button.a-btn a, .shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-accept a, .shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-decline a, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-accept a, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-decline a, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-save a,
.a-btn a,
.shopify-challenge__container .btn a,
.m-product-form .shopify-payment-button__button--unbranded a {
text-decoration: none;
}
button.a-btn--small,
.a-btn--small {
padding: 0.5rem 1.25rem;
font-size: var(--btn-fs-sm);
line-height: var(--btn-lh-sm);
}
button.a-btn--circle,
.a-btn--circle {
padding: var(--spacing-xxs);
width: var(--spacing-lg-md);
height: var(--spacing-lg-md);
}
button.a-btn--text,
.a-btn--text {
border: none;
padding: 0;
background: none;
}
button.a-btn--primary,
.a-btn--primary,
.shopify-challenge__container .btn {
background-color: rgb(var(--color-button));
border: 1px solid rgb(var(--color-button));
color: rgb(var(--color-button-label));
}
button.a-btn--primary:not([disabled]):not(.disabled):hover,
.a-btn--primary:not([disabled]):not(.disabled):hover,
.shopify-challenge__container .btn:not([disabled]):not(.disabled):hover {
background-color: rgb(var(--color-button-hover));
border-color: rgb(var(--color-button-hover));
color: rgb(var(--color-button-hover-label));
}
button.a-btn--secondary,
.a-btn--secondary {
background-color: rgb(var(--color-button-hover));
border: 1px solid rgb(var(--color-button-hover));
color: rgb(var(--color-button-hover-label));
}
button.a-btn--secondary:not([disabled]):not(.disabled):hover,
.a-btn--secondary:not([disabled]):not(.disabled):hover {
background-color: rgb(var(--color-button));
border-color: rgb(var(--color-button));
color: rgb(var(--color-button-label));
}
button.a-btn--secondary-light,
.a-btn--secondary-light {
background-color: rgb(var(--color-button-label));
border: 1px solid rgb(var(--color-button-label));
color: rgb(var(--color-button));
}
button.a-btn--secondary-light:not([disabled]):not(.disabled):hover,
.a-btn--secondary-light:not([disabled]):not(.disabled):hover {
background-color: rgb(var(--color-button));
border-color: rgb(var(--color-button));
color: rgb(var(--color-button-label));
}
button.a-btn--tertiary,
.a-btn--tertiary,
.m-product-form .shopify-payment-button__button--unbranded {
background-color: rgba(var(--color-button), 0);
border: 1px solid rgb(var(--color-button));
color: rgb(var(--color-button));
}
button.a-btn--tertiary:not([disabled]):not(.disabled):hover,
.a-btn--tertiary:not([disabled]):not(.disabled):hover,
.m-product-form .shopify-payment-button__button--unbranded:not([disabled]):not(.disabled):hover {
background-color: rgba(var(--color-button), 1);
border-color: rgb(var(--color-button));
color: rgb(var(--color-button-label));
}
button.a-btn--tertiary-light,
.a-btn--tertiary-light {
background-color: rgba(var(--color-button), 0);
border: 1px solid rgb(var(--color-button-label));
color: rgb(var(--color-button-label));
}
button.a-btn--tertiary-light:not([disabled]):not(.disabled):hover,
.a-btn--tertiary-light:not([disabled]):not(.disabled):hover {
background-color: rgba(var(--color-button-label), 1);
border-color: rgb(var(--color-button-label));
color: rgb(var(--color-button));
}
button.a-btn--quaternary,
.a-btn--quaternary {
background-color: var(--color-na-light);
border: 1px solid var(--color-na-light);
color: var(--color-white);
}
button.a-btn--quaternary:not([disabled]):not(.disabled):hover,
.a-btn--quaternary:not([disabled]):not(.disabled):hover {
background-color: var(--color-na-dark);
border-color: var(--color-na-dark);
color: var(--color-white);
}
button.a-btn--xtra,
.a-btn--xtra {
background-color: var(--color-white);
border: 1px solid var(--color-white);
color: var(--color-green-dark);
display: inline-flex;
align-items: center;
justify-content: center;
}
button.a-btn--xtra:not([disabled]):not(.disabled):hover,
.a-btn--xtra:not([disabled]):not(.disabled):hover {
background-color: var(--color-white);
border-color: var(--color-green-dark);
color: var(--color-green-dark);
}
button.a-btn--xtra.a-btn--has-icon .icon,
.a-btn--xtra.a-btn--has-icon .icon {
margin-left: 0.5rem;
}
button.a-btn--promotion,
.a-btn--promotion {
background-color: rgb(var(--color-wine-light-rgb));
border: 1px solid rgb(var(--color-wine-light-rgb));
color: rgb(var(--color-sand-rgb));
}
button.a-btn--promotion:not([disabled]):not(.disabled):hover,
.a-btn--promotion:not([disabled]):not(.disabled):hover {
background-color: rgb(var(--color-button-hover));
border-color: rgb(var(--color-button-hover));
color: rgb(var(--color-button-hover-label));
}
button.a-btn--xtra,
.a-btn--xtra {
background-color: var(--color-white);
border: 1px solid var(--color-white);
color: var(--color-green-dark);
display: inline-flex;
align-items: center;
justify-content: center;
}
button.a-btn--xtra:not([disabled]):not(.disabled):hover,
.a-btn--xtra:not([disabled]):not(.disabled):hover {
background-color: var(--color-white);
border-color: var(--color-green-dark);
color: var(--color-green-dark);
}
button.a-btn--xtra.a-btn--has-icon .icon,
.a-btn--xtra.a-btn--has-icon .icon {
margin-left: 0.5rem;
}
button.a-btn--blur,
.a-btn--blur {
background-color: rgba(var(--color-white-rgb), 0.3);
border-color: rgb(var(--color-sand-rgb));
color: var(--color-white);
backdrop-filter: blur(22px);
}
button.a-btn--blur:hover,
.a-btn--blur:hover {
background-color: rgba(var(--color-white-rgb), 0.5);
}
button.a-btn--has-icon .icon,
.a-btn--has-icon .icon {
margin-left: 0.2rem;
display: inline-block;
width: 1.6rem;
height: auto;
}
button.a-btn--has-icon .icon path,
.a-btn--has-icon .icon path {
transition: fill var(--default-transition-timing) var(--default-transition-easing);
}
button.a-btn--has-icon .a-icon__wrapper:not(:only-child),
.a-btn--has-icon .a-icon__wrapper:not(:only-child) {
margin-left: 0.8rem;
}
button.a-btn--has-icon-left,
.a-btn--has-icon-left {
margin-left: 0;
margin-right: 0.2rem;
}
button.a-btn--has-icon-left .a-icon__wrapper:not(:only-child),
.a-btn--has-icon-left .a-icon__wrapper:not(:only-child) {
margin-left: 0;
margin-right: 0.2rem;
}
button.a-btn:disabled, .shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-accept:disabled, .shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-decline:disabled, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-accept:disabled, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-decline:disabled, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-save:disabled, button.a-btn.disabled, .shopify-pc__banner__dialog .shopify-pc__banner__btns button.disabled.shopify-pc__banner__btn-accept, .shopify-pc__banner__dialog .shopify-pc__banner__btns button.disabled.shopify-pc__banner__btn-decline, .shopify-pc__prefs .shopify-pc__prefs__header-actions button.disabled#shopify-pc__prefs__header-accept, .shopify-pc__prefs .shopify-pc__prefs__header-actions button.disabled#shopify-pc__prefs__header-decline, .shopify-pc__prefs .shopify-pc__prefs__header-actions button.disabled#shopify-pc__prefs__header-save,
.a-btn:disabled,
.shopify-challenge__container .btn:disabled,
.m-product-form .shopify-payment-button__button--unbranded:disabled,
.a-btn.disabled,
.shopify-challenge__container .disabled.btn,
.m-product-form .disabled.shopify-payment-button__button--unbranded {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
button.a-btn--fw,
.a-btn--fw {
width: 100%;
text-align: center;
}
.o-cookie-icon {
color: rgb(var(--color-black));
background-color: rgb(var(--color-white));
bottom: 1rem;
left: 1rem;
position: fixed;
width: 3.2rem;
height: 3.2rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: color var(--default-transition-easing) var(--default-transition-timing), background-color var(--default-transition-easing) var(--default-transition-timing);
z-index: 99;
}
.o-cookie-icon:hover {
color: var(--color-white);
background-color: rgb(var(--color-black));
}
.a-img,
.a-placeholder-media {
border-radius: var(--border-radius);
}
@media screen and (max-width: 768px) {
.a-img__ratio_mobile--1x1,
.a-placeholder-media__ratio_mobile--1x1 {
aspect-ratio: 1/1 !important;
}
.a-img__ratio_mobile--2x3,
.a-placeholder-media__ratio_mobile--2x3 {
aspect-ratio: 2/3 !important;
}
.a-img__ratio_mobile--3x2,
.a-placeholder-media__ratio_mobile--3x2 {
aspect-ratio: 3/2 !important;
}
.a-img__ratio_mobile--3x4,
.a-placeholder-media__ratio_mobile--3x4 {
aspect-ratio: 3/4 !important;
}
.a-img__ratio_mobile--4x3,
.a-placeholder-media__ratio_mobile--4x3 {
aspect-ratio: 4/3 !important;
}
.a-img__ratio_mobile--4x5,
.a-placeholder-media__ratio_mobile--4x5 {
aspect-ratio: 4/5 !important;
}
.a-img__ratio_mobile--16x9,
.a-placeholder-media__ratio_mobile--16x9 {
aspect-ratio: 16/9 !important;
}
}
@media screen and (max-width: 1250px) {
.a-img__ratio_desktop-md--1x1,
.a-placeholder-media__ratio_desktop-md--1x1 {
aspect-ratio: 1/1 !important;
}
.a-img__ratio_desktop-md--2x3,
.a-placeholder-media__ratio_desktop-md--2x3 {
aspect-ratio: 2/3 !important;
}
.a-img__ratio_desktop-md--3x2,
.a-placeholder-media__ratio_desktop-md--3x2 {
aspect-ratio: 3/2 !important;
}
.a-img__ratio_desktop-md--3x4,
.a-placeholder-media__ratio_desktop-md--3x4 {
aspect-ratio: 3/4 !important;
}
.a-img__ratio_desktop-md--4x3,
.a-placeholder-media__ratio_desktop-md--4x3 {
aspect-ratio: 4/3 !important;
}
.a-img__ratio_desktop-md--4x5,
.a-placeholder-media__ratio_desktop-md--4x5 {
aspect-ratio: 4/5 !important;
}
.a-img__ratio_desktop-md--16x9,
.a-placeholder-media__ratio_desktop-md--16x9 {
aspect-ratio: 16/9 !important;
}
}
.a-img__ratio--1x1,
.a-placeholder-media__ratio--1x1 {
object-fit: cover;
aspect-ratio: 1/1;
}
.a-img__ratio--2x3,
.a-placeholder-media__ratio--2x3 {
object-fit: cover;
aspect-ratio: 2/3;
}
.a-img__ratio--3x2,
.a-placeholder-media__ratio--3x2 {
object-fit: cover;
aspect-ratio: 3/2;
}
.a-img__ratio--3x4,
.a-placeholder-media__ratio--3x4 {
object-fit: cover;
aspect-ratio: 3/4;
}
.a-img__ratio--4x3,
.a-placeholder-media__ratio--4x3 {
object-fit: cover;
aspect-ratio: 4/3;
}
.a-img__ratio--4x5,
.a-placeholder-media__ratio--4x5 {
object-fit: cover;
aspect-ratio: 4/5;
}
.a-img__ratio--16x9,
.a-placeholder-media__ratio--16x9 {
object-fit: cover;
aspect-ratio: 16/9;
}
.a-img--contain,
.a-placeholder-media--contain {
object-fit: contain !important;
padding: var(--spacing-sm);
}
img {
border-radius: var(--border-radius);
}
.a-icon--outline {
display: inline-block;
}
.a-icon__icon {
line-height: 1;
color: currentColor;
transition: color var(--default-transition-easing) var(--default-transition-timing), background-color var(--default-transition-easing) var(--default-transition-timing), border-color var(--default-transition-easing) var(--default-transition-timing);
}
.a-icon__icon::before {
width: 1em;
height: 1em;
display: flex;
justify-content: center;
}
.a-icon__wrapper {
display: inline-flex;
justify-content: center;
align-items: center;
}
.a-icon--border {
border: 1.5px solid rgb(var(--color-border));
}
.a-icon--circle, .a-icon--circle-transparent {
--padding: 0.75em;
padding: var(--padding);
border-radius: 100%;
}
.a-icon--circle:has(.fa-sm), .a-icon--circle-transparent:has(.fa-sm) {
--padding: 0.1em;
}
.a-icon--circle {
background-color: rgb(var(--color-background));
}
.a-icon--circle-transparent {
background-color: transparent;
border-color: rgb(var(--color-background));
color: rgb(var(--color-background));
}
.a-icon--small {
--padding: 0.5em;
}
.a-icon--tiny {
--padding: 0.5em;
}
.a-icon__button {
cursor: pointer;
color: rgb(var(--color-button-label));
}
.a-icon__button.a-icon--circle {
background-color: rgb(var(--color-button));
}
.a-icon__button.a-icon--border {
border-color: rgb(var(--color-button-label));
}
.a-icon__button.a-icon--circle-transparent {
background-color: transparent;
border-color: rgb(var(--color-button));
color: rgb(var(--color-button));
}
.a-icon__button:hover {
color: rgb(var(--color-button-hover-label));
}
.a-icon__button:hover.a-icon--circle {
background-color: rgb(var(--color-button-hover));
}
.a-icon__button:hover.a-icon--border {
border-color: rgb(var(--color-button-hover-label));
}
.a-icon__button:hover.a-icon--circle-transparent {
background-color: rgba(var(--color-button-hover), 0.7);
border-color: transparent;
color: rgb(var(--color-button-hover-label));
}
.a-icon__button-secondary {
color: rgb(var(--color-button));
}
.a-icon__button-secondary.a-icon--circle {
background-color: rgb(var(--color-button-label));
}
.a-icon__button-secondary.a-icon--border {
border-color: rgb(var(--color-button));
}
.a-icon__button-secondary.a-icon--circle-transparent {
background-color: transparent;
border-color: rgb(var(--color-button-label));
color: rgb(var(--color-button-label));
}
.a-icon__button-secondary:hover {
color: rgb(var(--color-button-hover-label));
}
.a-icon__button-secondary:hover.a-icon--circle {
background-color: rgba(var(--color-button-hover), 0.7);
}
.a-icon__button-secondary:hover.a-icon--border {
border-color: transparent;
}
.a-icon__button-secondary:hover.a-icon--circle-transparent {
background-color: rgba(var(--color-button-hover), 0.7);
border-color: transparent;
color: rgb(var(--color-button-hover-label));
}
.a-icon__button-tertiary {
color: rgb(var(--color-button-label));
}
.a-icon__button-tertiary.a-icon--circle {
background-color: rgb(var(--color-button));
}
.a-icon__button-tertiary.a-icon--border {
border-color: rgb(var(--color-button-label));
}
.a-icon__button-tertiary.a-icon--circle-transparent {
background-color: transparent;
border-color: rgb(var(--color-button));
color: rgb(var(--color-button));
}
.a-icon__button-tertiary:hover {
color: rgb(var(--color-button-hover));
}
.a-icon__button-tertiary:hover.a-icon--circle {
background-color: rgba(var(--color-button-hover-label), 0.7);
}
.a-icon__button-tertiary:hover.a-icon--border {
border-color: transparent;
}
.a-icon__button-tertiary:hover.a-icon--circle-transparent {
background-color: rgba(var(--color-button-hover-label), 0.7);
border-color: transparent;
color: rgb(var(--color-button-hover));
}
.a-icon__button-error {
color: rgb(var(--color-error-rgb));
}
.a-icon__button-error.a-icon--circle {
background-color: rgb(var(--color-error-rgb));
}
.a-icon__button-error.a-icon--border {
border-color: rgb(var(--color-error-rgb));
}
.a-icon__button-error.a-icon--circle-transparent {
background-color: transparent;
border-color: rgb(var(--color-error-rgb));
color: rgb(var(--color-error-rgb));
}
.a-icon__button-error:hover {
color: rgb(var(--color-error-rgb));
}
.a-icon__button-error:hover.a-icon--circle {
background-color: rgba(var(--color-error-rgb), 0.7);
}
.a-icon__button-error:hover.a-icon--border {
border-color: transparent;
}
.a-icon__button-error:hover.a-icon--circle-transparent {
background-color: rgba(var(--color-error-rgb), 0.7);
border-color: transparent;
color: rgb(var(--color-white-rgb));
}
a {
color: currentColor;
}
.a-link, .m-product-form .shopify-payment-button__more-options,
.rte a {
font-weight: 400;
display: inline-block;
color: rgb(var(--color-text));
border: none;
border-bottom: 1px solid rgb(var(--color-text));
text-decoration: none;
background: transparent;
padding: 0;
cursor: pointer;
transition: color 0.35s ease, border-color 0.35s ease;
}
.a-link:hover, .m-product-form .shopify-payment-button__more-options:hover,
.rte a:hover {
color: rgb(var(--color-button));
border-color: rgb(var(--color-button));
}
.a-link, .m-product-form .shopify-payment-button__more-options {
font-size: var(--link-fs);
line-height: var(--link-lh);
}
.a-link--has-icon .icon {
margin-left: 0.2rem;
display: inline-block;
width: 1.6rem;
height: auto;
}
.a-link--has-icon .icon path {
transition: fill var(--default-transition-timing) var(--default-transition-easing);
}
.a-link--has-icon .a-icon__wrapper:not(:only-child) {
margin-left: 0.8rem;
}
.a-checkbox {
margin: 1rem 0;
position: relative;
}
.a-checkbox--has-swatch .a-checkbox__label.a-checkbox__label--small {
padding-left: 2.6rem;
}
.a-checkbox--has-swatch .a-checkbox__label::before {
display: none;
}
.a-checkbox--has-swatch .a-checkbox__label .a-swatch {
position: absolute;
left: 0;
top: 0.1rem;
}
.a-checkbox--has-swatch input[type=checkbox]:checked + .a-checkbox__label::after {
display: none;
}
.a-checkbox--has-swatch input[type=checkbox]:checked + .a-checkbox__label .a-swatch {
--swatch-border-color: var(--color-button);
}
.a-checkbox__input,
.a-checkbox input[type=checkbox] {
position: absolute;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
top: 0;
left: 0;
opacity: 0;
}
.a-checkbox__input:focus ~ label,
.a-checkbox input[type=checkbox]:focus ~ label {
outline-style: none;
}
.a-checkbox__label {
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
color: rgb(var(--color-text));
position: relative;
display: block;
padding-left: 2rem;
cursor: pointer;
}
.a-checkbox__label a {
color: inherit;
}
.a-checkbox__label::before {
content: "";
width: 1.25rem;
height: 1.25rem;
background: var(--color-sand-dark);
border: 0.5px solid var(--color-na-light);
position: absolute;
left: 0;
top: 0;
border-radius: 4px;
backdrop-filter: blur(44px);
}
.a-checkbox__input.error + .a-checkbox__label, input[type=checkbox].error + .a-checkbox__label {
color: var(--color-wine-light);
}
.a-checkbox__input.error + .a-checkbox__label p, input[type=checkbox].error + .a-checkbox__label p {
color: var(--color-wine-light);
}
.a-checkbox__input.error + .a-checkbox__label::before, input[type=checkbox].error + .a-checkbox__label::before {
border-color: var(--color-wine-light);
}
.a-checkbox__input:checked + .a-checkbox__label, input[type=checkbox]:checked + .a-checkbox__label {
cursor: pointer;
}
.a-checkbox__input:checked + .a-checkbox__label::before, input[type=checkbox]:checked + .a-checkbox__label::before {
background: var(--color-na-light-transparent);
border-color: var(--color-dark-green);
}
.a-checkbox__input:checked + .a-checkbox__label::after, input[type=checkbox]:checked + .a-checkbox__label::after {
content: "";
position: absolute;
top: 0.15rem;
left: 0.3rem;
height: 0.8rem;
width: 0.8rem;
background-image: url("check.svg");
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
}
.a-checkbox--disabled {
opacity: 0.5;
}
.a-radio {
margin: 1rem 0;
}
.a-radio__input {
display: none;
}
.a-radio__label {
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
color: rgb(var(--color-text));
position: relative;
display: block;
padding-left: 2.25rem;
cursor: pointer;
}
.a-radio__label::before {
content: "";
width: 1.5rem;
height: 1.5rem;
background: var(--color-sand-dark);
border: 0.5px solid rgba(175, 162, 112, 0.4);
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
backdrop-filter: blur(44px);
}
.a-radio__input:checked + .a-radio__label {
cursor: pointer;
}
.a-radio__input:checked + .a-radio__label::before {
background: var(--color-dark-green-transparent);
border-color: var(--color-dark-green);
}
.a-radio__input:checked + .a-radio__label::after {
content: "";
width: 0.5rem;
height: 0.5rem;
background: var(--color-green-dark);
border-radius: 100%;
position: absolute;
top: 0.5rem;
left: 0.5rem;
}
.a-input {
text-align: left;
}
.a-input__label-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.a-input__label {
font-weight: 600;
font-family: var(--ff-primary);
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
margin-bottom: 0.75rem;
display: block;
}
.a-input__label--accent {
font-size: var(--body-fs-xs);
line-height: var(--body-lh-xs);
color: rgb(var(--color-green-dark-rgb));
}
.a-input__field, .a-input__textarea {
color: var(--color-green-dark);
background-color: var(--color-sand-dark);
font-weight: 400;
font-family: var(--ff-primary);
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
padding: 1rem 1.5rem;
border: 2px solid transparent;
border-radius: var(--border-radius-30);
width: 100%;
min-height: 3rem;
box-shadow: none;
}
.a-input__field.a-input__field--transparent, .a-input__textarea.a-input__field--transparent {
background-color: transparent;
}
.a-input__field.error, .a-input__textarea.error {
border-color: rgb(var(--color-error));
}
.a-input__field:focus, .a-input__field:focus-visible, .a-input__textarea:focus, .a-input__textarea:focus-visible {
border-color: blue;
outline: none;
}
.a-input__field--white, .a-input__textarea--white {
background-color: var(--color-white);
}
.a-input__textarea {
resize: none;
height: 12rem;
width: 100%;
box-shadow: none;
outline: none;
}
.a-input__error {
color: var(--color-error);
}
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none;
}
::-webkit-input-placeholder {
color: var(--color-light-green-transparent);
}
::-moz-placeholder {
color: var(--color-light-green-transparent);
}
::-ms-placeholder {
color: var(--color-light-green-transparent);
}
::placeholder {
color: var(--color-light-green-transparent);
}
.a-select {
margin: 1.5rem 0;
text-align: left;
}
.a-select__label {
font-weight: 600;
font-family: var(--ff-primary);
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
margin-bottom: 0.75rem;
display: block;
}
.a-select__field:not(.ts-wrapper) {
color: var(--color-green-dark);
background-color: var(--color-sand-dark);
font-weight: 400;
font-family: var(--ff-primary);
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
padding: 1rem 1.5rem;
border: 2px solid transparent;
border-radius: var(--border-radius-30);
width: 100%;
min-height: 3rem;
box-shadow: none;
}
.a-select__field:not(.ts-wrapper).a-input__field--transparent {
background-color: transparent;
}
.a-select__field:not(.ts-wrapper).error {
border-color: rgb(var(--color-error));
}
.a-select__field:not(.ts-wrapper):focus, .a-select__field:not(.ts-wrapper):focus-visible {
border-color: blue;
outline: none;
}
.a-select__field:not(.ts-wrapper).a-input__field--white {
background-color: var(--color-white);
}
/**
* tom-select.css (v2.4.3)
* Copyright (c) contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
* ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
*/
.ts-control {
border: 1px solid #d0d0d0;
padding: 8px 8px;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
box-sizing: border-box;
box-shadow: none;
border-radius: 3px;
display: flex;
flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
padding: calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0);
}
.full .ts-control {
background-color: #fff;
}
.disabled .ts-control, .disabled .ts-control * {
cursor: default !important;
}
.focus .ts-control {
box-shadow: none;
}
.ts-control > * {
vertical-align: baseline;
display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
background: #f2f2f2;
color: #303030;
border: 0 solid #d0d0d0;
}
.ts-wrapper.multi .ts-control > div.active {
background: #e8e8e8;
color: #303030;
border: 0 solid #cacaca;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
color: rgb(124.5, 124.5, 124.5);
background: white;
border: 0 solid white;
}
.ts-control > input {
flex: 1 1 auto;
min-width: 7rem;
display: inline-block !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: 0 !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
user-select: auto !important;
box-shadow: none !important;
}
.ts-control > input::-ms-clear {
display: none;
}
.ts-control > input:focus {
outline: none !important;
}
.has-items .ts-control > input {
margin: 0 4px !important;
}
.ts-control.rtl {
text-align: right;
}
.ts-control.rtl.single .ts-control:after {
left: 15px;
right: auto;
}
.ts-control.rtl .ts-control > input {
margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
opacity: 0.5;
background-color: #fafafa;
}
.input-hidden .ts-control > input {
opacity: 0;
position: absolute;
left: -10000px;
}
.ts-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 10;
border: 1px solid #d0d0d0;
background: #fff;
margin: 0.25rem 0 0;
border-top: 0 none;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, 0.2);
border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
cursor: inherit;
opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
opacity: 1;
cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
.ts-dropdown .optgroup-header {
color: #303030;
background: #fff;
cursor: default;
}
.ts-dropdown .active {
background-color: #f5fafd;
color: #495c68;
}
.ts-dropdown .active.create {
color: #495c68;
}
.ts-dropdown .create {
color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
display: inline-block;
width: 30px;
height: 30px;
margin: 5px 8px;
}
.ts-dropdown .spinner::after {
content: " ";
display: block;
width: 24px;
height: 24px;
margin: 3px;
border-radius: 50%;
border: 5px solid #d0d0d0;
border-color: #d0d0d0 transparent #d0d0d0 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ts-dropdown-content {
overflow: hidden auto;
max-height: 200px;
scroll-behavior: smooth;
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
visibility: hidden !important;
}
.plugin-checkbox_options:not(.rtl) .option input {
margin-right: 0.5rem;
}
.plugin-checkbox_options.rtl .option input {
margin-left: 0.5rem;
}
/* stylelint-disable function-name-case */
.plugin-clear_button {
--ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(8px - 6px);
margin-right: 0 !important;
background: transparent !important;
transition: opacity 0.5s;
cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
opacity: 1;
}
.ts-wrapper .dropdown-header {
position: relative;
padding: 10px 8px;
border-bottom: 1px solid #d0d0d0;
background: color-mix(#fff, #d0d0d0, 85%);
border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
position: absolute;
right: 8px;
top: 50%;
color: #303030;
opacity: 0.4;
margin-top: -12px;
line-height: 20px;
font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
color: black;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
box-shadow: none;
border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
border: 1px solid #d0d0d0;
border-width: 0 0 1px;
display: block;
padding: 8px 8px;
box-shadow: none;
width: 100%;
background: transparent;
}
.plugin-dropdown_input .items-placeholder {
border: 0 none !important;
box-shadow: none !important;
width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
display: none !important;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
flex: none;
min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0 none;
flex-grow: 1;
flex-basis: 0;
min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none;
}
.ts-wrapper.plugin-remove_button .item {
display: inline-flex;
align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: 0 6px;
border-radius: 0 2px 2px 0;
box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
position: absolute;
right: 0;
top: 0;
font-size: 23px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
border-left: 1px solid #d0d0d0;
margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
border-left-color: #cacaca;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
border-left-color: white;
}
.ts-wrapper.plugin-remove_button.rtl .item {
padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
border-right: 1px solid #d0d0d0;
margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
border-right-color: #cacaca;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
border-right-color: white;
}
:root {
--ts-pr-clear-button: 0px;
--ts-pr-caret: 0px;
--ts-pr-min: .75rem;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
cursor: pointer;
}
.ts-control:not(.rtl) {
padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-control.rtl {
padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-wrapper {
position: relative;
}
.ts-dropdown,
.ts-control,
.ts-control input {
color: #303030;
font-family: inherit;
font-size: 13px;
line-height: 18px;
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
background: #fff;
cursor: text;
}
.ts-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.ts-dropdown.single,
.ts-dropdown {
margin-top: 0;
color: var(--color-dark-green-transparent);
background-color: var(--color-sand-dark);
border: 0;
border-radius: 0 0 var(--border-radius-30) var(--border-radius-30);
top: calc(100% - 2px);
}
.ts-dropdown.single .active,
.ts-dropdown .active {
color: var(--color-green-dark);
background-color: var(--color-sand-dark);
}
.ts-dropdown.single .option,
.ts-dropdown .option {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
}
.ts-wrapper.single.dropdown-active .ts-control {
background-color: var(--color-sand-dark);
border: 2px solid rgb(var(--color-green-light-rgb));
border-bottom: none;
}
.ts-wrapper.single.dropdown-active .ts-control {
background-color: var(--color-sand-dark);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ts-dropdown-content {
max-height: 18rem;
padding: 0.5rem 0;
border: 2px solid rgb(var(--color-green-light-rgb));
border-radius: 0 0 var(--border-radius-30) var(--border-radius-30);
border-top: none;
}
.ts-wrapper.single .ts-control:after {
content: " ";
display: block;
position: absolute;
display: block;
border: none;
mask-image: url("data:image/svg+xml,%3Csvg class='icon icon-caret' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='black'/%3E%3C/svg%3E%0A");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg class='icon icon-caret' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='black'/%3E%3C/svg%3E%0A");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: center;
-webkit-mask-position: center;
background-color: rgb(var(--color-text));
width: 1.25rem;
height: 1.25rem;
top: 50%;
right: 1.5rem;
transform: translateY(-50%);
}
.ts-wrapper.single.dropdown-active .ts-control::after {
transform: rotate(180deg) translateY(50%);
}
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single.input-active .ts-control input {
cursor: pointer;
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
background-color: var(--color-sand-dark);
}
.ts-wrapper.single .ts-control {
color: var(--color-green-dark);
background-color: var(--color-sand-dark);
font-weight: 400;
font-family: var(--ff-primary);
font-size: var(--body-fs-md);
line-height: 1.8;
padding: 1rem 1.5rem;
border: 2px solid transparent;
border-radius: var(--border-radius-30);
padding-right: 4.5rem !important;
width: 100%;
min-height: 3rem;
box-shadow: none;
}
.ts-wrapper.single .ts-control:focus, .ts-wrapper.single .ts-control:focus-visible {
outline: none;
}
.ts-wrapper.a-select__field--inline .ts-control, .ts-wrapper.single.a-select__field--inline .ts-control {
background: transparent;
border: none;
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
min-height: auto;
padding: 0;
padding-right: 2rem !important;
}
.ts-wrapper.a-select__field--inline .ts-control::after, .ts-wrapper.single.a-select__field--inline .ts-control::after {
height: 1.6rem;
width: 1.6rem;
top: 52%;
right: 0;
}
.ts-wrapper.a-select__field--inline .ts-dropdown.single,
.ts-wrapper.a-select__field--inline .ts-dropdown, .ts-wrapper.single.a-select__field--inline .ts-dropdown.single,
.ts-wrapper.single.a-select__field--inline .ts-dropdown {
border-radius: 0;
border: none;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
min-width: 14rem;
left: auto;
right: 0;
}
.ts-wrapper.a-select__field--inline.body-fs-sm .ts-control, .ts-wrapper.single.a-select__field--inline.body-fs-sm .ts-control {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
}
.a-video {
position: relative;
border-radius: var(--border-radius-24);
overflow: clip;
}
.a-video video {
max-width: 100%;
width: 100%;
height: auto;
display: block;
object-fit: cover;
border-radius: var(--border-radius);
}
.a-video__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(var(--color-black-rgb), 0.2);
border-radius: var(--border-radius);
pointer-events: none;
z-index: 2;
}
.a-video__play-button {
background: rgba(var(--color-white-rgb), 0.4);
border: 1px solid var(--color-white);
color: var(--color-white);
cursor: pointer;
padding: 1rem;
border-radius: 50%;
position: relative;
width: 4rem;
height: 4rem;
pointer-events: all;
}
.a-video__play-button .icon {
position: absolute;
left: 50%;
top: 50%;
width: 2.4rem;
height: 2.4rem;
transform: translate(-50%, -50%);
}
.a-video__video-url {
position: relative;
padding-bottom: 56.25%;
border-radius: var(--border-radius-24);
overflow: clip;
}
.a-video__video-url iframe {
position: absolute;
width: 100%;
height: 100%;
border-radius: var(--border-radius);
top: 0;
left: 0;
border: none;
}
body.sidebar--open .a-hamburger {
width: var(--spacing-sm);
}
.a-hamburger {
position: relative;
display: block;
width: var(--spacing-md);
height: 2px;
color: inherit;
}
.a-hamburger span, .a-hamburger::before, .a-hamburger::after {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 2px;
background-color: rgb(var(--color-text));
border-radius: 2px;
}
.a-hamburger span {
transform: scale(1, 1);
transform-origin: top left;
transition-delay: 0.4s, 0.3s;
transition-duration: 0.2s;
transition-property: transform, background-color;
transition-timing-function: ease-in-out;
}
.a-hamburger::before, .a-hamburger::after {
content: "";
transition-delay: 0s, 0.2s, 0.3s;
transition-duration: 0.2s;
transition-property: transform, top, background-color;
transition-timing-function: ease-in-out;
}
.a-hamburger::before {
top: calc(var(--spacing-xs) * -1);
}
.a-hamburger::after {
top: var(--spacing-xs);
}
.sidebar--open .a-hamburger span {
transform: scale(0, 1);
transform-origin: top right;
transition-delay: 0s, 0s, 0s;
}
.sidebar--open .a-hamburger::before, .sidebar--open .a-hamburger::after {
top: 0;
transition-delay: 0.4s, 0.2s, 0s;
}
.sidebar--open .a-hamburger::before {
transform: rotate(-45deg);
}
.sidebar--open .a-hamburger::after {
transform: rotate(45deg);
}
.a-loader {
animation: 2s linear infinite svg-animation;
width: 1rem;
}
.a-loader circle {
animation: 1.4s ease-in-out infinite both circle-animation;
display: block;
fill: transparent;
stroke-linecap: round;
stroke-dasharray: 283;
stroke-dashoffset: 280;
transform-origin: 50% 50%;
stroke: currentColor;
stroke-width: 0.5rem;
}
@keyframes svg-animation {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
}
@keyframes circle-animation {
0%, 25% {
stroke-dashoffset: 280;
transform: rotate(0);
}
50%, 75% {
stroke-dashoffset: 75;
transform: rotate(45deg);
}
100% {
stroke-dashoffset: 280;
transform: rotate(360deg);
}
}
.a-hide {
display: none !important;
}
.a-hide--mobile {
display: none !important;
}
@media screen and (min-width: 768px) {
.a-hide--mobile {
display: block !important;
}
}
.a-hide--tablet {
display: block !important;
}
@media screen and (min-width: 768px) {
.a-hide--tablet {
display: none !important;
}
}
.a-hide--mobile-tablet {
display: none !important;
}
@media screen and (min-width: 1100px) {
.a-hide--mobile-tablet {
display: block !important;
}
}
.a-hide--desktop {
display: block !important;
}
@media screen and (min-width: 1100px) {
.a-hide--desktop {
display: none !important;
}
}
.a-hide--desktop-sm {
display: block !important;
}
@media screen and (min-width: 990px) {
.a-hide--desktop-sm {
display: none !important;
}
}
/**
* Swiper 9.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 13, 2023
*/
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
.swiper,
swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
/*ADD_HOST*/
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
:root {
--swiper-theme-color: rgb(var(--color-background));
--swiper-pagination-bullet-horizontal-gap: 1rem;
--swiper-pagination-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
:root {
--swiper-pagination-bottom: 4rem;
}
}
.swiper-wrapper {
box-sizing: border-box;
}
.m-swiper__arrow {
width: fit-content;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
}
.m-swiper__arrow::after {
content: "";
}
.m-swiper__arrow.swiper-button-disabled {
cursor: pointer;
pointer-events: all;
opacity: 0.7;
}
.m-swiper__arrow--no-bg {
padding: 0;
}
@media screen and (min-width: 768px) {
.m-swiper__arrow--large {
width: 4.8rem;
height: 4.8rem;
}
}
.m-swiper__arrow.swiper-button-lock {
display: none;
}
.rte img {
max-width: 100%;
height: auto;
}
.rte table {
margin: 3.2rem 0;
width: 100%;
border: 1px solid rgb(var(--color-border));
border-collapse: collapse;
}
.rte table th,
.rte table td {
border: 1px solid rgb(var(--color-border));
padding: 0.2em 0.5em;
}
.rte table th {
text-align: left;
background-color: rgb(var(--color-background));
color: rgb(var(--color-text));
}
.rte table tr:nth-child(odd) td {
background-color: rgb(var(--color-background));
color: rgb(var(--color-text));
}
.rte iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
margin-block: 1rem;
}
.rte p:empty:before {
content: " ";
}
.a-modal {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 9999;
display: flex;
flex-direction: column;
}
.a-modal__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(var(--color-green-dark-rgb), 0.8);
backdrop-filter: blur(17px);
z-index: -1;
}
.a-modal__inner {
border-radius: var(--border-radius-20);
position: relative;
margin-top: var(--spacing-lg-md);
overflow: clip;
}
.a-modal__inner.o-section--no-padding {
width: auto;
}
.a-modal__inner .a-video {
border-radius: 0;
}
.a-modal__inner .a-video video {
width: auto;
height: 100%;
max-height: calc(100vh - var(--spacing-lg-md) * 2);
}
.a-modal__header {
position: absolute;
top: var(--spacing-md);
right: var(--spacing-md);
z-index: 2;
}
.a-spacing--content[data-top=small] {
margin-top: var(--spacing-sm);
}
.a-spacing--content[data-bottom=small] {
margin-bottom: var(--spacing-sm);
}
.a-spacing--content[data-top=medium] {
margin-top: var(--spacing-md);
}
.a-spacing--content[data-bottom=medium] {
margin-bottom: var(--spacing-md);
}
.a-spacing--content[data-top=large] {
margin-top: var(--spacing-lg);
}
.a-spacing--content[data-bottom=large] {
margin-bottom: var(--spacing-lg);
}
.a-spacing--content[data-top=none] {
margin-top: 0;
}
.a-spacing--content[data-bottom=none] {
margin-bottom: 0;
}
.a-spacing__top--xxs {
margin-top: var(--spacing-xxs);
}
.a-spacing__top--xs {
margin-top: var(--spacing-xs);
}
.a-spacing__top--sm {
margin-top: var(--spacing-sm);
}
.a-spacing__top--md {
margin-top: var(--spacing-md);
}
.a-spacing__top--lg {
margin-top: var(--spacing-lg);
}
.a-spacing__top--lg-2 {
margin-top: var(--spacing-lg-2);
}
.a-spacing__top--xl {
margin-top: var(--spacing-xl);
}
.a-spacing__top--xxl {
margin-top: var(--spacing-xxl);
}
.a-spacing__top--xxxl {
margin-top: var(--spacing-xxxl);
}
.a-spacing__bottom--xxs {
margin-bottom: var(--spacing-xxs);
}
.a-spacing__bottom--xs {
margin-bottom: var(--spacing-xs);
}
.a-spacing__bottom--sm {
margin-bottom: var(--spacing-sm);
}
.a-spacing__bottom--md {
margin-bottom: var(--spacing-md);
}
.a-spacing__bottom--lg {
margin-tbottomop: var(--spacing-lg);
}
.a-spacing__bottom--lg-2 {
margin-bottom: var(--spacing-lg-2);
}
.a-spacing__bottom--xl {
margin-bottom: var(--spacing-xl);
}
.a-spacing__bottom--xxl {
margin-bottom: var(--spacing-xxl);
}
.a-spacing__bottom--xxxl {
margin-bottom: var(--spacing-xxxl);
}
.a-placeholder-media {
width: 100%;
height: 100%;
border-radius: var(--border-radius);
background: rgba(var(--color-text), 0.85);
}
.a-placeholder-media path {
fill: rgb(var(--color-background));
}
.a-placeholder-media__animation {
border-radius: 100%;
animation: rotation 30s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.a-count-bubble {
color: rgb(var(--color-accent-label));
font-size: var(--body-fs-xxs);
line-height: var(--body-lh-xxs);
font-weight: 400;
position: absolute;
right: -0.2rem;
top: -0.2rem;
z-index: 3;
width: 1.2rem;
height: 1.2rem;
background: rgb(var(--color-accent));
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 990px) {
.a-count-bubble {
right: -1rem;
top: -1rem;
font-size: var(--body-fs-xs);
line-height: var(--body-lh-xs);
width: 1.4rem;
height: 1.4rem;
}
}
.a-swatch {
--swatch-size: var(--swatch-input-size, 2.6rem);
--swatch-border: var(--swatch-border-color, var(--color-border));
display: block;
width: var(--swatch-size);
max-width: 100%;
aspect-ratio: 1/1;
background: var(--swatch-background);
background-position: var(--swatch-focal-point, initial);
background-size: cover;
background-origin: border-box;
border: 1px solid rgba(var(--swatch-border), 0.5);
border-radius: 50%;
}
.a-swatch--unavailable {
border-style: dashed;
border-color: rgba(var(--swatch-border), 0.5);
}
.shopify-pc__banner {
padding: 1rem 2rem;
}
.shopify-pc__banner__dialog .shopify-pc__banner__body h2 {
font-size: var(--h6-fs);
line-height: var(--h6-lh);
font-family: var(--ff-secondary);
margin-bottom: 1rem;
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns {
gap: 1rem;
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns button {
font-family: var(--ff-primary);
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-accept {
background-color: var(--color-green-light);
border-color: var(--color-green-light);
color: var(--color-sand);
margin: 0;
order: 2;
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-accept:hover {
background-color: var(--color-sand);
border-color: var(--color-sand);
color: var(--color-green-dark);
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-decline {
background-color: transparent;
border-color: var(--color-sand);
color: var(--color-sand);
margin: 0;
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-decline:hover {
background-color: var(--color-sand);
border-color: var(--color-sand);
color: var(--color-green-dark);
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-manage-prefs {
font-size: var(--body-fs-sm);
margin: 0;
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns button.shopify-pc__banner__btn-manage-prefs:hover {
text-decoration: none;
}
.shopify-pc__banner__body p {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
font-family: var(--ff-primary);
}
.shopify-pc__prefs .shopify-pc__prefs__dialog h2 {
font-size: var(--h5-fs);
line-height: var(--h5-lh);
font-family: var(--ff-secondary);
margin-bottom: 0;
}
.shopify-pc__prefs .shopify-pc__prefs__dialog h3 {
font-size: var(--h6-fs);
line-height: var(--h6-lh);
font-family: var(--ff-secondary);
margin-bottom: 1rem;
}
.shopify-pc__prefs .shopify-pc__prefs__dialog .shopify-pc__prefs__scrollable p,
.shopify-pc__prefs .shopify-pc__prefs__dialog .shopify-pc__prefs__scrollable label {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
font-family: var(--ff-primary);
}
.shopify-pc__prefs .shopify-pc__prefs__header-actions {
gap: 1rem;
}
.shopify-pc__prefs .shopify-pc__prefs__header-actions button {
font-family: var(--ff-primary);
}
.shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-accept {
background-color: var(--color-green-light);
border-color: var(--color-green-light);
color: var(--color-sand);
margin: 0;
order: 2;
}
.shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-accept:hover {
background-color: var(--color-sand);
border-color: var(--color-sand);
color: var(--color-green-dark);
}
.shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-decline, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-save {
background-color: transparent;
border-color: var(--color-sand);
color: var(--color-sand);
margin: 0;
}
.shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-decline:hover, .shopify-pc__prefs .shopify-pc__prefs__header-actions button#shopify-pc__prefs__header-save:hover {
background-color: var(--color-sand);
border-color: var(--color-sand);
color: var(--color-green-dark);
}
.m-localization {
margin-top: 0.2rem;
gap: 1rem var(--spacing-md);
}
.m-localization.grid {
width: auto;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.m-localization.grid {
flex-direction: row;
}
}
.m-localization .a-select__field {
background: transparent;
border: none;
padding: 0;
text-transform: uppercase;
}
.m-localization .ts-wrapper.single .ts-control {
padding: 0;
min-height: 2rem;
background: transparent;
border: none;
border-radius: 0;
padding-right: 2rem !important;
}
.m-localization .ts-wrapper.single .ts-control:after {
right: 0;
}
.m-localization .ts-dropdown {
left: -0.2rem;
top: calc(100% + 0.5rem);
border-radius: 0;
}
.m-localization .ts-dropdown-content {
border: none;
}
.m-top-nav__list {
gap: 1rem var(--spacing-md);
}
.m-top-nav__link {
font-size: var(--top-nav-fs);
line-height: var(--body-lh-sm);
color: currentColor;
text-decoration: none;
}
.section-top-nav {
position: relative;
z-index: 1000;
}
.section-top-nav .m-localization .ts-wrapper .ts-control {
align-items: center;
min-height: unset;
}
.section-top-nav .m-localization .ts-wrapper .ts-control::after {
width: 1rem;
height: 1rem;
}
.section-top-nav .m-localization .ts-wrapper .ts-control .item {
font-size: var(--top-nav-fs);
line-height: var(--body-lh-sm);
}
.section-top-nav .m-localization .a-select__field {
min-height: unset;
font-size: var(--top-nav-fs);
line-height: var(--body-lh-sm);
padding-right: var(--spacing-xs);
border-radius: 0;
}
.m-main-nav {
height: 100%;
}
.m-main-nav__list {
height: 100%;
margin: 0;
flex-wrap: nowrap;
}
.m-main-nav__item {
height: 100%;
display: flex;
align-items: center;
}
.m-main-nav__item.has-hamburger-icon .m-main-nav__link {
padding-left: 0;
margin-left: 0;
}
.m-main-nav__item:first-of-type:not(.has-hamburger-icon) .m-main-nav__link {
margin-left: calc(var(--spacing-sm) * -1);
}
.m-main-nav__item--highlight .m-main-nav__link {
color: rgb(var(--color-wine-light-rgb));
font-weight: 600;
}
.m-main-nav__item--bold .m-main-nav__link {
font-weight: 600;
}
.m-main-nav__link {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
text-decoration: none;
text-transform: var(--main-nav-letter-case);
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: var(--spacing-xs);
padding: var(--spacing-sm);
position: relative;
border-bottom: 2px solid transparent;
}
@media screen and (min-width: 1100px) {
.m-main-nav__link {
font-size: var(--main-nav-fs);
line-height: var(--nav-lh);
}
}
.m-main-nav__link span {
position: relative;
z-index: 2;
white-space: nowrap;
}
.m-main-nav__link .a-icon__wrapper {
transition: transform var(--default-transition-timing) var(--default-transition-easing);
}
.m-main-nav__link:hover {
border-bottom-color: currentColor;
}
.u-menu-aim__item--active .m-main-nav__link {
border-bottom-color: currentColor;
}
.u-menu-aim__item--active .m-main-nav__link .a-icon__rotate {
transform: rotate(180deg);
}
.u-menu-aim__item--active .m-mega-nav {
opacity: 1;
pointer-events: all;
}
.m-header-search.aa-MainContainer,
.m-header-search .aa-DetachedContainer,
.aa-DetachedOverlay.aa-MainContainer,
.aa-DetachedOverlay .aa-DetachedContainer {
min-width: unset;
}
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton {
border-radius: var(--border-radius-200);
background-color: rgb(var(--color-white-rgb));
border-width: 1px;
border-color: transparent;
transition: background-color var(--default-transition-easing) var(--default-transition-timing);
}
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form .aa-Input,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form .aa-DetachedSearchButtonQuery,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-Input,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-DetachedSearchButtonQuery,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-Input,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-DetachedSearchButtonQuery,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-Input,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-DetachedSearchButtonQuery,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form .aa-Input,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form .aa-DetachedSearchButtonQuery,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-Input,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-DetachedSearchButtonQuery,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-Input,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-DetachedSearchButtonQuery,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-Input,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-DetachedSearchButtonQuery,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery {
color: var(--color-green-dark);
font-family: var(--ff-primary);
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
}
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form .aa-DetachedSearchButtonPlaceholder,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-DetachedSearchButtonPlaceholder,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-DetachedSearchButtonPlaceholder,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-DetachedSearchButtonPlaceholder,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form .aa-DetachedSearchButtonPlaceholder,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-DetachedSearchButtonPlaceholder,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-DetachedSearchButtonPlaceholder,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-DetachedSearchButtonPlaceholder,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder {
color: var(--color-light-green-transparent);
font-size: var(--body-fs-sm);
}
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form .aa-Input::selection,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input::selection,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-Input::selection,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input::selection,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-Input::selection,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input::selection,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-Input::selection,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input::selection,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form .aa-Input::selection,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input::selection,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-Input::selection,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input::selection,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-Input::selection,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input::selection,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-Input::selection,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input::selection {
background-color: rgb(var(--color-green-dark-rgb));
color: rgba(var(--color-sand-rgb));
}
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form .aa-Input::placeholder,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input::placeholder,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-Input::placeholder,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input::placeholder,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-Input::placeholder,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input::placeholder,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-Input::placeholder,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input::placeholder,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form .aa-Input::placeholder,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input::placeholder,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-Input::placeholder,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input::placeholder,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-Input::placeholder,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-Input::placeholder,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-Input::placeholder,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-Input::placeholder {
color: var(--color-light-green-transparent);
}
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form .aa-SubmitIcon,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-SubmitIcon,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-SubmitIcon,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-SubmitIcon,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-SubmitIcon,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-SubmitIcon,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-SubmitIcon,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-SubmitIcon,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form .aa-SubmitIcon,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-SubmitIcon,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-SubmitIcon,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-SubmitIcon,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-SubmitIcon,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton .aa-SubmitIcon,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-SubmitIcon,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton .aa-SubmitIcon {
transition: color var(--default-transition-easing) var(--default-transition-timing);
}
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form:focus-within, .m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form:focus-visible,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton:focus-within,
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton:focus-visible,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form:focus-within,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form:focus-visible,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton:focus-within,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton:focus-visible,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form:focus-within,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form:focus-visible,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton:focus-within,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton:focus-visible,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form:focus-within,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form:focus-visible,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton:focus-within,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton:focus-visible,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form:focus-within,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form:focus-visible,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton:focus-within,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-DetachedSearchButton:focus-visible,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form:focus-within,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form:focus-visible,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton:focus-within,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-DetachedSearchButton:focus-visible,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form:focus-within,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form:focus-visible,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton:focus-within,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-DetachedSearchButton:focus-visible,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form:focus-within,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form:focus-visible,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton:focus-within,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-DetachedSearchButton:focus-visible {
border-color: blue;
outline: none;
box-shadow: none;
}
.m-header-search.aa-MainContainer .aa-Autocomplete .aa-ClearButton,
.m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-ClearButton,
.m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-ClearButton,
.m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-ClearButton,
.aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-ClearButton,
.aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-ClearButton,
.aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-ClearButton,
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-ClearButton {
color: var(--color-green-dark);
}
@media screen and (min-width: 990px) {
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form {
background-color: rgba(var(--color-sand-rgb), 0.15);
backdrop-filter: blur(2px);
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search.aa-MainContainer .aa-Autocomplete .aa-Form .aa-SubmitIcon,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-SubmitIcon,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-SubmitIcon,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-SubmitIcon,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Form .aa-SubmitIcon,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Form .aa-SubmitIcon,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Form .aa-SubmitIcon,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Form .aa-SubmitIcon {
color: rgb(var(--color-sand-rgb));
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search.aa-MainContainer .aa-Autocomplete .aa-Input::placeholder,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search.aa-MainContainer .aa-DetachedFormContainer .aa-Input::placeholder,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search .aa-DetachedContainer .aa-Autocomplete .aa-Input::placeholder,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .m-header-search .aa-DetachedContainer .aa-DetachedFormContainer .aa-Input::placeholder,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay.aa-MainContainer .aa-Autocomplete .aa-Input::placeholder,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay.aa-MainContainer .aa-DetachedFormContainer .aa-Input::placeholder,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay .aa-DetachedContainer .aa-Autocomplete .aa-Input::placeholder,
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer .aa-Input::placeholder {
color: var(--color-white);
}
}
.m-footer-column h1,
.m-footer-column h2,
.m-footer-column h3,
.m-footer-column h4,
.m-footer-column h5,
.m-footer-column h6,
.m-footer-column .h1,
.m-footer-column .h2,
.m-footer-column .h3,
.m-footer-column .h4,
.m-footer-column .h5,
.m-footer-column .h6 {
color: inherit;
margin-bottom: 0;
}
.m-footer-column__item {
margin-bottom: 2rem;
}
.m-footer-column__item:last-child {
margin-bottom: 0;
}
.m-footer-column__item-accordion-header {
margin-bottom: 0;
align-items: center;
}
.m-footer-column--has-accordion .m-accordion {
margin: 0 calc(var(--layout-site-padding) * -1) 2rem;
padding: 1.5rem;
}
@media screen and (min-width: 768px) {
.m-footer-column--has-accordion .m-accordion {
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 768px) {
.m-footer-column--has-accordion .m-accordion__header {
padding: 0;
margin-bottom: 2rem;
}
}
@media screen and (min-width: 768px) {
.m-footer-column--has-accordion .m-accordion .m-accordion__content {
padding-bottom: 0;
margin-bottom: 2rem;
}
}
.m-footer-column__logo svg,
.m-footer-column__logo img {
display: block;
border-radius: 0;
}
.m-footer-column__list {
margin: 0;
columns: var(--column-count-mobile);
}
@media screen and (min-width: 1100px) {
.m-footer-column__list {
columns: var(--column-count);
}
}
.m-footer-column__description {
max-width: 20rem;
}
.m-footer-column__description, .m-footer-column__list-item, .m-footer-column__link, .m-footer-column__newsletter {
font-size: var(--body-fs-md);
line-height: var(--body-lh-md);
margin-bottom: 0.5rem;
}
.m-footer-column__description:last-child, .m-footer-column__list-item:last-child, .m-footer-column__link:last-child, .m-footer-column__newsletter:last-child {
margin-bottom: 0;
}
.m-footer-column__description p, .m-footer-column__list-item p, .m-footer-column__link p, .m-footer-column__newsletter p {
margin-bottom: 0;
}
.m-footer-column__list-item {
margin-bottom: 1rem;
}
.m-footer-column__link {
text-decoration: none;
}
.m-footer-column__link:hover {
text-decoration: underline;
}
.m-footer-column__menu-title {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
margin-bottom: 1.3rem;
color: rgba(var(--color-heading), 0.6);
}
.m-footer-column__newsletter-disclaimer {
margin-top: var(--spacing-sm);
}
.m-footer-usps {
--icon-size: 2.4rem;
--f-direction: column;
--gap: var(--spacing-sm);
--usp-gap: var(--spacing-sm);
--usp-text-width: 20ch;
--usp-width: calc(var(--icon-size) + var(--usp-text-width) + var(--usp-gap));
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
@media screen and (min-width: 600px) {
.m-footer-usps {
--icon-size: 3.125rem;
--gap: var(--spacing-lg);
}
}
.m-footer-usps svg {
display: block;
max-width: 100%;
}
.m-footer-usps__item {
display: grid;
align-items: center;
grid-template-columns: var(--icon-size) 1fr;
gap: var(--spacing-sm);
max-width: minmax(var(--usp-width), 100%);
}
.m-footer-usps__icon {
width: var(--icon-size);
flex-shrink: 0;
display: grid;
place-items: center;
}
.m-footer-usps__text {
max-width: minmax(var(--usp-text-width), 100%);
}
@media screen and (max-width: 600px) {
.m-footer-usps br {
display: none;
}
}
.m-newsletter-form {
--button-size: 2.75rem;
--padding: 0.375rem;
--height: calc(var(--button-size) + (var(--padding) * 2));
margin-block: var(--spacing-md);
}
.m-newsletter-form__error {
color: rgb(var(--color-error));
}
.m-newsletter-form .a-input {
background-color: var(--color-white);
margin: 0;
padding: var(--padding) calc(var(--padding) * 1.5);
border-radius: calc(var(--button-size) * 2);
display: grid;
grid-template-columns: 1fr var(--button-size);
gap: var(--padding);
align-content: center;
}
.m-newsletter-form input {
border: none;
width: auto;
padding: 0 0 0 calc(var(--button-size) / 2);
min-width: 6rem;
}
.m-newsletter-form .a-btn {
width: var(--button-size);
color: var(--color-white);
height: var(--button-size);
padding: 0;
margin: 0;
display: grid;
place-items: center;
border-radius: 50%;
align-self: center;
}
.m-newsletter-form .a-checkbox {
margin-bottom: 0;
}
.m-newsletter-form input[name="contact[optin]"] + label {
display: inline-block;
}
.m-newsletter-form input[name="contact[optin]"] + label p,
.m-newsletter-form input[name="contact[optin]"] + label a {
color: inherit;
margin: 0;
}
.m-newsletter-form__success {
margin-top: var(--spacing-sm);
margin-left: var(--spacing-sm);
margin-right: var(--spacing-sm);
color: var(--color-accent);
}
.m-search-modal--visible .m-search-modal__underlay,
.m-search-modal--visible .m-search-modal__content {
visibility: visible;
pointer-events: all;
transition-duration: 0.3s, 0s;
transition-delay: 0.1s, 0s;
}
.m-search-modal--visible .m-search-modal__underlay {
opacity: 0.4;
height: 100vh;
}
.m-search-modal--visible .m-search-modal__content {
opacity: 1;
}
.m-search-modal__content {
position: absolute;
top: 0;
left: 0;
z-index: 2500;
width: 100%;
height: 100%;
background-color: rgb(var(--color-background));
padding-left: var(--layout-site-padding);
padding-right: var(--layout-site-padding);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0s linear 0.4s;
}
.m-search-modal__underlay {
position: absolute;
z-index: 2400;
top: 0;
left: 0;
height: 0;
width: 100%;
background: rgb(var(--color-black));
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease 0.1s, visibility 0s linear 0.4s;
}
.m-search-modal__form {
max-width: 600px;
width: 100%;
}
.m-search-modal__close {
padding: 0.6rem;
}
.m-search-modal .a-input {
margin: 0;
position: relative;
}
.m-search-modal .a-input__field {
padding: 1rem 1rem 1rem 3.6rem;
}
.m-search-modal .a-input button {
position: absolute;
top: 50%;
left: 0.6rem;
padding: 0;
transform: translateY(-50%);
}
.m-search-modal .a-input .icon {
display: block;
}
.o-warning-modal {
max-width: 62rem;
width: calc(100% - var(--layout-site-padding) * 2);
margin: 0 var(--layout-site-padding);
}
.o-warning-modal__inner {
display: block;
background-color: var(--color-sand);
border-radius: var(--border-radius-24);
padding: 3rem 4rem;
}
.o-warning-modal__background {
background: rgba(var(--color-black), 0.4);
backdrop-filter: none;
}
.o-warning-modal__title {
margin-bottom: 1rem;
}
.o-warning-modal__text > p {
display: inline;
}
.o-warning-modal__text > span {
display: inline-block;
}
.o-warning-modal__text .js-warning-modal-info-button {
cursor: pointer;
margin-left: 0.5rem;
color: var(--color-na-dark);
}
.o-warning-modal__info-text {
margin-top: 1rem;
color: var(--color-na-dark);
font-size: var(--body-fs-sm);
}
.o-warning-modal__actions {
display: flex;
margin-top: 1.5rem;
gap: 1rem;
}
.o-warning-modal__header {
position: relative;
}
.o-warning-modal__header-close {
background: var(--color-white);
position: absolute;
right: -1rem;
top: -1rem;
}
.m-quantity {
width: 7rem;
display: flex;
align-items: center;
gap: 0.25rem;
}
@media screen and (min-width: 375px) {
.m-quantity {
gap: 0.5rem;
}
}
.m-quantity--unit-inside {
width: auto;
}
.m-quantity__wrapper {
display: flex;
align-items: center;
padding: 0.5rem 0.5rem;
gap: 1rem;
justify-content: space-between;
background-color: rgb(var(--color-quantity-wrapper));
border-radius: var(--border-radius-24);
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
@media screen and (min-width: 375px) {
.m-quantity__wrapper {
padding: 0.5rem 0.75rem;
}
}
@media screen and (min-width: 768px) {
.m-quantity__wrapper {
padding: 0.75rem 1.25rem;
}
}
.m-quantity__input {
-webkit-appearance: none;
appearance: none;
border: none;
min-width: 2rem;
padding: 0;
text-align: center;
background-color: transparent;
min-height: unset;
color: inherit;
font-size: var(--body-fs-lg);
}
.m-quantity__input--wrapper {
display: flex;
align-items: center;
}
.m-quantity__input--wrapper .m-quantity__input {
font-weight: 700;
}
.m-quantity__input[type=number] {
-moz-appearance: textfield;
border-radius: 0;
}
.m-quantity__input::-webkit-outer-spin-button, .m-quantity__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.m-quantity__button {
padding: 0;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.m-quantity__button {
font-size: var(--body-fs-sm);
}
}
.m-quantity__button .icon {
width: 1.2rem;
height: 1.2rem;
}
.m-quantity__button.disabled {
cursor: default;
opacity: 0.4;
}
.m-quantity__unit {
opacity: 0.8;
}
.m-quantity__unit--inside {
opacity: 1;
font-size: var(--body-fs-md);
}
@media screen and (min-width: 768px) {
.m-quantity__unit--inside {
font-size: var(--body-fs-sm);
}
}
.m-variants__fieldset {
border: none;
padding: 0;
margin: 0 0 1.2rem 0;
}
.m-variants__legend {
padding: 0;
}
.m-variants__label {
background-color: transparent;
border: 1px solid rgb(var(--color-border));
padding: 0.4rem 0.8rem;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
display: inline-block;
text-align: center;
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
cursor: pointer;
transition: color var(--default-transition-easing) var(--default-transition-timing), background-color var(--default-transition-easing) var(--default-transition-timing);
}
.m-variants__label:last-child {
margin-right: 0;
}
.m-variants__label:hover {
background-color: rgb(var(--color-button));
color: rgb(var(--color-button-label));
}
.m-variants__label.m-variants__label--small {
min-width: 3rem;
min-height: 3rem;
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
}
.m-variants__swatch {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.m-variants__input {
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
.m-variants__input:checked + .m-variants__label {
background-color: rgb(var(--color-button));
color: rgb(var(--color-button-label));
border: 1px solid rgb(var(--color-button));
}
.m-variants__input:checked + .m-variants__swatch {
--swatch-border-color: var(--color-button);
}
.m-variants__input.disabled + .m-variants__label {
text-decoration: line-through;
}
.m-variants__input.disabled + .m-variants__swatch .a-swatch {
position: relative;
overflow: hidden;
}
.m-variants__input.disabled + .m-variants__swatch .a-swatch::after {
--swatch-size: var(--swatch-input-size, 2.6rem);
--diagonal--size: calc(var(--swatch-size) * 1.414);
--crossed-line--size: 0.1rem;
content: "";
position: absolute;
bottom: calc(var(--crossed-line--size) * -0.5);
left: 0;
width: var(--diagonal--size);
height: var(--crossed-line--size);
background-color: rgb(var(--color-text));
transform: rotate(-45deg);
transform-origin: left;
}
.m-variants__input:focus-visible + .m-variants__label,
.m-variants__input:focus-visible + .m-variants__swatch .a-swatch {
outline: 2px solid blue;
}
.m-product-form__submit {
width: 100%;
position: relative;
}
.m-product-form__submit--loading .m-product-form__submit-text {
opacity: 0;
}
.m-product-form__submit--loading .m-product-form__submit-icon {
opacity: 0;
}
.m-product-form__submit--sold-out {
background-color: var(--color-sand-dark);
color: var(--color-black);
border-color: transparent;
}
.m-product-form__submit--sold-out:disabled {
opacity: 1;
}
.m-product-form__submit-icon {
display: flex;
justify-content: center;
align-items: center;
}
.m-product-form__loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.m-product-form__error-message-wrapper {
margin: 1.6rem 0;
}
.m-product-form__error-message {
display: block;
color: rgb(var(--color-error));
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
}
.m-product-form .shopify-payment-button__button {
margin-top: 1rem;
}
.m-product-form .shopify-payment-button__button--unbranded {
border-radius: 0;
}
.m-product-form .shopify-payment-button__button--unbranded + .shopify-payment-button__more-options {
display: none;
}
.m-product-form .shopify-payment-button__button--branded div[role=button] {
padding: 1.4rem !important;
}
.m-product-form .shopify-payment-button__more-options {
border: none;
width: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.m-card {
--card-bg-color: var(--color-green-light);
--card-radius: var(--border-radius-20);
--card-padding: var(--spacing-md);
--card-gap: var(--spacing-sm);
--width-icon-stroke: 2;
display: block;
text-decoration: none;
background-color: rgb(var(--color-background));
color: rgb(var(--color-text));
border-radius: var(--card-radius);
padding: var(--card-padding);
overflow: clip;
transition: opacity 0.35s ease;
}
.m-card img {
display: block;
width: auto;
max-width: 100%;
height: auto;
}
.m-card > * + * {
margin-top: var(--card-gap);
}
.m-card:hover {
opacity: 0.8;
}
.m-legal-menu {
--direction: row;
display: flex;
flex-direction: var(--direction);
flex-wrap: wrap;
gap: var(--spacing-sm);
list-style: none;
padding: 0;
margin: 0;
}
.m-legal-menu a {
font-weight: 400;
color: inherit;
line-height: 1;
}
.m-top-bar-usp {
display: flex;
align-items: center;
gap: var(--spacing-sm);
font-size: var(--top-nav-fs);
line-height: var(--body-lh-sm);
}
.m-top-bar-usp__icon {
flex-shrink: 0;
}
.m-top-bar-usp__wrapper {
height: var(--top-nav-height);
margin: 0;
}
.m-nav-block {
border-radius: var(--border-radius-20);
background-color: var(--color-sand-dark);
padding-block: var(--spacing-md);
max-width: 22rem;
}
.m-nav-block__nav {
list-style: none;
padding: 0;
margin: 0;
}
.m-nav-block__nav-link {
cursor: pointer;
display: inline-block;
text-decoration: none;
font-size: var(--nav-siderbar-fs);
font-weight: var(--fw, 400);
line-height: var(--nav-siderbar-fs);
padding-inline: var(--spacing-sm);
padding-block: var(--spacing-xs);
border-left: 3px solid var(--border-color, transparent);
}
.m-nav-block__nav-link:active, .m-nav-block__nav-link:focus, .m-nav-block__nav-link:target, .m-nav-block__nav-link:hover, .m-nav-block__nav-link.active {
--border-color: rgb(var(--color-text));
--fw: 700;
}
.o-section {
--section-top-padding: 0px;
scroll-margin-top: var(--anchor-offset, 0px);
}
.o-section__constrict {
padding-left: var(--layout-site-padding);
padding-right: var(--layout-site-padding);
width: 100%;
max-width: var(--layout-container-width);
margin-left: auto;
margin-right: auto;
}
.o-section__constrict--sm {
max-width: 990px;
}
.o-section--no-padding {
padding-left: 0;
padding-right: 0;
}
.o-section__page-width {
padding-left: var(--layout-site-padding);
padding-right: var(--layout-site-padding);
margin-left: auto;
margin-right: auto;
width: 100%;
}
.o-section--fw img,
.o-section--fw .a-placeholder-media,
.o-section--fw .a-img,
.o-section--fw .a-video video,
.o-section--fw .a-video__overlay,
.o-section--fw .a-video__video-url iframe,
.o-section--fw svg {
border-radius: 0;
}
.o-section--padding {
padding-top: var(--layout-section-padding);
padding-bottom: var(--layout-section-padding);
}
.o-section__background {
position: relative;
overflow: hidden;
padding-top: 4rem;
padding-bottom: 4rem;
}
.o-section__background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-position: top;
}
.o-section[data-top=none] {
margin-top: 0;
}
.o-section[data-top=small] {
margin-top: var(--layout-section-spacing-small);
}
.o-section[data-top=large] {
margin-top: var(--layout-section-spacing-large);
}
.o-section[data-bottom=none] {
margin-bottom: 0;
}
.o-section[data-bottom=small] {
margin-bottom: var(--layout-section-spacing-small);
}
.o-section[data-bottom=large] {
margin-bottom: var(--layout-section-spacing-large);
}
.o-section--first {
margin-top: 0;
margin-block-start: 0;
}
.o-section--first.o-section--transparent-header {
margin-top: calc(var(--section-top-padding) * -1);
}
@media screen and (min-width: 990px) {
.o-section--first.o-section--transparent-header {
--section-top-padding: calc(
var(--header-main-height) + var(--header-mid-height)
);
}
}
.section-header {
position: relative;
z-index: 999;
}
.section-header-sticky {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 999;
transition: transform var(--default-transition-easing) var(--default-transition-timing), margin-top var(--default-transition-easing) var(--default-transition-timing);
transform: unset;
}
.section-header-sticky__hide {
transform: translateY(-100%);
}
.o-header {
transition: transform var(--default-transition-easing) var(--default-transition-timing);
}
.o-header__mid-grid {
justify-content: space-between;
gap: var(--spacing-lg);
padding-top: var(--spacing-sm);
padding-bottom: var(--spacing-sm);
}
@media screen and (min-width: 990px) {
.o-header__mid-grid {
padding-bottom: 0;
}
}
.o-header__mid {
background-color: rgba(var(--color-background-hover));
}
@media screen and (min-width: 990px) {
.o-header__mid {
background-color: rgba(var(--color-background));
}
}
.o-header__mid, .o-header__main {
transition: background-color var(--default-transition-easing) var(--default-transition-timing), color var(--default-transition-easing) var(--default-transition-timing);
}
.o-header__logo-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: var(--spacing-xs);
}
.o-header__logo .o-header__logo-image--transparent {
display: none;
}
.o-header__search {
flex: 1;
}
.o-header__search.desktop {
display: none;
}
@media screen and (min-width: 990px) {
.o-header__search.desktop {
display: block;
max-width: 40rem;
}
}
.o-header__search.mobile {
display: block;
}
@media screen and (min-width: 990px) {
.o-header__search.mobile {
display: none;
}
}
.o-header__search .a-input__field,
.o-header__search input .aa-Input {
color: var(--color-green-dark);
background-color: var(--color-sand-dark);
font-weight: 400;
font-family: var(--ff-primary);
font-size: var(--body-fs-xs);
line-height: var(--body-lh-xs);
padding: var(--spacing-xs) var(--spacing-sm);
border: 2px solid transparent;
border-radius: var(--border-radius-30);
width: 100%;
min-height: 3rem;
box-shadow: none;
}
.o-header__search .a-input__field.a-input__field--transparent,
.o-header__search input .aa-Input.a-input__field--transparent {
background-color: transparent;
}
.o-header__search .a-input__field.error,
.o-header__search input .aa-Input.error {
border-color: rgb(var(--color-error));
}
.o-header__search .a-input__field:focus, .o-header__search .a-input__field:focus-visible,
.o-header__search input .aa-Input:focus,
.o-header__search input .aa-Input:focus-visible {
border-color: blue;
outline: none;
}
.o-header__search .a-input__field--white,
.o-header__search input .aa-Input--white {
background-color: var(--color-white);
}
@media screen and (min-width: 990px) {
.o-header__search .a-input__field,
.o-header__search input .aa-Input {
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
padding: var(--spacing-sm) var(--spacing-md);
}
}
.o-header__nav {
display: none;
}
@media screen and (min-width: 990px) {
.o-header__nav {
display: block;
}
}
.o-header__main-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--spacing-sm) 0;
}
@media screen and (min-width: 990px) {
.o-header__main-inner {
padding: 0;
}
}
.o-header__utils {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-xs);
}
@media screen and (min-width: 990px) {
.o-header__utils {
gap: var(--spacing-sm);
}
}
.o-header__utils.desktop {
display: none;
}
@media screen and (min-width: 990px) {
.o-header__utils.desktop {
display: flex;
}
}
.o-header__utils.mobile {
display: flex;
}
@media screen and (min-width: 990px) {
.o-header__utils.mobile {
display: none;
}
}
.o-header__utility-label {
display: none;
}
.o-header__utility-btn {
padding: 0.25rem var(--spacing-sm);
font-size: var(--btn-fs-sm);
}
@media screen and (min-width: 990px) {
.o-header__utility-btn {
font-size: var(--btn-fs);
padding: var(--spacing-xs-2) var(--spacing-md);
}
}
.o-header__utility-btn:not(.a-btn--promotion) {
display: none;
}
@media screen and (min-width: 1250px) {
.o-header__utility-btn:not(.a-btn--promotion) {
display: block;
}
}
.o-header__utility-account {
display: flex;
align-items: center;
gap: var(--spacing-sm);
flex-wrap: nowrap;
position: relative;
text-decoration: none;
}
.o-header__utility-account .a-icon__wrapper {
position: relative;
z-index: 2;
}
.o-header__utility-account .a-icon__icon {
font-size: var(--body-fs-sm);
}
@media screen and (min-width: 990px) {
.o-header__utility-account .a-icon__icon {
font-size: unset;
}
}
.o-header__account-perso {
display: none;
font-size: var(--body-fs-sm);
font-weight: 400;
line-height: var(--body-lh-sm);
}
@media screen and (min-width: 990px) {
.o-header__account-perso {
display: block;
}
}
.o-header__utility-wishlist .a-icon__icon {
font-size: var(--body-fs-sm);
}
@media screen and (min-width: 990px) {
.o-header__utility-wishlist .a-icon__icon {
font-size: unset;
}
}
.o-header__utility-cart {
position: relative;
display: flex;
align-items: center;
gap: var(--spacing-xs);
flex-wrap: nowrap;
text-decoration: none;
padding: var(--spacing-xs-2);
}
@media screen and (min-width: 990px) {
.o-header__utility-cart {
padding: 0;
}
}
.o-header__utility-cart .a-icon__wrapper {
position: relative;
z-index: 2;
}
.o-header__utility-cart .a-icon__icon {
font-size: var(--body-fs-sm);
}
@media screen and (min-width: 990px) {
.o-header__utility-cart .a-icon__icon {
font-size: unset;
}
}
.o-header__utility-cart, .o-header__utility-wishlist, .o-header__utility-account {
position: relative;
padding: var(--spacing-xs-2);
display: flex;
align-items: center;
text-decoration: none;
}
@media screen and (min-width: 990px) {
.o-header__utility-cart, .o-header__utility-wishlist, .o-header__utility-account {
padding: 0;
}
}
.o-header__utility-cart .a-icon__wrapper, .o-header__utility-wishlist .a-icon__wrapper, .o-header__utility-account .a-icon__wrapper {
position: relative;
z-index: 2;
}
.o-header__utility-cart::after, .o-header__utility-wishlist::after, .o-header__utility-account::after {
content: "";
background-color: rgba(var(--color-background));
border-radius: 100%;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
left: 0;
top: 0;
}
@media screen and (min-width: 990px) {
.o-header__utility-cart::after, .o-header__utility-wishlist::after, .o-header__utility-account::after {
display: none;
}
}
.o-header__top {
display: none;
transition: margin-top var(--default-transition-easing) var(--default-transition-timing);
}
@media screen and (min-width: 990px) {
.o-header__top {
display: block;
}
}
.o-header__top--primeurs {
display: block;
}
.o-header__top--primeurs .m-localization {
display: none;
}
@media screen and (min-width: 990px) {
.o-header__top--primeurs .m-localization {
display: flex;
}
}
.o-header__top-inner {
height: 100%;
gap: var(--spacing-sm);
padding-top: var(--spacing-xs-2);
padding-bottom: var(--spacing-xs-2);
}
.o-header__top-back {
flex: 1;
}
.o-header__top-back-link {
text-decoration: none;
display: flex;
flex-wrap: nowrap;
gap: var(--spacing-xs);
align-items: center;
font-size: var(--top-nav-fs);
}
.o-header__top-nav {
margin-left: auto;
}
.o-header__hamburger {
display: block;
margin-right: var(--spacing-md);
}
@media screen and (min-width: 990px) {
.o-header__hamburger {
display: none;
}
}
.o-header__hamburger-btn {
background: transparent;
border: none;
height: 1.75rem;
padding: 0;
cursor: pointer;
}
.o-header__backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
opacity: 0;
visibility: hidden;
pointer-events: none;
background-color: rgba(var(--color-black-rgb), 0.4);
transition: opacity 0.5s ease;
}
.o-header__minimal-main-nav {
display: none;
}
@media screen and (min-width: 990px) {
.o-header--primeurs .o-header__minimal-main-nav {
flex: 1;
display: block;
}
}
.o-header--primeurs .o-header__minimal-main-nav .aa-Input::selection {
background-color: blue;
color: rgba(var(--color-sand-rgb));
}
.o-header--primeurs .o-header__utility::after {
background-color: rgba(var(--color-sand-rgb), 0.2);
}
.o-header--primeurs .o-header__utility-wishlist {
display: none;
}
.o-header--primeurs .o-header__mid-grid {
padding-bottom: var(--spacing-sm);
}
.o-header--primeurs .o-header__mid {
background-color: rgba(var(--color-background));
}
.o-header--primeurs .o-header__hamburger-btn {
height: var(--spacing-sm);
width: var(--spacing-sm);
}
.o-header--primeurs .o-header__hamburger {
background-color: transparent;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: var(--spacing-xs);
}
@media screen and (min-width: 990px) {
.o-header--primeurs .o-header__hamburger {
display: none;
}
}
.u-menu-aim__item--active .o-header__backdrop {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) {
position: relative;
}
@media screen and (min-width: 990px) {
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__mid {
background-color: transparent;
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__logo .o-header__logo-image {
display: none;
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__logo .o-header__logo-image--transparent {
display: block;
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__main {
background-color: transparent;
color: rgb(var(--color-sand-rgb));
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__main .m-main-nav__item--highlight .m-main-nav__link {
color: rgb(var(--color-sand-rgb));
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__utility-account, .section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__utility-cart, .section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__utility-wishlist {
border-color: rgb(var(--color-sand-rgb));
color: rgb(var(--color-sand-rgb));
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__utility-btn.a-btn--tertiary {
border-color: rgb(var(--color-sand-rgb));
color: rgb(var(--color-sand-rgb));
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open) .o-header__utility-btn.a-btn--promotion {
border-color: rgb(var(--color-sand-rgb));
background-color: rgb(var(--color-sand-rgb));
color: rgb(var(--color-green-dark-rgb));
}
}
.section-header-transparent .o-header--transparent:not(.o-header--search-open)::after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(var(--color-black-rgb), 0.4) 0%, rgba(var(--color-black-rgb), 0) 100%);
z-index: -1;
opacity: 1;
height: 100%;
width: 100%;
}
.m-mega-nav {
opacity: 0;
pointer-events: none;
}
.m-header-dropdown {
opacity: 0;
pointer-events: none;
}
.m-header-sidebar,
.m-cart-notification,
.m-cart-drawer {
display: none;
}
body.sidebar--open .o-header {
transform: translateY(calc(var(--header-mid-height) * -1));
}
body.sidebar--open .o-header__top {
margin-top: calc(var(--header-top-height) * -1);
}
body.sidebar--open .o-header__hamburger-btn {
height: var(--spacing-sm);
}
body.sidebar--open .o-header__hamburger {
background-color: rgb(var(--color-sand-rgb));
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: var(--spacing-xs);
}
body.sidebar--open .o-header--primeurs .o-header__hamburger {
background-color: rgba(var(--color-sand-rgb), 0.2);
}
@media screen and (max-width: 848px) {
body.mobile-facets-open .section-header {
transform: translateY(-100%);
margin-top: -100%;
}
body.mobile-facets-open .o-algolia:not(.o-algolia--no-results).ais-page .ais-facets-button-wrapper {
top: 0;
}
}
.o-footer-group--align-bottom {
margin-top: auto;
}
.o-footer {
--footer-top-margin: var(--spacing-xl);
--footer-top-padding: var(--spacing-xl);
--footer-bottom-padding: var(--spacing-xl);
--main-bg-color: var(--color-green-darkest);
--bottom-bg-color: transparent;
--row-bg-color: transparent;
--column-spacing: var(--spacing-lg);
--cards-spacing: var(--spacing-sm);
--footer-border-radius: 0;
color: var(--color-white);
}
.o-footer__content-top {
background-color: rgb(var(--color-background));
}
.o-footer .copyright__content {
margin: 0;
}
.o-footer .m-legal-menu {
--direction: column;
}
@media screen and (min-width: 768px) {
.o-footer .m-legal-menu {
--direction: row;
}
}
.o-footer .m-list-payment {
justify-content: start;
}
.o-footer__content-bottom {
--align-items: center;
color: rgba(var(--color-green-dark-rgb), 0.6);
background-color: rgb(var(--color-background));
padding-block: var(--spacing-lg);
font-size: var(--body-fs-sm);
line-height: var(--body-lh-sm);
}
.o-footer__content-bottom > .o-section__constrict {
display: flex;
flex-direction: column;
align-items: var(--align-items);
gap: var(--spacing-md);
}
@media screen and (min-width: 768px) {
.o-footer__content-bottom > .o-section__constrict {
flex-direction: row;
}
}
.o-footer__content-bottom--right {
flex: 1;
display: flex;
justify-content: end;
gap: var(--spacing-md);
flex-direction: column;
width: 100%;
}
@media screen and (min-width: 768px) {
.o-footer__content-bottom--right {
flex-direction: row;
gap: var(--spacing-sm);
width: auto;
}
}
.o-footer__content-bottom--left {
display: flex;
flex-direction: column;
gap: var(--spacing-md);
width: 100%;
}
@media screen and (min-width: 768px) {
.o-footer__content-bottom--left {
flex-direction: row;
gap: var(--spacing-sm);
width: auto;
}
}
.o-footer__content-bottom:nth-last-child(2) .o-footer__content-bottom--left {
order: 2;
}
.o-footer__content-bottom:nth-last-child(2) .o-footer__content-bottom--right {
order: 1;
}
@media screen and (min-width: 768px) {
.o-footer__content-bottom:nth-last-child(2) .o-footer__content-bottom--left,
.o-footer__content-bottom:nth-last-child(2) .o-footer__content-bottom--right {
order: unset;
}
}
.o-footer__content-bottom + .o-footer__content-bottom {
--align-items: start;
--bottom-bg-color: var(--color-white);
}
@media screen and (min-width: 768px) {
.o-footer__content-bottom + .o-footer__content-bottom {
--align-items: center;
}
}
.o-footer__cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
gap: var(--cards-spacing);
}
.o-footer__row {
background-color: rgb(var(--color-background));
padding-block: var(--footer-top-padding) var(--footer-bottom-padding);
border-radius: 0 0 var(--footer-border-radius) var(--footer-border-radius);
overflow: clip;
}
.o-footer__row:first-child {
--footer-top-padding: var(--spacing-lg);
--footer-bottom-padding: var(--spacing-lg);
}
.o-footer__row:first-child .grid-grid {
--grid-row-gap: var(--spacing-sm);
}
.o-footer__row:first-child + .o-footer__row {
--footer-top-padding: var(--spacing-lg);
--grid-row-gap: var(--spacing-lg);
}
.o-footer__row--rounded {
--footer-border-radius: var(--border-radius-24);
}
.o-footer__row--bg {
--row-bg-color: var(--color-green-dark);
}
.o-footer__row--bg-mobile {
--row-bg-color: var(--color-green-light);
}
@media screen and (min-width: 768px) {
.o-footer__row--bg-mobile {
--row-bg-color: var(--color-green-dark);
}
}
.o-footer__column {
padding: 0;
}
.o-footer__made-by span,
.o-footer__made-by a {
vertical-align: middle;
}
.o-footer__made-by a {
width: 1.5rem;
height: 1.5rem;
display: inline-block;
text-decoration: none;
}
.shopify-challenge__container {
margin: --spacing-xl auto;
}
@media screen and (min-width: 768px) {
.shopify-challenge__container {
margin: var(--spacing-xxl) auto;
}
}
.shopify-challenge__container .btn {
display: block;
margin: var(--spacing-sm) auto 0;
}
@media screen and (min-width: 768px) {
.shopify-challenge__container .btn {
margin: var(--spacing-md) auto 0;
}
}
.o-age-verification--visible .o-age-verification__content {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.o-age-verification--visible .o-age-verification__underlay {
visibility: visible;
opacity: 0.4;
transition-duration: 0.3s, 0s;
transition-delay: 0.1s, 0s;
}
.o-age-verification__background img {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
z-index: -1;
}
.o-age-verification__content {
position: fixed;
z-index: 3000;
top: 50%;
left: 50%;
display: flex;
flex-direction: column;
max-height: 100%;
width: 100%;
max-width: 75rem;
padding: 3rem;
color: rgb(var(--color-sand-rgb));
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
transition: opacity 0.6s ease, visibility 0.6s;
overflow-y: auto;
pointer-events: none;
border-radius: var(--border-radius-24);
}
.o-age-verification__content h1,
.o-age-verification__content h6,
.o-age-verification__content .jumbo,
.o-age-verification__content p {
color: rgb(var(--color-sand-rgb));
}
.o-age-verification__content p {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5;
}
.o-age-verification__underlay {
position: fixed;
z-index: 2400;
visibility: hidden;
top: 0;
left: 0;
height: 100vh;
width: 100%;
opacity: 0;
background: rgb(var(--color-black-rgb));
transition: opacity 0.3s ease 0.1s, visibility 0s linear 0.4s;
}
.o-age-verification__title {
margin: 4rem 0 2rem;
}
.o-age-verification__buttons {
display: flex;
justify-content: center;
flex-direction: column;
gap: 1rem;
}
@media screen and (min-width: 600px) {
.o-age-verification__buttons {
flex-direction: row;
}
}