:root {
    --color-primary: #000000;
    --color-secondary: #FFFFFF;
    --color-accent: #949494;
    --color-accent-light: #D6D6D6;
    --grid-columns: 4;
    --grid-gutter: 1.25rem;
    --grid-gutter-half: calc(.5 * var(--grid-gutter));
    --font-size-text-small: 14px;
    --font-size-text-large: 18px;
    --font-size-huge-sans: clamp(48px, 120/2000 * 100vw, 120px);
    --font-size-h1-sans: clamp(50px, 70/2000 * 100vw, 70px);
    --font-size-h2-sans: clamp(40px, 55/2000 * 100vw, 55px);
    --font-size-h3-sans: clamp(26px, 40/2000 * 100vw, 40px);
    --font-size-h4-sans: clamp(20px, 24/1400 * 100vw, 24px);
    --font-size-h5-sans: clamp(20px, 24/1400 * 100vw, 24px);
    --font-size-h6-sans: clamp(20px, 24/1400 * 100vw, 24px);
    --spacing-tiny-mobile: 20;
    --spacing-tiny: 20;
    --spacing-small-mobile: 30;
    --spacing-small: 30;
    --spacing-medium-mobile: 40;
    --spacing-medium: 40;
    --spacing-large-mobile: 60;
    --spacing-large: 80;
    --spacing-big-mobile: 80;
    --spacing-big: 120;
    --spacing-huge-mobile: 100;
    --spacing-huge: 180;
    --spacing-enormous-mobile: 140;
    --spacing-enormous: 250
}

@media (min-width: 700px) {
    :root {
        --grid-columns: 12;
        --grid-margin: 3.75rem
    }
}

@media (max-width: 699px) {
    :root {
        --grid-margin: 1.25rem
    }
}

@media (min-width: 1200px) {
    :root {
        --font-size-text-small: 16px;
        --font-size-text-large: 20px
    }
}

@media (min-width: 1000px) {
    :root {
        --border-radius: 30px;
        --border-radius-medium: 40px;
        --border-radius-large: 50px
    }
}

@media (max-width: 999px) {
    :root {
        --border-radius: 30px;
        --border-radius-medium: 30px;
        --border-radius-large: 30px
    }
}

@media (min-width: 700px) {
    :root {
        --padding-box: calc(var(--grid-margin) - var(--grid-gutter))
    }
}

@media (max-width: 699px) {
    :root {
        --padding-box: var(--grid-gutter)
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    box-sizing: border-box
}

template,
[hidden] {
    display: none
}

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

address {
    font-style: inherit
}

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

b,
strong {
    font-weight: 700
}

a {
    text-decoration: none
}

a svg {
    pointer-events: none
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none
}

p,
figure {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
    touch-action: manipulation
}

[hreflang]>abbr[title] {
    text-decoration: none
}

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

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio:not([controls]) {
    display: none;
    height: 0
}

img,
svg {
    max-width: 100%;
    height: auto
}

img[width],
img[height],
svg[width],
svg[height] {
    max-width: none
}

img {
    font-style: italic
}

svg {
    fill: currentColor
}

form {
    margin: 0;
    padding: 0
}

input,
select,
textarea {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: none #0000;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select {
    text-transform: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    background: none;
    color: inherit
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
.c-button,
.recharge.page__customers__request-invite .btn,
.shopify-challenge__button.btn {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: none #0000;
    color: inherit;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    font: inherit;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

button:focus,
button:hover,
.c-button:focus,
.recharge.page__customers__request-invite .btn:focus,
.shopify-challenge__button.btn:focus,
.c-button:hover,
.recharge.page__customers__request-invite .btn:hover,
.shopify-challenge__button.btn:hover {
    text-decoration: none
}

html {
    min-height: 100%;
    line-height: 1.5;
    font-family: StudioProRegular, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    color: var(--color-primary);
    background-color: var(--color-secondary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "ss10";
    scrollbar-gutter: stable
}

@media (max-width: 699px) {
    html {
        font-size: 16px
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    html {
        font-size: 16px
    }
}

@media (min-width: 1000px)and (max-width: 1199px) {
    html {
        font-size: 16px
    }
}

@media (min-width: 1200px)and (max-width: 1599px) {
    html {
        font-size: 16px
    }
}

@media (min-width: 1600px)and (max-width: 1999px) {
    html {
        font-size: 17px
    }
}

@media (min-width: 2000px)and (max-width: 2399px) {
    html {
        font-size: 18px
    }
}

@media (min-width: 2400px) {
    html {
        font-size: 18px
    }
}

html.is-loading {
    cursor: wait
}

html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

::-moz-selection {
    background-color: #000;
    color: #fff;
    text-shadow: none
}

::selection {
    background-color: #000;
    color: #fff;
    text-shadow: none
}

a {
    color: currentColor
}

.grecaptcha-badge {
    visibility: hidden
}

html.has-modal-open {
    overflow: hidden
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none
}

.focus-visible:not(.c-button):not(.shopify-challenge__button.btn):not(.c-tile-can_url):not(.c-tile-product_url):not(.c-accordion_toggler):not(.c-category_link):not(input):not(textarea):not(select):not(.c-menu_dropdown_link) {
    outline-color: currentColor;
    outline-width: 2px;
    outline-offset: 5px;
    outline-style: dashed;
    border-radius: var(--border-radius)
}

.o-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin)
}

.o-container.-padding-small {
    --grid-margin: 1.25rem
}

@media (max-width: 999px) {
    .o-container.-no-padding\@to-medium {
        padding-left: 0;
        padding-right: 0
    }
}

.o-ratio {
    position: relative;
    display: block;
    overflow: hidden
}

.o-ratio:before {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    content: ""
}

.o-ratio_content,
.o-ratio>img,
.o-ratio>iframe,
.o-ratio>embed,
.o-ratio>object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.o-grid {
    display: grid;
    width: 100%
}

.o-grid:is(ul, ol) {
    margin: 0;
    padding: 0;
    list-style: none
}

.o-grid.-cols {
    grid-template-columns: repeat(var(--grid-columns), 1fr)
}

.o-grid.-col-12 {
    grid-template-columns: repeat(12, 1fr)
}

.o-grid.-col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.o-grid.-col-4 {
    grid-template-columns: repeat(4, 1fr)
}

@media (min-width: 1000px) {
    .o-grid.-col-12\@from-medium {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 1000px) {
    .o-grid.-col-2\@from-medium {
        grid-template-columns: repeat(1, 1fr);
    }
    .ogridHome {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .c-account .o-container, .LoginContainer{
        max-width: 800px;
    }
}

@media (min-width: 700px) {
    .o-grid.-col-2\@from-small {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 1000px) {
    .o-grid.-col-3\@from-medium {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 1200px) {
    .o-grid.-col-3\@from-large {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 1200px) {
    .o-grid.-col-4\@from-large {
        grid-template-columns: repeat(4, 1fr)
    }
}

.o-grid.-gutters {
    gap: var(--grid-gutter);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

.o-grid.-large-gutters {
    gap: 3.75rem;
    -moz-column-gap: 3.75rem;
    column-gap: 3.75rem
}

.o-grid.-full-height {
    height: 100%
}

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

.o-grid.-right-items {
    justify-items: end
}

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

.o-grid.-left-items {
    justify-items: start
}

.o-grid.-center-items {
    align-items: center;
    justify-items: center
}

.o-grid.-center-items-x {
    justify-items: center
}

.o-grid.-center-items-y {
    align-items: center
}

.o-grid.-stretch-items {
    align-items: stretch;
    justify-items: stretch
}

.o-grid.-top-cells {
    align-content: start
}

.o-grid.-right-cells {
    justify-content: end
}

.o-grid.-bottom-cells {
    align-content: end
}

.o-grid.-left-cells {
    justify-content: start
}

.o-grid.-center-cells {
    align-content: center;
    justify-content: center
}

.o-grid.-center-cells-x {
    justify-content: center
}

.o-grid.-center-cells-y {
    align-content: center
}

.o-grid.-stretch-cells {
    align-content: stretch;
    justify-content: stretch
}

.o-grid.-space-around-cells {
    align-content: space-around;
    justify-content: space-around
}

.o-grid.-space-around-cells-x {
    justify-content: space-around
}

.o-grid.-space-around-cells-y {
    align-content: space-around
}

.o-grid.-space-between-cells {
    justify-content: space-between;
    align-content: space-between
}

.o-grid.-space-between-cells-x {
    justify-content: space-between
}

.o-grid.-space-between-cells-y {
    align-content: space-between
}

.o-grid.-space-evenly-cells {
    justify-content: space-evenly;
    align-content: space-evenly
}

.o-grid.-space-evenly-cells-x {
    justify-content: space-evenly
}

.o-grid.-space-evenly-cells-y {
    align-content: space-evenly
}

.o-grid_item {
    grid-column-start: var(--gc-start, 1);
    grid-column-end: var(--gc-end, -1)
}

.o-grid_item.-align-end {
    align-self: end
}

@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,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    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: translateZ(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
}

.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
}

.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: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.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-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 {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    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 {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    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: #0000
}

.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(0)
    }

    to {
        transform: rotate(360deg)
    }
}

html.lenis {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

#cc-main {
    background: transparent;
    color: var(--cc-primary-color);
    font-family: var(--cc-font-family);
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.15;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    position: fixed;
    z-index: var(--cc-z-index)
}

#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
    all: unset;
    box-sizing: border-box
}

#cc-main .pm__badge,
#cc-main button {
    all: initial;
    box-sizing: border-box;
    color: unset;
    visibility: unset
}

#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    outline: revert;
    outline-offset: 2px;
    overflow: hidden
}

#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
    all: revert;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

:root {
    --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --cc-modal-border-radius: .5rem;
    --cc-btn-border-radius: .4rem;
    --cc-modal-transition-duration: .25s;
    --cc-link-color: var(--cc-btn-primary-bg);
    --cc-modal-margin: 1rem;
    --cc-z-index: 2147483647;
    --cc-bg: #fff;
    --cc-primary-color: #2c2f31;
    --cc-secondary-color: #5e6266;
    --cc-btn-primary-bg: #30363c;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #000;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #d4dae0;
    --cc-btn-secondary-hover-color: #000;
    --cc-btn-secondary-hover-border-color: #d4dae0;
    --cc-separator-border-color: #f0f4f7;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #667481;
    --cc-toggle-on-knob-bg: #fff;
    --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
    --cc-toggle-enabled-icon-color: var(--cc-bg);
    --cc-toggle-disabled-icon-color: var(--cc-bg);
    --cc-toggle-readonly-bg: #d5dee2;
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-border: #f0f4f7;
    --cc-cookie-category-block-hover-bg: #e9eff4;
    --cc-cookie-category-block-hover-border: #e9eff4;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
    --cc-overlay-bg: rgba(0, 0, 0, .65);
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-bg: var(--cc-btn-secondary-bg);
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #e4eaed;
    --cc-pm-toggle-border-radius: 4em
}

#cc-main.cc--rtl {
    direction: rtl
}

#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
    font-weight: 600
}

#cc-main button>span {
    pointer-events: none
}

#cc-main .cc__link,
#cc-main a {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    font-weight: 600;
    position: relative;
    transition: background-size .25s, color .25s ease
}

#cc-main .cc__link:hover,
#cc-main a:hover {
    background-size: 100% 1px;
    color: var(--cc-primary-color)
}

#cc-main .cc__link {
    color: var(--cc-link-color)
}

#cc-main .cm__desc,
#cc-main .pm__body {
    overscroll-behavior: auto contain;
    scrollbar-width: thin
}

@media screen and (min-width: 640px) {

    #cc-main ::-webkit-scrollbar,
    #cc-main ::-webkit-scrollbar-thumb,
    #cc-main ::-webkit-scrollbar-track {
        all: revert
    }

    #cc-main ::-webkit-scrollbar-thumb {
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background: var(--cc-toggle-readonly-bg);
        border: .25rem solid var(--cc-bg);
        border-radius: 1rem
    }

    #cc-main ::-webkit-scrollbar-thumb:hover {
        background: var(--cc-toggle-off-bg)
    }

    #cc-main ::-webkit-scrollbar {
        background: transparent;
        width: 12px
    }
}

html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
    height: auto !important;
    overflow: hidden !important
}

@media (prefers-reduced-motion) {
    #cc-main {
        --cc-modal-transition-duration: 0s
    }
}

.cc--darkmode {
    --cc-bg: #161a1c;
    --cc-primary-color: #ebf3f6;
    --cc-secondary-color: #aebbc5;
    --cc-btn-primary-bg: #c2d0e0;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #98a7b6;
    --cc-btn-primary-hover-color: #000;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #242c31;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #353d43;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
    --cc-separator-border-color: #222a30;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #525f6b;
    --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-readonly-bg: #343e45;
    --cc-toggle-readonly-knob-bg: #5f6b72;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: #1e2428;
    --cc-cookie-category-block-bg: #1e2428;
    --cc-cookie-category-block-border: var(--cc-section-category-border);
    --cc-cookie-category-block-hover-bg: #242c31;
    --cc-cookie-category-block-hover-border: #232a2f;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
    --cc-overlay-bg: rgba(0, 0, 0, .65);
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-bg: #0c0e0f;
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #060809
}

.cc--darkmode #cc-main {
    color-scheme: dark
}

#cc-main .cm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em #0000024d;
    display: flex;
    flex-direction: column;
    max-width: 24rem;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transform: translateY(1.6em);
    visibility: hidden;
    z-index: 1
}

#cc-main .cm--top {
    top: var(--cc-modal-margin)
}

#cc-main .cm--middle {
    top: 50%;
    transform: translateY(calc(-50% + 1.6em))
}

#cc-main .cm--bottom {
    bottom: var(--cc-modal-margin)
}

#cc-main .cm--center {
    left: var(--cc-modal-margin);
    margin: 0 auto;
    right: var(--cc-modal-margin);
    width: unset
}

#cc-main .cm--left {
    left: var(--cc-modal-margin);
    margin-right: var(--cc-modal-margin)
}

#cc-main .cm--right {
    margin-left: var(--cc-modal-margin);
    right: var(--cc-modal-margin)
}

#cc-main .cm__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

#cc-main .cm__btns,
#cc-main .cm__links {
    padding: 1rem 1.3rem;
    width: unset
}

#cc-main .cm__texts {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0 0
}

#cc-main .cm__desc,
#cc-main .cm__title {
    padding: 0 1.3rem
}

#cc-main .cm__title {
    font-size: 1.05em
}

#cc-main .cm__title+.cm__desc {
    margin-top: 1.1em
}

#cc-main .cm__desc {
    color: var(--cc-secondary-color);
    font-size: .9em;
    line-height: 1.5;
    max-height: 40vh;
    overflow-x: visible;
    overflow-y: auto;
    padding-bottom: 1em
}

#cc-main .cm__btns {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    flex-direction: column;
    justify-content: center
}

#cc-main .cm__btn-group {
    display: grid;
    grid-auto-columns: minmax(0, 1fr)
}

#cc-main .cm__btn+.cm__btn,
#cc-main .cm__btn-group+.cm__btn-group {
    margin-top: .375rem
}

#cc-main .cm--flip .cm__btn+.cm__btn,
#cc-main .cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .cm--inline .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-right: 0
}

#cc-main .cm--wide .cm__btn+.cm__btn,
#cc-main .cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-right: .375rem
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
    display: flex;
    flex: 1;
    justify-content: space-between
}

#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
    flex-direction: row-reverse
}

#cc-main .cm__btn {
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    font-size: .82em;
    font-weight: 600;
    min-height: 42px;
    padding: .5em 1em;
    text-align: center
}

#cc-main .cm__btn:hover {
    background: var(--cc-btn-primary-hover-bg);
    border-color: var(--cc-btn-primary-hover-border-color);
    color: var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--secondary:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color);
    color: var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close {
    border-radius: 0;
    border-bottom-left-radius: var(--cc-btn-border-radius);
    border-right: none;
    border-top: none;
    display: none;
    font-size: 1em;
    height: 42px;
    min-width: auto !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px
}

#cc-main .cm__btn--close svg {
    stroke: var(--cc-btn-primary-color);
    transform: scale(.5);
    transition: stroke .15s ease
}

#cc-main .cm__btn--close:hover svg {
    stroke: var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--close.cm__btn--secondary svg {
    stroke: var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
    stroke: var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close+.cm__texts .cm__title {
    padding-right: 3rem
}

#cc-main .cm--inline .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm__footer {
    background: var(--cc-footer-bg);
    border-top: 1px solid var(--cc-footer-border-color);
    color: var(--cc-footer-color);
    padding: .4em 0 .5em
}

#cc-main .cm__links {
    display: flex;
    flex-direction: row;
    padding-bottom: 0;
    padding-top: 0
}

#cc-main .cm__link-group {
    display: flex;
    flex-direction: row;
    font-size: .8em;
    width: 100%
}

#cc-main .cm__link-group>*+* {
    margin-left: 1.3rem
}

#cc-main .cm--flip .cm__btn:last-child {
    grid-row: 1
}

#cc-main .cm--inline.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--box .cm__btn--close {
    display: block
}

#cc-main .cm--box.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--box.cm--wide {
    max-width: 36em
}

#cc-main .cm--box.cm--wide .cm__btns {
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--box.cm--wide .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--box.cm--wide .cm__btn {
    min-width: 120px;
    padding-left: 1.8em;
    padding-right: 1.8em
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--cloud {
    max-width: 54em;
    width: unset
}

#cc-main .cm--cloud .cm__body {
    flex-direction: row
}

#cc-main .cm--cloud .cm__texts {
    flex: 1
}

#cc-main .cm--cloud .cm__desc {
    max-height: 9.4em
}

#cc-main .cm--cloud .cm__btns {
    border-left: 1px solid var(--cc-separator-border-color);
    border-top: none;
    max-width: 23em
}

#cc-main .cm--cloud .cm__btn-group {
    flex-direction: column
}

#cc-main .cm--cloud .cm__btn {
    min-width: 19em
}

#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--cloud.cm--inline .cm__btn-group {
    flex-direction: row
}

#cc-main .cm--cloud.cm--inline .cm__btn {
    min-width: 10em
}

#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
    flex-direction: row-reverse
}

#cc-main .cm--bar {
    border-radius: 0;
    left: 0;
    margin: 0;
    max-width: unset;
    opacity: 1;
    right: 0;
    transform: translateY(0);
    width: 100vw;
    --cc-modal-transition-duration: .35s
}

#cc-main .cm--bar.cm--top {
    top: 0;
    transform: translateY(-100%)
}

#cc-main .cm--bar.cm--bottom {
    bottom: 0;
    transform: translateY(100%)
}

#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
    margin: 0 auto;
    max-width: 55em;
    width: 100%
}

#cc-main .cm--bar .cm__body {
    padding: .5em 0 .9em
}

#cc-main .cm--bar .cm__btns {
    border-top: none;
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--bar .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--bar .cm__btn {
    min-width: 120px;
    padding-left: 2em;
    padding-right: 2em
}

#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--bar.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--bar.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
    max-width: 74em
}

#cc-main .cm--bar.cm--inline .cm__body {
    flex-direction: row;
    padding: 0
}

#cc-main .cm--bar.cm--inline .cm__btns {
    flex-direction: column;
    justify-content: center;
    max-width: 23em
}

#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
    transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}

#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
    transition: background-color .15s ease, border-color .15s ease, color .15s ease
}

.disable--interaction #cc-main .cm-wrapper:before {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 0
}

.show--consent #cc-main .cc--anim .cm {
    opacity: 1;
    transform: translateY(0);
    visibility: visible !important
}

.show--consent #cc-main .cc--anim .cm--middle {
    transform: translateY(-50%)
}

.show--consent #cc-main .cc--anim .cm--bar {
    transform: translateY(0)
}

.show--consent #cc-main .cc--anim.cm-wrapper:before {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .cm__btn--close {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: var(--cc-btn-border-radius);
    left: 0;
    right: unset
}

#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title {
    padding-left: 3rem !important;
    padding-right: 1.3rem
}

#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm__link-group>*+* {
    margin-left: 0;
    margin-right: 1.3rem
}

@media screen and (max-width: 640px) {
    #cc-main {
        --cc-modal-margin: .5em
    }

    #cc-main .cm {
        max-width: none !important;
        width: auto !important
    }

    #cc-main .cm__body {
        flex-direction: column !important;
        padding: 0 !important
    }

    #cc-main .cm__btns,
    #cc-main .cm__desc,
    #cc-main .cm__links,
    #cc-main .cm__title {
        padding-left: 1.1rem !important;
        padding-right: 1.1rem !important
    }

    #cc-main .cm__btns {
        border-left: none !important;
        border-top: 1px solid var(--cc-separator-border-color) !important;
        flex-direction: column !important;
        max-width: none !important;
        min-width: auto !important
    }

    #cc-main .cm__btn+.cm__btn,
    #cc-main .cm__btn-group+.cm__btn-group {
        margin: .375rem 0 0 !important
    }

    #cc-main .cm--flip .cm__btn+.cm__btn,
    #cc-main .cm--flip .cm__btn-group+.cm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }

    #cc-main .cm__btn-group {
        display: flex !important;
        flex-direction: column !important;
        min-width: auto !important
    }

    #cc-main .cm__btn {
        flex: auto !important
    }

    #cc-main .cm__link-group {
        justify-content: center !important
    }

    #cc-main .cm--flip .cm__btn-group,
    #cc-main .cm--flip .cm__btns {
        flex-direction: column-reverse !important
    }
}

#cc-main .pm-wrapper {
    position: relative;
    z-index: 2
}

#cc-main .pm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em #0000024d;
    display: flex;
    flex-direction: column;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    visibility: hidden;
    width: 100%;
    width: unset;
    z-index: 1
}

#cc-main svg {
    fill: none;
    width: 100%
}

#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm__header {
    align-items: center;
    border-bottom: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__title {
    align-items: center;
    display: flex;
    flex: 1;
    font-weight: 600;
    margin-right: 2em
}

#cc-main .pm__close-btn {
    background: var(--cc-btn-secondary-bg);
    border: 1px solid var(--cc-btn-secondary-border-color);
    border-radius: var(--cc-btn-border-radius);
    height: 40px;
    position: relative;
    transition: all .15s ease;
    width: 40px
}

#cc-main .pm__close-btn span {
    display: flex;
    height: 100%;
    width: 100%
}

#cc-main .pm__close-btn svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(.5);
    transition: stroke .15s ease
}

#cc-main .pm__close-btn:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color)
}

#cc-main .pm__close-btn:hover svg {
    stroke: var(--cc-btn-secondary-hover-color)
}

#cc-main .pm__body {
    flex: 1;
    overflow-y: auto;
    overflow-y: overlay
}

#cc-main .pm__section,
#cc-main .pm__section--toggle {
    border-radius: var(--cc-btn-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: .5em
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
    border: 1px solid var(--cc-cookie-category-block-border);
    border-radius: var(--cc-btn-border-radius);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
    margin-top: 0 !important;
    overflow: hidden
}

#cc-main .pm__section {
    border: 1px solid var(--cc-separator-border-color);
    padding: 1em;
    transition: background-color .25s ease, border-color .25s ease
}

#cc-main .pm__section:first-child {
    border: none;
    margin-bottom: 2em;
    margin-top: 0;
    padding: 0;
    transition: none
}

#cc-main .pm__section:not(:first-child):hover {
    background: var(--cc-cookie-category-block-bg);
    border-color: var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-toggles+.pm__section {
    margin-top: 2em
}

#cc-main .pm__section--toggle {
    background: var(--cc-cookie-category-block-bg);
    border-top: none;
    margin-bottom: .375rem
}

#cc-main .pm__section--toggle .pm__section-title {
    align-items: center;
    background: var(--cc-cookie-category-block-bg);
    border: 1px solid var(--cc-cookie-category-block-border);
    display: flex;
    justify-content: space-between;
    min-height: 58px;
    padding: 1.1em 5.4em 1.1em 1.2em;
    position: relative;
    transition: background-color .25s ease, border-color .25s ease;
    width: 100%
}

#cc-main .pm__section--toggle .pm__section-title:hover {
    background: var(--cc-cookie-category-block-hover-bg);
    border-color: var(--cc-cookie-category-block-hover-border)
}

#cc-main .pm__section--toggle .pm__section-desc {
    margin-top: 0;
    padding: 1em
}

#cc-main .pm__section--toggle.is-expanded {
    --cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
    --cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
    transform: scale(.5) rotate(180deg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
    display: flex
}

#cc-main .pm__section--expandable .pm__section-title {
    cursor: pointer;
    padding-left: 3.4em
}

#cc-main .pm__section--expandable .pm__section-arrow {
    background: var(--cc-toggle-readonly-bg);
    border-radius: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 18px;
    pointer-events: none;
    position: absolute;
    width: 20px
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(.5)
}

#cc-main .pm__section-title-wrapper {
    align-items: center;
    display: flex;
    position: relative
}

#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
    margin-top: .85em
}

#cc-main .pm__section-title {
    border-radius: var(--cc-btn-border-radius);
    font-size: .95em;
    font-weight: 600
}

#cc-main .pm__badge {
    align-items: center;
    background: var(--cc-btn-secondary-bg);
    border-radius: 5em;
    color: var(--cc-secondary-color);
    display: flex;
    flex: none;
    font-size: .8em;
    font-weight: 600;
    height: 23px;
    justify-content: center;
    margin-left: 1em;
    min-width: 23px;
    overflow: hidden;
    padding: 0 .6em 1px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: auto
}

#cc-main .pm__service-counter {
    background: var(--cc-btn-primary-bg);
    color: var(--cc-btn-primary-color);
    padding: 0;
    width: 23px
}

#cc-main .pm__service-counter[data-counterlabel] {
    padding: 0 .6em 1px;
    width: auto
}

#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
    border-radius: var(--cc-pm-toggle-border-radius);
    height: 23px;
    transform: translateZ(0);
    width: 50px
}

#cc-main .section__toggle-wrapper {
    cursor: pointer;
    position: absolute;
    right: 18px;
    z-index: 1
}

#cc-main .toggle-service {
    height: 19px;
    position: relative;
    right: 0;
    width: 42px
}

#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
    height: 19px;
    width: 42px
}

#cc-main .toggle-service .toggle__icon {
    position: relative
}

#cc-main .toggle-service .toggle__icon-circle {
    height: 19px;
    width: 19px
}

#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translate(23px)
}

#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
    display: none !important
}

#cc-main .section__toggle {
    border: 0;
    cursor: pointer;
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0
}

#cc-main .section__toggle:disabled {
    cursor: not-allowed
}

#cc-main .toggle__icon {
    background: var(--cc-toggle-off-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
    display: flex;
    flex-direction: row;
    pointer-events: none;
    position: absolute;
    transition: all .25s ease
}

#cc-main .toggle__icon-circle {
    background: var(--cc-toggle-off-knob-bg);
    border: none;
    border-radius: var(--cc-pm-toggle-border-radius);
    box-shadow: 0 1px 2px #1820035c;
    display: block;
    height: 23px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .25s ease, background-color .25s ease;
    width: 23px
}

#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
    height: 100%;
    position: absolute;
    transition: opacity .15s ease;
    width: 100%
}

#cc-main .toggle__icon-on {
    opacity: 0;
    transform: rotate(45deg)
}

#cc-main .toggle__icon-on svg {
    stroke: var(--cc-toggle-on-bg);
    transform: scale(.55) rotate(-45deg)
}

#cc-main .toggle__icon-off {
    opacity: 1
}

#cc-main .toggle__icon-off svg {
    stroke: var(--cc-toggle-off-bg);
    transform: scale(.55)
}

#cc-main .section__toggle:checked~.toggle__icon {
    background: var(--cc-toggle-on-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-on-bg)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    background-color: var(--cc-toggle-on-knob-bg);
    transform: translate(27px)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on {
    opacity: 1
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off {
    opacity: 0
}

#cc-main .section__toggle:checked:disabled~.toggle__icon {
    background: var(--cc-toggle-readonly-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg)
}

#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle {
    background: var(--cc-toggle-readonly-knob-bg);
    box-shadow: none
}

#cc-main .section__toggle:checked:disabled~.toggle__icon svg {
    stroke: var(--cc-toggle-readonly-knob-icon-color)
}

#cc-main .toggle__label {
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

#cc-main .pm__section-desc-wrapper {
    color: var(--cc-secondary-color);
    display: flex;
    flex-direction: column;
    font-size: .9em
}

#cc-main .pm__section-desc-wrapper>:not(:last-child) {
    border-bottom: 1px solid var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-services {
    display: flex;
    flex-direction: column
}

#cc-main .pm__service {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .4em 1.2em;
    position: relative;
    transition: background-color .15s ease
}

#cc-main .pm__service:hover {
    background-color: var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__service-header {
    align-items: center;
    display: flex;
    margin-right: 1em;
    width: 100%
}

#cc-main .pm__service-icon {
    border: 2px solid;
    border-radius: 100%;
    height: 8px;
    margin-left: 6px;
    margin-right: 20px;
    margin-top: 1px;
    min-width: 8px
}

#cc-main .pm__service-title {
    font-size: .95em;
    width: 100%;
    word-break: break-word
}

#cc-main .pm__section-desc {
    line-height: 1.5em
}

#cc-main .pm__section-table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%
}

#cc-main .pm__table-caption {
    text-align: left
}

#cc-main .pm__table-caption,
#cc-main .pm__table-head>tr {
    border-bottom: 1px dashed var(--cc-separator-border-color);
    color: var(--cc-primary-color);
    font-weight: 600
}

#cc-main .pm__table-tr {
    transition: background-color .15s ease
}

#cc-main .pm__table-tr:hover {
    background: var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
    padding: .625em .625em .625em 1.2em;
    vertical-align: top
}

#cc-main .pm__footer {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__btn-group {
    display: flex
}

#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group {
    margin-left: .375rem
}

#cc-main .pm--flip .pm__btn+.pm__btn,
#cc-main .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .pm__btn {
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    flex: auto;
    font-size: .82em;
    font-weight: 600;
    min-height: 42px;
    min-width: 110px;
    padding: .5em 1.5em;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease
}

#cc-main .pm__btn:hover {
    background: var(--cc-btn-primary-hover-bg);
    border-color: var(--cc-btn-primary-hover-border-color);
    color: var(--cc-btn-primary-hover-color)
}

#cc-main .pm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

#cc-main .pm__btn--secondary:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color);
    color: var(--cc-btn-secondary-hover-color)
}

#cc-main .pm--box {
    height: calc(100% - 2em);
    left: var(--cc-modal-margin);
    margin: 0 auto;
    max-height: 37.5em;
    max-width: 43em;
    right: var(--cc-modal-margin);
    top: 50%;
    transform: translateY(calc(-50% + 1.6em))
}

#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm--bar {
    border-radius: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    max-width: 29em;
    opacity: 1;
    top: 0;
    width: 100%;
    --cc-modal-transition-duration: .35s
}

#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
    display: block
}

#cc-main .pm--bar .pm__table-head {
    display: none
}

#cc-main .pm--bar .pm__table-caption {
    display: block
}

#cc-main .pm--bar .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color)
}

#cc-main .pm--bar .pm__table-td {
    display: flex;
    justify-content: space-between
}

#cc-main .pm--bar .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis
}

#cc-main .pm--bar .pm__table-td>div {
    flex: 3
}

#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
    padding: 1em 1.3em
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
    flex-direction: column
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin: .375rem 0 0
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
    flex-direction: column-reverse
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .pm--bar:not(.pm--wide) .pm__badge {
    display: none
}

#cc-main .pm--bar.pm--left {
    left: 0;
    transform: translate(-100%)
}

#cc-main .pm--bar.pm--right {
    right: 0;
    transform: translate(100%)
}

#cc-main .pm--bar.pm--wide {
    max-width: 35em
}

#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm-overlay {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1
}

#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
    transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}

.show--preferences #cc-main .cc--anim .pm {
    opacity: 1;
    visibility: visible !important
}

.show--preferences #cc-main .cc--anim .pm--box {
    transform: translateY(-50%)
}

.show--preferences #cc-main .cc--anim .pm--bar {
    transform: translate(0)
}

.show--preferences #cc-main .cc--anim .pm-overlay {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .pm__service-header {
    margin-left: 1em;
    margin-right: 0
}

#cc-main.cc--rtl .pm__section-arrow {
    left: unset;
    right: 18px
}

#cc-main.cc--rtl .section__toggle-wrapper {
    left: 18px;
    right: unset;
    transform-origin: left
}

#cc-main.cc--rtl .toggle-service {
    left: 0
}

#cc-main.cc--rtl .pm__service-icon {
    margin-left: 20px;
    margin-right: 5px
}

#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
    padding-left: 5.4em;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
    padding-right: 3.4em
}

#cc-main.cc--rtl .pm__badge {
    margin-left: unset;
    margin-right: 1em
}

#cc-main.cc--rtl .toggle__icon-circle {
    transform: translate(27px)
}

#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
    transform: translate(23px)
}

#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translate(0)
}

#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
    padding-left: unset;
    padding-right: 1.2em;
    text-align: right
}

#cc-main.cc--rtl .pm__table-td {
    padding-left: unset;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__table-td:before {
    padding-left: 2em;
    padding-right: unset
}

#cc-main.cc--rtl .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin-left: 0
}

@media screen and (max-width: 640px) {
    #cc-main .pm {
        border-radius: 0;
        bottom: 0;
        height: auto;
        left: 0;
        max-height: 100%;
        max-width: none !important;
        right: 0;
        top: 0;
        transform: translateY(1.6em)
    }

    #cc-main .pm__body,
    #cc-main .pm__footer,
    #cc-main .pm__header {
        padding: .9em !important
    }

    #cc-main .pm__badge {
        display: none
    }

    #cc-main .pm__section-table,
    #cc-main .pm__table-body,
    #cc-main .pm__table-caption,
    #cc-main .pm__table-td,
    #cc-main .pm__table-th,
    #cc-main .pm__table-tr {
        display: block
    }

    #cc-main .pm__table-head {
        display: none
    }

    #cc-main .pm__table-tr:not(:last-child) {
        border-bottom: 1px solid var(--cc-separator-border-color)
    }

    #cc-main .pm__table-td {
        display: flex;
        justify-content: space-between
    }

    #cc-main .pm__table-td:before {
        color: var(--cc-primary-color);
        content: attr(data-column);
        flex: 1;
        font-weight: 600;
        min-width: 100px;
        overflow: hidden;
        padding-right: 2em;
        text-overflow: ellipsis
    }

    #cc-main .pm__table-td>div {
        flex: 3
    }

    #cc-main .pm__btn-group,
    #cc-main .pm__footer {
        flex-direction: column !important
    }

    #cc-main .pm__btn-group {
        display: flex !important
    }

    #cc-main .pm__btn+.pm__btn,
    #cc-main .pm__btn-group+.pm__btn-group {
        margin: .375rem 0 0 !important
    }

    #cc-main .pm--flip .pm__btn+.pm__btn,
    #cc-main .pm--flip .pm__btn-group+.pm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }

    #cc-main .pm--flip .pm__btn-group,
    #cc-main .pm--flip .pm__footer {
        flex-direction: column-reverse !important
    }

    .show--preferences #cc-main .cc--anim .pm {
        transform: translateY(0) !important
    }
}

:root {
    --button-height: 2.5rem;
    --button-width: auto;
    --button-padding: 0 .9375rem 0 .9375rem;
    --button-radius: 4.375rem;
    --button-color: #FFFFFF;
    --button-background: #000000;
    --button-stroke-color: var(--button-background);
    --button-stroke-width: 1px;
    --button-color-hover: #000000;
    --button-background-hover: #D6D6D6;
    --button-stroke-color-hover: transparent;
    --button-color-active: #000000;
    --button-background-active: #FFFFFF;
    --button-stroke-color-active: var(--button-background-active)
}

.c-button,
.recharge.page__customers__request-invite .btn,
.shopify-challenge__button.btn {
    display: inline-flex;
    align-items: center;
    color: var(--button-color);
    background-color: var(--button-background);
    height: var(--button-height);
    width: var(--button-width);
    padding: var(--button-padding);
    border-radius: var(--button-radius);
    text-transform: lowercase;
    position: relative;
    z-index: 0;
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    transition: background-color .2s cubic-bezier(.38, .005, .215, 1), color .2s cubic-bezier(.38, .005, .215, 1);
    font-kerning: none
}

.c-button.focus-visible,
.recharge.page__customers__request-invite .focus-visible.btn,
.focus-visible.shopify-challenge__button.btn {
    outline-color: var(--button-color);
    outline-width: 2px;
    outline-offset: -4px;
    outline-style: dashed;
    border-radius: var(--border-radius)
}

.c-button:disabled,
.recharge.page__customers__request-invite .btn:disabled,
.shopify-challenge__button.btn:disabled {
    opacity: .35;
    pointer-events: none
}

.c-button:after,
.recharge.page__customers__request-invite .btn:after,
.shopify-challenge__button.btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--button-background);
    border-radius: var(--button-radius);
    z-index: -1
}

.c-button:active:after,
.recharge.page__customers__request-invite .btn:active:after,
.shopify-challenge__button.btn:active:after {
    animation: pulse .5s ease
}

.c-button.-large,
.recharge.page__customers__request-invite .-large.btn,
.-large.shopify-challenge__button.btn {
    --button-height: 3.75rem;
    --button-padding: 0 1.75rem 0 1.75rem;
    font-size: var(--font-size-h4-sans)
}

.c-button.-secondary,
.recharge.page__customers__request-invite .-secondary.btn,
.-secondary.shopify-challenge__button.btn {
    --button-background: #F4F4F4;
    --button-color: #000000;
    --button-height: 60px
}

.c-button.-fullwidth,
.recharge.page__customers__request-invite .-fullwidth.btn,
.-fullwidth.shopify-challenge__button.btn {
    width: 100%;
    justify-content: center
}

.c-button.-small,
.recharge.page__customers__request-invite .-small.btn,
.-small.shopify-challenge__button.btn {
    font-size: var(--font-size-text-small);
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    text-transform: lowercase;
    padding: 0 10px;
    height: auto;
    font-family: StudioProRegular, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

.c-button.-small .c-button_label,
.recharge.page__customers__request-invite .-small.btn .c-button_label,
.-small.shopify-challenge__button.btn .c-button_label {
    padding: 2px 0 4px
}

.c-button.-reverse .c-button_inner,
.recharge.page__customers__request-invite .-reverse.btn .c-button_inner,
.-reverse.shopify-challenge__button.btn .c-button_inner {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 6px
}

.c-button.-circle,
.recharge.page__customers__request-invite .-circle.btn,
.-circle.shopify-challenge__button.btn {
    --button-width: 2.5rem;
    --button-height: 2.5rem;
    --button-padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.c-button.-circle-small,
.recharge.page__customers__request-invite .-circle-small.btn,
.-circle-small.shopify-challenge__button.btn {
    --button-width: 1.25rem;
    --button-height: 1.25rem;
    --button-padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.c-button.-circle-small .c-button_inner,
.recharge.page__customers__request-invite .-circle-small.btn .c-button_inner,
.-circle-small.shopify-challenge__button.btn .c-button_inner {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.c-button.-fluid,
.recharge.page__customers__request-invite .-fluid.btn,
.-fluid.shopify-challenge__button.btn {
    --button-width: 100%;
    justify-content: center
}

html.is-cart-updating .c-button.-spinner,
html.is-cart-updating .recharge.page__customers__request-invite .-spinner.btn,
.recharge.page__customers__request-invite html.is-cart-updating .-spinner.btn,
html.is-cart-updating .-spinner.shopify-challenge__button.btn,
html.checkout-required .c-button.-spinner,
html.checkout-required .recharge.page__customers__request-invite .-spinner.btn,
.recharge.page__customers__request-invite html.checkout-required .-spinner.btn,
html.checkout-required .-spinner.shopify-challenge__button.btn {
    pointer-events: none
}

.c-button.-icon .c-button_inner,
.recharge.page__customers__request-invite .-icon.btn .c-button_inner,
.-icon.shopify-challenge__button.btn .c-button_inner {
    display: inline-flex;
    gap: 10px
}

.c-button.-icon .c-button_icon,
.recharge.page__customers__request-invite .-icon.btn .c-button_icon,
.-icon.shopify-challenge__button.btn .c-button_icon {
    flex-shrink: 0
}

.c-button.-expand,
.recharge.page__customers__request-invite .-expand.btn,
.-expand.shopify-challenge__button.btn {
    --button-circle: 2.5rem;
    -webkit-clip-path: inset(0 0 0 calc(100% - var(--button-circle)) round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle));
    clip-path: inset(0 0 0 calc(100% - var(--button-circle)) round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle));
    transition: color .3s cubic-bezier(.38, .005, .215, 1), background-color .3s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .3s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .3s cubic-bezier(.38, .005, .215, 1), color .3s cubic-bezier(.38, .005, .215, 1), background-color .3s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .3s cubic-bezier(.38, .005, .215, 1), color .3s cubic-bezier(.38, .005, .215, 1), background-color .3s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .3s cubic-bezier(.38, .005, .215, 1)
}

.c-button.-expand.-large,
.recharge.page__customers__request-invite .-expand.-large.btn,
.-expand.-large.shopify-challenge__button.btn {
    --button-circle: 3.75rem
}

.c-button.-expand .c-button_label,
.recharge.page__customers__request-invite .-expand.btn .c-button_label,
.-expand.shopify-challenge__button.btn .c-button_label {
    display: inline-flex;
    height: 100%;
    align-items: center;
    padding-right: calc(var(--button-circle)*.8);
    opacity: 0;
    transform: translate3d(-20px, 0, 0);
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), transform .6s cubic-bezier(.38, .005, .215, 1);
    line-height: 1
}

.c-button.-expand .c-button_icon,
.recharge.page__customers__request-invite .-expand.btn .c-button_icon,
.-expand.shopify-challenge__button.btn .c-button_icon {
    position: absolute;
    right: 0;
    top: 0;
    width: var(--button-circle);
    height: var(--button-circle);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: transform .3s cubic-bezier(.38, .005, .215, 1), left .3s cubic-bezier(.38, .005, .215, 1)
}

@media (hover: hover) {

    .c-button.-expand:hover,
    .recharge.page__customers__request-invite .-expand.btn:hover,
    .-expand.shopify-challenge__button.btn:hover,
    .u-button-hover:hover .c-button.-expand,
    .u-button-hover:hover .recharge.page__customers__request-invite .-expand.btn,
    .recharge.page__customers__request-invite .u-button-hover:hover .-expand.btn,
    .u-button-hover:hover .-expand.shopify-challenge__button.btn,
    .u-button-hover.focus-visible .c-button.-expand,
    .u-button-hover.focus-visible .recharge.page__customers__request-invite .-expand.btn,
    .recharge.page__customers__request-invite .u-button-hover.focus-visible .-expand.btn,
    .u-button-hover.focus-visible .-expand.shopify-challenge__button.btn {
        -webkit-clip-path: inset(0 0 0 0 round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle));
        clip-path: inset(0 0 0 0 round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle))
    }

    .c-button.-expand:hover .c-button_label,
    .recharge.page__customers__request-invite .-expand.btn:hover .c-button_label,
    .-expand.shopify-challenge__button.btn:hover .c-button_label,
    .u-button-hover:hover .c-button.-expand .c-button_label,
    .u-button-hover:hover .recharge.page__customers__request-invite .-expand.btn .c-button_label,
    .recharge.page__customers__request-invite .u-button-hover:hover .-expand.btn .c-button_label,
    .u-button-hover:hover .-expand.shopify-challenge__button.btn .c-button_label,
    .u-button-hover.focus-visible .c-button.-expand .c-button_label,
    .u-button-hover.focus-visible .recharge.page__customers__request-invite .-expand.btn .c-button_label,
    .recharge.page__customers__request-invite .u-button-hover.focus-visible .-expand.btn .c-button_label,
    .u-button-hover.focus-visible .-expand.shopify-challenge__button.btn .c-button_label {
        opacity: 1;
        transform: translate(0)
    }

    .c-button.-expand:hover .c-button_icon,
    .recharge.page__customers__request-invite .-expand.btn:hover .c-button_icon,
    .-expand.shopify-challenge__button.btn:hover .c-button_icon,
    .u-button-hover:hover .c-button.-expand .c-button_icon,
    .u-button-hover:hover .recharge.page__customers__request-invite .-expand.btn .c-button_icon,
    .recharge.page__customers__request-invite .u-button-hover:hover .-expand.btn .c-button_icon,
    .u-button-hover:hover .-expand.shopify-challenge__button.btn .c-button_icon,
    .u-button-hover.focus-visible .c-button.-expand .c-button_icon,
    .u-button-hover.focus-visible .recharge.page__customers__request-invite .-expand.btn .c-button_icon,
    .recharge.page__customers__request-invite .u-button-hover.focus-visible .-expand.btn .c-button_icon,
    .u-button-hover.focus-visible .-expand.shopify-challenge__button.btn .c-button_icon {
        transform: translate(-3px)
    }
}

.c-button.-expand.-reverse,
.recharge.page__customers__request-invite .-expand.-reverse.btn,
.-expand.-reverse.shopify-challenge__button.btn {
    -webkit-clip-path: inset(0 calc(100% - var(--button-circle)) 0 0 round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle));
    clip-path: inset(0 calc(100% - var(--button-circle)) 0 0 round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle))
}

.c-button.-expand.-reverse .c-button_icon,
.recharge.page__customers__request-invite .-expand.-reverse.btn .c-button_icon,
.-expand.-reverse.shopify-challenge__button.btn .c-button_icon {
    right: inherit;
    left: 0
}

@media (hover: hover) {

    .c-button.-expand.-reverse:hover .c-button_icon,
    .recharge.page__customers__request-invite .-expand.-reverse.btn:hover .c-button_icon,
    .-expand.-reverse.shopify-challenge__button.btn:hover .c-button_icon,
    .u-button-hover:hover .c-button.-expand.-reverse .c-button_icon,
    .u-button-hover:hover .recharge.page__customers__request-invite .-expand.-reverse.btn .c-button_icon,
    .recharge.page__customers__request-invite .u-button-hover:hover .-expand.-reverse.btn .c-button_icon,
    .u-button-hover:hover .-expand.-reverse.shopify-challenge__button.btn .c-button_icon,
    .u-button-hover.focus-visible .c-button.-expand.-reverse .c-button_icon,
    .u-button-hover.focus-visible .recharge.page__customers__request-invite .-expand.-reverse.btn .c-button_icon,
    .recharge.page__customers__request-invite .u-button-hover.focus-visible .-expand.-reverse.btn .c-button_icon,
    .u-button-hover.focus-visible .-expand.-reverse.shopify-challenge__button.btn .c-button_icon {
        transform: translate(3px);
        left: calc(100% - var(--button-circle)*1.25)
    }
}

.c-button.-animate-mask,
.recharge.page__customers__request-invite .-animate-mask.btn,
.-animate-mask.shopify-challenge__button.btn {
    -webkit-clip-path: inset(0% calc(100% - var(--border-radius) * 2) 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
    clip-path: inset(0% calc(100% - var(--border-radius) * 2) 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
    opacity: 0;
    transform: translateY(2.5rem)
}

html.is-first-loaded .c-button.-animate-mask,
html.is-first-loaded .recharge.page__customers__request-invite .-animate-mask.btn,
.recharge.page__customers__request-invite html.is-first-loaded .-animate-mask.btn,
html.is-first-loaded .-animate-mask.shopify-challenge__button.btn {
    transition: transform .6s .1s cubic-bezier(.38, .005, .215, 1), opacity .3s .1s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .6s .6s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s .6s cubic-bezier(.38, .005, .215, 1), transform .6s .1s cubic-bezier(.38, .005, .215, 1), opacity .3s .1s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s .6s cubic-bezier(.38, .005, .215, 1), transform .6s .1s cubic-bezier(.38, .005, .215, 1), opacity .3s .1s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .6s .6s cubic-bezier(.38, .005, .215, 1)
}

.c-button.-animate-mask .c-button_label,
.recharge.page__customers__request-invite .-animate-mask.btn .c-button_label,
.-animate-mask.shopify-challenge__button.btn .c-button_label {
    transform: translate(2.5rem);
    opacity: 0;
    display: inline-block
}

html.is-first-loaded .c-button.-animate-mask .c-button_label,
html.is-first-loaded .recharge.page__customers__request-invite .-animate-mask.btn .c-button_label,
.recharge.page__customers__request-invite html.is-first-loaded .-animate-mask.btn .c-button_label,
html.is-first-loaded .-animate-mask.shopify-challenge__button.btn .c-button_label {
    transition: transform .6s .6s cubic-bezier(.38, .005, .215, 1), opacity .6s .6s cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-button.-animate-mask,
html.is-ready .recharge.page__customers__request-invite .-animate-mask.btn,
.recharge.page__customers__request-invite html.is-ready .-animate-mask.btn,
html.is-ready .-animate-mask.shopify-challenge__button.btn {
    opacity: 1;
    transform: translateY(0);
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius))
}

html.is-ready .c-button.-animate-mask .c-button_label,
html.is-ready .recharge.page__customers__request-invite .-animate-mask.btn .c-button_label,
.recharge.page__customers__request-invite html.is-ready .-animate-mask.btn .c-button_label,
html.is-ready .-animate-mask.shopify-challenge__button.btn .c-button_label {
    transform: translate(0);
    opacity: 1
}

.c-button_label {
    padding-bottom: .125rem;
    display: inline-block
}

.c-button.-spinner .c-button_label,
.recharge.page__customers__request-invite .-spinner.btn .c-button_label,
.-spinner.shopify-challenge__button.btn .c-button_label {
    display: inline-block;
    transform: scaleZ(1);
    transition: transform .3s cubic-bezier(.38, .005, .215, 1), opacity .3s cubic-bezier(.38, .005, .215, 1);
    opacity: 1;
    padding-bottom: 0
}

html.is-cart-updating .c-button.-spinner .c-button_label,
html.is-cart-updating .recharge.page__customers__request-invite .-spinner.btn .c-button_label,
.recharge.page__customers__request-invite html.is-cart-updating .-spinner.btn .c-button_label,
html.is-cart-updating .-spinner.shopify-challenge__button.btn .c-button_label,
html.checkout-required .c-button.-spinner .c-button_label,
html.checkout-required .recharge.page__customers__request-invite .-spinner.btn .c-button_label,
.recharge.page__customers__request-invite html.checkout-required .-spinner.btn .c-button_label,
html.checkout-required .-spinner.shopify-challenge__button.btn .c-button_label {
    transform: scale3d(1.1, 1.1, 1.1);
    opacity: 0
}

.c-button_spinner {
    position: absolute;
    top: calc(50% - .4375rem);
    left: calc(50% - .4375rem);
    transform: scale3d(0, 0, 0);
    transition: transform .3s cubic-bezier(.38, .005, .215, 1)
}

html.is-cart-updating .c-button_spinner,
html.checkout-required .c-button_spinner {
    transform: scaleZ(1)
}

@keyframes pulse {
    0% {
        transform: scaleZ(1)
    }

    to {
        transform: scale3d(1.25, 1.25, 1.25);
        opacity: 0
    }
}

@keyframes wave {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-.2rem)
    }
}

:root {
    --icon-width-cart: 1.25rem;
    --icon-ratio-cart: 1/1
}

.svg-cart {
    --icon-width: var(--icon-width-cart);
    --icon-ratio: var(--icon-ratio-cart);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor
}

:root {
    --icon-width-account: 1.25rem;
    --icon-ratio-account: 1/1
}

.svg-account {
    --icon-width: var(--icon-width-account);
    --icon-ratio: var(--icon-ratio-account);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor
}

:root {
    --icon-width-chevron: 1.25rem;
    --icon-ratio-chevron: 2/1
}

.svg-chevron {
    --icon-width: var(--icon-width-chevron);
    --icon-ratio: var(--icon-ratio-chevron);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: round
}

:root {
    --icon-width-chevron-left: .5rem;
    --icon-ratio-chevron-left: 1/2
}

.svg-chevron-left {
    --icon-width: var(--icon-width-chevron-left);
    --icon-ratio: var(--icon-ratio-chevron-left);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: round
}

:root {
    --icon-width-chevron-small: .625rem;
    --icon-ratio-chevron-small: 2/1
}

.svg-chevron-small {
    --icon-width: var(--icon-width-chevron-small);
    --icon-ratio: var(--icon-ratio-chevron-small);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: round
}

:root {
    --icon-width-arrow: 1rem;
    --icon-ratio-arrow: 1/1
}

.svg-arrow-right,
.svg-arrow-left {
    --icon-width: var(--icon-width-arrow);
    --icon-ratio: var(--icon-ratio-arrow);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: round
}

:root {
    --icon-width-trash-can: 1.125rem;
    --icon-ratio-trash-can: 1/1
}

.svg-trash-can {
    --icon-width: var(--icon-width-trash-can);
    --icon-ratio: var(--icon-ratio-trash-can);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: round
}

:root {
    --icon-width-plus: .5rem;
    --icon-ratio-plus: 1/1
}

.svg-plus,
.svg-minus {
    --icon-width: var(--icon-width-plus);
    --icon-ratio: var(--icon-ratio-plus);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 1px;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: round
}

:root {
    --icon-width-close: 1.125rem;
    --icon-ratio-close: 1/1
}

.svg-close {
    --icon-width: var(--icon-width-close);
    --icon-ratio: var(--icon-ratio-close);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor
}

:root {
    --icon-width-check-circle: 1.375rem;
    --icon-ratio-check-circle: 1/1
}

.svg-check-circle {
    --icon-width: var(--icon-width-check-circle);
    --icon-ratio: var(--icon-ratio-check-circle);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor
}

:root {
    --icon-width-perks: 3.125rem;
    --icon-ratio-perks: 1/1
}

.svg-perks {
    --icon-width: var(--icon-width-perks);
    --icon-ratio: var(--icon-ratio-perks);
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    stroke-width: 2px;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: round
}

.c-icon {
    display: inline-block;
    vertical-align: middle
}

.c-icon svg {
    display: block;
    width: var(--icon-width);
    height: var(--icon-height);
    fill: currentColor;
    stroke: currentColor
}

:root {
    --input-height: 3.75rem;
    --input-height-small: 2.5rem
}

.c-form_item {
    position: relative;
    margin-bottom: 1.875rem
}

.c-form_item.-overlap,
.c-form_items .c-form_item {
    margin-bottom: -2px
}

.c-form_item[data-aria-hidden=true] {
    display: none
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px #fff inset !important
}

.c-form_label,
.c-form_checkboxLabel,
.c-form_radioLabel {
    display: block;
    margin-bottom: .625rem
}

.c-form_input,
.rc_form.form-vertical input,
.c-form_textarea,
.c-form_select_input {
    height: var(--input-height);
    padding: .625rem var(--padding-box);
    border: 2px solid #000;
    background-color: #fff;
    border-radius: calc(var(--input-height)/2);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    line-height: 1
}

.c-form_input.-small,
.rc_form.form-vertical input.-small,
.-small.c-form_textarea,
.-small.c-form_select_input {
    --input-height: --input-height-small;
    border-radius: calc(var(--input-height-small)/2);
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

.c-form_input:hover,
.rc_form.form-vertical input:hover,
.c-form_textarea:hover,
.c-form_select_input:hover {
    border-color: #000
}

.c-form_input:focus,
.rc_form.form-vertical input:focus,
.c-form_textarea:focus,
.c-form_select_input:focus {
    background-color: #f4f4f4;
    color: #000
}

.c-form_input::-moz-placeholder,
.rc_form.form-vertical input::-moz-placeholder,
.c-form_textarea::-moz-placeholder,
.c-form_select_input::-moz-placeholder {
    color: #949494;
    text-transform: lowercase
}

.c-form_input::placeholder,
.rc_form.form-vertical input::placeholder,
.c-form_textarea::placeholder,
.c-form_select_input::placeholder {
    color: #949494;
    text-transform: lowercase
}

.c-form_checkboxLabel,
.c-form_radioLabel {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    position: relative;
    display: inline-block;
    margin-right: .625rem;
    margin-bottom: 0;
    padding-left: 1.75rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-form_checkboxLabel:before,
.c-form_radioLabel:before,
.c-form_checkboxLabel:after,
.c-form_radioLabel:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    margin-top: -.5625rem;
    padding: 0;
    width: 1.125rem;
    height: 1.125rem;
    content: ""
}

.c-form_checkboxLabel:before,
.c-form_radioLabel:before {
    background-color: #fff;
    border: 2px solid #000
}

.c-form_checkboxLabel:after,
.c-form_radioLabel:after {
    border-color: #0000;
    background-color: #0000;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2013%2010.5%22%20enable-background%3D%22new%200%200%2013%2010.5%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%230%22%20d%3D%22M4.8%205.8L2.4%203.3%200%205.7l4.8%204.8L13%202.4c0%200-2.4-2.4-2.4-2.4L4.8%205.8z%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-size: .75rem;
    background-repeat: no-repeat;
    opacity: 0
}

.c-form_checkbox:checked+.c-form_checkboxLabel:after,
.c-form_radio:checked+.c-form_checkboxLabel:after,
.c-form_checkbox:checked+.c-form_radioLabel:after,
.c-form_radio:checked+.c-form_radioLabel:after {
    opacity: 1
}

.c-form_checkbox:disabled+.c-form_checkboxLabel,
.c-form_radio:disabled+.c-form_checkboxLabel,
.c-form_checkbox:disabled+.c-form_radioLabel,
.c-form_radio:disabled+.c-form_radioLabel {
    opacity: .3
}

.c-form_checkbox,
.c-form_radio {
    position: absolute;
    width: 0;
    opacity: 0
}

.c-form_radioLabel:before,
.c-form_radioLabel:after {
    border-radius: 50%
}

.c-form_radioLabel:after {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20enable-background%3D%22new%200%200%2013%2013%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%230%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%2F%3E%3C%2Fsvg%3E);
    background-size: .375rem
}

.c-form_select {
    position: relative;
    cursor: pointer
}

.c-form_select:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 1em;
    right: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    position: absolute;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 1em;
    top: 50%;
    transform: rotate(135deg) translateY(100%);
    z-index: 2
}

.c-form_select.-small:after,
.c-form_select.-minimal:after {
    width: .5em;
    height: .5em;
    right: .625rem
}

.c-form_select:invalid {
    color: gray
}

.c-form_select [disabled] {
    color: gray
}

.c-form_select_input {
    text-transform: lowercase;
    position: relative;
    z-index: 1;
    padding-right: 2.5rem;
    cursor: pointer
}

.c-form_select.-grey .c-form_select_input {
    background-color: #f4f4f4;
    border-color: #f4f4f4
}

.c-form_select.-small .c-form_select_input {
    --input-height: --input-height-small;
    border-radius: calc(var(--input-height-small)/2);
    padding: .5rem 1.25rem;
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1.2
}

.c-form_select.-minimal .c-form_select_input {
    --input-height: rem(30px);
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    border: none;
    padding: .5rem .9375rem;
    line-height: 1.5;
    border-radius: calc(var(--input-height-small)/2)
}

.c-form_select.-minimal .c-form_select_input:focus,
.c-form_select.-minimal .c-form_select_input.focus-visible {
    background-color: #fff !important
}

.c-form_select_input:invalid {
    color: #949494;
    text-transform: lowercase
}

.c-form_textarea {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    min-height: 12.5rem
}

.c-form_footer {
    margin-top: 1.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-heading.-huge-sans {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-huge-sans);
    line-height: 1;
    text-transform: lowercase
}

.c-heading.-h1-sans {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h1-sans)
}

.c-heading.-h2-sans {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h2-sans)
}

.c-heading.-h3-sans {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h3-sans)
}

.c-heading.-h4-sans {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans)
}

.c-heading.-h5-sans {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h5-sans)
}

.c-heading.-h6-sans {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h6-sans)
}

.c-product-form_grid {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    display: grid;
    gap: var(--grid-gutter);
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 1000px) {
    .c-product-form_grid {
        max-width: 37.5rem
    }
}

@media (min-width: 700px) {
    .c-product-form_grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .c-product-form_grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.c-product-form_price {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h3-sans)
}

.c-product-form_price.-old {
    color: #949494;
    text-decoration: line-through;
    text-decoration-color: #000
}

.c-product-form_price_grid {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

.c-product-form_item_label {
    margin-bottom: .625rem
}

.c-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90300;
    overflow: hidden;
    pointer-events: none
}

html.is-mobile .c-modal {
    height: calc(var(--vh, 1vh)*100)
}

.c-modal_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    z-index: 2
}

html.is-ready .c-modal_container {
    transition: visibility 0s cubic-bezier(.38, .005, .215, 1) .6s
}

.c-modal_scrollable {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.c-modal_inner {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
    z-index: 1
}

.c-modal_close {
    position: fixed;
    top: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)));
    right: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)));
    z-index: 2
}

.c-modal_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: #000000d9
}

html.is-ready .c-modal_overlay,
html.is-loading .c-modal_overlay {
    transition: opacity .6s cubic-bezier(.38, .005, .215, 1), visibility 0s cubic-bezier(.38, .005, .215, 1) .6s
}

.c-modal_overlay_close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.c-modal-menu {
    --delay-close: .2s;
    -webkit-clip-path: inset(0% 0% 0% 0% round 0 0 0 0);
    clip-path: inset(0% 0% 0% 0% round 0 0 0 0);
    pointer-events: none;
    z-index: 90100
}

html.has-menu-open .c-modal-menu {
    pointer-events: all
}

html.is-first-loaded .c-modal-menu .c-modal_container {
    transition: visibility 0s cubic-bezier(.38, .005, .215, 1) .6s
}

html.has-menu-open .c-modal-menu .c-modal_container {
    pointer-events: all;
    visibility: visible;
    transition: visibility 0s 0s
}

.c-modal-menu .c-modal_scrollable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html.has-menu-open .c-modal-menu .c-modal_scrollable {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    overflow: auto;
    pointer-events: all
}

html.has-menu-open.is-first-loaded .c-modal-menu .c-modal_overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    cursor: pointer;
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), visibility 0s linear
}

@media (min-width: 1000px) {
    .c-modal-menu_inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 999px) {
    .c-modal-menu_inner {
        display: flex;
        flex-direction: column
    }
}

.c-modal-menu_nav {
    padding-top: var(--header-height);
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    padding-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    position: relative;
    z-index: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    background: #fff;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 1000px) {
    .c-modal-menu_nav {
        -webkit-clip-path: inset(0% 100% 0% 0% round 0px var(--border-radius-large) var(--border-radius-large) 0px);
        clip-path: inset(0% 100% 0% 0% round 0px var(--border-radius-large) var(--border-radius-large) 0px)
    }
}

@media (max-width: 999px) {
    .c-modal-menu_nav {
        -webkit-clip-path: inset(0% 0% 100% 0% round 0px 0px var(--border-radius-large) var(--border-radius-large));
        clip-path: inset(0% 0% 100% 0% round 0px 0px var(--border-radius-large) var(--border-radius-large));
        flex-grow: 1
    }
}

html.is-first-loaded .c-modal-menu_nav {
    transition: -webkit-clip-path .6s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .6s cubic-bezier(.38, .005, .215, 1)
}

@media (min-width: 1000px) {
    html.has-menu-open.is-first-loaded .c-modal-menu_nav {
        -webkit-clip-path: inset(0% 0% 0% 0% round 0px var(--border-radius-large) var(--border-radius-large) 0px);
        clip-path: inset(0% 0% 0% 0% round 0px var(--border-radius-large) var(--border-radius-large) 0px)
    }
}

@media (max-width: 999px) {
    html.has-menu-open.is-first-loaded .c-modal-menu_nav {
        -webkit-clip-path: inset(0% 0% 0% 0% round 0px 0px var(--border-radius-large) var(--border-radius-large));
        clip-path: inset(0% 0% 0% 0% round 0px 0px var(--border-radius-large) var(--border-radius-large))
    }
}

.c-modal-menu_nav_group.-main {
    padding-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    flex-grow: 1
}

@media (min-width: 1000px) {
    .c-modal-menu_nav_group.-secondary {
        padding-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

@media (max-width: 999px) {
    .c-modal-menu_nav_group.-secondary {
        padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 1000px) {
    .c-modal-menu_sticky {
        position: sticky;
        top: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-left: calc(var(--border-radius-large) * -1);
        overflow: hidden;
        padding-left: var(--border-radius-large)
    }

    html.is-mobile .c-modal-menu_sticky {
        height: calc(var(--vh-initial, 1vh)*100)
    }
}

.c-modal-menu_cta {
    position: relative;
    z-index: 2
}

.c-modal-menu_background {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-clip-path: inset(0% 0% 0% 100% round var(--border-radius-large) 0 0 var(--border-radius-large));
    clip-path: inset(0% 0% 0% 100% round var(--border-radius-large) 0 0 var(--border-radius-large));
    overflow: hidden
}

html.is-first-loaded .c-modal-menu_background {
    transition: -webkit-clip-path .6s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .6s cubic-bezier(.38, .005, .215, 1)
}

html.has-menu-open.is-first-loaded .c-modal-menu_background {
    -webkit-clip-path: inset(0% 0% 0% 0% round 0 0 0 0);
    clip-path: inset(0% 0% 0% 0% round 0 0 0 0)
}

@media (max-width: 999px) {
    .c-modal-menu_background {
        display: none
    }
}

.c-modal-menu_background_inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale3d(1.1, 1.1, 1) translate(5rem)
}

.c-modal-menu_background_inner:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #000;
    opacity: .8;
    z-index: 2
}

html.is-first-loaded .c-modal-menu_background_inner:before {
    transition: opacity 1.2s cubic-bezier(.38, .005, .215, 1)
}

html.has-menu-open.is-first-loaded .c-modal-menu_background_inner:before {
    opacity: .2
}

html.is-first-loaded .c-modal-menu_background_inner {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1)
}

html.has-menu-open.is-first-loaded .c-modal-menu_background_inner {
    transition: transform 1.2s cubic-bezier(.38, .005, .215, 1);
    transform: scaleZ(1) translate(0)
}

.c-modal-menu_background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-modal-menu_cta_inner {
    transform: translateY(102%)
}

@media (max-width: 999px) {
    .c-modal-menu_cta_inner {
        padding-left: var(--grid-margin) !important;
        padding-right: var(--grid-margin) !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

html.is-first-loaded .c-modal-menu_cta_inner {
    transition: transform .3s 0s cubic-bezier(.38, .005, .215, 1)
}

html.has-menu-open.is-first-loaded .c-modal-menu_cta_inner {
    transform: translateY(0)
}

@media (min-width: 1000px) {
    html.has-menu-open.is-first-loaded .c-modal-menu_cta_inner {
        transition: transform .6s var(--delay-close) cubic-bezier(.38, .005, .215, 1)
    }
}

@media (max-width: 999px) {
    html.has-menu-open.is-first-loaded .c-modal-menu_cta_inner {
        transition: transform .6s 0s cubic-bezier(.38, .005, .215, 1)
    }
}

.c-modal-cart {
    color: #000;
    pointer-events: none;
    display: flex;
    justify-content: flex-end
}

html.has-cart-open .c-modal-cart {
    pointer-events: all
}

html.has-cart-open .c-modal-cart .c-modal_container {
    pointer-events: all;
    visibility: visible;
    transition: visibility 0s 0s
}

.c-modal-cart .c-modal_inner {
    transform: translate3d(100%, 0, 0)
}

html.has-cart-open.is-ready .c-modal-cart .c-modal_inner {
    transform: translateZ(0)
}

html.is-first-loaded .c-modal-cart .c-modal_inner {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1)
}

html.has-cart-open.is-ready .c-modal-cart .c-modal_overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    cursor: pointer;
    transition: opacity .6s cubic-bezier(.38, .005, .215, 1), visibility 0s linear
}

.c-modal-cart_inner {
    display: flex;
    justify-content: flex-end;
    height: 100%
}

.c-modal-cart_layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    z-index: 1
}

.c-modal-cart_container {
    position: relative
}

@media (min-width: 1000px) {
    .c-modal-cart_container {
        width: calc(.5 * (100vw - 2 * var(--grid-margin, 0px)) - (1 - .5) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px))
    }
}

.c-modal-cart_container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #f4f4f4;
    border-radius: var(--border-radius-large) 0 0 var(--border-radius-large);
    transform: translate3d(100%, 0, 0)
}

html.has-cart-open.is-ready .c-modal-cart_container:before {
    transform: translateZ(0)
}

html.is-first-loaded .c-modal-cart_container:before {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1)
}

.c-modal-cart_overlay {
    z-index: -1
}

.c-modal-cart_close {
    --button-color: #000000;
    --button-background: #FFFFFF;
    position: absolute;
    right: var(--grid-gutter);
    top: var(--header-padding);
    z-index: 90300
}

.c-modal-search {
    color: #000;
    pointer-events: none
}

html.has-search-open .c-modal-search {
    pointer-events: all
}

html.has-search-open .c-modal-search .c-modal_container {
    pointer-events: all;
    visibility: visible;
    transition: visibility 0s 0s
}

html.has-search-open .c-modal-search .c-modal_scrollable {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    overflow: auto;
    pointer-events: all
}

html.has-search-open.is-ready .c-modal-search .c-modal_overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    cursor: pointer;
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), visibility 0s linear
}

.c-modal-search_inner {
    display: flex
}

.c-modal-search_layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 1
}

.c-modal-reset-password {
    color: #000;
    pointer-events: none
}

html.has-reset-password-open .c-modal-reset-password {
    pointer-events: all
}

html.has-reset-password-open .c-modal-reset-password .c-modal_container {
    pointer-events: all;
    visibility: visible;
    transition: visibility 0s 0s
}

.c-modal-reset-password .c-modal_scrollable {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

html.has-reset-password-open .c-modal-reset-password .c-modal_scrollable {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    overflow: auto;
    pointer-events: all
}

html.has-reset-password-open.is-ready .c-modal-reset-password .c-modal_overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    cursor: pointer;
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), visibility 0s linear
}

.c-modal-reset-password_inner {
    width: 100%;
    background-color: #fff;
    color: #000;
    z-index: 1;
    max-width: 30rem;
    border-radius: var(--border-radius-large);
    position: relative;
    padding: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    margin: auto;
    opacity: 0;
    transform: translateY(7.5rem);
    min-height: auto
}

html.is-first-loaded .c-modal-reset-password_inner {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1)
}

html.has-reset-password-open.is-ready .c-modal-reset-password_inner {
    opacity: 1;
    transform: translateY(0)
}

.c-modal-reset-password_layout {
    display: flex;
    flex-direction: column;
    position: relative
}

.c-modal-reset-password_container {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-modal-reset-password_close {
    position: absolute;
    top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    right: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.c-modal-new-address {
    color: #000;
    pointer-events: none
}

html.has-new-address-open .c-modal-new-address {
    pointer-events: all
}

html.has-new-address-open .c-modal-new-address .c-modal_container {
    pointer-events: all;
    visibility: visible;
    transition: visibility 0s 0s
}

html.has-new-address-open .c-modal-new-address .c-modal_scrollable {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    overflow: auto;
    pointer-events: all
}

html.has-new-address-open.is-ready .c-modal-new-address .c-modal_overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    cursor: pointer;
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), visibility 0s linear
}

.c-modal-new-address_inner {
    display: flex
}

.c-modal-new-address_layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-modal-update-address {
    color: #000;
    pointer-events: none
}

html.has-update-address-open .c-modal-update-address {
    pointer-events: all
}

html.has-update-address-open .c-modal-update-address .c-modal_container {
    pointer-events: all;
    visibility: visible;
    transition: visibility 0s 0s
}

html.has-update-address-open .c-modal-update-address .c-modal_scrollable {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    overflow: auto;
    pointer-events: all
}

html.has-update-address-open.is-ready .c-modal-update-address .c-modal_overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    cursor: pointer;
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), visibility 0s linear
}

.c-modal-update-address_inner {
    display: flex
}

.c-modal-update-address_layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-modal-update-address_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: calc(clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))*-1);
    width: calc(100% + clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small))))
}

.c-modal-update-address_grid_item {
    padding-left: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    margin-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

@media (min-width: 1000px) {
    .c-modal-update-address_grid_item {
        width: 33.33333%
    }
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-modal-update-address_grid_item {
        width: 50%
    }
}

@media (max-width: 699px) {
    .c-modal-update-address_grid_item {
        width: 100%
    }
}

:root {
    --header-padding: 20px;
    --header-height_inner: 3.75rem;
    --header-height: calc(var(--header-height_inner) + var(--header-padding) * 2);
    --header-button-background: #F4F4F4;
    --header-button-background-hover: #D6D6D6;
    --header-link-height: 2.125rem;
    --header-color: #000000;
    --header-background-total-cart: #D6D6D6;
    --header-color-total-cart: currentColor
}

@media (max-width: 699px) {
    :root {
        --header-height_inner: 3.125rem;
        --header-padding: 10px
    }
}

.c-header {
    position: relative;
    height: var(--header-height);
    padding: var(--header-padding) 0;
    z-index: 90090;
    color: var(--header-color)
}

.c-header:not(.-fixed) {
    transform: translateY(-100%)
}

html.is-first-loaded .c-header:not(.-fixed) {
    transition: transform .9s .3s cubic-bezier(.38, .005, .215, 1), color .9s cubic-bezier(.38, .005, .215, 1);
    transform: translateY(0)
}

.c-header.-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-100%);
    z-index: 90200;
    visibility: hidden
}

@media (max-width: 999px) {
    .c-header.-fixed:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1;
        background-color: #fff;
        border-bottom-left-radius: var(--border-radius-large);
        border-bottom-right-radius: var(--border-radius-large);
        transform: translateY(-100%);
        transition: transform .3s 0s cubic-bezier(.38, .005, .215, 1), border-radius .3s 0s cubic-bezier(.38, .005, .215, 1)
    }
}

html.is-first-loaded .c-header.-fixed {
    transition: transform .3s 0s cubic-bezier(.38, .005, .215, 1), visibility 0s .3s linear
}

html.has-menu-open .c-header.-fixed {
    transform: translateY(0);
    visibility: visible;
    transition: transform .3s 0s cubic-bezier(.38, .005, .215, 1), visibility 0s 0s linear
}

html.has-menu-open .c-header.-fixed:after {
    transform: translateY(0)
}

html.has-header-fixed.is-scrolling-up .c-header.-fixed {
    transform: translateY(0);
    visibility: visible;
    transition: transform .3s 0s cubic-bezier(.38, .005, .215, 1), visibility 0s 0s linear
}

@media (min-width: 1000px) {
    html.has-header-fixed.has-menu-dropdown-open .c-header.-fixed {
        transform: translateY(0);
        visibility: visible;
        transition: transform .3s 0s cubic-bezier(.38, .005, .215, 1), visibility 0s 0s linear
    }
}

html.is-loading .c-header.-fixed {
    transform: translateY(-100%)
}

html.menu-loading-transition .c-header.-fixed {
    transform: translateY(-100%) !important
}

.c-header.-fixed:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #f4f4f4;
    z-index: -1;
    border-bottom-left-radius: var(--border-radius-large);
    border-bottom-right-radius: var(--border-radius-large)
}

html.is-first-loaded .c-header.-fixed:before {
    transition: transform .3s .2s cubic-bezier(.38, .005, .215, 1), border-radius .6s 0s cubic-bezier(.38, .005, .215, 1)
}

html.has-header-fixed.is-scrolling-up .c-header.-fixed:before {
    border-radius: 0
}

html.has-menu-open.is-ready .c-header.-fixed:before {
    transform: translateY(-100%);
    border-bottom-left-radius: var(--border-radius-large);
    border-bottom-right-radius: var(--border-radius-large);
    transition: transform .3s 0s cubic-bezier(.38, .005, .215, 1), border-radius .3s 0s cubic-bezier(.38, .005, .215, 1)
}

.c-header.-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-header.-light {
    --header-color: #FFFFFF;
    --header-button-background: rgba(244, 244, 244, .2);
    --header-button-background-hover: #949494;
    --header-background-total-cart: #000000
}

.c-header.-product {
    --header-color: var(--color-primary);
    --header-button-background: var(--color-primary);
    --header-button-background-hover: var(--color-accent);
    --header-background-total-cart: var(--color-accent)
}

.c-header_container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 2;
    position: relative;
    transition: color .6s 0s cubic-bezier(.38, .005, .215, 1)
}

@media (min-width: 1000px) {
    html.has-menu-dropdown-open .c-header_container {
        color: #000;
        --header-button-background: #F4F4F4;
        --header-button-background-hover: #D6D6D6;
        --header-color: #000000;
        --header-background-total-cart: #D6D6D6;
        --header-color-total-cart: currentColor
    }
}

.c-header_logo {
    margin-right: var(--grid-gutter)
}

@media (min-width: 1200px) {
    .c-header_logo {
        width: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 1 + var(--grid-gutter) * (1 - 1)) + 2.1875rem)
    }
}

.c-header_logo_link {
    display: inline-block
}

.c-header_logo_svg {
    width: 7.5rem;
    height: var(--header-height_inner)
}

@media (max-width: 699px) {
    .c-header_logo_svg {
        width: 6.25rem
    }
}

.c-header_nav {
    display: flex
}

.c-header_link {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: var(--header-link-height);
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    text-transform: lowercase;
    margin-top: .0625rem
}

.c-header_link.-langswitcher {
    text-transform: uppercase
}

@media (max-width: 699px) {
    .c-header_tool_item .c-header_link {
        display: none
    }
}

html.has-menu-dropdown-open .c-header_nav_list .c-header_nav_item:not(.is-open) .c-header_link {
    color: #949494
}

@media (max-width: 699px) {
    .c-header_tool_item .c-header_currency {
        display: none
    }
}

.c-header_link_label {
    position: relative;
    display: inline-block;
    padding: 4px 0
}

@media (hover: hover) {
    .c-header_link_label:before {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        content: "";
        background-color: currentColor;
        transform-origin: right center;
        transform: scale3d(0, 1, 1)
    }

    html.is-first-loaded .c-header_link_label:before {
        transition: transform .3s cubic-bezier(.38, .005, .215, 1)
    }

    .c-header_link:hover .c-header_link_label:before {
        transform: scaleZ(1);
        transform-origin: left center
    }
}

.c-header_link_icon {
    margin-left: .3125rem;
    margin-top: .25rem
}

html.is-first-loaded .c-header_link_icon {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1)
}

html.has-menu-dropdown-open .c-header_link_icon {
    transform: rotate(-180deg)
}

.c-header_nav_list {
    display: flex;
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1)
}

@media (max-width: 1199px) {
    .c-header_nav_list {
        display: none
    }
}

html:not(.has-header-fixed) .c-header.-fixed .c-header_nav_list {
    opacity: 0
}

.c-header_nav_item {
    position: relative
}

html.has-menu-open .c-header.-fixed .c-header_nav_item {
    transform: translateY(-100%) translateY(calc(var(--header-padding) * -1))
}

.c-header_nav_item:not(:last-child) {
    margin-right: 1.5625rem
}

html.is-first-loaded .c-header_nav_item:nth-child(1) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .05s
}

html.is-first-loaded .c-header_nav_item:nth-child(2) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .1s
}

html.is-first-loaded .c-header_nav_item:nth-child(3) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .15s
}

html.is-first-loaded .c-header_nav_item:nth-child(4) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .2s
}

.c-header_nav_dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 25rem
}

.c-header_nav_dropdown {
    visibility: hidden
}

html.is-first-loaded .c-header_nav_dropdown {
    transition: visibility 0s linear;
    transition-delay: .6s
}

.c-header_nav_item.is-open .c-header_nav_dropdown {
    visibility: visible;
    transition-delay: 0s
}

@media (max-width: 999px) {
    .c-header_nav_dropdown {
        display: none
    }
}

.c-header_nav_dropdown_list {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-header_nav_dropdown_item {
    overflow: hidden
}

.c-header_nav_dropdown_link {
    display: inline-block;
    padding: .09em 0;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h3-sans);
    text-transform: lowercase;
    transform: translateY(102%);
    transition: transform .3s cubic-bezier(.38, .005, .215, 1), color .3s cubic-bezier(.38, .005, .215, 1);
    color: #000
}

html.is-first-loaded.has-menu-dropdown-open .c-header_nav_dropdown_item:nth-child(1) .c-header_nav_dropdown_link {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), color .3s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .05s, 0s
}

html.is-first-loaded.has-menu-dropdown-open .c-header_nav_dropdown_item:nth-child(2) .c-header_nav_dropdown_link {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), color .3s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .1s, 0s
}

html.is-first-loaded.has-menu-dropdown-open .c-header_nav_dropdown_item:nth-child(3) .c-header_nav_dropdown_link {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), color .3s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .15s, 0s
}

html.is-first-loaded.has-menu-dropdown-open .c-header_nav_dropdown_item:nth-child(4) .c-header_nav_dropdown_link {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), color .3s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .2s, 0s
}

html.has-menu-dropdown-open .c-header_nav_item.is-open .c-header_nav_dropdown_link {
    transform: translateY(0)
}

@media (hover: hover) {
    .c-header_nav_dropdown_link:hover {
        color: #949494
    }
}

.c-header_tool_list {
    display: flex
}

@media (min-width: 1000px) {
    html.has-menu-open .c-header_tool_list {
        color: #fff
    }
}

.c-header_tool_item:not(.-button) {
    margin-right: 1.5625rem
}

.c-header_tool_item.-button {
    margin-right: .3125rem
}

.c-header_tool_item:last-child {
    margin-right: 0
}

@media (max-width: 999px) {

    .c-header_tool_item.-currency,
    .c-header_tool_item.-langswitcher {
        display: none
    }
}

@media (min-width: 1000px)and (max-width: 1199px) {
    .c-header_tool_item.-build-your-box {
        transition: transform .3s cubic-bezier(.38, .005, .215, 1)
    }

    html.has-menu-open .c-header.-fixed .c-header_tool_item.-build-your-box {
        transform: translateY(-100%) translateY(calc(var(--header-padding) * -1))
    }
}

.c-header_button {
    position: relative;
    width: var(--button-height);
    height: var(--button-height);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.c-header_button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--header-button-background);
    border-radius: 100%;
    transition: background .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1)
}

.c-header.-fixed .c-header_button:before {
    --header-button-background: #FFFFFF
}

html.has-menu-open .c-header.-fixed .c-header_button:before {
    --header-button-background: #F4F4F4
}

html.has-menu-dropdown-open .c-header.-fixed .c-header_button:before {
    --header-button-background: #F4F4F4;
    --header-button-background-hover: #D6D6D6
}

.c-header.-product .c-header_button:before {
    opacity: .2
}

@media (hover: hover) {
    .c-header_button:hover:before {
        background-color: var(--header-button-background-hover)
    }

    .c-header.-product .c-header_button:hover:before {
        opacity: .5
    }
}

@media (min-width: 1000px) {
    .c-header_button.-menu {
        margin-right: 3.75rem
    }
}

html.has-menu-open .c-header_button.-menu:before {
    --header-button-background: #F4F4F4
}

.c-header_button.-account {
    margin-left: .625rem
}

@media (min-width: 1000px) {

    html.has-menu-open .c-header_button.-account:before,
    html.has-menu-open .c-header_button.-cart:before {
        background-color: #000;
        opacity: .3
    }
}

@media (min-width: 1000px)and (hover: hover) {

    html.has-menu-open .c-header_button.-account:hover:before,
    html.has-menu-open .c-header_button.-cart:hover:before {
        opacity: .5
    }
}

.c-header_button_icon {
    position: relative;
    z-index: 2
}

.c-header_cart {
    position: relative
}

.c-header_cart_total {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 3;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    font-weight: 700;
    line-height: 1;
    background-color: var(--header-background-total-cart);
    transition: background .6s cubic-bezier(.38, .005, .215, 1);
    color: var(--header-color-total-cart)
}

@media (min-width: 1000px) {
    html.has-menu-open .c-header_cart_total {
        background-color: #000
    }
}

@media (min-width: 1000px) {
    .c-header_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #000;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        cursor: pointer
    }

    html.is-first-loaded .c-header_overlay {
        transition: opacity .3s cubic-bezier(.38, .005, .215, 1), visibility 0s .6s linear
    }

    html.has-menu-dropdown-open:not(.has-header-fixed) .c-header:not(.-fixed) .c-header_overlay {
        opacity: .7;
        visibility: visible;
        transition: opacity .6s cubic-bezier(.38, .005, .215, 1), visibility 0s 0s linear
    }

    html.has-menu-dropdown-open.has-header-fixed .c-header.-fixed .c-header_overlay {
        opacity: .7;
        visibility: visible;
        transition: opacity .6s cubic-bezier(.38, .005, .215, 1), visibility 0s 0s linear
    }
}

@media (max-width: 999px) {
    .c-header_overlay {
        display: none
    }
}

@media (min-width: 1000px) {
    .c-header_dropdown_background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        -webkit-clip-path: inset(0% 0% 100% 0% round 0px 0px 0px 0px);
        clip-path: inset(0% 0% 100% 0% round 0px 0px 0px 0px);
        height: calc(var(--header-height) + var(--dropdown-height))
    }

    html.is-first-loaded .c-header_dropdown_background {
        transition: -webkit-clip-path .4s .05s cubic-bezier(.38, .005, .215, 1);
        transition: clip-path .4s .05s cubic-bezier(.38, .005, .215, 1);
        transition: clip-path .4s .05s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .4s .05s cubic-bezier(.38, .005, .215, 1)
    }

    html.has-menu-dropdown-open .c-header_dropdown_background {
        transition: -webkit-clip-path .6s 0s cubic-bezier(.38, .005, .215, 1);
        transition: clip-path .6s 0s cubic-bezier(.38, .005, .215, 1);
        transition: clip-path .6s 0s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .6s 0s cubic-bezier(.38, .005, .215, 1);
        -webkit-clip-path: inset(0% 0% 0% 0% round 0px 0px var(--border-radius-large) var(--border-radius-large));
        clip-path: inset(0% 0% 0% 0% round 0px 0px var(--border-radius-large) var(--border-radius-large))
    }
}

@media (max-width: 999px) {
    .c-header_dropdown_background {
        display: none
    }
}

.c-image {
    position: relative
}

.c-image.-overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: .1;
    z-index: 3
}

.c-image.-overlay-hero:before,
.c-image.-overlay-hero:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.c-image.-overlay-hero:before {
    background-color: #000;
    opacity: .3;
    z-index: 3
}

.c-image.-overlay-hero:after {
    background: linear-gradient(0deg, #00000080, #0000);
    opacity: .2
}

.c-image.-rounded-border {
    border-radius: var(--border-radius-large);
    overflow: hidden
}

.c-image_inner {
    position: relative
}

.c-image.-cover .c-image_inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.c-image.-lazy-load .c-image_inner {
    background-color: var(--color-grey-tone-1)
}

@media (hover: hover) {
    html.is-first-loaded .u-hover .c-image_inner {
        transition: transform .6s cubic-bezier(.38, .005, .215, 1)
    }

    .u-hover:hover .c-image_inner {
        transform: scale3d(1.03, 1.03, 1)
    }
}

.c-image_img {
    width: 100%
}

.c-image.-cover .c-image_img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.c-image.-lazy-load .c-image_img {
    opacity: 0;
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1)
}

.c-image.-lazy-loaded .c-image_img {
    opacity: 1
}

img[width].c-image_img,
img[height].c-image_img {
    max-width: 100%
}

.c-alerts {
    width: 100%;
    padding: .75rem 1rem;
    color: var(--alert-color, currentColor);
    border-top: 2px solid var(--alert-border-color, transparent);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    background-color: var(--alert-background-color, #FFFFFF);
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-alerts.-newsletter {
    margin-bottom: 0;
    box-shadow: none;
    margin-top: -1px;
    padding-top: calc(var(--border-radius) + .3125rem);
    padding-left: var(--padding-box);
    padding-right: var(--padding-box);
    margin-top: calc(var(--border-radius) * -1);
    width: auto;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    border: 2px solid var(--alert-border-color, transparent);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

.c-alerts ul li {
    position: relative;
    padding-left: 1.2em
}

.c-alerts ul li+li {
    margin-top: .2em
}

.c-alerts ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    color: currentColor
}

.c-alerts.-error {
    --alert-color: rgba(180, 25, 36);
    --alert-border-color: rgba(180, 25, 36);
    --alert-background-color: rgba(252, 228, 229)
}

.c-alerts.-success {
    --alert-color: rgba(35, 92, 27);
    --alert-border-color: rgba(35, 92, 27);
    --alert-background-color: rgba(225, 239, 227)
}

.c-product-selector {
    display: grid;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    row-gap: var(--grid-gutter)
}

@media (min-width: 1000px) {
    .c-product-selector {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-product-selector {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-product-selector_item_title {
    text-transform: lowercase
}

.c-product-selector_item {
    border-radius: var(--border-radius);
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative
}

.c-product-selector_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-secondary);
    z-index: -1;
    border-radius: var(--border-radius)
}

.c-product-selector_item.is-incrementing:before {
    animation: pulseTile .6s ease
}

@media (min-width: 700px) {
    .c-product-selector_item {
        aspect-ratio: 250/215
    }
}

@media (max-width: 699px) {
    .c-product-selector_item {
        aspect-ratio: 350/140
    }
}

.c-product-selector_item_inner {
    position: relative;
    padding: .9375rem 1.25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: var(--border-radius)
}

.c-product-selector_item_image {
    position: absolute;
    left: 1.25rem;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
    transform: translate3d(0, 33%, 0)
}

html.is-first-loaded .c-product-selector_item_image {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1)
}

@media (hover: hover) {
    .c-product-selector_item:hover .c-product-selector_item_image {
        transform: translateY(28%)
    }
}

@media (min-width: 700px) {
    .c-product-selector_item_image {
        width: 25%
    }
}

@media (max-width: 699px) {
    .c-product-selector_item_image {
        width: 15%
    }
}

.c-product-selector_item_footer {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.c-product-selector_item_footer_format {
    display: block;
    text-align: right;
    margin-bottom: 10px
}

@keyframes pulseTile {
    0% {
        transform: scaleZ(1)
    }

    70% {
        transform: scale3d(1.25, 1.25, 1.25);
        opacity: 0
    }

    to {
        transform: scale3d(1.25, 1.25, 1.25);
        opacity: 0
    }
}

.c-wysiwyg,
.shopify-policy__body {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large)
}

.c-wysiwyg-first-element,
.c-wysiwyg>:first-child,
.shopify-policy__body>:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.c-wysiwyg-last-element,
.c-wysiwyg>:last-child,
.shopify-policy__body>:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.c-wysiwyg .metafield-rich_text_field-first-element,
.shopify-policy__body .metafield-rich_text_field-first-element,
.c-wysiwyg .metafield-rich_text_field>:first-child,
.shopify-policy__body .metafield-rich_text_field>:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.c-wysiwyg .metafield-rich_text_field-last-element,
.shopify-policy__body .metafield-rich_text_field-last-element,
.c-wysiwyg .metafield-rich_text_field>:last-child,
.shopify-policy__body .metafield-rich_text_field>:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.c-wysiwyg.-max-small,
.-max-small.shopify-policy__body {
    max-width: 20rem
}

.c-wysiwyg.-max-regular,
.-max-regular.shopify-policy__body {
    max-width: 28.75rem
}

.c-wysiwyg.-max-medium,
.-max-medium.shopify-policy__body {
    max-width: 37.5rem
}

.c-wysiwyg.-center,
.-center.shopify-policy__body {
    margin-left: auto;
    margin-right: auto
}

.c-wysiwyg.-large,
.-large.shopify-policy__body {
    font-size: var(--font-size-text-large)
}

.c-wysiwyg.-large.-bold,
.-large.-bold.shopify-policy__body {
    font-weight: 400;
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

.c-wysiwyg.-small,
.-small.shopify-policy__body {
    font-size: var(--font-size-text-small)
}

.c-wysiwyg.-small.-bold,
.-small.-bold.shopify-policy__body {
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

@media (min-width: 1000px) {

    .c-wysiwyg.-padding-right\@from-medium,
    .-padding-right\@from-medium.shopify-policy__body {
        padding-right: 20%
    }
}

.c-wysiwyg.-contact a,
.-contact.shopify-policy__body a {
    text-decoration: none
}

.c-wysiwyg.-checklist-cross ul li:before,
.-checklist-cross.shopify-policy__body ul li:before {
    content: "+";
    font-size: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    top: -1px;
    left: -1px;
    font-family: StudioProRegular, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    transform: rotate(45deg);
    pointer-events: none
}

.c-wysiwyg.-footnote,
.-footnote.shopify-policy__body {
    font-size: var(--font-size-text-small)
}

.c-wysiwyg p,
.shopify-policy__body p,
.c-wysiwyg iframe,
.shopify-policy__body iframe,
.c-wysiwyg img,
.shopify-policy__body img,
.c-wysiwyg table,
.shopify-policy__body table {
    margin-bottom: 1.25rem
}

.c-wysiwyg p+p,
.shopify-policy__body p+p,
.c-wysiwyg p+ul,
.shopify-policy__body p+ul,
.c-wysiwyg p+ol,
.shopify-policy__body p+ol,
.c-wysiwyg iframe+p,
.shopify-policy__body iframe+p,
.c-wysiwyg iframe+ul,
.shopify-policy__body iframe+ul,
.c-wysiwyg iframe+ol,
.shopify-policy__body iframe+ol,
.c-wysiwyg img+p,
.shopify-policy__body img+p,
.c-wysiwyg img+ul,
.shopify-policy__body img+ul,
.c-wysiwyg img+ol,
.shopify-policy__body img+ol,
.c-wysiwyg table+p,
.shopify-policy__body table+p,
.c-wysiwyg table+ul,
.shopify-policy__body table+ul,
.c-wysiwyg table+ol,
.shopify-policy__body table+ol {
    margin-top: 1em;
    margin-bottom: 1.25rem
}

.c-wysiwyg p+h1,
.shopify-policy__body p+h1,
.c-wysiwyg p+h2,
.shopify-policy__body p+h2,
.c-wysiwyg p+h3,
.shopify-policy__body p+h3,
.c-wysiwyg p+h4,
.shopify-policy__body p+h4,
.c-wysiwyg p+h5,
.shopify-policy__body p+h5,
.c-wysiwyg p+h6,
.shopify-policy__body p+h6,
.c-wysiwyg iframe+h1,
.shopify-policy__body iframe+h1,
.c-wysiwyg iframe+h2,
.shopify-policy__body iframe+h2,
.c-wysiwyg iframe+h3,
.shopify-policy__body iframe+h3,
.c-wysiwyg iframe+h4,
.shopify-policy__body iframe+h4,
.c-wysiwyg iframe+h5,
.shopify-policy__body iframe+h5,
.c-wysiwyg iframe+h6,
.shopify-policy__body iframe+h6,
.c-wysiwyg img+h1,
.shopify-policy__body img+h1,
.c-wysiwyg img+h2,
.shopify-policy__body img+h2,
.c-wysiwyg img+h3,
.shopify-policy__body img+h3,
.c-wysiwyg img+h4,
.shopify-policy__body img+h4,
.c-wysiwyg img+h5,
.shopify-policy__body img+h5,
.c-wysiwyg img+h6,
.shopify-policy__body img+h6,
.c-wysiwyg table+h1,
.shopify-policy__body table+h1,
.c-wysiwyg table+h2,
.shopify-policy__body table+h2,
.c-wysiwyg table+h3,
.shopify-policy__body table+h3,
.c-wysiwyg table+h4,
.shopify-policy__body table+h4,
.c-wysiwyg table+h5,
.shopify-policy__body table+h5,
.c-wysiwyg table+h6,
.shopify-policy__body table+h6 {
    margin-top: 3.75rem
}

.c-wysiwyg ul,
.shopify-policy__body ul,
.c-wysiwyg ol,
.shopify-policy__body ol,
.c-wysiwyg p,
.shopify-policy__body p {
    line-height: 1.3
}

.c-wysiwyg b,
.shopify-policy__body b,
.c-wysiwyg strong,
.shopify-policy__body strong,
.c-wysiwyg h1,
.shopify-policy__body h1,
.c-wysiwyg h2,
.shopify-policy__body h2,
.c-wysiwyg h3,
.shopify-policy__body h3,
.c-wysiwyg h4,
.shopify-policy__body h4,
.c-wysiwyg h5,
.shopify-policy__body h5,
.c-wysiwyg h6,
.shopify-policy__body h6 {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400
}

.c-wysiwyg h1,
.shopify-policy__body h1 {
    font-size: var(--font-size-h2-sans);
    margin-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    margin-bottom: 2.5rem
}

.c-wysiwyg h1+p,
.shopify-policy__body h1+p,
.c-wysiwyg h1+ul,
.shopify-policy__body h1+ul,
.c-wysiwyg h1+ol,
.shopify-policy__body h1+ol,
.c-wysiwyg h1+table,
.shopify-policy__body h1+table,
.c-wysiwyg h1+figure,
.shopify-policy__body h1+figure {
    margin-top: 2.5rem
}

.c-wysiwyg h1+h1,
.shopify-policy__body h1+h1,
.c-wysiwyg h1+h2,
.shopify-policy__body h1+h2,
.c-wysiwyg h1+h3,
.shopify-policy__body h1+h3,
.c-wysiwyg h1+h4,
.shopify-policy__body h1+h4,
.c-wysiwyg h1+h5,
.shopify-policy__body h1+h5,
.c-wysiwyg h1+h6,
.shopify-policy__body h1+h6 {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-wysiwyg h2,
.shopify-policy__body h2 {
    font-size: var(--font-size-h2-sans);
    margin-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-wysiwyg h2+p,
.shopify-policy__body h2+p,
.c-wysiwyg h2+ul,
.shopify-policy__body h2+ul,
.c-wysiwyg h2+ol,
.shopify-policy__body h2+ol,
.c-wysiwyg h2+table,
.shopify-policy__body h2+table,
.c-wysiwyg h2+figure,
.shopify-policy__body h2+figure {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-wysiwyg h2+h1,
.shopify-policy__body h2+h1,
.c-wysiwyg h2+h2,
.shopify-policy__body h2+h2,
.c-wysiwyg h2+h3,
.shopify-policy__body h2+h3,
.c-wysiwyg h2+h4,
.shopify-policy__body h2+h4,
.c-wysiwyg h2+h5,
.shopify-policy__body h2+h5,
.c-wysiwyg h2+h6,
.shopify-policy__body h2+h6 {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-wysiwyg h3,
.shopify-policy__body h3 {
    font-size: var(--font-size-h3-sans);
    margin-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-wysiwyg h3+p,
.shopify-policy__body h3+p,
.c-wysiwyg h3+ul,
.shopify-policy__body h3+ul,
.c-wysiwyg h3+ol,
.shopify-policy__body h3+ol,
.c-wysiwyg h3+table,
.shopify-policy__body h3+table,
.c-wysiwyg h3+figure,
.shopify-policy__body h3+figure {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-wysiwyg h3+h1,
.shopify-policy__body h3+h1,
.c-wysiwyg h3+h2,
.shopify-policy__body h3+h2,
.c-wysiwyg h3+h3,
.shopify-policy__body h3+h3,
.c-wysiwyg h3+h4,
.shopify-policy__body h3+h4,
.c-wysiwyg h3+h5,
.shopify-policy__body h3+h5,
.c-wysiwyg h3+h6,
.shopify-policy__body h3+h6 {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-wysiwyg h4,
.shopify-policy__body h4,
.c-wysiwyg h5,
.shopify-policy__body h5,
.c-wysiwyg h6,
.shopify-policy__body h6 {
    font-size: var(--font-size-h4-sans);
    margin-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)));
    margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.c-wysiwyg h4+p,
.shopify-policy__body h4+p,
.c-wysiwyg h4+ul,
.shopify-policy__body h4+ul,
.c-wysiwyg h4+ol,
.shopify-policy__body h4+ol,
.c-wysiwyg h4+table,
.shopify-policy__body h4+table,
.c-wysiwyg h4+figure,
.shopify-policy__body h4+figure,
.c-wysiwyg h5+p,
.shopify-policy__body h5+p,
.c-wysiwyg h5+ul,
.shopify-policy__body h5+ul,
.c-wysiwyg h5+ol,
.shopify-policy__body h5+ol,
.c-wysiwyg h5+table,
.shopify-policy__body h5+table,
.c-wysiwyg h5+figure,
.shopify-policy__body h5+figure,
.c-wysiwyg h6+p,
.shopify-policy__body h6+p,
.c-wysiwyg h6+ul,
.shopify-policy__body h6+ul,
.c-wysiwyg h6+ol,
.shopify-policy__body h6+ol,
.c-wysiwyg h6+table,
.shopify-policy__body h6+table,
.c-wysiwyg h6+figure,
.shopify-policy__body h6+figure {
    margin-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.c-wysiwyg h4+h1,
.shopify-policy__body h4+h1,
.c-wysiwyg h4+h2,
.shopify-policy__body h4+h2,
.c-wysiwyg h4+h3,
.shopify-policy__body h4+h3,
.c-wysiwyg h4+h4,
.shopify-policy__body h4+h4,
.c-wysiwyg h4+h5,
.shopify-policy__body h4+h5,
.c-wysiwyg h4+h6,
.shopify-policy__body h4+h6,
.c-wysiwyg h5+h1,
.shopify-policy__body h5+h1,
.c-wysiwyg h5+h2,
.shopify-policy__body h5+h2,
.c-wysiwyg h5+h3,
.shopify-policy__body h5+h3,
.c-wysiwyg h5+h4,
.shopify-policy__body h5+h4,
.c-wysiwyg h5+h5,
.shopify-policy__body h5+h5,
.c-wysiwyg h5+h6,
.shopify-policy__body h5+h6,
.c-wysiwyg h6+h1,
.shopify-policy__body h6+h1,
.c-wysiwyg h6+h2,
.shopify-policy__body h6+h2,
.c-wysiwyg h6+h3,
.shopify-policy__body h6+h3,
.c-wysiwyg h6+h4,
.shopify-policy__body h6+h4,
.c-wysiwyg h6+h5,
.shopify-policy__body h6+h5,
.c-wysiwyg h6+h6,
.shopify-policy__body h6+h6 {
    margin-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.c-wysiwyg h4,
.shopify-policy__body h4,
.c-wysiwyg h5,
.shopify-policy__body h5,
.c-wysiwyg h6,
.shopify-policy__body h6 {
    font-size: var(--font-size-h4-sans)
}

.c-wysiwyg ul,
.shopify-policy__body ul,
.c-wysiwyg ol,
.shopify-policy__body ol {
    position: relative;
    margin: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) 0
}

.c-wysiwyg ul>li,
.shopify-policy__body ul>li,
.c-wysiwyg ol>li,
.shopify-policy__body ol>li {
    padding-left: 1.875rem
}

.c-wysiwyg ul>li,
.shopify-policy__body ul>li {
    position: relative
}

.c-wysiwyg ul>li+li,
.shopify-policy__body ul>li+li {
    margin-top: 0
}

.c-wysiwyg ul>li:before,
.shopify-policy__body ul>li:before {
    content: "\2022";
    position: absolute;
    left: 0;
    top: -.35em;
    font-size: 2em;
    padding-bottom: .1em
}

.c-wysiwyg ol,
.shopify-policy__body ol {
    counter-reset: counter
}

.c-wysiwyg ol>li,
.shopify-policy__body ol>li {
    counter-increment: counter;
    position: relative
}

.c-wysiwyg ol>li+li,
.shopify-policy__body ol>li+li {
    margin-top: 0
}

.c-wysiwyg ol>li:before,
.shopify-policy__body ol>li:before {
    position: absolute;
    left: 0;
    content: counter(counter)
}

.c-wysiwyg a,
.shopify-policy__body a {
    display: inline;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    font-weight: 400;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

.c-wysiwyg a:hover,
.shopify-policy__body a:hover {
    text-decoration-thickness: 2px
}

.c-wysiwyg img,
.shopify-policy__body img {
    width: 100%;
    margin: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large))) 0;
    border-radius: var(--border-radius-large)
}

@media (min-width: 1000px) {

    .c-wysiwyg.-article img,
    .-article.shopify-policy__body img,
    .c-wysiwyg.-article iframe,
    .-article.shopify-policy__body iframe {
        margin-left: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 1 + var(--grid-gutter) * (1 - 1)) * -1 - var(--grid-gutter));
        width: calc(100% + calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 2 + var(--grid-gutter) * (2 - 1)) + (var(--grid-gutter) * 2));
        max-width: calc(100% + calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 2 + var(--grid-gutter) * (2 - 1)) + (var(--grid-gutter) * 2))
    }
}

.c-wysiwyg iframe,
.shopify-policy__body iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    margin: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large))) 0
}

.c-wysiwyg table,
.shopify-policy__body table {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small);
    width: 100%;
    margin: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large))) 0
}

.c-wysiwyg table+p,
.shopify-policy__body table+p,
.c-wysiwyg table+ul,
.shopify-policy__body table+ul,
.c-wysiwyg table+ol,
.shopify-policy__body table+ol {
    margin-top: 1em
}

.c-wysiwyg table+h1,
.shopify-policy__body table+h1,
.c-wysiwyg table+h2,
.shopify-policy__body table+h2,
.c-wysiwyg table+h3,
.shopify-policy__body table+h3,
.c-wysiwyg table+h4,
.shopify-policy__body table+h4,
.c-wysiwyg table+h5,
.shopify-policy__body table+h5,
.c-wysiwyg table+h6,
.shopify-policy__body table+h6 {
    margin-top: 1em
}

.c-wysiwyg th,
.shopify-policy__body th {
    vertical-align: top;
    text-align: left;
    padding: 20px 10px;
    border-bottom: solid 1px #d6d6d6
}

.c-wysiwyg td,
.shopify-policy__body td {
    border-bottom: solid 1px #d6d6d6;
    padding: 10px;
    vertical-align: top
}

.c-wysiwyg caption,
.shopify-policy__body caption {
    padding: 10px;
    caption-side: bottom;
    font-style: italic
}

.c-wysiwyg blockquote,
.shopify-policy__body blockquote {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h3-sans);
    color: currentColor;
    line-height: 1;
    padding: 0;
    padding-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    margin-left: 0;
    margin-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    margin-bottom: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    text-align: center;
    position: relative
}

@media (min-width: 1000px) {

    .c-wysiwyg blockquote,
    .shopify-policy__body blockquote {
        width: calc(100% + calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 2 + var(--grid-gutter) * (2 - 1)) + (var(--grid-gutter) * 2));
        margin-left: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 1 + var(--grid-gutter) * (1 - 1)) * -1 - var(--grid-gutter))
    }
}

.c-wysiwyg blockquote:before,
.shopify-policy__body blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    content: "\201c";
    color: #d6d6d6;
    font-weight: 400
}

@media (min-width: 1000px) {

    .c-wysiwyg blockquote:before,
    .shopify-policy__body blockquote:before {
        font-size: 8.75rem
    }
}

@media (max-width: 999px) {

    .c-wysiwyg blockquote:before,
    .shopify-policy__body blockquote:before {
        font-size: 5.625rem
    }
}

.c-wysiwyg blockquote *,
.shopify-policy__body blockquote * {
    line-height: 1
}

.c-wysiwyg blockquote+p,
.shopify-policy__body blockquote+p {
    padding-top: 0
}

.c-wysiwyg blockquote+h1,
.shopify-policy__body blockquote+h1,
.c-wysiwyg blockquote+h2,
.shopify-policy__body blockquote+h2,
.c-wysiwyg blockquote+h3,
.shopify-policy__body blockquote+h3,
.c-wysiwyg blockquote+h4,
.shopify-policy__body blockquote+h4,
.c-wysiwyg blockquote+h5,
.shopify-policy__body blockquote+h5,
.c-wysiwyg blockquote+h6,
.shopify-policy__body blockquote+h6,
.c-wysiwyg blockquote+blockquote,
.shopify-policy__body blockquote+blockquote {
    margin-top: 0
}

.c-text {
    line-height: 1;
    letter-spacing: -.02em;
    text-wrap: balance
}

.c-text.-small {
    font-size: var(--font-size-text-small);
    line-height: 1.2
}

.c-text.-small.-bold {
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400
}

.c-text.-large {
    font-size: var(--font-size-text-large);
    line-height: 1.2
}

.c-text.-large.-bold {
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400
}

.c-text.-text-lowercase {
    text-transform: lowercase
}

.c-burger_icon {
    display: inline-flex
}

.c-burger_icon.-open {
    width: 20px;
    height: 10px;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

html.is-first-loaded .c-burger_icon.-open {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .3s
}

html.has-menu-open .c-burger_icon.-open {
    transition-delay: 0s;
    transform: rotate(180deg) scale3d(0, 0, 1);
    opacity: 0
}

.c-burger_icon.-close {
    --burger-close-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--burger-close-size);
    height: var(--burger-close-size);
    margin-left: calc(var(--burger-close-size)*-1/2);
    margin-top: calc(var(--burger-close-size)*-1/2);
    overflow: hidden
}

.c-burger_icon_line {
    display: inline-block;
    position: relative
}

.c-burger_icon.-open .c-burger_icon_line {
    width: 100%;
    height: 2px;
    background-color: currentColor
}

html.is-first-loaded .c-burger_icon.-open .c-burger_icon_line {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-burger_icon.-open .c-burger_icon_line:nth-child(1) {
    transition-delay: 0s
}

html.is-first-loaded .c-burger_icon.-open .c-burger_icon_line:nth-child(2) {
    transition-delay: .1s
}

html.is-first-loaded .c-burger_icon.-open .c-burger_icon_line:nth-child(3) {
    transition-delay: .2s
}

.c-burger:hover .c-burger_icon.-open .c-burger_icon_line {
    transform: translate(140%)
}

.c-burger_icon.-open .c-burger_icon_line:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: currentColor;
    transform: translate(-140%)
}

.c-burger_icon.-close .c-burger_icon_line {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background-color: currentColor
}

.c-burger_icon.-close .c-burger_icon_line:nth-child(1) {
    transform: rotate(-45deg) translate(-150%)
}

html.has-menu-open .c-burger_icon.-close .c-burger_icon_line:nth-child(1) {
    transform: rotate(-45deg) translate(0)
}

.c-burger_icon.-close .c-burger_icon_line:nth-child(2) {
    transform: rotate(45deg) translate(-150%)
}

html.has-menu-open .c-burger_icon.-close .c-burger_icon_line:nth-child(2) {
    transform: rotate(45deg) translate(0)
}

html.is-first-loaded .c-burger_icon.-close .c-burger_icon_line {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: 0s
}

html.is-first-loaded.has-menu-open .c-burger_icon.-close .c-burger_icon_line {
    transition-delay: .3s
}

.c-menu.-secondary {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gutter);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media (min-width: 1000px) {
    .c-modal-menu .c-menu.-secondary {
        align-items: end
    }
}

.c-menu_list {
    line-height: 1
}

.c-modal-menu .c-menu.-main .c-menu_item {
    transform: translate(-7.5rem)
}

html.is-first-loaded .c-modal-menu .c-menu.-main .c-menu_item:nth-child(1) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .05s
}

html.is-first-loaded .c-modal-menu .c-menu.-main .c-menu_item:nth-child(2) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .1s
}

html.is-first-loaded .c-modal-menu .c-menu.-main .c-menu_item:nth-child(3) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .15s
}

html.is-first-loaded .c-modal-menu .c-menu.-main .c-menu_item:nth-child(4) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .2s
}

html.has-menu-open .c-modal-menu .c-menu.-main .c-menu_item {
    transform: translate(0)
}

.c-modal-menu .c-menu.-secondary .c-menu_item {
    transform: translateY(2.5rem)
}

html.is-first-loaded .c-modal-menu .c-menu.-secondary .c-menu_item {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1)
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(1) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .05s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(2) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .1s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(3) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .15s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(4) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .2s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(5) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .25s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(6) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .3s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(7) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .35s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(8) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .4s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item:nth-child(9) {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .45s
}

html.has-menu-open .c-modal-menu .c-menu.-secondary .c-menu_item {
    transform: translateY(0);
    transition-delay: 0s
}

.c-menu_link,
.c-menu_dropdown_link {
    text-transform: lowercase;
    transition: color .3s cubic-bezier(.38, .005, .215, 1)
}

@media (hover: hover) {

    .c-menu_link:hover,
    .c-menu_dropdown_link:hover {
        color: #949494
    }
}

.c-menu_currency {
    transition: color .3s cubic-bezier(.38, .005, .215, 1)
}

@media (hover: hover) {
    .c-menu_currency:hover {
        color: #949494
    }
}

.c-menu_link {
    display: inline-block
}

.c-menu.-main .c-menu_link {
    font-size: var(--font-size-huge-sans);
    padding: .375rem 0;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400
}

.c-menu.-main.-small .c-menu_link {
    font-size: var(--font-size-h1-sans)
}

.c-menu.-secondary .c-menu_link {
    font-size: var(--font-size-h4-sans);
    padding: .25rem 0;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400
}

.c-menu.-sitemap .c-menu_link {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small);
    padding: .1875rem 0
}

html.is-first-loaded .c-menu_link_icon {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1)
}

.c-menu_item.is-open .c-menu_link_icon {
    transform: rotate(180deg)
}

.c-menu_dropdown_list {
    padding-top: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)));
    padding-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.c-menu_dropdown_link {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h3-sans);
    display: inline-block;
    padding: .125rem 0
}

.c-menu.-main.-small .c-menu_dropdown_link {
    font-size: var(--font-size-h4-sans)
}

.c-menu_dropdown_link.focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-style: dashed;
    outline-width: 0px
}

.c-menu_dropdown {
    height: 0px;
    overflow: hidden;
    visibility: hidden
}

html.is-first-loaded .c-menu_dropdown {
    transition: visibility 0s linear;
    transition-delay: .6s
}

.c-menu_item.is-open .c-menu_dropdown {
    visibility: visible;
    transition-delay: 0s
}

.c-cta-build-your-box {
    border-radius: var(--border-radius-large);
    background-color: #f4f4f4;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    min-height: 17.5rem;
    overflow: hidden
}

@media (max-width: 999px) {
    .c-modal-menu .c-cta-build-your-box {
        min-height: 0
    }
}

.c-cta-build-your-box_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    max-width: 15rem
}

.c-modal-menu .c-cta-build-your-box_title {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1);
    transition-delay: 0s;
    transform: translateY(5rem)
}

@media (max-width: 999px) {
    .c-modal-menu .c-cta-build-your-box_title {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
    }
}

html.has-menu-open .c-modal-menu .c-cta-build-your-box_title {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .2s;
    transform: translateY(0)
}

.c-modal-menu .c-cta-build-your-box_button {
    transform: translateY(5rem)
}

html.is-first-loaded .c-cta-build-your-box_button {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1);
    transition-delay: 0s
}

html.has-menu-open.is-ready .c-modal-menu .c-cta-build-your-box_button {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .4s;
    transform: translateY(0)
}

.c-tile-can {
    --color-secondary: #EDEDED;
    position: relative;
    border-radius: var(--border-radius-large);
    overflow: hidden;
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
}

@media (min-width: 1000px) {
    .c-tile-can {
        aspect-ratio: 450/400
    }
}

@media (max-width: 999px) {
    .c-tile-can {
        aspect-ratio: 5/4
    }
}

.c-tile-can.-animate {
    transform: translateY(40%);
    border-radius: 0;
    -webkit-clip-path: inset(30% 30% 30% 30% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(30% 30% 30% 30% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    opacity: 0
}

html.is-first-loaded .c-tile-can.-animate:nth-child(1) {
    --transform-delay: .15s;
    --clip-path-delay: .35s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-can.-animate:nth-child(2) {
    --transform-delay: .3s;
    --clip-path-delay: .5s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-can.-animate:nth-child(3) {
    --transform-delay: .45s;
    --clip-path-delay: .65s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-can.-animate:nth-child(4) {
    --transform-delay: .6s;
    --clip-path-delay: .8s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-can.-animate:nth-child(5) {
    --transform-delay: .75s;
    --clip-path-delay: .95s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-can.-animate:nth-child(6) {
    --transform-delay: .9s;
    --clip-path-delay: 1.1s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-can.-animate:nth-child(7) {
    --transform-delay: 1.05s;
    --clip-path-delay: 1.25s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-can.-animate:nth-child(8) {
    --transform-delay: 1.2s;
    --clip-path-delay: 1.4s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-can.-animate:nth-child(9) {
    --transform-delay: 1.35s;
    --clip-path-delay: 1.55s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-can.-animate {
    transform: translateY(0);
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    opacity: 1
}

@media (min-width: 1200px) {
    .c-tile-can.-feature {
        width: 42.5rem;
        aspect-ratio: 680/480
    }
}

@media (min-width: 1000px)and (max-width: 1199px) {
    .c-tile-can.-feature {
        aspect-ratio: inherit;
        height: 25rem
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-tile-can.-feature {
        aspect-ratio: 10/6
    }
}

@media (max-width: 999px) {
    .c-tile-can.-feature {
        width: 100%
    }
}

@media (min-width: 1000px) {
    .c-tile-can.-related-list {
        aspect-ratio: inherit
    }
}

@media (min-width: 1200px) {
    .c-tile-can.-related-list {
        height: 28.125rem
    }
}

@media (min-width: 1000px)and (max-width: 1199px) {
    .c-tile-can.-related-list {
        height: 23.75rem
    }
}

.c-tile-can_inner {
    padding: clamp(16px, calc(30 / 14.4 * 1vw), 30px) var(--padding-box);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.c-tile-can_top {
    position: relative;
    z-index: 4
}

.c-tile-can_cta {
    text-align: right;
    position: relative;
    z-index: 4;
    pointer-events: none
}

.c-tile-can.-animate .c-tile-can_cta {
    transform: translate3d(5rem, 0, 0)
}

html.is-first-loaded .c-tile-can.-animate .c-tile-can_cta {
    transition: transform var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-can.-animate .c-tile-can_cta {
    transform: translateZ(0)
}

@media (hover: hover) {
    html.is-first-loaded .c-tile-can.-related-list .c-tile-can_cta {
        transition: transform .3s cubic-bezier(.38, .005, .215, 1)
    }
}

@media (hover: hover) {
    .c-related-can-product_item:not(:last-child) .c-tile-can.-related-list:hover .c-tile-can_cta {
        transform: translate(calc(var(--border-radius-large) * -1))
    }
}

.c-tile-can_url {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.c-tile-can_url.focus-visible {
    outline-color: currentColor;
    outline-width: 2px;
    outline-offset: -4px;
    outline-style: dashed;
    border-radius: var(--border-radius-large)
}

.c-tile-can_visual {
    position: absolute;
    width: 40%;
    left: 0;
    bottom: 50px;
    pointer-events: none;
    z-index: 3
}

.c-tile-can.-animate .c-tile-can_visual {
    transform: translate3d(115%, -35%, 0)
}

html.is-first-loaded .c-tile-can.-animate .c-tile-can_visual {
    transition: transform var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-can.-animate .c-tile-can_visual {
    transform: translateZ(0)
}

.c-tile-can.-feature .c-tile-can_visual {
    width: 30%;
    transform: translate3d(0, 100%, 0)
}

html.is-first-loaded .c-tile-can.-feature .c-tile-can_visual {
    transition: transform .9s .1s cubic-bezier(.215, .61, .355, 1)
}

html.is-ready .c-horizontal-panel_item.is-inview .c-tile-can.-feature .c-tile-can_visual {
    transform: translateZ(0)
}

@media (min-width: 1000px) {
    .c-tile-can.-related-list .c-tile-can_visual {
        width: 10.1875rem
    }
}

.c-tile-can_visual_inner {
    transform: translateY(35%)
}

html.is-first-loaded .c-tile-can_visual_inner {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1)
}

@media (hover: hover) {
    .c-tile-can:hover .c-tile-can_visual_inner {
        transform: translateY(28%)
    }
}

.c-tile-can_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h2-sans);
    text-transform: lowercase
}

.c-tile-can.-feature .c-tile-can_title {
    font-size: var(--font-size-h1-sans)
}

.c-tile-can.-animate .c-tile-can_title {
    transform: translate3d(0, -100%, 0)
}

html.is-first-loaded .c-tile-can.-animate .c-tile-can_title {
    transition: transform var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-can.-animate .c-tile-can_title {
    transform: translateZ(0)
}

@media (min-width: 1000px) {
    .c-tile-can.-related-list .c-tile-can_title {
        max-width: 12.5rem
    }
}

.c-tile-can_illustration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 57%;
    opacity: 0;
    transform: translate3d(-10%, 10%, 0);
    z-index: 2
}

html.is-first-loaded .c-tile-can_illustration {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1), opacity .3s cubic-bezier(.38, .005, .215, 1)
}

@media (hover: hover) {
    .c-tile-can:hover .c-tile-can_illustration {
        opacity: 1;
        transform: translateZ(0);
        transition: transform .3s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1)
    }

    .c-tile-can.-feature:hover .c-tile-can_illustration {
        transform: translate3d(-10%, 0, 0)
    }
}

.c-tile-can.-feature .c-tile-can_illustration {
    width: 45%;
    transform: translate3d(-20%, 10%, 0)
}

@media (min-width: 1000px) {
    .c-tile-can.-related-list .c-tile-can_illustration {
        width: 15rem
    }
}

@media (min-width: 1000px) {
    .c-tile-can.-related-list .c-tile-can_tag {
        display: none
    }
}

.c-tile-can_text {
    position: absolute;
    bottom: clamp(16px, calc(30 / 14.4 * 1vw), 30px);
    left: 0;
    right: 8.75rem;
    display: none;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    z-index: 3;
    text-wrap: balance
}

@media (min-width: 1000px)and (max-width: 1199px) {
    .c-tile-can_text {
        transform: translateZ(0) !important;
        right: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
        bottom: 5rem
    }
}

.c-tile-can.-feature .c-tile-can_text {
    display: block;
    padding-left: calc(25% + var(--padding-box));
    transition: transform .3s cubic-bezier(.38, .005, .215, 1), opacity .9s .3s cubic-bezier(.38, .005, .215, 1);
    opacity: 0
}

@media (max-width: 699px) {
    .c-tile-can.-feature .c-tile-can_text {
        display: none
    }
}

html.is-ready .c-horizontal-panel_item.is-inview .c-tile-can.-feature .c-tile-can_text {
    opacity: 1
}

@media (hover: hover) {
    .c-tile-can:hover .c-tile-can_text {
        transform: translate3d(2.5rem, -4.375rem, 0)
    }
}

.c-tile-can_background {
    background: var(--color-primary);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0
}

@media (hover: hover) {
    html.is-first-loaded .c-tile-can_background {
        transition: opacity .6s cubic-bezier(.38, .005, .215, 1)
    }

    .c-tile-can:hover .c-tile-can_background {
        opacity: .08
    }
}

.c-tile-product {
    --button-color: #000000;
    --button-background: #FFFFFF;
    position: relative;
    border-radius: var(--border-radius-large);
    overflow: hidden;
    z-index: 0;
    color: #fff
}

@media (min-width: 1000px) {
    .c-tile-product {
        aspect-ratio: 450/400
    }
}

@media (max-width: 999px) {
    .c-tile-product {
        aspect-ratio: 5/4
    }
}

@media (min-width: 1000px) {
    .c-tile-product.-related-list {
        aspect-ratio: inherit;
        height: 28.125rem
    }
}

.c-tile-product.-animate {
    transform: translateY(40%);
    border-radius: 0;
    -webkit-clip-path: inset(30% 30% 30% 30% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(30% 30% 30% 30% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    opacity: 0
}

html.is-first-loaded .c-tile-product.-animate:nth-child(1) {
    --transform-delay: .15s;
    --clip-path-delay: .35s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-product.-animate:nth-child(2) {
    --transform-delay: .3s;
    --clip-path-delay: .5s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-product.-animate:nth-child(3) {
    --transform-delay: .45s;
    --clip-path-delay: .65s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-product.-animate:nth-child(4) {
    --transform-delay: .6s;
    --clip-path-delay: .8s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-product.-animate:nth-child(5) {
    --transform-delay: .75s;
    --clip-path-delay: .95s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-product.-animate:nth-child(6) {
    --transform-delay: .9s;
    --clip-path-delay: 1.1s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-product.-animate:nth-child(7) {
    --transform-delay: 1.05s;
    --clip-path-delay: 1.25s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-product.-animate:nth-child(8) {
    --transform-delay: 1.2s;
    --clip-path-delay: 1.4s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-tile-product.-animate:nth-child(9) {
    --transform-delay: 1.35s;
    --clip-path-delay: 1.55s;
    --transform-duration: .5s;
    --clip-path-duration: .7s;
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: transform var(--transform-duration) var(--transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--transform-delay) cubic-bezier(.38, .005, .215, 1), clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-product.-animate {
    transform: translateY(0);
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    opacity: 1
}

.c-tile-product_inner {
    padding: clamp(16px, calc(30 / 14.4 * 1vw), 30px) var(--padding-box);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.c-tile-product_cta {
    text-align: right
}

.c-tile-product.-animate .c-tile-product_cta {
    transform: translate3d(5rem, 0, 0)
}

html.is-first-loaded .c-tile-product.-animate .c-tile-product_cta {
    transition: transform var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-product.-animate .c-tile-product_cta {
    transform: translateZ(0)
}

@media (hover: hover) {
    html.is-first-loaded .c-tile-product.-related-list .c-tile-product_cta {
        transition: transform .3s cubic-bezier(.38, .005, .215, 1)
    }
}

@media (hover: hover) {
    .c-related-can-product_item:not(:last-child) .c-tile-can.-related-list:hover .c-tile-product_cta {
        transform: translate(calc(var(--border-radius-large) * -1))
    }
}

.c-tile-product_url {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.c-tile-product_url.focus-visible {
    outline-color: currentColor;
    outline-width: 2px;
    outline-offset: -4px;
    outline-style: dashed;
    border-radius: var(--border-radius-large)
}

.c-tile-product_visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    overflow: hidden
}

.c-tile-product_visual:before {
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .35
}

.c-tile-product_title {
    text-transform: lowercase;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h2-sans);
    text-wrap: balance
}

@media (min-width: 1000px) {
    .c-tile-product.-related-list .c-tile-product_title {
        max-width: 17.5rem
    }
}

.c-tile-product.-animate .c-tile-product_title {
    transform: translate3d(0, -100%, 0)
}

html.is-first-loaded .c-tile-product.-animate .c-tile-product_title {
    transition: transform var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-product.-animate .c-tile-product_title {
    transform: translateZ(0)
}

.c-tile-product.-animate .c-tile-product_visual {
    transform: scale3d(1.1, 1.1, 1)
}

html.is-first-loaded .c-tile-product.-animate .c-tile-product_visual {
    transition: transform var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-product.-animate .c-tile-product_visual {
    transform: scaleZ(1)
}

.c-tile-product_visual_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (hover: hover) {
    html.is-first-loaded .c-tile-product_visual_img {
        transition: transform .6s cubic-bezier(.38, .005, .215, 1)
    }

    .c-tile-product:hover .c-tile-product_visual_img {
        transform: scale3d(1.05, 1.05, 1)
    }
}

.c-tile-listing {
    display: grid;
    gap: var(--grid-gutter)
}

@media (min-width: 1000px) {
    .c-tile-listing {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-tile-listing {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .c-tile-listing {
        grid-template-columns: repeat(1, 1fr)
    }
}

.c-langswitcher {
    margin: 0;
    line-height: 1
}

.c-header .c-langswitcher_link_label {
    position: relative;
    display: inline-block;
    padding: 4px 0
}

@media (hover: hover) {
    .c-header .c-langswitcher_link_label:before {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        content: "";
        background-color: currentColor;
        transform-origin: right center;
        transform: scale3d(0, 1, 1);
        transition: transform .3s cubic-bezier(.38, .005, .215, 1)
    }
}

@media (hover: hover) {
    .c-header_link:hover .c-langswitcher_link_label:before {
        transform: scaleZ(1);
        transform-origin: left center
    }
}

.c-tag_list {
    display: flex;
    flex-wrap: wrap;
    gap: 3px
}

.c-tag_list.-product {
    margin-top: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

.c-product_header .c-tag_list {
    margin-top: 0
}

.c-tag_item {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small);
    text-transform: lowercase;
    padding: 2px 8px 4px;
    background-color: #f4f4f4;
    border-radius: 10px
}

.c-tag_item.-warning {
    color: #ffe9a3;
    background-color: #ffe9a359
}

.c-tag_item.-sale {
    background-color: #08a33980
}

.c-tag_list.-product .c-tag_item {
    border: 2px solid currentColor;
    background-color: inherit;
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    border-radius: 20px;
    -webkit-clip-path: inset(0% 100% 0% 0% round var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium));
    clip-path: inset(0% 100% 0% 0% round var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium))
}

html.is-first-loaded .c-tag_list.-product .c-tag_item {
    transition: -webkit-clip-path .6s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .6s
}

html.is-ready .c-tag_list.-product .c-tag_item {
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium))
}

.c-tag_list.-product .c-tag_item.-new {
    color: var(--color-secondary);
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.c-tag_list.-product .c-tag_item.-sale,
.c-tag_list.-product .c-tag_item.-warning {
    color: var(--color-secondary);
    background-color: var(--color-accent);
    border-color: var(--color-accent)
}

.c-pagination {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.c-pagination_list {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.c-pagination_list_item {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    margin-right: 20px;
    border-bottom: solid 2px rgba(0, 0, 0, 0);
    padding: 5px
}

.c-pagination_list_item.is-active {
    border-color: currentColor
}

.c-pagination_list_item:last-child {
    margin-right: 0
}

.c-footer {
    margin-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)));
    padding-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.c-footer_nav {
    display: grid;
    gap: var(--grid-gutter);
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    margin-bottom: clamp(calc(.0625rem * var(--spacing-enormous-mobile)), calc(var(--spacing-enormous) / 14.4 * 1vw), calc(.0625rem * var(--spacing-enormous)))
}

@media (min-width: 700px) {
    .c-footer_nav {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--grid-gutter)
    }
}

@media (max-width: 699px) {
    .c-footer_nav {
        gap: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
    }
}

.c-footer_nav_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

@media (max-width: 699px) {
    .c-footer_container {
        padding-left: 0;
        padding-right: 0
    }
}

.c-footer_box {
    border-radius: var(--border-radius-large);
    background-color: #f4f4f4;
    padding: var(--padding-box);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 1000px) {
    .c-footer_box {
        min-height: 16.25rem
    }
}

@media (max-width: 999px) {
    .c-footer_box {
        min-height: 10rem
    }
}

.c-footer_box_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    text-wrap: balance
}

.c-footer_box.-newsletter .c-footer_box_title {
    max-width: 20.625rem
}

.c-footer_box.-social .c-footer_box_title {
    max-width: 15rem
}

@media (min-width: 1000px) {
    .c-footer_social {
        padding-bottom: 1.375rem
    }
}

.c-footer_logo {
    position: relative;
    display: inline-block
}

.c-footer_logo_svg {
    width: 5.375rem;
    height: 2.625rem
}

.c-footer_logo_copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

@media (min-width: 700px) {
    .c-footer_credit {
        gap: var(--grid-gutter);
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter)
    }
}

@media (max-width: 999px) {
    .c-footer_credit {
        row-gap: .3125rem
    }
}

.c-newsletter {
    margin: 0
}

.c-newsletter_inner {
    position: relative
}

.c-newsletter_input {
    margin: 0
}

.c-newsletter_input .c-form_input,
.c-newsletter_input .rc_form.form-vertical input,
.rc_form.form-vertical .c-newsletter_input input,
.c-newsletter_input .c-form_select_input,
.c-newsletter_input .c-form_textarea {
    padding-right: 5.625rem;
    padding-left: 1.25rem
}

.c-newsletter_input .c-form_input.focus-visible,
.c-newsletter_input .rc_form.form-vertical input.focus-visible,
.rc_form.form-vertical .c-newsletter_input input.focus-visible,
.c-newsletter_input .focus-visible.c-form_select_input,
.c-newsletter_input .focus-visible.c-form_textarea {
    background-color: #fff;
    border-style: dashed
}

.c-newsletter_button {
    position: absolute;
    top: .625rem;
    right: .625rem
}

.c-social_list {
    display: flex;
    flex-wrap: wrap
}

.c-social_item:not(:last-child) {
    margin-right: 1.875rem
}

.c-social_link {
    display: inline-block;
    padding: .25rem 0;
    font-size: var(--font-size-h4-sans);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    text-transform: lowercase
}

html.is-first-loaded .c-social_link {
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1)
}

.c-social_link:hover {
    opacity: .5
}

:root {
    --cart-padding: 40px
}

.c-cart {
    width: 100%
}

.c-cart_footer {
    padding: 20px var(--cart-padding) 20px var(--cart-padding)
}

.c-cart_header {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    padding: 30px var(--cart-padding) var(--cart-padding) var(--cart-padding);
    display: flex;
    align-items: center
}

.c-cart_header_icon {
    margin-right: 20px
}

.c-cart_empty {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    padding: var(--cart-padding);
    width: 100%;
    text-align: center
}

.c-cart_footer_line {
    border-top: solid 2px currentColor;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large)
}

.c-cart_footer_hint {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small);
    text-align: center;
    margin-top: 20px
}

.c-modal-cart .c-cart {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%
}

.c-modal-cart .c-cart_header,
.c-modal-cart .c-cart_footer {
    flex-shrink: 0
}

.c-modal-cart .c-cart_inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-modal-cart .c-cart_lines {
    flex-shrink: 1;
    flex-grow: 1;
    overflow: hidden;
    position: relative
}

.c-modal-cart .c-cart_lines:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    pointer-events: none;
    background: linear-gradient(0deg, #F4F4F4 10%, transparent);
    z-index: 1
}

.c-modal-cart .c-cart_lines_inner {
    overflow: auto;
    height: 100%;
    padding-bottom: 50px
}

.c-modal-cart .c-cart_form {
    height: auto;
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.c-cart-line {
    position: relative;
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-left: var(--cart-padding);
    margin-right: var(--cart-padding);
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: solid 2px currentColor
}

.c-cart-line_visual {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #fff
}

@media (min-width: 500px) {
    .c-cart-line_visual {
        width: 116px;
        height: 116px
    }
}

@media (max-width: 499px) {
    .c-cart-line_visual {
        width: 60px;
        height: 60px
    }
}

.c-cart-line_visual .c-image {
    height: 100%
}

.c-cart-line_content {
    width: 100%
}

.c-cart-line_title {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

.c-cart-line_prices {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large);
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.c-cart-line_prices_item.-strikethrough {
    text-decoration: line-through;
    opacity: .5
}

.c-cart-line_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.c-cart-line_content_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

.c-cart-line_delete {
    position: absolute;
    top: 20px;
    right: 0
}

.c-cart-line_options,
.c-cart-line_selling_plan {
    font-size: var(--font-size-text-small);
    margin-top: 5px
}

.c-quantity {
    display: inline-flex
}

.c-quantity_input {
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    height: 1.25rem;
    width: 2.5rem;
    border: solid 2px currentColor;
    text-align: center;
    border-radius: 1.25rem;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1
}

.c-quantity.-large .c-quantity_input {
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    height: 1.875rem;
    width: 3.75rem;
    margin-left: 6px;
    margin-right: 6px
}

.c-quantity.-large .c-quantity_button {
    --button-height: 1.875rem;
    --button-width: 1.875rem
}

.c-quantity.-large .c-quantity_button .svg-plus,
.c-quantity.-large .c-quantity_button .svg-minus {
    --icon-width-plus: .625rem;
    stroke-width: 2px
}

.c-spinner {
    --spinner-size: 1rem;
    display: block;
    width: var(--spinner-size);
    height: var(--spinner-size);
    border: 2px solid rgba(0, 0, 0, 0);
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-radius: 50%;
    animation: loaderSpinner .4s linear infinite
}

@keyframes loaderSpinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.c-split-text {
    opacity: 0
}

.c-split-text br {
    display: block !important
}

.c-tile-build-your-box {
    border-radius: var(--border-radius-large);
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

@media (max-width: 699px) {
    .c-tile-build-your-box {
        margin-right: calc(var(--padding-box) * -1);
        margin-left: calc(var(--padding-box) * -1);
        flex-direction: column
    }
}

.c-tile-build-your-box_content {
    position: relative;
    z-index: 3
}

@media (min-width: 700px) {
    .c-tile-build-your-box_content {
        aspect-ratio: 450/400;
        width: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1)) + 20px)
    }
}

@media (max-width: 699px) {
    .c-tile-build-your-box_content {
        padding-left: var(--grid-margin);
        padding-right: var(--grid-margin)
    }
}

@media (min-width: 700px) {
    .c-tile-build-your-box_image {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1)) - var(--border-radius-large))
    }
}

@media (max-width: 699px) {
    .c-tile-build-your-box_image {
        aspect-ratio: 3/2;
        margin-bottom: calc(var(--border-radius-large) * -1)
    }
}

.c-loading-spinner {
    --spinner-height: 2.5rem;
    position: fixed;
    top: 50%;
    left: 50%;
    width: var(--spinner-height);
    height: var(--spinner-height);
    margin-left: calc(var(--spinner-height)/2*-1);
    margin-top: calc(var(--spinner-height)/2*-1);
    transform: scaleZ(1);
    transition: transform .3s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 300
}

html.is-ready .c-loading-spinner {
    transform: scale3d(0, 0, 1);
    transition-delay: 0s
}

.c-loading-spinner svg {
    width: 2em;
    transform-origin: center;
    animation: spinnerRotate 2s linear infinite;
    animation-play-state: paused
}

html:not(.is-ready) .c-loading-spinner svg {
    animation-play-state: running
}

.c-loading-spinner circle {
    fill: none;
    stroke: #000;
    stroke-width: 3;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: spinnerDash 1.5s ease-in-out infinite;
    animation-play-state: paused
}

html:not(.is-ready) .c-loading-spinner circle {
    animation-play-state: running
}

@keyframes spinnerRotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinnerDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dashoffset: -125px
    }
}

.c-product {
    position: relative;
    border-bottom-left-radius: var(--border-radius-large);
    border-bottom-right-radius: var(--border-radius-large)
}

.c-product_wrap {
    position: relative;
    padding-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

.c-product_wrap.has-illustration {
    padding-bottom: 0
}

.c-product_wrap.-small-padding {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.c-product_header {
    display: flex;
    flex-direction: column;
    justify-content: top
}

@media (min-width: 1000px) {
    .c-product_header {
        min-height: calc(100vh - var(--header-height));
        padding: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small))) 0 clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) 0
    }

    html.is-mobile .c-product_header {
        min-height: calc(var(--vh-initial, 1vh)*100 - var(--header-height))
    }
}

@media (max-width: 999px) {
    .c-product_header {
        padding: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny))) 0 clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small))) 0
    }
}

.c-product_header_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-huge-sans);
    line-height: 1;
    text-transform: lowercase;
    margin-bottom: 2.5rem;
    width: 50%;
}
html.is-ready .u-anim-translate-opacity.-delay-1{
    width: 65%;
}

.c-product_header_title_line {
    display: block
}

@media (min-width: 1000px) {
    .c-product_header_cta {
        padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

.c-product_rail {
    --rail-color-primary: var(--color-primary);
    --rail-color-secondary: var(--color-accent)
}

.c-product_gallery {
    z-index: 2
}

@media (min-width: 1000px) {
    .c-product_gallery {
        position: absolute;
        top: 0;
        left: calc(50vw + var(--grid-gutter)/2);
        right: 1.25rem;
        bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

@media (max-width: 999px) {
    .c-product_gallery {
        padding: .625rem 1.25rem 0
    }
}

@media (min-width: 1000px) {
    .c-product_text {
        padding-right: 20%
    }
}

.c-product_nutritional {
    max-width: 25rem
}

.c-product_nutritional img {
    border-radius: 0;
    margin: 0
}

.c-product_additional_image {
    padding-bottom: 1.25rem
}

.c-product_illustration {
    overflow: hidden;
    margin-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)));
    margin-left: calc(var(--grid-margin)*-1);
    margin-bottom: calc(var(--grid-margin)*-1)
}

@media (min-width: 1000px) {
    .c-product_illustration {
        padding-right: 20%
    }
}

@media (max-width: 999px) {
    .c-product_illustration {
        padding-right: 35%
    }
}

.c-product_illustration_image {
    transform: translate(-20%)
}

.c-hero-home {
    --color-accent: #D6D6D6;
    --button-color: #000000;
    --button-background: #FFFFFF;
    position: relative;
    color: #fff;
    overflow: hidden;
    background-color: #000;
    -webkit-clip-path: inset(0% 0% 0% 0% round 0px 0px calc(var(--progress) * var(--border-radius-large)) calc(var(--progress) * var(--border-radius-large)));
    clip-path: inset(0% 0% 0% 0% round 0px 0px calc(var(--progress) * var(--border-radius-large)) calc(var(--progress) * var(--border-radius-large)));
    z-index: 10
}

.c-hero-home_container {
    min-height: 100vh;
    display: flex;
    width: 100%;
    align-items: flex-end;
    position: relative;
    z-index: 4
}

html.is-mobile .c-hero-home_container {
    min-height: calc(var(--vh-initial, 1vh)*100)
}

.c-hero-home_inner {
    width: 100%;
    padding-top: calc(var(--header-height) + clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small))))
}

@media (min-width: 1000px) {
    .c-hero-home_inner {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)))
    }
}

@media (max-width: 999px) {
    .c-hero-home_inner {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

.c-hero-home_title {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    width: 100%
}

.c-hero-home_visual,
.c-hero-home_visual_list,
.c-hero-home_visual_item,
.c-hero-home_visual_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-hero-home_visual_list {
    transform: scale3d(1.05, 1.05, 1);
    opacity: .4
}

html.is-first-loaded .c-hero-home_visual_list {
    transition: transform 1.2s cubic-bezier(.38, .005, .215, 1), opacity 3s cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-hero-home_visual_list {
    transform: scaleZ(1);
    opacity: 1
}

.c-hero-home_visual:before,
.c-hero-home_visual:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.c-hero-home_visual:before {
    background-color: #000;
    opacity: calc(.3 + var(--progress)*.5);
    z-index: 3
}

.c-hero-home_visual:after {
    background: linear-gradient(0deg, #00000080, #0000);
    opacity: .2
}

.c-hero-home_title_list {
    width: 100%;
    position: relative
}

.c-hero-home_title_item:not(:first-child) {
    position: absolute;
    top: 0
}

.c-tile-formula {
    --color-primary: #000000;
    --color-secondary: #F4F4F4;
    background-color: var(--color-secondary);
    color: var(--color-primary);
    border-radius: var(--border-radius-large);
    overflow: hidden
}

.c-tile-formula.-inverted {
    --color-primary: #FFFFFF;
    --color-secondary: #000000;
    --button-background: #FFFFFF;
    --button-color: #000000
}

.c-tile-formula_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

@media (min-width: 1200px) {
    .c-tile-formula_inner {
        padding: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (max-width: 1199px) {
    .c-tile-formula_inner {
        padding: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
    }
}

.c-tile-formula_title {
    border-bottom: solid 2px currentColor;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: lowercase
}

.c-tile-formula_footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 2.5rem
}

.c-tile-formula_price {
    display: flex;
    flex-direction: column
}

.c-tile-formula_price_original {
    --font-size-text-large: 1.875rem;
    margin-top: 4px
}

.c-tile-formula_wysiwyg ul {
    margin: 0
}

.c-tile-formula_wysiwyg del {
    color: var(--color-accent);
    text-decoration-color: var(--color-primary);
    position: relative;
    text-decoration: none
}

.c-tile-formula_wysiwyg del:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-primary);
    transform: rotate(20deg)
}

.c-tile-formula_wysiwyg em {
    font-style: normal;
    font-weight: 700;
    background-color: color-mix(in srgb, var(--color-secondary), #fff 100%);
    border-radius: .5em;
    padding: .05em .25em
}

.c-box-builder_portal_formula.-bundles .c-tile-formula_wysiwyg em {
    background-color: color-mix(in srgb, var(--color-accent), #000 50%)
}

.c-box-builder-form {
    opacity: 0;
    transform: translate3d(0, 100px, 0)
}

html.is-first-loaded .c-box-builder-form {
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1)
}

html.is-ready .c-box-builder-form {
    opacity: 1;
    transform: translateZ(0)
}

.c-box-builder_header_title {
    text-transform: lowercase
}

.c-box-builder_header_row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: var(--grid-gutter)
}

.c-box-builder_products {
    margin-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.c-box-builder_header_subtitle {
    max-width: 37.5rem;
    text-wrap: balance
}

@media (min-width: 1200px) {
    .c-box-builder_purchase {
        position: sticky;
        top: calc(var(--header-height) + clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny))))
    }
}

@media (max-width: 999px) {
    .c-box-builder_purchase {
        margin-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

.c-box-builder_portal {
    display: grid;
    gap: var(--grid-gutter)
}

@media (min-width: 1000px) {
    .c-box-builder_portal {
        grid-template-columns: 1fr 2fr
    }
}

@media (max-width: 999px) {
    .c-box-builder_portal {
        grid-template-columns: 1fr
    }
}

@media (min-width: 700px) {

    .c-box-builder_portal_item,
    .c-box-builder_portal_item .c-tile-formula {
        height: 100%
    }
}

.c-box-builder_portal_formula {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (max-width: 999px) {
    .c-box-builder_portal_formula.-bundles {
        grid-row: 1
    }
}

.c-box-builder_portal_formula_inner {
    flex-grow: 1
}

.c-box-builder_portal_formula.-bundles .c-box-builder_portal_formula_inner {
    display: grid;
    gap: var(--grid-gutter);
    grid-template-columns: 1fr
}

@media (min-width: 700px) {
    .c-box-builder_portal_formula.-bundles .c-box-builder_portal_formula_inner {
        grid-template-columns: 1fr 1fr
    }
}

.c-box-builder_portal_formula_header {
    height: 28px;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin-bottom: 10px;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.c-box-builder_portal_formula_header:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 56px;
    width: 100%;
    border: 2px solid #000;
    border-radius: var(--border-radius);
    z-index: -1
}

.c-box-builder_portal_formula_title {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large);
    font-weight: 400;
    background-color: #fff;
    display: inline-block;
    margin-left: calc(clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) - 6px);
    padding-left: 6px;
    padding-right: 6px;
    text-transform: lowercase
}

.c-box-builder_count_label {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small)
}

.c-box-builder_count_value {
    display: inline-block;
    position: relative
}

.c-box-builder_back {
    display: flex;
    align-items: center
}

.c-box-builder_back_icon {
    width: 3.75rem;
    height: 3.75rem;
    border: solid 2px currentColor;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-box-builder_back_icon .svg-arrow-left {
    --icon-width-arrow: 1.25rem
}

@media (hover: hover) {
    .c-box-builder_back:hover .c-box-builder_back_icon {
        background-color: #000;
        color: #fff
    }
}

.c-box-builder_back_label {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    margin-left: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

.c-box-builder_placeholder {
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.count-enter-active,
.count-leave-active {
    transition: opacity .15s cubic-bezier(.38, .005, .215, 1), transform .15s cubic-bezier(.38, .005, .215, 1)
}

.count-enter-from {
    transform: translateY(5px)
}

.count-enter-to {
    transform: translateY(0)
}

.count-leave-to {
    opacity: 0;
    transform: translateY(-5px)
}

.box-builder-enter-active,
.box-builder-leave-active {
    transition: opacity .6s cubic-bezier(.23, 1, .32, 1), transform .6s cubic-bezier(.23, 1, .32, 1)
}

.box-builder-enter-from {
    transform: translateY(50px)
}

.box-builder-enter-to {
    transform: translateY(0)
}

.box-builder-leave-to {
    opacity: 0;
    transform: translateY(50px)
}

.c-box-builder_portal_formula_tag {
    position: absolute;
    top: 0;
    width: 5rem;
    height: 5rem;
    margin-top: -1.875rem;
    background-color: #08a339;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    z-index: 3;
    border-radius: 100%;
    text-align: center;
    line-height: 1;
    padding: 5px;
    text-transform: lowercase;
    transform: scale3d(0, 0, 1) rotate(0)
}

@media (min-width: 1200px) {
    .c-box-builder_portal_formula_tag {
        right: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (max-width: 1199px) {
    .c-box-builder_portal_formula_tag {
        right: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
    }
}

html.is-first-loaded .c-box-builder_portal_formula_tag {
    transition: transform .3s .3s cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-box-builder_portal_formula_tag {
    transform: scaleZ(1) rotate(15deg)
}

.c-category_list {
    display: inline-flex;
    background-color: #f4f4f4;
    border-radius: var(--border-radius-medium);
    -webkit-clip-path: inset(0% 100% 0% 0% round var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium));
    clip-path: inset(0% 100% 0% 0% round var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium))
}

html.is-first-loaded .c-category_list {
    transition: -webkit-clip-path .9s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .9s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .9s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .9s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .6s
}

html.is-ready .c-category_list {
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium))
}

@media (max-width: 999px) {
    .c-category.-hide\@to-medium .c-category_list {
        display: none;
        visibility: hidden
    }
}

.c-category_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--button-height);
    border-radius: var(--border-radius-medium);
    padding: var(--button-padding);
    text-transform: lowercase;
    font-size: var(--font-size-text-small);
    overflow: hidden;
    position: relative
}

.c-category_link:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: var(--border-radius-medium);
    background-color: #d6d6d6;
    opacity: 0;
    transform: scale3d(.85, 1, 1)
}

html.is-first-loaded .c-category_link:before {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1), opacity .3s cubic-bezier(.38, .005, .215, 1)
}

.c-category_link.is-active {
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    color: #fff;
    pointer-events: none
}

.c-category_link.is-active:before {
    opacity: 1;
    background-color: #000;
    transform: scaleZ(1)
}

.c-category_link.focus-visible {
    outline-color: currentColor;
    outline-width: 2px;
    outline-offset: -4px;
    outline-style: dashed;
    border-radius: var(--border-radius)
}

@media (hover: hover) {
    .c-category_link:hover:before {
        opacity: 1;
        transform: scaleZ(1)
    }
}

.c-category_link_label {
    opacity: 0;
    transform: translate(30px)
}

html.is-first-loaded .c-category_link_label {
    transition: opacity .6s cubic-bezier(.38, .005, .215, 1), transform .6s cubic-bezier(.38, .005, .215, 1)
}

html.is-first-loaded .c-category_item:nth-child(1) .c-category_link_label {
    transition-delay: .7s
}

html.is-first-loaded .c-category_item:nth-child(2) .c-category_link_label {
    transition-delay: .8s
}

html.is-first-loaded .c-category_item:nth-child(3) .c-category_link_label {
    transition-delay: .9s
}

html.is-first-loaded .c-category_item:nth-child(4) .c-category_link_label {
    transition-delay: 1s
}

html.is-first-loaded .c-category_item:nth-child(5) .c-category_link_label {
    transition-delay: 1.1s
}

html.is-first-loaded .c-category_item:nth-child(6) .c-category_link_label {
    transition-delay: 1.2s
}

html.is-first-loaded .c-category_item:nth-child(7) .c-category_link_label {
    transition-delay: 1.3s
}

html.is-first-loaded .c-category_item:nth-child(8) .c-category_link_label {
    transition-delay: 1.4s
}

html.is-first-loaded .c-category_item:nth-child(9) .c-category_link_label {
    transition-delay: 1.5s
}

html.is-ready .c-category_link_label {
    opacity: 1;
    transform: translate(0)
}

.c-category_select {
    transform: translateY(1.25rem);
    opacity: 0
}

html.is-first-loaded .c-category_select {
    transition: transform .9s cubic-bezier(.38, .005, .215, 1), opacity .9s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .3s
}

html.is-ready .c-category_select {
    transform: translateY(0);
    opacity: 1
}

@media (min-width: 1000px) {
    .c-category_select {
        display: none;
        visibility: hidden
    }
}

.c-tile-article {
    position: relative;
    transform: translateY(7.5rem);
    opacity: 0
}

@media (min-width: 1000px) {

    .c-article-listing_list.-default:not(.-feature) .c-article-listing_item:nth-child(1) .c-tile-article,
    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(3) .c-tile-article {
        position: sticky;
        top: var(--grid-gutter)
    }
}

html.is-first-loaded .c-tile-article {
    transition: transform var(--tile-transform-duration) var(--tile-transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--tile-transform-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-article {
    transform: translateY(0);
    opacity: 1
}

.c-tile-article_visual {
    position: relative;
    aspect-ratio: 18/13;
    -webkit-clip-path: inset(35% 35% 35% 35% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
    clip-path: inset(35% 35% 35% 35% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
    background-color: #f4f4f4
}

html.is-first-loaded .c-tile-article_visual {
    transition: -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-article_visual {
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius))
}

@media (min-width: 1000px) {
    .c-tile-article_visual {
        max-height: calc(100vh - 17.5rem);
        width: 100%
    }

    .c-article-listing_list.-feature .c-tile-article_visual {
        max-height: inherit
    }

    .c-article-listing_list.-default .c-article-listing_item:nth-child(1) .c-tile-article_visual,
    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(3) .c-tile-article_visual {
        -webkit-clip-path: inset(18% 18% 18% 18% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
        clip-path: inset(18% 18% 18% 18% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
    }

    html.is-ready .c-article-listing_list.-default .c-article-listing_item:nth-child(1) .c-tile-article_visual,
    html.is-ready .c-article-listing_list.-reverse .c-article-listing_item:nth-child(3) .c-tile-article_visual {
        -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
        clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
    }
}

.c-tile-article_visual_wrap {
    margin-bottom: 1.25rem
}

@media (min-width: 1000px) {

    .c-article-listing_list.-feature .c-article-listing_item:nth-child(2) .c-tile-article_visual_wrap,
    .c-article-listing_list.-feature .c-article-listing_item:nth-child(3) .c-tile-article_visual_wrap {
        display: flex;
        align-items: flex-end;
        height: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 7 + var(--grid-gutter) * (7 - 1)) / (18/13))
    }
}

.c-tile-article_visual_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale3d(1.05, 1.05, 1)
}

html.is-first-loaded .c-tile-article_visual_img {
    transition: transform var(--image-transform-duration) var(--image-transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .6s var(--image-transform-delay)
}

html.is-ready .c-tile-article_visual_img {
    opacity: 1;
    transform: scaleZ(1)
}

.c-tile-article_title {
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    margin-bottom: .875rem;
    line-height: 1;
    padding-right: 15%;
    font-weight: 400;
    text-wrap: balance
}

@media (min-width: 1000px) {

    .c-article-listing_list.-default .c-article-listing_item:nth-child(1) .c-tile-article_title,
    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(3) .c-tile-article_title {
        font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        line-height: 1;
        letter-spacing: -.02em;
        font-weight: 400;
        font-size: var(--font-size-h3-sans)
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-article-listing_list.-feature .c-article-listing_item:nth-child(1) .c-tile-article_title {
        font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        line-height: 1;
        letter-spacing: -.02em;
        font-weight: 400;
        font-size: var(--font-size-h3-sans)
    }
}

.c-tile-article_content {
    transform: translateY(2.5rem);
    opacity: 0
}

html.is-first-loaded .c-tile-article_content {
    transition: transform var(--content-duration) var(--content-delay) cubic-bezier(.38, .005, .215, 1), opacity var(--content-duration) var(--content-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-tile-article_content {
    transform: translateY(0);
    opacity: 1
}

.c-tile-article_content_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-transform: lowercase;
    gap: .625rem;
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small)
}

.c-tile-article_url {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

@media (min-width: 1000px) {
    .c-tile-article_url {
        bottom: -10px
    }
}

@media (min-width: 1000px) {

    .c-article-listing_list.-feature .c-article-listing_item:nth-child(2) .c-tile-article_url,
    .c-article-listing_list.-feature .c-article-listing_item:nth-child(3) .c-tile-article_url {
        top: calc((calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 7 + var(--grid-gutter) * (7 - 1)) / (18/13)) - (calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 2.5 + var(--grid-gutter) * (2.5 - 1)) / (18/13)))
    }
}

.c-article-listing {
    position: relative
}

.c-article-listing_heading {
    z-index: 3
}

@media (min-width: 1000px) {
    .c-article-listing_heading {
        position: absolute;
        top: 0;
        left: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 7 + var(--grid-gutter) * (7 - 1)) + var(--grid-gutter))
    }
}

@media (max-width: 999px) {
    .c-article-listing_heading {
        display: flex;
        justify-content: space-between
    }
}

.c-article-listing_list {
    display: grid;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media (min-width: 1000px) {
    .c-article-listing_list {
        row-gap: 3.125rem;
        grid-template-columns: repeat(24, 1fr)
    }
}

@media (max-width: 999px) {
    .c-article-listing_list {
        row-gap: 2.5rem
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-article-listing_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 1000px) {
    .c-article-listing_list.-default .c-article-listing_item:nth-child(1) {
        grid-column: span 14;
        grid-row: span 3
    }

    .c-article-listing_list.-default .c-article-listing_item:nth-child(2),
    .c-article-listing_list.-default .c-article-listing_item:nth-child(3),
    .c-article-listing_list.-default .c-article-listing_item:nth-child(5),
    .c-article-listing_list.-default .c-article-listing_item:nth-child(6) {
        grid-column: span 5
    }

    .c-article-listing_list.-default .c-article-listing_item:nth-child(4) {
        grid-column: span 10
    }

    .c-article-listing_list.-feature .c-article-listing_item:nth-child(1) {
        grid-row: span 2
    }

    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(3) {
        grid-column: span 14;
        grid-row: span 3
    }

    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(1),
    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(2),
    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(5),
    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(6) {
        grid-column: span 5
    }

    .c-article-listing_list.-reverse .c-article-listing_item:nth-child(4) {
        grid-column: span 10
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-article-listing_list.-feature .c-article-listing_item:nth-child(1) {
        grid-column: span 2
    }
}

html.is-first-loaded .c-article-listing_item:nth-child(1) {
    --tile-transform-delay: .1s;
    --tile-transform-duration: .3s;
    --clip-path-delay: .25s;
    --clip-path-duration: .5s;
    --image-transform-delay: .55s;
    --image-transform-duration: 1s;
    --content-delay: .55s;
    --content-duration: .5s
}

html.is-first-loaded .c-article-listing_item:nth-child(2) {
    --tile-transform-delay: .2s;
    --tile-transform-duration: .3s;
    --clip-path-delay: .4s;
    --clip-path-duration: .5s;
    --image-transform-delay: .7s;
    --image-transform-duration: 1s;
    --content-delay: .7s;
    --content-duration: .5s
}

html.is-first-loaded .c-article-listing_item:nth-child(3) {
    --tile-transform-delay: .3s;
    --tile-transform-duration: .3s;
    --clip-path-delay: .55s;
    --clip-path-duration: .5s;
    --image-transform-delay: .85s;
    --image-transform-duration: 1s;
    --content-delay: .85s;
    --content-duration: .5s
}

html.is-first-loaded .c-article-listing_item:nth-child(4) {
    --tile-transform-delay: .4s;
    --tile-transform-duration: .3s;
    --clip-path-delay: .7s;
    --clip-path-duration: .5s;
    --image-transform-delay: 1s;
    --image-transform-duration: 1s;
    --content-delay: 1s;
    --content-duration: .5s
}

html.is-first-loaded .c-article-listing_item:nth-child(5) {
    --tile-transform-delay: .5s;
    --tile-transform-duration: .3s;
    --clip-path-delay: .85s;
    --clip-path-duration: .5s;
    --image-transform-delay: 1.15s;
    --image-transform-duration: 1s;
    --content-delay: 1.15s;
    --content-duration: .5s
}

html.is-first-loaded .c-article-listing_item:nth-child(6) {
    --tile-transform-delay: .6s;
    --tile-transform-duration: .3s;
    --clip-path-delay: 1s;
    --clip-path-duration: .5s;
    --image-transform-delay: 1.3s;
    --image-transform-duration: 1s;
    --content-delay: 1.3s;
    --content-duration: .5s
}

html.is-first-loaded .c-article-listing_item:nth-child(7) {
    --tile-transform-delay: .7s;
    --tile-transform-duration: .3s;
    --clip-path-delay: 1.15s;
    --clip-path-duration: .5s;
    --image-transform-delay: 1.45s;
    --image-transform-duration: 1s;
    --content-delay: 1.45s;
    --content-duration: .5s
}

html.is-first-loaded .c-article-listing_item:nth-child(8) {
    --tile-transform-delay: .8s;
    --tile-transform-duration: .3s;
    --clip-path-delay: 1.3s;
    --clip-path-duration: .5s;
    --image-transform-delay: 1.6s;
    --image-transform-duration: 1s;
    --content-delay: 1.6s;
    --content-duration: .5s
}

html.is-first-loaded .c-article-listing_item:nth-child(9) {
    --tile-transform-delay: .9s;
    --tile-transform-duration: .3s;
    --clip-path-delay: 1.45s;
    --clip-path-duration: .5s;
    --image-transform-delay: 1.75s;
    --image-transform-duration: 1s;
    --content-delay: 1.75s;
    --content-duration: .5s
}

.c-custom-select {
    position: relative;
    z-index: 80
}

.c-custom-select_wrap {
    position: relative;
    width: 100%
}

.c-custom-select_summary {
    cursor: pointer;
    border-radius: var(--border-radius);
    background-color: #000;
    list-style: none;
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    height: var(--button-height);
    width: var(--button-width);
    padding: var(--button-padding);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: lowercase
}

.c-custom-select_summary::-webkit-details-marker {
    display: none
}

.c-custom-select_wrap[open] .c-custom-select_summary:before {
    content: "";
    display: block;
    width: 100vw;
    height: 100vh;
    background: #0000;
    position: fixed;
    top: 0;
    left: 0
}

.c-custom-select_wrap[open] .c-custom-select_summary:after {
    transform: rotate(-225deg)
}

.c-custom-select_summary:after {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    border-bottom-left-radius: 2px;
    transform: rotate(-45deg);
    transform-origin: center center;
    transition: transform ease-in-out .1s
}

.c-custom-select_summary input {
    pointer-events: none;
    text-align: center;
    text-transform: lowercase
}

.c-custom-select_list {
    width: 100%;
    background-color: #f4f4f4;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 1rem;
    margin: 0;
    box-sizing: border-box;
    border-radius: var(--border-radius);
    overflow-y: auto;
    z-index: 4;
    color: #000;
    counter-reset: labels
}

.c-custom-select_item {
    margin: 0
}

.c-custom-select_item:not(:last-child) {
    border-bottom: 1px solid #949494
}

.c-custom-select_label {
    width: 100%;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    padding: .75rem 0;
    position: relative;
    font-size: var(--font-size-text-small);
    text-align: center;
    justify-content: center;
    text-transform: lowercase
}

.c-custom-select_label_inner {
    position: relative;
    z-index: 2
}

.c-custom-select_summary {
    counter-reset: radios
}

.c-custom-select_summary input[type=radio] {
    counter-increment: radios;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none
}

.c-custom-select_summary input[type=radio]:checked {
    display: inline;
    --display: block
}

.c-custom-select_summary input[type=radio]:after {
    content: attr(title);
    display: inline;
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

.c-custom-select_radio:before {
    content: var(--selection);
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

.c-custom-select_fieldset {
    border: 0px;
    margin: 0;
    padding: 0
}

.c-tile-article-feature {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-large);
    padding: var(--grid-margin)
}

@media (min-width: 1000px) {
    .c-tile-article-feature {
        aspect-ratio: 9/5
    }
}

@media (max-width: 999px) {
    .c-tile-article-feature {
        aspect-ratio: 18/13
    }
}

.c-tile-article-feature_visual,
.c-tile-article-feature_visual_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-tile-article-feature_content {
    color: #fff;
    position: relative;
    z-index: 5
}

.c-tile-article-feature_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    margin-bottom: .875rem
}

@media (min-width: 1000px) {
    .c-tile-article-feature_title {
        font-size: var(--font-size-h1-sans);
        width: calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 6 + var(--grid-gutter) * (6 - 1))
    }
}

@media (max-width: 999px) {
    .c-tile-article-feature_title {
        font-size: var(--font-size-h3-sans)
    }
}

.c-tile-article-feature_content_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-transform: lowercase;
    gap: .625rem;
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small)
}

@media (min-width: 1000px) {
    .c-tile-article-feature_content_info {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (max-width: 999px) {
    .c-tile-article-feature_content_info {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
    }
}

.c-tile-article-feature_content_info .c-tag_list {
    color: #000
}

.c-hero-editorial {
    --visual-transform-delay: .25s;
    --visual-transform-duration: .3s;
    --clip-path-delay: .35s;
    --clip-path-duration: .5s;
    --image-transform-delay: .65s;
    --image-transform-duration: 1s;
    --content-delay: .65s;
    --content-duration: .5s
}

.c-hero-editorial_inner {
    display: flex;
    flex-direction: column
}

.c-hero-editorial_title {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 1000px) {
    .c-hero-editorial_title {
        padding: 0 15% clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big))) 15%;
        min-height: 25rem
    }
}

@media (max-width: 999px) {
    .c-hero-editorial_title {
        padding: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) 0 clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge))) 0
    }
}

@media (min-width: 1000px) {
    .c-hero-editorial_title_inner {
        font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        line-height: 1;
        letter-spacing: -.02em;
        font-weight: 400;
        font-size: var(--font-size-h1-sans)
    }
}

@media (max-width: 999px) {
    .c-hero-editorial_title_inner {
        font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        line-height: 1;
        letter-spacing: -.02em;
        font-weight: 400;
        font-size: var(--font-size-h2-sans)
    }
}

.c-hero-editorial_visual {
    position: relative;
    transform: translateY(7.5rem);
    opacity: 0
}

html.is-first-loaded .c-hero-editorial_visual {
    transition: transform var(--visual-transform-duration) var(--visual-transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--visual-transform-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-hero-editorial_visual {
    transform: translateY(0);
    opacity: 1
}

@media (min-width: 1000px) {
    .c-hero-editorial_visual {
        aspect-ratio: 9/5
    }
}

@media (max-width: 999px) {
    .c-hero-editorial_visual {
        aspect-ratio: 18/13
    }
}

.c-hero-editorial_visual_inner,
.c-hero-editorial_visual_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-hero-editorial_visual_inner {
    background-color: #f4f4f4;
    -webkit-clip-path: inset(35% 35% 35% 35% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(35% 35% 35% 35% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
}

html.is-first-loaded .c-hero-editorial_visual_inner {
    transition: -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-hero-editorial_visual_inner {
    -webkit-clip-path: inset(0% 0% 0% 0% round 0 0 0 0);
    clip-path: inset(0% 0% 0% 0% round 0 0 0 0)
}

.c-hero-editorial_visual_img {
    opacity: 0;
    transform: scale3d(1.05, 1.05, 1)
}

html.is-first-loaded .c-hero-editorial_visual_img {
    transition: transform var(--image-transform-duration) var(--image-transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .6s var(--image-transform-delay)
}

html.is-ready .c-hero-editorial_visual_img {
    opacity: 1;
    transform: scaleZ(1)
}

.c-article {
    position: relative
}

.c-article.-recipes .c-article_hero {
    padding-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

.c-article.-recipes .c-article_hero_title {
    padding-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

@media (min-width: 1000px) {
    .c-article.-recipes .c-article_hero_title {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-enormous-mobile)), calc(var(--spacing-enormous) / 14.4 * 1vw), calc(.0625rem * var(--spacing-enormous)))
    }
}

@media (max-width: 999px) {
    .c-article.-recipes .c-article_hero_title {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

.c-article_hero_info {
    display: grid;
    gap: var(--grid-gutter);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    align-items: center
}

@media (min-width: 1000px) {
    .c-article_hero_info {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 999px) {
    .c-article_hero_info {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-article_hero_info_item.-date {
    text-align: center;
    text-transform: lowercase
}

.c-article_hero_info_item.-category {
    display: flex;
    justify-content: flex-end
}

.c-article_hero_date {
    margin-top: 1.25rem
}

.c-article_gallery {
    z-index: 2
}

@media (min-width: 1000px) {
    .c-article_gallery {
        position: absolute;
        top: 0;
        left: calc(50vw + var(--grid-gutter)/2);
        right: 1.25rem;
        bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

.c-article_hero_back {
    --button-color: #000000;
    --button-background: #F4F4F4
}

.c-accordion {
    --accordion-toggler-height: 4.375rem;
    --accordion-toggler-border-radius: 2.375rem
}

.c-accordion_item {
    border: 2px solid currentColor;
    border-radius: var(--accordion-toggler-border-radius);
    margin-bottom: -2px
}

.c-accordion_item_content {
    height: 0px;
    overflow: hidden;
    visibility: hidden
}

html.is-first-loaded .c-accordion_item_content {
    transition: visibility 0s linear;
    transition-delay: .6s
}

.c-accordion_item.is-open .c-accordion_item_content {
    visibility: visible;
    transition-delay: 0s
}

.c-accordion_item_inner {
    padding: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small))) var(--padding-box) var(--padding-box) var(--padding-box)
}

@media (min-width: 1200px) {
    .c-accordion_item_inner {
        padding-right: 20%
    }
}

@media (max-width: 999px) {
    .c-accordion_item_inner {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

.c-accordion_toggler {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem var(--padding-box);
    min-height: var(--accordion-toggler-height);
    width: 100%;
    transition: background-color .3s cubic-bezier(.38, .005, .215, 1);
    border-radius: var(--accordion-toggler-border-radius)
}

.c-accordion_toggler.focus-visible {
    outline-color: currentColor;
    outline-width: 2px;
    outline-offset: -4px;
    outline-style: dashed;
    border-radius: var(--accordion-toggler-border-radius)
}

.c-accordion_toggler_label {
    display: inline-block;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    text-align: left;
    padding-right: 1.875rem;
    text-wrap: balance
}

.c-accordion_toggler_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: .875rem;
    height: .875rem;
    flex-shrink: 0
}

html.is-first-loaded .c-accordion_toggler_icon {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1)
}

@media (hover: hover) {
    .c-accordion_toggler:hover .c-accordion_toggler_icon {
        transform: rotate(90deg)
    }
}

.c-accordion_item.is-open .c-accordion_toggler_icon {
    transform: rotate(90deg)
}

.c-accordion_toggler_icon_svg {
    width: 100%;
    height: 100%;
    stroke: currentColor
}

.c-accordion_toggler_icon_svg_path {
    transform-origin: 50% 50%
}

html.is-first-loaded .c-accordion_toggler_icon_svg_path.-horizontal {
    transition: transform .3s cubic-bezier(.38, .005, .215, 1)
}

.c-accordion_item.is-open .c-accordion_toggler_icon_svg_path.-horizontal {
    transform: rotate(90deg)
}

.c-purchase {
    background-color: #f4f4f4;
    border-radius: var(--border-radius)
}

.c-purchase_inner {
    padding: var(--padding-box)
}

.c-purchase_header {
    border-bottom: solid 2px currentColor;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: lowercase
}

.c-purchase_content_form_item {
    margin-bottom: .625rem
}

.c-purchase_content_form_label {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

.c-purchase_content_notice,
.c-purchase_content_deliver {
    margin-top: 1.875rem
}

.c-purchase_total {
    margin-top: 1.25rem
}

.c-purchase_total_row {
    padding: 8px 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-top: solid 1px currentColor
}

.c-purchase_warning {
    font-size: var(--font-size-text-small);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    margin-top: 1.25rem;
    background-color: #ffe9a3;
    color: #bf7409;
    padding: 10px 20px;
    border-radius: var(--border-radius);
    text-align: center
}

.c-purchase_warning>span {
    display: block;
    margin: 5px 0
}

.c-carousel-quote {
    position: relative;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 999px) {
    .c-carousel-quote {
        flex-direction: column
    }
}

.c-carousel-quote_background {
    overflow: hidden
}

@media (min-width: 1000px) {
    .c-carousel-quote_background {
        position: absolute;
        top: 0;
        left: 0;
        right: calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1));
        bottom: 0;
        border-top-left-radius: var(--border-radius-large);
        border-bottom-left-radius: var(--border-radius-large)
    }
}

@media (max-width: 999px) {
    .c-carousel-quote_background {
        border-top-left-radius: var(--border-radius-large);
        border-top-right-radius: var(--border-radius-large);
        aspect-ratio: 9/5
    }
}

.c-carousel-quote_box {
    position: relative;
    z-index: 2;
    background-color: #f4f4f4;
    border-radius: var(--border-radius-large)
}

@media (min-width: 1000px) {
    .c-carousel-quote_box {
        width: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 5 + var(--grid-gutter) * (5 - 1)) + var(--grid-margin))
    }

    .c-carousel-quote_box:before {
        padding-bottom: 100%;
        content: "";
        float: left
    }

    .c-carousel-quote_box:after {
        display: table;
        content: "";
        clear: both
    }
}

@media (max-width: 999px) {
    .c-carousel-quote_box {
        margin-top: calc(var(--border-radius-large)*-1)
    }
}

.c-carousel-quote_box_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

@media (min-width: 1000px) {
    .c-carousel-quote_box_inner {
        padding: calc(clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large))) + 6.25rem) 0 clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) 0
    }
}

@media (max-width: 999px) {
    .c-carousel-quote_box_inner {
        padding: 8.125rem 0 clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) 0
    }
}

.c-carousel-quote_box_inner:before {
    position: absolute;
    content: "\201c";
    font-weight: 400;
    pointer-events: none
}

@media (min-width: 1000px) {
    .c-carousel-quote_box_inner:before {
        font-size: 8.75rem;
        top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
        left: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 1 + var(--grid-gutter) * (1 - 1)) + var(--grid-gutter))
    }
}

@media (max-width: 999px) {
    .c-carousel-quote_box_inner:before {
        font-size: 5.625rem;
        top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
        left: var(--grid-margin)
    }
}

.c-carousel-quote_blockquote {
    margin: 0
}

.c-carousel-quote_carousel {
    flex-grow: 1;
    width: 100%
}

.c-carousel-quote_carousel * {
    box-sizing: border-box
}

.c-carousel-quote_blockquote_text {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h3-sans)
}

.c-carousel-quote_blockquote_caption {
    margin-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

@media (min-width: 1000px) {
    .c-carousel-quote_item {
        padding: 0 var(--grid-margin) clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 1 + var(--grid-gutter) * (1 - 1)) + var(--grid-gutter))
    }
}

@media (max-width: 999px) {
    .c-carousel-quote_item {
        padding: 0 var(--grid-margin) clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) var(--grid-margin)
    }
}

.c-carousel-quote_navigation {
    --button-color: #000000;
    --button-background: #FFFFFF;
    display: flex
}

@media (min-width: 1000px) {
    .c-carousel-quote_navigation {
        padding: 0 calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 1 + var(--grid-gutter) * (1 - 1)) + var(--grid-gutter))
    }
}

@media (max-width: 999px) {
    .c-carousel-quote_navigation {
        padding: 0 var(--grid-margin)
    }
}

.c-carousel-quote_navigation_button:not(:last-child) {
    margin-right: .3125rem
}

.c-carousel-quote_blockquote_caption {
    font-size: var(--font-size-text-small);
    line-height: 1.1;
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

:root {
    --rail-color-primary: #000000;
    --rail-color-secondary: #949494
}

.c-rail {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 1
}

.c-rail_inner {
    display: inline-flex;
    overflow: visible;
    width: 100%
}

.c-rail_pattern {
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

.c-rail_item {
    padding-right: 3.75rem
}

.c-rail.-small .c-rail_item {
    padding-right: 1.25rem
}

.c-rail_text {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-huge-sans);
    line-height: 1;
    text-transform: lowercase;
    line-height: 1.2;
    color: var(--rail-color-primary)
}

.c-rail_item:nth-child(2n) .c-rail_text {
    color: var(--rail-color-secondary)
}

.c-horizontal-panel {
    position: relative;
    margin-bottom: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
}

@media (max-width: 1199px) {
    .c-horizontal-panel {
        padding-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

.c-horizontal-panel_inner {
    position: relative
}

@media (min-width: 1200px) {
    .c-horizontal-panel_inner {
        margin-top: -100vh
    }

    html.is-mobile .c-horizontal-panel_inner {
        margin-top: calc(var(--vh-initial, 1vh)*100*-1)
    }
}

.c-horizontal-panel_inner * {
    box-sizing: border-box
}

.c-horizontal-panel_list {
    position: relative;
    z-index: 2
}

@media (min-width: 1200px) {
    .c-horizontal-panel_list {
        width: auto;
        height: 100vh;
        display: inline-flex
    }

    html.is-mobile .c-horizontal-panel_list {
        height: calc(var(--vh-initial, 1vh)*100)
    }
}

.c-horizontal-panel.is-inview .c-horizontal-panel_list {
    will-change: transform
}

@media (min-width: 1200px) {
    .c-horizontal-panel_item {
        padding-top: 6.25rem;
        padding-bottom: 11.25rem;
        padding-left: var(--grid-gutter);
        display: flex;
        align-items: center;
        width: auto
    }

    .c-horizontal-panel_item:first-child {
        padding-left: calc(100vh + 50vw)
    }

    html.is-mobile .c-horizontal-panel_item:first-child {
        padding-left: calc(var(--vh-initial, 1vh)*100 + 50vw)
    }

    .c-horizontal-panel_item.-cta {
        min-width: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 5 + var(--grid-gutter) * (5 - 1)) + var(--grid-margin) + var(--grid-gutter))
    }
}

@media (max-width: 1199px) {
    .c-horizontal-panel_item {
        height: auto
    }
}

.c-horizontal-panel_sticky {
    overflow: hidden
}

@media (min-width: 1200px) {
    .c-horizontal-panel_sticky {
        position: sticky;
        top: var(--sticky-top)
    }
}

@media (max-width: 1199px) {
    .c-horizontal-panel_sticky {
        padding-left: var(--grid-margin);
        padding-right: var(--grid-margin);
        padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 1200px) {
    .c-horizontal-panel_rail {
        position: absolute;
        top: 17.5rem;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 10
    }
}

@media (min-width: 1200px) {
    .c-horizontal-panel_rail_sticky {
        position: sticky;
        top: 0;
        height: 100vh;
        display: flex;
        align-items: flex-end
    }

    html.is-mobile .c-horizontal-panel_rail_sticky {
        height: calc(var(--vh-initial, 1vh)*100)
    }
}

.c-horizontal-panel_rail_inner {
    padding-bottom: 1.25rem
}

@media (min-width: 1200px) {
    .c-horizontal-panel_title {
        position: absolute;
        top: 100vh;
        left: var(--grid-margin);
        bottom: 0
    }

    html.is-mobile .c-horizontal-panel_title {
        top: calc(var(--vh-initial, 1vh)*100)
    }
}

@media (max-width: 1199px) {
    .c-horizontal-panel_title {
        padding: 0 var(--grid-margin);
        margin-bottom: 2.5rem
    }
}

.c-horizontal-panel_title_sticky {
    display: flex
}

@media (min-width: 1200px) {
    .c-horizontal-panel_title_sticky {
        position: sticky;
        top: 0;
        height: 100vh;
        align-items: center;
        padding-top: 6.25rem;
        padding-bottom: 20rem
    }

    html.is-mobile .c-horizontal-panel_title_sticky {
        height: calc(var(--vh-initial, 1vh)*100)
    }
}

@media (max-width: 1199px) {
    .c-horizontal-panel_title_sticky {
        justify-content: space-between
    }
}

.c-horizontal-panel_title_content {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans)
}

@media (min-width: 1200px) {
    .c-horizontal-panel_title_content {
        width: 42.5rem;
        aspect-ratio: 680/480
    }
}

.c-horizontal-panel_cta {
    padding: 0;
    display: flex;
    align-items: flex-end;
    overflow: hidden
}

@media (min-width: 1200px) {
    .c-horizontal-panel_cta {
        width: 42.5rem;
        aspect-ratio: 680/480
    }
}

@media (max-width: 1199px) {
    .c-horizontal-panel_cta {
        width: 100%;
        height: 100%
    }
}

.c-horizontal-panel__cta_box {
    --button-color: #000000;
    --button-background: #FFFFFF;
    position: relative;
    border-radius: var(--border-radius-large);
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(16px, calc(30 / 14.4 * 1vw), 30px) var(--padding-box)
}

@media (min-width: 1200px) {
    .c-horizontal-panel__cta_box {
        width: 70%;
        height: 70%
    }
}

@media (max-width: 1199px) {
    .c-horizontal-panel__cta_box {
        width: 100%;
        height: 100%
    }
}

.c-horizontal-panel_cta_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    text-transform: lowercase
}

@media (min-width: 1200px) {
    .c-horizontal-panel_cta_title {
        font-size: var(--font-size-h3-sans)
    }
}

@media (max-width: 1199px) {
    .c-horizontal-panel_cta_title {
        font-size: var(--font-size-h1-sans)
    }
}

.c-horizontal-panel_cta_button {
    text-align: right
}

.c-horizontal-panel_cta_url {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.c-horizontal-panel_navigation {
    --button-color: #000000;
    --button-background: #F4F4F4
}

@media (min-width: 1200px) {
    .c-horizontal-panel_navigation {
        display: none
    }
}

.c-horizontal-panel_navigation_button:not(:last-child) {
    margin-right: .3125rem
}

.c-step-progress {
    display: flex
}

.c-step-progress_item {
    width: 100px;
    position: relative;
    opacity: .2;
    display: grid
}

.c-step-progress_item:not(:last-child) {
    margin-right: 10px
}

.c-step-progress_item:not(:last-child):before {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    height: 2px;
    width: 70px;
    background-color: #000
}

html.is-first-loaded .c-step-progress_item {
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1)
}

.c-step-progress_item.is-active,
.c-step-progress_item.is-complete {
    opacity: 1
}

@media (hover) {
    button.c-step-progress_item:not(.is-active):hover {
        text-decoration: underline
    }
}

.c-step-progress_indicator {
    position: relative;
    width: 1.375rem;
    height: 1.375rem;
    display: inline-block
}

.c-step-progress_indicator_count {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

html.is-first-loaded .c-step-progress_indicator_count {
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), transform .3s cubic-bezier(.38, .005, .215, 1)
}

.c-step-progress_item.is-complete .c-step-progress_indicator_count {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0)
}

.c-step-progress_indicator_complete {
    position: absolute;
    width: 1.375rem;
    height: 1.375rem;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(0);
    opacity: 0
}

html.is-first-loaded .c-step-progress_indicator_complete {
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), transform .3s cubic-bezier(.38, .005, .215, 1)
}

.c-step-progress_item.is-complete .c-step-progress_indicator_complete {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1)
}

.c-step-progress_label {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small);
    margin-top: 5px;
    text-align: left;
    text-transform: lowercase;
    display: inline-block
}

.c-carousel-gallery {
    --visual-transform-delay: .25s;
    --visual-transform-duration: .3s;
    --clip-path-delay: .35s;
    --clip-path-duration: .5s;
    --image-transform-delay: .65s;
    --image-transform-duration: 1s;
    --navigation-delay: .65s;
    --navigation-duration: .5s;
    transform: translateY(11.25rem);
    opacity: 0;
    width: 100%;
    display: flex;
    align-items: flex-end
}

@media (min-width: 1000px) {
    .c-carousel-gallery {
        position: sticky;
        top: calc(var(--header-height) + 1.25rem);
        height: calc(100vh - (var(--header-height) + 1.25rem * 2))
    }

    html.has-header-fixed .c-carousel-gallery {
        top: calc(var(--header-height) + 1.25rem)
    }

    .c-carousel-gallery.-no-sticky {
        position: relative;
        top: inherit
    }

    html.is-ready.has-header-fixed .c-carousel-gallery.-no-sticky {
        height: calc(100vh - (var(--header-height) + 1.25rem * 2));
        top: inherit
    }
}

@media (max-width: 999px) {
    .c-carousel-gallery {
        aspect-ratio: 350/310
    }
}

html.is-first-loaded .c-carousel-gallery {
    transition: transform var(--visual-transform-duration) var(--visual-transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--visual-transform-delay) cubic-bezier(.38, .005, .215, 1), top .3s cubic-bezier(.38, .005, .215, 1), height .3s cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-carousel-gallery {
    transform: translateY(0);
    opacity: 1
}

.c-carousel-gallery .swiper-container,
.c-carousel-gallery .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-carousel-gallery_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale3d(1.05, 1.05, 1)
}

html.is-first-loaded .c-carousel-gallery_image {
    transition: transform var(--image-transform-duration) var(--image-transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .6s var(--image-transform-delay)
}

html.is-ready .c-carousel-gallery_image {
    opacity: 1;
    transform: scaleZ(1)
}

.c-carousel-gallery_inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-clip-path: inset(35% 35% 35% 35% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(35% 35% 35% 35% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    overflow: hidden
}

@media (min-width: 1000px) {
    .c-carousel-gallery:not(.-no-sticky) .c-carousel-gallery_inner {
        height: calc(100vh - 2.5rem)
    }
}

@media (max-width: 999px) {
    .c-carousel-gallery:not(.-no-sticky) .c-carousel-gallery_inner {
        top: 0
    }
}

.c-carousel-gallery.-no-sticky .c-carousel-gallery_inner {
    top: 0
}

html.is-ready .c-carousel-gallery.-no-sticky .c-carousel-gallery_inner {
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
}

html.is-first-loaded .c-carousel-gallery_inner {
    transition: -webkit-clip-path .6s 0s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s 0s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s 0s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .6s 0s cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-carousel-gallery_inner {
    transition: -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

@media (min-width: 1000px) {
    html.is-ready .c-carousel-gallery_inner {
        -webkit-clip-path: inset(var(--header-height) 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
        clip-path: inset(var(--header-height) 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
    }
}

@media (max-width: 999px) {
    html.is-ready .c-carousel-gallery_inner {
        -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
        clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
    }
}

html.is-ready.has-header-fixed .c-carousel-gallery_inner {
    transition: -webkit-clip-path .6s 0s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s 0s cubic-bezier(.38, .005, .215, 1);
    transition: clip-path .6s 0s cubic-bezier(.38, .005, .215, 1), -webkit-clip-path .6s 0s cubic-bezier(.38, .005, .215, 1);
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
}

.c-carousel-gallery_item {
    overflow: hidden
}

.c-carousel-gallery_navigation {
    position: absolute;
    z-index: 4;
    display: flex;
    transform: translateY(100%) translateY(clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small))));
    opacity: 0
}

@media (min-width: 1000px) {
    .c-carousel-gallery_navigation {
        bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
        left: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
    }
}

@media (max-width: 999px) {
    .c-carousel-gallery_navigation {
        bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)));
        right: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
    }
}

html.is-first-loaded .c-carousel-gallery_navigation {
    transition: transform var(--navigation-duration) var(--navigation-delay) cubic-bezier(.38, .005, .215, 1), opacity var(--navigation-duration) var(--navigation-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-carousel-gallery_navigation {
    opacity: 1;
    transform: translateY(0)
}

.c-carousel-gallery_navigation_button:not(:last-child) {
    margin-right: .3125rem
}

.c-carousel-gallery_carousel {
    position: relative
}

.c-carousel-gallery_item {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-large)
}

.c-carousel-gallery_item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-accent);
    opacity: .2
}

.c-perks_list {
    display: grid;
    gap: 2.5rem;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media (min-width: 700px) {
    .c-perks_list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .c-perks_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 999px) {
    .c-perks.-list\@to-medium .c-perks_list {
        grid-template-columns: repeat(1, 1fr);
        gap: 0
    }
}

.c-perks.-vertical .c-perks_list {
    grid-template-columns: repeat(1, 1fr);
    gap: .3125rem
}

@media (max-width: 999px) {
    .c-perks.-list\@to-medium .c-perks_item {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--grid-gutter);
        align-items: center;
        border-bottom: 2px solid currentColor;
        padding: .625rem 0
    }
}

.c-perks.-vertical .c-perks_item {
    display: flex;
    gap: var(--grid-gutter)
}

.c-perks_icon {
    width: 3.125rem;
    margin-bottom: .625rem;
    transform: rotate(20deg) scale3d(0, 0, 1);
    opacity: 0;
    flex-shrink: 0
}

html.is-first-loaded .c-perks_item:nth-child(1) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .05s
}

html.is-first-loaded .c-perks_item:nth-child(2) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .1s
}

html.is-first-loaded .c-perks_item:nth-child(3) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .15s
}

html.is-first-loaded .c-perks_item:nth-child(4) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .2s
}

html.is-first-loaded .c-perks_item:nth-child(5) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .25s
}

html.is-first-loaded .c-perks_item:nth-child(6) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .3s
}

html.is-first-loaded .c-perks_item:nth-child(7) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .35s
}

html.is-first-loaded .c-perks_item:nth-child(8) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .4s
}

html.is-first-loaded .c-perks_item:nth-child(9) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .45s
}

html.is-first-loaded .c-perks_item:nth-child(10) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .5s
}

html.is-first-loaded .c-perks_item:nth-child(11) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .55s
}

html.is-first-loaded .c-perks_item:nth-child(12) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .6s
}

html.is-first-loaded .c-perks_item:nth-child(13) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .65s
}

html.is-first-loaded .c-perks_item:nth-child(14) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .7s
}

html.is-first-loaded .c-perks_item:nth-child(15) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .75s
}

html.is-first-loaded .c-perks_item:nth-child(16) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .8s
}

html.is-first-loaded .c-perks_item:nth-child(17) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .85s
}

html.is-first-loaded .c-perks_item:nth-child(18) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .9s
}

html.is-first-loaded .c-perks_item:nth-child(19) .c-perks_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .95s
}

html.is-ready .c-perks_item.is-inview .c-perks_icon {
    transform: rotate(0) scaleZ(1);
    opacity: 1
}

@media (max-width: 999px) {
    .c-perks.-list\@to-medium .c-perks_icon {
        width: 100%;
        grid-column-start: 1;
        grid-column-end: 2;
        margin: 0
    }
}

.c-perks.-vertical .c-perks_icon {
    margin: 0
}

.c-perks_label {
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    text-transform: lowercase;
    line-height: 1.1;
    transform: translateY(2.5rem);
    opacity: 0
}

html.is-first-loaded .c-perks_item:nth-child(1) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .05s
}

html.is-first-loaded .c-perks_item:nth-child(2) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .1s
}

html.is-first-loaded .c-perks_item:nth-child(3) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .15s
}

html.is-first-loaded .c-perks_item:nth-child(4) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .2s
}

html.is-first-loaded .c-perks_item:nth-child(5) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .25s
}

html.is-first-loaded .c-perks_item:nth-child(6) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .3s
}

html.is-first-loaded .c-perks_item:nth-child(7) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .35s
}

html.is-first-loaded .c-perks_item:nth-child(8) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .4s
}

html.is-first-loaded .c-perks_item:nth-child(9) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .45s
}

html.is-first-loaded .c-perks_item:nth-child(10) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .5s
}

html.is-first-loaded .c-perks_item:nth-child(11) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .55s
}

html.is-first-loaded .c-perks_item:nth-child(12) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .6s
}

html.is-first-loaded .c-perks_item:nth-child(13) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .65s
}

html.is-first-loaded .c-perks_item:nth-child(14) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .7s
}

html.is-first-loaded .c-perks_item:nth-child(15) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .75s
}

html.is-first-loaded .c-perks_item:nth-child(16) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .8s
}

html.is-first-loaded .c-perks_item:nth-child(17) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .85s
}

html.is-first-loaded .c-perks_item:nth-child(18) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .9s
}

html.is-first-loaded .c-perks_item:nth-child(19) .c-perks_label {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .95s
}

html.is-ready .c-perks_item.is-inview .c-perks_label {
    transform: translateY(0);
    opacity: 1
}

@media (max-width: 999px) {
    .c-perks.-list\@to-medium .c-perks_label {
        width: 100%;
        grid-column-start: 2;
        grid-column-end: 4
    }
}

@media (min-width: 1000px) {
    .c-perks.-vertical .c-perks_label {
        padding-top: .75rem
    }
}

@media (max-width: 999px) {
    .c-perks.-vertical .c-perks_label {
        padding-top: .9375rem
    }
}

@media (min-width: 1000px) {
    .c-cta-cocktail {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        transform: translateY(var(--border-radius-large))
    }
}

@media (max-width: 999px) {
    .c-cta-cocktail {
        border-radius: var(--border-radius-large);
        overflow: hidden;
        background-color: var(--color-primary)
    }
}

.c-cta-cocktail_feature {
    width: 100%;
    overflow: hidden;
    padding: var(--padding-box);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border-radius: var(--border-radius-large);
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

@media (min-width: 1000px) {
    .c-cta-cocktail_feature {
        grid-column-start: 1;
        grid-column-end: 8;
        height: 43.75rem
    }
}

@media (min-width: 1000px)and (max-width: 1199px) {
    .c-cta-cocktail_feature {
        height: 32.5rem
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-cta-cocktail_feature {
        height: 31.25rem
    }
}

@media (max-width: 699px) {
    .c-cta-cocktail_feature {
        aspect-ratio: 5/4
    }
}

.c-cta-cocktail_feature_image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.c-cta-cocktail_feature_heading {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    gap: 1.875rem
}

.c-cta-cocktail_feature_cta {
    position: relative;
    z-index: 2
}

.c-cta-cocktail_feature_title,
.c-cta-cocktail_more_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-huge-sans);
    line-height: 1;
    text-transform: lowercase;
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-cta-cocktail_more {
    --button-color: var(--color-primary);
    --button-background: var(--color-secondary);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    color: var(--color-secondary);
    background-color: var(--color-primary);
    padding: var(--padding-box);
    position: relative
}

@media (min-width: 1000px) {
    .c-cta-cocktail_more {
        grid-column-start: 8;
        grid-column-end: 13;
        border-radius: var(--border-radius-large)
    }
}

@media (max-width: 999px) {
    .c-cta-cocktail_more {
        border-top-left-radius: var(--border-radius-large);
        border-top-right-radius: var(--border-radius-large)
    }
}

.c-cta-cockail_feature_rail {
    border-radius: var(--button-radius);
    border: 2px solid currentColor;
    display: inline-flex;
    align-items: center
}

@media (min-width: 1000px) {
    .c-cta-cockail_feature_rail {
        height: 3.75rem;
        width: 11.25rem
    }
}

@media (max-width: 999px) {
    .c-cta-cockail_feature_rail {
        height: var(--button-height);
        width: 6.25rem
    }
}

.c-cta-cockail_feature_rail_text {
    text-transform: lowercase
}

@media (min-width: 1000px) {
    .c-cta-cockail_feature_rail_text {
        font-size: var(--font-size-text-large);
        font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
    }
}

@media (max-width: 999px) {
    .c-cta-cockail_feature_rail_text {
        font-size: var(--font-size-text-small);
        font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
    }
}

.c-cta-cocktail_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media (max-width: 999px) {
    .c-cta-cockail_feature_cta_button {
        --button-height: 2.5rem !important;
        --button-circle: 2.5rem !important
    }
}

.c-related-can-product {
    overflow: hidden
}

@media (min-width: 1000px) {
    .c-related-can-product_list_inner {
        display: flex
    }
}

.c-related-can-product_list_inner * {
    box-sizing: border-box
}

@media (min-width: 1000px) {
    .c-related-can-product_item {
        position: relative;
        flex: 1
    }
}

@media (min-width: 1000px)and (hover: hover) {
    .c-related-can-product_item:hover {
        flex: 1.5
    }
}

@media (min-width: 1000px) {
    .c-related-can-product_item:not(:last-child) {
        margin-right: -10%
    }
}

@media (min-width: 1000px)and (hover: hover) {
    .c-related-can-product_item:not(:last-child):hover {
        margin-right: calc(var(--border-radius-large)*-1)
    }
}

@media (min-width: 1000px) {
    .c-related-can-product_item:nth-child(1) {
        z-index: 1
    }

    .c-related-can-product_item:nth-child(2) {
        z-index: 2
    }

    .c-related-can-product_item:nth-child(3) {
        z-index: 3
    }

    .c-related-can-product_item:nth-child(4) {
        z-index: 4
    }

    .c-related-can-product_item:nth-child(5) {
        z-index: 5
    }

    .c-related-can-product_item:nth-child(6) {
        z-index: 6
    }

    .c-related-can-product_item:nth-child(7) {
        z-index: 7
    }

    .c-related-can-product_item:nth-child(8) {
        z-index: 8
    }

    .c-related-can-product_item:nth-child(9) {
        z-index: 9
    }

    html.is-first-loaded .c-related-can-product_item {
        transition: flex-grow .6s cubic-bezier(.38, .005, .215, 1), margin .6s cubic-bezier(.38, .005, .215, 1)
    }
}

.c-related-can-product_title {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 1000px) {
    .c-related-can-product_title {
        position: absolute !important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        margin: 0;
        padding: 0;
        width: 1px;
        height: 1px;
        border: 0
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-related-can-product_title {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.c-related-can-product_title_content {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans)
}

.c-related-can-product_navigation {
    --button-color: #000000;
    --button-background: #F4F4F4
}

@media (min-width: 1000px) {
    .c-related-can-product_navigation {
        display: none
    }
}

@media (min-width: 1200px) {
    .c-block-cta_grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-block-cta_grid {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .c-block-cta_grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-block-cta_grid_item.-content {
        grid-column-start: 1;
        grid-column-end: 6
    }
}

@media (max-width: 699px) {
    .c-block-cta_grid_item.-content {
        order: 2
    }
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-block-cta_grid_item.-visual {
        grid-column-start: 6;
        grid-column-end: 9
    }
}

@media (max-width: 699px) {
    .c-block-cta_grid_item.-visual {
        order: 1
    }
}

@media (min-width: 1000px) {
    .c-block-cta_perks {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
    }
}

@media (max-width: 1199px) {
    .c-block-cta_perks {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-block-cta_visual {
        margin-right: calc(var(--padding-box) * -1)
    }
}

.c-splash-yerba {
    position: relative;
    -webkit-clip-path: 0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large);
    clip-path: 0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large)
}

@media (min-width: 1000px) {
    .c-splash-yerba_title {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
    }
}

@media (max-width: 999px) {
    .c-splash-yerba_title {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)));
        padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

.c-splash-yerba_title_line {
    display: block !important
}

@media (min-width: 1000px) {
    .c-splash-yerba_title_line.-last {
        text-align: right
    }
}

.c-splash-yerba_title_line_inner {
    display: inline-block
}

@media (min-width: 1000px) {
    .c-splash-yerba_title_line.-first .c-splash-yerba_title_line_inner {
        transform: translate(calc(var(--smooth-progress) * 50%))
    }
}

@media (min-width: 1000px) {
    .c-splash-yerba_title_line.-last .c-splash-yerba_title_line_inner {
        transform: translate(calc(var(--smooth-progress) * 50% * -1))
    }
}

.c-splash-yerba_list {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    text-wrap: balance
}

@media (min-width: 1000px) {
    .c-splash-yerba_list {
        max-width: 21.25rem;
        padding-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

@media (max-width: 999px) {
    .c-splash-yerba_list {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-splash-yerba_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter)
    }
}

.c-splash-yerba_perks {
    position: relative
}

@media (min-width: 1000px) {
    .c-splash-yerba_perks {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-enormous-mobile)), calc(var(--spacing-enormous) / 14.4 * 1vw), calc(.0625rem * var(--spacing-enormous)))
    }
}

@media (max-width: 999px) {
    .c-splash-yerba_perks {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

@media (max-width: 699px) {
    .c-splash-yerba_perks {
        order: 1
    }
}

.c-splash-yerba_item:not(:last-child) {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

.c-splash-yerba_icon {
    width: 3.125rem;
    margin-bottom: .625rem;
    transform: rotate(20deg) scale3d(0, 0, 1);
    opacity: 0
}

html.is-first-loaded .c-splash-yerba_icon {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1)
}

.c-splash-yerba_item.is-inview .c-splash-yerba_icon {
    transform: rotate(0) scaleZ(1);
    opacity: 1
}

.c-splash-yerba_label {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    text-transform: lowercase;
    line-height: 1.1;
    margin-bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

.c-splash-yerba_container {
    position: relative;
    -webkit-clip-path: inset(0 0 0 0 round 0 0 var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(0 0 0 0 round 0 0 var(--border-radius-large) var(--border-radius-large))
}

@media (max-width: 699px) {
    .c-splash-yerba_container {
        display: flex;
        flex-direction: column
    }
}

@media (min-width: 1000px) {
    .c-splash-yerba_background {
        -webkit-clip-path: inset(0 0 0 0 round 0 0 var(--border-radius-large) var(--border-radius-large));
        clip-path: inset(0 0 0 0 round 0 0 var(--border-radius-large) var(--border-radius-large));
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media (max-width: 699px) {
    .c-splash-yerba_background {
        order: 2
    }
}

@media (min-width: 1000px) {
    .c-splash-yerba_background_sticky_area {
        position: absolute;
        top: -100vh;
        bottom: -100vh;
        left: 0;
        width: 100%
    }
}

@media (min-width: 1000px) {
    .c-splash-yerba_background_sticky {
        position: sticky;
        top: 0;
        height: 100vh
    }
}

@media (min-width: 1000px) {
    .c-splash-yerba_background_visual {
        position: absolute;
        top: 0;
        height: 100%;
        width: calc(50% + 1px);
        overflow: hidden
    }

    .c-splash-yerba_background_visual:first-child {
        left: 0
    }

    .c-splash-yerba_background_visual:last-child {
        right: 0
    }
}

@media (max-width: 999px) {
    .c-splash-yerba_background_visual {
        aspect-ratio: 9/5;
        -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large)) !important;
        clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large)) !important
    }

    .c-splash-yerba_background_visual:last-child {
        display: none
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-splash-yerba_background_visual {
        margin-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

@media (max-width: 699px) {
    .c-splash-yerba_background_visual {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 1000px) {
    .c-splash-yerba_background_visual_img {
        position: absolute;
        top: 0;
        width: 200%;
        height: 100%
    }
}

.c-splash-yerba_background_visual:first-child .c-splash-yerba_background_visual_img {
    left: 0
}

.c-splash-yerba_background_visual:last-child .c-splash-yerba_background_visual_img {
    right: 0
}

@media (max-width: 999px) {
    .c-splash-yerba_background_visual:last-child .c-splash-yerba_background_visual_img {
        display: none
    }
}

@media (max-width: 999px) {
    .c-splash-yerba_background_visual_img {
        aspect-ratio: 9/5
    }
}

.c-splash-yerba_content {
    position: relative;
    z-index: 3
}

@media (min-width: 1000px) {
    .c-splash-yerba_content {
        --button-color: #000000;
        --button-background: #FFFFFF;
        color: #fff;
        height: 180vh;
        margin-top: 10vh
    }
}

@media (max-width: 999px) {
    .c-splash-yerba_content {
        --button-color: #FFFFFF;
        --button-background: #000000;
        color: #000
    }
}

@media (max-width: 699px) {
    .c-splash-yerba_content {
        order: 3;
        margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 1000px) {
    .c-splash-yerba_content.-has-content:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        background-color: #000;
        opacity: calc(var(--smooth-progress)*.75)
    }
}

@media (min-width: 1000px) {
    .c-splash-yerba_content_sticky {
        position: sticky;
        top: 0;
        padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
        padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }

    html.is-first-loaded .c-splash-yerba_content_sticky {
        transition: top .3s cubic-bezier(.38, .005, .215, 1)
    }

    html.is-scrolling-up .c-splash-yerba_content_sticky {
        top: var(--header-height)
    }
}

.c-splash-yerba_content_text {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    text-wrap: balance
}

@media (min-width: 1000px) {
    .c-splash-yerba_content_text {
        padding-right: 15%;
        font-size: var(--font-size-h1-sans);
        opacity: 0;
        transform: translateY(2.5rem);
        transition: transform .1s cubic-bezier(.38, .005, .215, 1), opacity .1s cubic-bezier(.38, .005, .215, 1)
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-splash-yerba_content_text {
        font-size: var(--font-size-h2-sans)
    }
}

@media (max-width: 699px) {
    .c-splash-yerba_content_text {
        font-size: var(--font-size-h3-sans)
    }
}

@media (min-width: 1000px) {
    html.is-scrolling-up .c-splash-yerba_content_text {
        transform: translateY(-.625rem)
    }
}

@media (min-width: 1000px) {
    html.is-scrolling-up .c-splash-yerba_content_sticky.is-inview .c-splash-yerba_content_text {
        transform: translateY(0)
    }
}

.c-splash-yerba_content_sticky.is-inview .c-splash-yerba_content_text {
    opacity: 1;
    transform: translateY(0);
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1)
}

@media (min-width: 1000px) {
    .c-splash-yerba_content_cta {
        opacity: 0;
        transform: translateY(2.5rem);
        transition: transform .1s cubic-bezier(.38, .005, .215, 1), opacity .1s cubic-bezier(.38, .005, .215, 1);
        transition-delay: .1s
    }
}

@media (min-width: 1000px) {
    html.is-scrolling-up .c-splash-yerba_content_cta {
        transform: translateY(-.625rem)
    }
}

@media (min-width: 1000px) {
    html.is-scrolling-up .c-splash-yerba_content_sticky.is-inview .c-splash-yerba_content_cta {
        transform: translateY(0)
    }
}

.c-splash-yerba_content_sticky.is-inview .c-splash-yerba_content_cta {
    opacity: 1;
    transform: translateY(0);
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1);
    transition-delay: .1s
}

.c-splash-yerba_visual-area {
    position: absolute;
    top: var(--top, 0);
    left: 0;
    width: 100%;
    bottom: 0;
    pointer-events: none
}

@media (min-width: 1200px) {
    .c-block-cta-compact_grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-block-cta-compact_grid {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .c-block-cta-compact_grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width: 1000px) {
    .c-block-cta-compact_grid_item.-content {
        padding-left: calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 1 + var(--grid-gutter) * (1 - 1))
    }
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-block-cta-compact_grid_item.-content {
        grid-column-start: 4;
        grid-column-end: 9
    }
}

@media (max-width: 999px) {
    .c-block-cta-compact_grid_item.-content {
        padding-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
        padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-block-cta-compact_grid_item.-visual {
        grid-column-start: 1;
        grid-column-end: 4
    }
}

.c-block-cta-compact_perks {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

@media (min-width: 700px)and (max-width: 1199px) {
    .c-block-cta-compact_visual {
        margin-left: calc(var(--padding-box) * -1)
    }
}

.c-link {
    text-decoration: underline
}

.c-account a:not(.c-button):not(.shopify-challenge__button.btn) {
    text-decoration: underline
}

.c-account #rc_login {
    display: none !important;
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    padding: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    border-radius: var(--border-radius-large);
    background-color: #f4f4f4
}

.c-account #rc_login a {
    text-decoration: underline
}

.c-account_box {
    border-radius: var(--border-radius-large);
    background-color: #f4f4f4;
    padding: var(--padding-box);
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-account_subscribe {
    position: relative;
    height: 100%
}


.c-account_cta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

@media (min-width: 1000px) {
    .c-account_address_list {
        display: grid;
        gap: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-account_address_item:not(:last-child) {
    border-bottom: 2px solid #f4f4f4;
    padding-bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)));
    margin-bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

@media (min-width: 1000px) {
    .c-account_grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 1000px) {
    .c-account_grid_item.-order-history {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .c-account_grid_item.-addresses {
        grid-column-start: 3;
        grid-column-end: 4
    }
}

.c-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90200;
    background-color: #fff;
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), visibility 0s .3s linear;
    cursor: wait;
    opacity: 1
}

html.is-first-loaded .c-preloader {
    transition: opacity .3s cubic-bezier(.38, .005, .215, 1), visibility .3s cubic-bezier(.38, .005, .215, 1)
}

html.is-loaded .c-preloader {
    opacity: 0;
    visibility: hidden
}

.c-cta-find-retailer {
    border-radius: var(--border-radius-large);
    background-color: #f4f4f4;
    color: #000;
    min-height: 12.5rem;
    overflow: hidden
}

@media (min-width: 1000px) {
    .c-cta-find-retailer {
        margin-left: calc(var(--padding-box) * -1)
    }
}

@media (max-width: 999px) {
    .c-cta-find-retailer {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 700px) {
    .c-cta-find-retailer {
        display: flex
    }
}

@media (max-width: 699px) {
    .c-cta-find-retailer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--grid-gutter);
        margin-left: calc(var(--padding-box) * -1);
        margin-right: calc(var(--padding-box) * -1)
    }
}

@media (min-width: 1000px) {
    .c-cta-find-retailer_image {
        width: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 2 + var(--grid-gutter) * (2 - 1)) + var(--padding-box))
    }
}

@media (min-width: 700px)and (max-width: 999px) {
    .c-cta-find-retailer_image {
        width: calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1))
    }
}

.c-cta-find-retailer_content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 700px) {
    .c-cta-find-retailer_content {
        margin-left: var(--padding-box)
    }
}

.c-cta-find-retailer_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    max-width: 18.75rem
}

.c-contact_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.c-hero-multi {
    --color-accent: #D6D6D6;
    --button-color: #000000;
    --button-background: #FFFFFF;
    position: relative;
    color: #fff;
    overflow: hidden;
    background-color: #000;
    -webkit-clip-path: inset(0% 0% 0% 0% round 0px 0px calc(var(--progress) * var(--border-radius-large)) calc(var(--progress) * var(--border-radius-large)));
    clip-path: inset(0% 0% 0% 0% round 0px 0px calc(var(--progress) * var(--border-radius-large)) calc(var(--progress) * var(--border-radius-large)));
    z-index: 10
}

.c-hero-multi_container {
    min-height: 100vh;
    display: flex;
    width: 100%;
    align-items: flex-end;
    position: relative;
    z-index: 4
}

html.is-mobile .c-hero-multi_container {
    min-height: calc(var(--vh-initial, 1vh)*100)
}

.c-hero-multi_inner {
    padding-top: calc(var(--header-height) + clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small))))
}

@media (min-width: 1800px) {
    .c-hero-multi_inner {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)))
    }
}

@media (max-width: 1799px) {
    .c-hero-multi_inner {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

.c-hero-multi_title {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-hero-multi_visual,
.c-hero-multi_visual_inner,
.c-hero-multi_visual_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-hero-multi_visual_inner {
    transform: scale3d(1.05, 1.05, 1);
    opacity: .4
}

html.is-first-loaded .c-hero-multi_visual_inner {
    transition: transform 1.2s cubic-bezier(.38, .005, .215, 1), opacity 3s cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-hero-multi_visual_inner {
    transform: scaleZ(1);
    opacity: 1
}

.c-hero-multi_visual_img:before,
.c-hero-multi_visual_img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.c-hero-multi_visual_img:before {
    background-color: #000;
    opacity: calc(.2 + var(--progress)*.5);
    z-index: 3
}

.c-hero-multi_visual_img:after {
    background: linear-gradient(0deg, #00000080, #0000);
    opacity: .2
}

.c-hero-multi_content {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    line-height: 1.2;
    text-wrap: balance
}

.c-hero-multi_content:not(:last-child) {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

@media (min-width: 1000px) {
    .c-hero-multi_content {
        width: 50%
    }
}

.c-challenge_logo {
    display: inline-block;
    padding: var(--header-padding)
}

.c-challenge_logo svg {
    width: 7.5rem;
    height: var(--header-height_inner)
}

@media (max-width: 699px) {
    .c-challenge_logo svg {
        width: 6.25rem
    }
}

.shopify-challenge__container {
    min-height: calc(100vh - var(--header-height));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: var(--header-height)
}

.shopify-challenge__container form {
    text-align: center
}

.shopify-challenge__message {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.shopify-challenge__button.btn {
    --button-height: 3.75rem;
    --button-padding: 0 1.75rem 0 1.75rem;
    font-size: var(--font-size-h4-sans);
    margin-top: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

@media (min-width: 1000px) {
    .c-faq {
        padding-top: 8vh
    }
}

@media (max-width: 999px) {
    .c-faq {
        padding-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)))
    }
}

.c-faq_title {
    text-align: center;
    margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    margin-left: auto;
    margin-right: auto;
    max-width: 43.75rem
}

.c-faq_description {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1000px) {
    .c-faq_grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-faq_categories {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    text-align: center
}

.c-faq_item:not(:last-child) {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

.c-faq_visual {
    --visual-transform-delay: .25s;
    --visual-transform-duration: .3s;
    --clip-path-delay: .35s;
    --clip-path-duration: .5s;
    --image-transform-delay: .65s;
    --image-transform-duration: 1s;
    position: sticky;
    top: 1.25rem;
    margin-left: calc(var(--padding-box) * -1);
    height: calc(100vh - 2.5rem);
    transform: translateY(11.25rem);
    opacity: 0
}

html.is-first-loaded .c-faq_visual {
    transition: transform var(--visual-transform-duration) var(--visual-transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .3s var(--visual-transform-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-faq_visual {
    transform: translateY(0);
    opacity: 1
}

@media (max-width: 999px) {
    .c-faq_visual {
        display: none
    }
}

.c-faq_visual_image,
.c-faq_visual_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-faq_visual_inner {
    -webkit-clip-path: inset(35% 35% 35% 35% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(35% 35% 35% 35% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    background-color: #f4f4f4
}

html.is-first-loaded .c-faq_visual_inner {
    transition: -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1);
    transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1), -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-faq_visual_inner {
    -webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
    clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
}

.c-faq_visual_image {
    opacity: 0;
    transform: scale3d(1.05, 1.05, 1)
}

html.is-first-loaded .c-faq_visual_image {
    transition: transform var(--image-transform-duration) var(--image-transform-delay) cubic-bezier(.38, .005, .215, 1), opacity .6s var(--image-transform-delay)
}

html.is-ready .c-faq_visual_image {
    opacity: 1;
    transform: scaleZ(1)
}

@media (min-width: 1000px) {
    .c-retailers_title {
        max-width: 33.125rem
    }
}

@media (max-width: 999px) {
    .c-retailers_title {
        max-width: 26.875rem
    }
}

@media (min-width: 1000px) {
    .c-retailers_text {
        min-height: 18.75rem;
        margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (max-width: 999px) {
    .c-retailers_text {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

.c-retailers_list {
    display: grid;
    row-gap: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

@media (min-width: 1000px) {
    .c-retailers_list {
        padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

@media (min-width: 1600px) {
    .c-retailers_list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width: 1400px)and (max-width: 1599px) {
    .c-retailers_list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 1000px)and (max-width: 1399px) {
    .c-retailers_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 999px) {
    .c-retailers_list {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
    }
}

@media (max-width: 999px) {
    .c-retailers_list {
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-retailers_item {
    display: flex;
    align-items: center;
    width: 100%
}

.c-retailers_logo {
    width: 50%;
    max-width: 8.125rem;
    margin: 0 auto
}

@media (min-width: 1600px) {
    .c-retailers_logo {
        width: 60%
    }
}

@media (max-width: 699px) {
    .c-retailers_logo {
        width: 70%
    }
}

.c-table {
    line-height: 1;
    letter-spacing: -.02em;
    font-size: var(--font-size-text-small);
    width: 100%;
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) 0
}

@media (max-width: 499px) {
    .c-table {
        font-size: 11px
    }
}

.c-table+p,
.c-table+ul,
.c-table+ol {
    margin-top: 1em
}

.c-table+h1,
.c-table+h2,
.c-table+h3,
.c-table+h4,
.c-table+h5,
.c-table+h6 {
    margin-top: 1em
}

.c-table thead {
    text-align: left;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: 1
}

.c-table th {
    vertical-align: top;
    text-align: left;
    padding: 10px;
    border-bottom: solid 1px #d6d6d6;
    font-weight: 400
}

.c-table th:first-child,
.c-table td:first-child {
    padding-left: 0
}

.c-table td {
    border-bottom: solid 1px #d6d6d6;
    padding: 10px;
    vertical-align: top
}

.c-table_row.-no-border td {
    border-bottom: none
}

.c-modal-consent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    z-index: 90300;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden
}

html.is-first-loaded .c-modal-consent {
    transition: visibility 0s cubic-bezier(.38, .005, .215, 1) .6s;
    transition-delay: .6s
}

html.has-consent-open .c-modal-consent {
    pointer-events: auto;
    visibility: visible;
    transition-delay: 0s
}

.c-modal-consent_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-items: center;
    padding: var(--grid-margin)
}

.c-modal-consent_inner {
    border-radius: var(--border-radius-large);
    max-width: 62.5rem;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin: auto;
    transform: translateY(8.75rem);
    opacity: 0
}

@media (min-width: 1200px) {
    .c-modal-consent_inner {
        width: calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 7 + var(--grid-gutter) * (7 - 1))
    }
}

html.is-first-loaded .c-modal-consent_inner {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1)
}

html.has-consent-open .c-modal-consent_inner {
    transform: translateY(0);
    opacity: 1
}

.c-modal-consent_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000c;
    opacity: 0;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px)
}

html.is-first-loaded .c-modal-consent_overlay {
    transition: opacity .6s cubic-bezier(.38, .005, .215, 1), -webkit-backdrop-filter .6s cubic-bezier(.38, .005, .215, 1);
    transition: opacity .6s cubic-bezier(.38, .005, .215, 1), backdrop-filter .6s cubic-bezier(.38, .005, .215, 1);
    transition: opacity .6s cubic-bezier(.38, .005, .215, 1), backdrop-filter .6s cubic-bezier(.38, .005, .215, 1), -webkit-backdrop-filter .6s cubic-bezier(.38, .005, .215, 1)
}

html.has-consent-open .c-modal-consent_overlay {
    opacity: 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.c-modal-consent_content {
    padding: var(--padding-box);
    grid-column-start: 1;
    grid-column-end: 5;
    background-color: #fff;
    border-radius: var(--border-radius-large);
    position: relative;
    z-index: 2;
    min-height: 18.75rem
}

.c-modal-consent_visual {
    grid-column-start: 5;
    grid-column-end: 8
}

.c-modal-consent_button_wrap {
    display: grid;
    gap: 3px;
    text-align: center
}

@media (min-width: 700px) {
    .c-modal-consent_button_wrap {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
    }
}

@media (max-width: 699px) {
    .c-modal-consent_button_wrap {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
    }
}

.c-modal-consent_button {
    justify-content: center
}

.c-modal-consent_visual {
    position: relative
}

.c-modal-consent_visual_image {
    position: absolute;
    top: 0;
    left: calc(var(--border-radius-large)*-1);
    bottom: 0;
    right: 0
}

html.has-consent-open {
    overflow: hidden
}

.shopify-policy__container {
    max-width: inherit;
    width: 100%;
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin)
}

.shopify-policy__title {
    padding-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    padding-bottom: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)));
    text-align: left
}

.shopify-policy__title h1 {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-huge-sans);
    line-height: 1;
    text-transform: lowercase
}

@media (min-width: 1000px) {
    .shopify-policy__body {
        margin-left: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 3 + var(--grid-gutter) * (3 - 1)) + var(--grid-gutter));
        margin-right: calc(calc((100vw - (var(--grid-gutter) * (var(--grid-columns) - 1)) - (var(--grid-margin) * 2)) / var(--grid-columns) * 3 + var(--grid-gutter) * (3 - 1)) + var(--grid-gutter))
    }
}

.c-carousel {
    overflow: hidden
}

.c-carousel .swiper {
    overflow: visible
}

.swiper-wrapper {
    box-sizing: border-box
}

.c-carousel_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-carousel_header_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans)
}

.c-carousel_control {
    --button-color: #000000;
    --button-background: #F4F4F4
}

.c-password {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.c-password form {
    width: 100%
}

.c-password_logo {
    margin-left: auto;
    margin-right: auto;
    display: inline-block
}

.c-recharge-portal_cta {
    --button-background: #F4F4F4;
    --button-color: #000000;
    --button-height: 60px;
    margin-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.recharge.page__customers__request-invite {
    padding-top: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
}

.recharge.page__customers__request-invite .row {
    justify-content: center
}

.recharge.page__customers__request-invite .row a {
    text-decoration: underline
}

.recharge.page__customers__request-invite .rc_header-settings__description p {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans)
}

.recharge.page__customers__request-invite .rc_header-settings__description p:first-child {
    padding-top: 1.25rem
}

.recharge.page__customers__request-invite .btn {
    text-align: center;
    justify-content: center;
    width: 100%;
    height: var(--input-height);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    line-height: 1
}

.rc_form.form-vertical {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium))) !important
}

.rc_form.form-vertical a {
    text-decoration: underline
}

.c-cta-box {
    border-radius: var(--border-radius-large);
    background-color: #f4f4f4;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)));
    min-height: 12.5rem;
    overflow: hidden
}

.c-cta-box_title,
.c-cta-box.-large .c-cta-box_title {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans)
}

@media (max-width: 999px) {
    .c-cta-faq_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1.875rem;
        margin-bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
    }
}

@media (min-width: 1000px) {
    .c-cta-faq_header_title {
        margin-bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)));
        margin-top: 1.625rem
    }
}

.c-hero-carousel {
    --color-accent: #D6D6D6;
    --button-color: #000000;
    --button-background: #FFFFFF;
    position: relative;
    color: #fff;
    overflow: hidden;
    background-color: #000;
    -webkit-clip-path: inset(0% 0% 0% 0% round 0px 0px calc(var(--progress) * var(--border-radius-large)) calc(var(--progress) * var(--border-radius-large)));
    clip-path: inset(0% 0% 0% 0% round 0px 0px calc(var(--progress) * var(--border-radius-large)) calc(var(--progress) * var(--border-radius-large)));
    z-index: 10
}

.c-hero-carousel_container {
    min-height: 100vh;
    display: flex;
    width: 100%;
    align-items: flex-end;
    position: relative;
    z-index: 4
}

html.is-mobile .c-hero-carousel_container {
    min-height: calc(var(--vh-initial, 1vh)*100)
}

.c-hero-carousel_visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-hero-carousel_visual:before,
.c-hero-carousel_visual:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.c-hero-carousel_visual:before {
    background-color: #000;
    opacity: calc(.05 + var(--progress)*.5);
    z-index: 3
}

.c-hero-carousel_visual:after {
    background: linear-gradient(0deg, #00000080, #0000);
    opacity: .2
}

.c-hero-carousel_visual_inner {
    transform: scale3d(1.05, 1.05, 1);
    opacity: .4
}

html.is-first-loaded .c-hero-carousel_visual_inner {
    transition: transform 1.2s cubic-bezier(.38, .005, .215, 1), opacity 3s cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .c-hero-carousel_visual_inner {
    transform: scaleZ(1);
    opacity: 1
}

.c-hero-carousel_visual_inner,
.c-hero-carousel_visual_img,
.c-hero-carousel_parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-hero-carousel_title {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    width: 100%
}

.c-hero-carousel_inner {
    width: 100%;
    padding-top: calc(var(--header-height) + clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small))));
    padding-right: 7.5rem
}

@media (min-width: 1000px) {
    .c-hero-carousel_inner {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)))
    }
}

@media (max-width: 999px) {
    .c-hero-carousel_inner {
        padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
    }
}

.c-hero-carousel_content {
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans);
    line-height: 1.2;
    max-width: 26.25rem
}

.c-hero-carousel_content:not(:last-child) {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.c-hero-carousel_navigation {
    position: absolute;
    right: var(--grid-margin);
    bottom: var(--grid-margin);
    z-index: 5
}

.c-hero-carousel_item {
    overflow: hidden
}

.c-currency {
    display: flex;
    height: 100%;
    line-height: 1
}

.c-currency_form {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative
}

.c-currency_form select {
    height: 100%;
    padding-right: .9375rem;
    line-height: 1;
    text-transform: lowercase;
    cursor: pointer
}

.c-currency.-header .c-currency_form select {
    text-transform: uppercase;
    font-size: var(--font-size-text-large);
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    padding-bottom: .1875rem
}

.c-currency.-menu .c-currency_form select {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-family: StudioProBold, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 400;
    font-size: var(--font-size-h4-sans)
}

.c-currency_icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

:root {
    --cc-btn-primary-bg: #000000;
    --cc-btn-primary-hover-bg: #D6D6D6;
    --cc-btn-primary-hover-color: #000000;
    --cc-btn-secondary-bg: #F4F4F4;
    --cc-btn-secondary-border-color: #F4F4F4;
    --cc-btn-secondary-hover-bg: #D6D6D6;
    --cc-btn-secondary-hover-color: #000000;
    --cc-btn-secondary-color: #000000;
    --cc-modal-border-radius: 0;
    --cc-btn-border-radius: var(--button-radius);
    --cc-cookie-category-block-bg: #F4F4F4;
    --cc-cookie-category-block-hover-bg: #F4F4F4;
    --cc-toggle-off-bg: #D6D6D6;
    --cc-toggle-on-bg: #08A339;
    --cc-toggle-readonly-bg: rgba(8, 163, 57, .35);
    --cc-webkit-scrollbar-bg: #D6D6D6;
    --cc-webkit-scrollbar-hover-bg: #D6D6D6;
    --cc-footer-bg: var(--color-light);
    --cc-modal-border-radius: var(--border-radius);
    --cc-modal-transition-duration: .3s
}

#cc-main .pm__section-arrow {
    --cc-toggle-readonly-bg: var(--color-light)
}

#cc-main .pm__close-btn,
#cc-main .cm__btn--close {
    border-radius: 50%
}

#cc-main .cm__btn--close {
    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-border-color: transparent;
    --cc-btn-secondary-hover-bg: transparent;
    --cc-btn-secondary-hover-border-color: transparent;
    top: .25rem;
    right: .25rem
}

#cc-main .pm__section--toggle {
    --cc-btn-border-radius: 0
}

#cc-main ::-webkit-scrollbar-thumb {
    background-color: var(--cc-webkit-scrollbar-bg)
}

#cc-main ::-webkit-scrollbar-thumb:hover {
    background-color: var(--cc-webkit-scrollbar-hover-bg)
}

.c-footnote {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)));
    max-width: 1200px
}

.u-2\:1:before {
    padding-bottom: 50%
}

.u-4\:3:before {
    padding-bottom: 75%
}

.u-16\:9:before {
    padding-bottom: 56.25%
}

.u-gc-1\/2 {
    --gc-start: 1;
    --gc-end: 2
}

.u-gc-2\/3 {
    --gc-start: 2;
    --gc-end: 3
}

@media (min-width: 700px) {
    .u-gc-1\/2\@from-small {
        --gc-start: 1;
        --gc-end: 2
    }
}

@media (min-width: 700px) {
    .u-gc-2\/3\@from-small {
        --gc-start: 2;
        --gc-end: 3
    }
}

@media (min-width: 1000px) {
    .u-gc-1\/2\@from-medium {
        --gc-start: 1;
        --gc-end: 2
    }
}

@media (min-width: 1000px) {
    .u-gc-1\/6\@from-medium {
        --gc-start: 1;
        --gc-end: 6
    }
}

@media (min-width: 1000px) {
    .u-gc-1\/7\@from-medium {
        --gc-start: 1;
        --gc-end: 7
    }
}

@media (min-width: 1000px) {
    .u-gc-1\/9\@from-medium {
        --gc-start: 1;
        --gc-end: 9
    }
}

@media (min-width: 1000px) {
    .u-gc-4\/10\@from-medium {
        --gc-start: 4;
        --gc-end: 10
    }
}

@media (min-width: 1000px) {
    .u-gc-7\/13\@from-medium {
        --gc-start: 7;
        --gc-end: 13
    }
}

@media (min-width: 1000px) {
    .u-gc-9\/12\@from-medium {
        --gc-start: 9;
        --gc-end: 12
    }
}

@media (min-width: 1200px) {
    .u-gc-1\/9\@from-large {
        --gc-start: 1;
        --gc-end: 9
    }
}

@media (min-width: 1200px) {
    .u-gc-9\/13\@from-large {
        --gc-start: 9;
        --gc-end: 13
    }
}

.u-float-left {
    float: left !important
}

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

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

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

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

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

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

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

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

.u-vertical-center {
    font-size: 0
}

.u-vertical-center:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle
}

.u-vertical-center>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem
}

.u-clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.u-hide {
    display: none !important
}

@media (min-width: 1000px) {
    .u-hide\@from-medium {
        display: none
    }
}

@media (max-width: 999px) {
    .u-hide\@to-medium {
        display: none
    }
}

.u-overflow-hidden {
    overflow: hidden
}

.u-offset-right {
    margin-right: calc(var(--padding-box) * -1)
}

.u-offset-left {
    margin-left: calc(var(--padding-box) * -1)
}

@media (max-width: 999px) {
    .u-offset-left\@to-medium {
        margin-left: calc(var(--padding-box) * -1)
    }
}

@media (max-width: 999px) {
    .u-offset-right\@to-medium {
        margin-right: calc(var(--padding-box) * -1)
    }
}

.u-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

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

[hidden][aria-hidden=false] {
    position: absolute;
    display: inherit;
    clip: rect(0, 0, 0, 0)
}

[hidden][aria-hidden=false]:focus {
    clip: auto
}

.u-screen-reader-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

@media not print {
    .u-screen-reader-text\@screen {
        position: absolute !important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        margin: 0;
        padding: 0;
        width: 1px;
        height: 1px;
        border: 0
    }
}

.u-screen-reader-text.-focusable:focus,
.u-screen-reader-text.-focusable:active {
    clip: auto;
    width: auto;
    height: auto
}

.u-margin-tiny-top {
    margin-top: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

.u-margin-tiny-bottom {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

.u-margin-small-top {
    margin-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.u-margin-small-bottom {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.u-margin-medium-top {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.u-margin-medium-bottom {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.u-margin-large-top {
    margin-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

.u-margin-large-bottom {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

.u-margin-big-top {
    margin-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)))
}

.u-margin-big-bottom {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)))
}

.u-margin-huge-top {
    margin-top: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
}

.u-margin-huge-bottom {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
}

.u-margin-enormous-top {
    margin-top: clamp(calc(.0625rem * var(--spacing-enormous-mobile)), calc(var(--spacing-enormous) / 14.4 * 1vw), calc(.0625rem * var(--spacing-enormous)))
}

.u-margin-enormous-bottom {
    margin-bottom: clamp(calc(.0625rem * var(--spacing-enormous-mobile)), calc(var(--spacing-enormous) / 14.4 * 1vw), calc(.0625rem * var(--spacing-enormous)))
}

.u-padding-tiny-top {
    padding-top: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

.u-padding-tiny-bottom {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)), calc(var(--spacing-tiny) / 14.4 * 1vw), calc(.0625rem * var(--spacing-tiny)))
}

.u-padding-small-top {
    padding-top: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.u-padding-small-bottom {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)), calc(var(--spacing-small) / 14.4 * 1vw), calc(.0625rem * var(--spacing-small)))
}

.u-padding-medium-top {
    padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.u-padding-medium-bottom {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.u-padding-large-top {
    padding-top: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

.u-padding-large-bottom {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4 * 1vw), calc(.0625rem * var(--spacing-large)))
}

.u-padding-big-top {
    padding-top: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)))
}

.u-padding-big-bottom {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4 * 1vw), calc(.0625rem * var(--spacing-big)))
}

.u-padding-huge-top {
    padding-top: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
}

.u-padding-huge-bottom {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-huge-mobile)), calc(var(--spacing-huge) / 14.4 * 1vw), calc(.0625rem * var(--spacing-huge)))
}

.u-padding-enormous-top {
    padding-top: clamp(calc(.0625rem * var(--spacing-enormous-mobile)), calc(var(--spacing-enormous) / 14.4 * 1vw), calc(.0625rem * var(--spacing-enormous)))
}

.u-padding-enormous-bottom {
    padding-bottom: clamp(calc(.0625rem * var(--spacing-enormous-mobile)), calc(var(--spacing-enormous) / 14.4 * 1vw), calc(.0625rem * var(--spacing-enormous)))
}

.u-margin-medium-top\@to-medium {
    margin-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)), calc(var(--spacing-medium) / 14.4 * 1vw), calc(.0625rem * var(--spacing-medium)))
}

.u-theme {
    color: var(--color-primary);
    background-color: var(--color-secondary);
    --button-color: var(--color-secondary);
    --button-background: var(--color-primary);
    --button-color-hover: var(--color-secondary);
    --button-background-hover: var(--color-accent);
    --header-link-color-hover: var(--color-accent);
    --header-color-total-cart: var(--color-secondary)
}

.u-theme ::-moz-selection {
    background-color: var(--color-primary);
    color: var(--color-secondary);
    text-shadow: none
}

.u-theme ::selection {
    background-color: var(--color-primary);
    color: var(--color-secondary);
    text-shadow: none
}

.u-accent {
    color: var(--color-accent)
}

.u-accent-light {
    color: var(--color-accent-light)
}

.u-anim-translate-opacity,
.shopify-policy__title,
.shopify-policy__body {
    opacity: 0;
    transform: translateY(2.5rem)
}

html.is-first-loaded .u-anim-translate-opacity,
html.is-first-loaded .shopify-policy__title,
html.is-first-loaded .shopify-policy__body {
    transition: transform .6s cubic-bezier(.38, .005, .215, 1), opacity .6s cubic-bezier(.38, .005, .215, 1)
}

html.is-ready .u-anim-translate-opacity,
html.is-ready .shopify-policy__title,
html.is-ready .shopify-policy__body {
    transform: translateY(0);
    opacity: 1
}

html.is-ready .u-anim-translate-opacity.-delay-1,
html.is-ready .-delay-1.shopify-policy__title,
html.is-ready .shopify-policy__body {
    transition-delay: .4s
}

html.is-ready .u-anim-translate-opacity.-delay-2,
html.is-ready .-delay-2.shopify-policy__title,
html.is-ready .-delay-2.shopify-policy__body {
    transition-delay: .5s
}

html.is-ready .u-anim-translate-opacity.-delay-3,
html.is-ready .-delay-3.shopify-policy__title,
html.is-ready .-delay-3.shopify-policy__body {
    transition-delay: .6s
}

html.is-ready .u-anim-translate-opacity.-delay-4,
html.is-ready .-delay-4.shopify-policy__title,
html.is-ready .-delay-4.shopify-policy__body {
    transition-delay: .7s
}

html.is-ready .u-anim-translate-opacity.-delay-5,
html.is-ready .-delay-5.shopify-policy__title,
html.is-ready .-delay-5.shopify-policy__body {
    transition-delay: .8s
}

html.is-ready .u-anim-translate-opacity.-delay-6,
html.is-ready .-delay-6.shopify-policy__title,
html.is-ready .-delay-6.shopify-policy__body {
    transition-delay: .9s
}

html.is-ready .u-anim-translate-opacity.-delay-7,
html.is-ready .-delay-7.shopify-policy__title,
html.is-ready .-delay-7.shopify-policy__body {
    transition-delay: 1s
}

html.is-ready .u-anim-translate-opacity.-delay-8,
html.is-ready .-delay-8.shopify-policy__title,
html.is-ready .-delay-8.shopify-policy__body {
    transition-delay: 1.1s
}

html.is-ready .u-anim-translate-opacity.-delay-9,
html.is-ready .-delay-9.shopify-policy__title,
html.is-ready .-delay-9.shopify-policy__body {
    transition-delay: 1.2s
}

html.is-ready .u-anim-translate-opacity.-delay-10,
html.is-ready .-delay-10.shopify-policy__title,
html.is-ready .-delay-10.shopify-policy__body {
    transition-delay: 1.3s
}

/*# sourceMappingURL=/img/main.css.map?v=114547037873719199301725463986 */