/*! CSS Used from: https://oolalife.com/cdn/shop/t/7/assets/theme.css?v=72949230520291068211759431994 ; media=all */
@media all {

    *,
    :after,
    :before {
        box-sizing  : border-box;
        border-style: solid;
        border-width: 0;
        border-color: rgb(var(--text-color) / .12)
    }

    p {
        margin: 0
    }

    :disabled {
        cursor: default
    }

    img {
        vertical-align: middle;
        display       : block;
        color         : #0000;
        max-width     : min(var(--image-mobile-max-width, var(--image-max-width, 100%)), 100%);
        height        : auto
    }

    .content-over-media {
        grid-template: 0 minmax(0, 1fr) 0/minmax(0, 1fr) minmax(0, min(var(--container-max-width), 100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) minmax(0, 1fr);
        gap          : var(--content-over-media-row-gap, var(--content-over-media-gap, var(--container-gutter))) var(--content-over-media-column-gap, var(--content-over-media-gap, var(--container-gutter)));
        place-items  : center;
        display      : grid;
        position     : relative;
        overflow     : hidden;
        transform    : translateZ(0)
    }

    .h0,
    split-lines {
        overflow-wrap: anywhere
    }

    .content-over-media:before {
        content       : "";
        background    : rgb(var(--content-over-media-overlay));
        border-radius : inherit;
        z-index       : 1;
        pointer-events: none;
        transition    : background .2s ease-in-out;
        position      : absolute;
        top           : 0;
        bottom        : 0;
        left          : 0;
        right         : 0
    }

    .content-over-media>:is(img, video, iframe, svg, video-media) {
        height               : var(--content-over-media-height, auto);
        min-height           : 100%;
        max-height           : 100%;
        width                : 100%;
        overflow-wrap        : anywhere;
        object-fit           : cover;
        object-position      : center;
        transform-origin     : bottom;
        border-radius        : inherit;
        -webkit-user-select  : none;
        user-select          : none;
        -webkit-touch-callout: none;
        grid-area            : 1/1/span 3/span 3;
        position             : relative
    }

    .content-over-media>:not(img, video, iframe, svg, video-media) {
        max-width: var(--content-over-media-content-max-width, 780px);
        z-index  : 1;
        grid-area: 2/2/auto/span 1;
        position : relative
    }

    .content-over-media--md {
        --content-over-media-height: 480px
    }

    @media screen and (min-width:700px) {
        img {
            max-width: min(var(--image-max-width, 100%), 100%)
        }

        .content-over-media--md {
            --content-over-media-height: 460px
        }

        .shopify-section:first-child {
            --section-outer-spacing-block-start: 24px
        }
    }

    @media screen and (min-width:1400px) {
        .content-over-media--md {
            --content-over-media-height: 500px
        }
    }

    @media screen and (min-width:1600px) {
        .content-over-media--md {
            --content-over-media-height: 560px
        }
    }

    .full-bleed {
        margin-inline-start: calc(-1 * var(--container-outer-width));
        margin-inline-end  : calc(-1 * var(--container-outer-width));
        display            : grid
    }

    [role=main] .shopify-section {
        --section-is-first                : 0;
        --hash-difference                 : calc(var(--section-background-hash) - var(--previous-section-background-hash, -1));
        --hash-difference-abs             : max(var(--hash-difference), -1 * var(--hash-difference));
        --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1));
        background                        : rgb(var(--background));
        position                          : relative
    }

    [role=main] .shopify-section:not(.contents) {
        display: flow-root
    }

    .hidden,
    [role=main] .shopify-section:empty {
        display: none
    }

    [role=main] .shopify-section:first-child {
        --section-is-first: 1
    }

    .section {
        --context-section-spacing-block-start   : var(--section-outer-spacing-block);
        --context-section-spacing-block-end     : var(--section-outer-spacing-block);
        --context-section-spacing-inline        : var(--container-gutter);
        --calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)));
        --calculated-section-spacing-block-end  : var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)));
        --calculated-section-spacing-inline     : var(--section-spacing-inline, var(--context-section-spacing-inline));
        --container-inner-width                 : min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width));
        --container-outer-width                 : calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2);
        --section-stack-spacing-inline          : var(--section-inner-spacing-inline, 0px);
        padding-inline-start                    : max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width)/ 2);
        padding-inline-end                      : max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width)/ 2);
        padding-block-start                     : calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));
        padding-block-end                       : var(--calculated-section-spacing-block-end)
    }

    .prose>:first-child,
    .prose>:first-child :first-child {
        margin-block-start: 0 !important
    }

    .prose>:last-child,
    .prose>:last-child :last-child {
        margin-block-end: 0 !important
    }

    @media (prefers-reduced-motion:no-preference) {
        .js [reveal-on-scroll=true] {
            opacity: 0
        }
    }

    .text-custom {
        color: rgb(var(--text-color))
    }

    .text-center {
        text-align: center
    }

    .place-self-center {
        place-self: center
    }

    @media screen and (min-width:700px) {
        .sm\:hidden {
            display: none
        }

        .sm\:block {
            display: block
        }

        .sm\:text-center {
            text-align: center
        }

        .sm\:place-self-center {
            place-self: center
        }
    }

    .h0 {
        font-family   : var(--heading-font-family);
        font-weight   : var(--heading-font-weight);
        font-style    : var(--heading-font-style);
        letter-spacing: var(--heading-letter-spacing);
        text-transform: var(--heading-text-transform);
        font-size     : var(--text-h0);
        line-height   : 1
    }
}

/*! CSS Used from: Embedded */
#shopify-section-template--16918336995513__4f606435-2dab-470e-9e8f-e6dc6a049297 {
    --section-outer-spacing-block: 0;
    --content-over-media-overlay : 0 0 0/0.1
}