/** Shopify CDN: Minification failed

Line 165:0 Expected "}" to go with "{"

**/
.primary-title-text {
    font: normal 500 48px/125% var(--heading-font);
    letter-spacing: 0;
}

.secondary-title-text {
    font: normal 500 36px/128% var(--heading-font);
    letter-spacing: 0;
}

.tertiary-title-text {
    font: normal 500 30px/127% var(--heading-font);
    letter-spacing: 0;
}

.quaternary-title-text {
    font: normal 500 24px/125% var(--heading-font);
    letter-spacing: 0;
}

.primary-body-text {
    font: normal 400 20px/150% var(--body-font);
    letter-spacing: 0;
}

.secondary-body-text {
    font: normal 400 16px/150% var(--body-font);
    letter-spacing: 0;
}

.tertiary-body-text {
    font: normal 400 14px/127% var(--body-font);
    letter-spacing: 0;
}

.quaternary-body-text {
    font: normal 400 24px/130% var(--heading-font);
    letter-spacing: 0;
}

.primary-link-text {
    font: normal 400 20px/125% var(--body-font);
    letter-spacing: 0;
}

.secondary-link-text {
    font: normal 400 18px/127% var(--body-font);
    letter-spacing: 0;

}

.main-transition {
    transition: all 0.3s linear;
}

.main-button {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    outline: none;
    color: var(--button-text-color);
    background-color: var(--button-bg-color);

    font: normal 400 20px/125% var(--body-font);
    text-decoration: none;
    width: fit-content;
    padding: 16px 26px;
    text-transform: uppercase;
    letter-spacing: 0;
    border-radius: 30px;
    border: 1px solid var(--button-bg-color);
    letter-spacing: 0;
}

.media-wrapper {
    position: relative;
    width: 100%;
}

.media-wrapper::before {
    padding-bottom: calc(100% /(var(--aspect-ratio-desktop)));
    display: block;
    content: "";
}

.media-wrapper video,
.media-wrapper picture,
.media-wrapper img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container-content>* {
    color: inherit;
    font: inherit;
    margin: 0
}

.container-content>:not(:last-child) {
    margin-bottom: 10px
}

.space-bottom {
    margin-bottom: 40px !important;
}

@media (max-width: 768px) {
    .primary-title-text {
        font: normal 500 36px/127% var(--heading-font)
    }

    .secondary-title-text {
        font: normal 500 30px/127% var(--heading-font)
    }

    .quaternary-title-text {
        font: normal 500 18px/125% var(--heading-font)
    }

    .primary-body-text {
        font: normal 400 16px/150% var(--body-font)
    }

    .secondary-body-text {
        font: normal 400 18px/150% var(--body-font)
    }

    .main-button {
        font: normal 400 18px/127% var(--body-font);
        padding: 16px 26px;
    }

    .media-wrapper::before {
        padding-bottom: calc(100% /(var(--aspect-ratio-mobile)))
    }

    .space-bottom {
        margin-bottom: 20px !important;
    }
}

@media (hover:hover) {
    .main-button:hover {
        color: var(--button-text-color-hover);
        background-color: var(--button-bg-color-hover);
        border: 1px solid var(--button-bg-color-hover);
    }

    /* Hide the Shopify "Follow on Shop" button in the footer */
footer a[href*="shop.app"],
footer [aria-label="Follow on Shop"],
footer .shop-follow-button,
footer .shopify-follow-on-shop {
  display: none !important;
}