@font-face {
    font-display: swap;
    font-family: museo;
    font-weight: 300;
    src: url(../fonts/Museo300-Regular.ttf)
}
@font-face {
    font-display: swap;
    font-family: museo;
    font-weight: 500;
    src: url(../fonts/Museo500-Regular.ttf)
}
@font-face {
    font-display: swap;
    font-family: museo;
    font-weight: 700;
    src: url(../fonts/Museo700-Regular.ttf)
}
@media(min-width:300px) {
    .\[\@media\(min-width\:300px\)\]\:block {
        display: block
    }
}
@media (min-width:640px) {
    .hy-radio label {
        width: auto
    }

    .\!container {
        max-width: 640px !important;
        padding-left: 1.125rem !important;
        padding-right: 1.125rem !important
    }

    .container,
    .md\:container {
        max-width: 640px;
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .md\:mr-break-out {
        margin-right: calc((-100vw + var(--twcb-scrollbar-width))/2 + 320px - 1.125rem)
    }

    .sm\:order-first {
        order: -9999
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }

    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }

    .sm\:col-start-2 {
        grid-column-start: 2
    }

    .sm\:-ml-10 {
        margin-left: -2.5rem
    }

    .sm\:-mr-10 {
        margin-right: -2.5rem
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .sm\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
}
@media (min-width:640px) {
        .md\:container {
            max-width: 640px;
            padding-left: 1.125rem;
            padding-right: 1.125rem
        }
    }
@media (min-width:768px) {
        .md\:container {
            max-width: 768px;
            padding-left: 1.125rem;
            padding-right: 1.125rem
        }
    }
@media (min-width:1024px) {
        .md\:container {
            max-width: 1024px;
            padding-left: 2.688rem;
            padding-right: 2.688rem
        }
    }
@media (min-width:1280px) {
        .md\:container {
            max-width: 1280px;
            padding-left: 2.688rem;
            padding-right: 2.688rem
        }
    }
@media (min-width:1024px) {
        .md\:grid-design {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    }
@media (min-width:1024px) {
        .lg\:grid-design {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    }
@media (min-width:1024px) {
        .xl\:grid-design {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    }
@media (min-width:1366px) {
    .\32xl\:relative {
        position: relative
    }

    .\32xl\:m-12 {
        margin: 3rem
    }

    .\32xl\:mb-0 {
        margin-bottom: 0
    }

    .\32xl\:mt-0 {
        margin-top: 0
    }

    .\32xl\:w-auto {
        width: auto
    }
}
@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
@keyframes pulse {
    50% {
        opacity: .5
    }
}
@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@font-face {
font-display: swap;
    font-family: museo;
    font-weight: 300;
    src: url(../fonts/Museo300-Regular.ttf)
}

@font-face {
font-display: swap;
    font-family: museo;
    font-weight: 500;
    src: url(../fonts/Museo500-Regular.ttf)
}

@font-face {
font-display: swap;
    font-family: museo;
    font-weight: 700;
    src: url(../fonts/Museo700-Regular.ttf)
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700
}

.has-heading-sm-font-size,
.text-theme-heading-sm {
letter-spacing: 4%;
    line-height: 1.8rem
}

.has-base-font-size {
line-height: 1.5rem
}

.prose>h1:not(:last-child),
.prose>h2:not(:last-child),
.prose>h3:not(:last-child),
.prose>h4:not(:last-child),
.prose>h5:not(:last-child),
.prose>h6:not(:last-child) {
margin-bottom: 1.5rem
}

.prose p {
line-height: 1.375
}

.prose>p:not(:last-child) {
margin-bottom: 1.25rem
}

.prose .aligncenter,
.prose .has-text-align-center {
margin-left: auto;
    margin-right: auto
}

.prose ul:not(.list-unset) {
list-style-type: disc
}

.prose ol:not(.list-unset) {
list-style-type: decimal
}

.prose ol:not(.list-unset),
.prose ul:not(.list-unset) {
list-style-position: inside;
    margin-bottom: 1.25rem
}

.prose ol:not(.list-unset) ol,
.prose ol:not(.list-unset) ul,
.prose ul:not(.list-unset) ol,
.prose ul:not(.list-unset) ul {
margin-left: 1.5rem;
    margin-top: 1rem
}

.prose ol:not(.list-unset) li:not(:last-child),
.prose ul:not(.list-unset) li:not(:last-child) {
margin-bottom: .25rem
}

.prose blockquote {
margin: auto auto 1.25rem;
    max-width: 768px
}

.prose .wp-block-buttons:not(:first-child) {
margin-top: 2rem
}

.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
margin-top: 2.5rem
}

.is-layout-flex.wp-block-buttons {
gap: 1rem
}

.hy-button-orange,
.wp-block-button.is-style-button-orange {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1 !important;
    background-color: rgb(250 172 76/var(--tw-bg-opacity, 1));
    border-color: rgb(250 172 76/var(--tw-border-opacity, 1));
    color: rgb(44 71 94/var(--tw-text-opacity, 1)) !important
}

.hy-button-orange:hover,
.wp-block-button.is-style-button-orange:hover {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 246 220/var(--tw-bg-opacity, 1));
    border-color: rgb(255 246 220/var(--tw-border-opacity, 1))
}

.hy-button-orange:disabled,
.wp-block-button.is-style-button-orange:disabled {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1 !important;
    background-color: rgb(254 213 165/var(--tw-bg-opacity, 1));
    border-color: rgb(254 213 165/var(--tw-border-opacity, 1));
    color: rgb(149 163 174/var(--tw-text-opacity, 1)) !important
}

.hy-button-blue,
.wp-block-button.is-style-button-blue {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1 !important;
    background-color: rgb(44 71 94/var(--tw-bg-opacity, 1));
    border-color: rgb(44 71 94/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.hy-button-blue:hover,
.wp-block-button.is-style-button-blue:hover {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(150 95 54/var(--tw-bg-opacity, 1));
    border-color: rgb(150 95 54/var(--tw-border-opacity, 1))
}

.hy-button-blue:disabled,
.wp-block-button.is-style-button-blue:disabled {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(149 163 174/var(--tw-bg-opacity, 1));
    border-color: rgb(149 163 174/var(--tw-border-opacity, 1))
}

.hy-button-outline,
.wp-block-button.is-style-button-outline {
--tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: rgb(44 71 94/var(--tw-border-opacity, 1));
    color: rgb(44 71 94/var(--tw-text-opacity, 1))
}

.hy-button-outline:hover,
.wp-block-button.is-style-button-outline:hover {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(44 71 94/var(--tw-bg-opacity, 1));
    border-color: rgb(44 71 94/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hy-button-outline:disabled,
.wp-block-button.is-style-button-outline:disabled {
opacity: .8
}

.hy-button-outline-red:hover {
--tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(230 97 90/var(--tw-border-opacity, 1));
    color: rgb(230 97 90/var(--tw-text-opacity, 1))
}

.wp-block-image:not(:last-child) {
margin-bottom: 1.25rem
}

.wp-block-image img {
border-radius: .375rem
}

.wp-block-embed>* {
bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table:not(.is-style-stripes) table tfoot,
.wp-block-table:not(.is-style-stripes) table thead {
--tw-bg-opacity: 1;
    background-color: rgb(250 252 252/var(--tw-bg-opacity, 1))
}

.custom-list-block>li:not(:last-child) {
margin-bottom: .875rem
}

.page-numbers {
display: flex;
    flex-wrap: wrap
}

.page-numbers>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

a.page-numbers,
span.page-numbers {
align-items: center;
    border-radius: .125rem;
    display: flex;
    font-size: .875rem;
    height: 1.5rem;
    justify-content: center;
    line-height: 1.25rem;
    width: 1.5rem
}

a.page-numbers {
--tw-bg-opacity: 1;
    background-color: rgb(223 227 232/var(--tw-bg-opacity, 1))
}

a.page-numbers:hover,
span.page-numbers.current {
--tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(60 148 150/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.ginput_container>* {
width: 100%
}

.gfield,
.gfield.gfield--width-full,
.gfield.gfield--width-half,
.gfield.gfield--width-third {
grid-column: 1/-1
}

.ginput_container {
display: block
}

.gfield input[type=color]:focus,
.gfield input[type=email]:focus,
.gfield input[type=month]:focus,
.gfield input[type=number]:focus,
.gfield input[type=password]:focus,
.gfield input[type=search]:focus,
.gfield input[type=tel]:focus,
.gfield input[type=text]:focus,
.gfield input[type=time]:focus,
.gfield input[type=url]:focus,
.gfield input[type=week]:focus,
.gfield select:focus,
.gfield textarea:focus,
.hy-input:focus {
outline-color: #b58e64
}

.gfield input[type=color]:focus-visible,
.gfield input[type=email]:focus-visible,
.gfield input[type=month]:focus-visible,
.gfield input[type=number]:focus-visible,
.gfield input[type=password]:focus-visible,
.gfield input[type=search]:focus-visible,
.gfield input[type=tel]:focus-visible,
.gfield input[type=text]:focus-visible,
.gfield input[type=time]:focus-visible,
.gfield input[type=url]:focus-visible,
.gfield input[type=week]:focus-visible,
.gfield select:focus-visible,
.gfield textarea:focus-visible,
.hy-input:focus-visible {
border-color: transparent;
    outline-color: #b58e64 !important;
    outline-offset: 0
}

.ginput_container .large,
.ginput_container .medium,
.ginput_container .small {
width: 100%
}

.woocommerce-Button.button:hover {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(150 95 54/var(--tw-bg-opacity, 1));
    border-color: rgb(150 95 54/var(--tw-border-opacity, 1))
}

.woocommerce-Input.woocommerce-Input--text:focus {
outline-color: #b58e64
}

.woocommerce-Input.woocommerce-Input--text:focus-visible {
border-color: transparent;
    outline-color: #b58e64 !important;
    outline-offset: 0
}

.ginput_container_textarea {
height: 7rem
}

.gfield--type-select select:focus {
outline-color: #b58e64
}

.gfield--type-select select:focus-visible {
border-color: transparent;
    outline-color: #b58e64 !important;
    outline-offset: 0
}

.gform_footer input[type=submit].gform_button:hover {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(150 95 54/var(--tw-bg-opacity, 1));
    border-color: rgb(150 95 54/var(--tw-border-opacity, 1))
}

.gchoice input,
.ginput_container_consent input {
display: none
}

.gchoice label,
.ginput_container_consent label {
--tw-text-opacity: 1;
    color: rgb(44 71 94/var(--tw-text-opacity, 1));
    cursor: pointer;
    display: flex;
    font-weight: 500;
    gap: 1rem;
    justify-content: flex-start;
    margin-bottom: 0;
    order: 2;
    position: relative;
    top: 1px;
    width: 100%
}

.gfield--type-radio .gchoice label:before {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: flex-start;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(250 172 76/var(--tw-border-opacity, 1));
    border-radius: 9999px;
    border-width: 1px;
    color: rgb(42 58 99/var(--tw-text-opacity, 1));
    content: "";
    display: flex;
    height: 1rem;
    justify-content: center;
    padding: .25rem;
    width: 1rem
}

.gfield--type-radio .gchoice input:checked+label:before {
content: "•";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem
}

.filter-checkbox label:before,
.gfield--type-checkbox .gchoice label:before,
.gfield--type-consent .ginput_container_consent label:before {
--tw-border-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    border-color: rgb(208 213 221/var(--tw-border-opacity, 1));
    border-radius: .375rem;
    border-width: 2px;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    content: "";
    display: flex;
    height: 1.25rem;
    justify-content: center;
    margin-top: 2px;
    min-width: 1.25rem;
    width: 1.25rem
}

.filter-checkbox[\:has\(input\:checked\)] label:before,
.gfield--type-checkbox .gchoice input:checked+label:before,
.gfield--type-consent .ginput_container_consent input:checked+label:before {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 169/var(--tw-bg-opacity, 1));
    border-color: rgb(0 172 169/var(--tw-border-opacity, 1));
    content: url('data:image/svg+xml;charset=utf-8,<svg width="11" height="9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.017.8a1.148 1.148 0 0 1 0 1.624L4.276 8.165a1.148 1.148 0 0 1-1.624 0L.355 5.87A1.148 1.148 0 0 1 1.98 4.245L3.464 5.73 8.394.8a1.148 1.148 0 0 1 1.623 0Z" fill="%23fff"/></svg>')
}

.filter-checkbox:has(input:checked) label:before,
.gfield--type-checkbox .gchoice input:checked+label:before,
.gfield--type-consent .ginput_container_consent input:checked+label:before {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 169/var(--tw-bg-opacity, 1));
    border-color: rgb(0 172 169/var(--tw-border-opacity, 1));
    content: url('data:image/svg+xml;charset=utf-8,<svg width="11" height="9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.017.8a1.148 1.148 0 0 1 0 1.624L4.276 8.165a1.148 1.148 0 0 1-1.624 0L.355 5.87A1.148 1.148 0 0 1 1.98 4.245L3.464 5.73 8.394.8a1.148 1.148 0 0 1 1.623 0Z" fill="%23fff"/></svg>')
}

.hy-radio label:before {
--tw-border-opacity: 1;
    align-items: flex-start;
    border-color: rgb(208 213 221/var(--tw-border-opacity, 1));
    border-radius: 9999px;
    border-width: 1px;
    display: flex;
    flex-shrink: 0;
    height: 1rem;
    justify-content: center;
    top: 0;
    width: 1rem
}

.hy-radio label:after,
.hy-radio label:before {
--tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    content: ""
}

.hy-radio label:after {
border-radius: 9999px;
    display: none;
    height: .375rem;
    left: 5px;
    position: absolute;
    width: .375rem
}

.hy-radio input:checked+label:before,
.hy-radio.lone-radio label:before {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 169/var(--tw-bg-opacity, 1));
    border-color: rgb(0 172 169/var(--tw-border-opacity, 1))
}

.hy-radio input:checked+label:after,
.hy-radio.lone-radio label:after {
display: block
}

.hy-checkbox>span:before {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: flex-start;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(250 172 76/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    border-width: 1px;
    color: rgb(42 58 99/var(--tw-text-opacity, 1));
    content: "";
    display: flex;
    height: 1.125rem;
    justify-content: center;
    margin-right: .75rem;
    outline-color: transparent;
    outline-offset: 2px;
    outline-style: solid;
    width: 1.125rem
}

.hy-checkbox input[type=checkbox].focus-visible+span:before,
.hy-checkbox input[type=checkbox]:focus+span:before {
--tw-border-opacity: 1;
    border-color: rgb(181 142 100/var(--tw-border-opacity, 1));
    outline-color: #b58e64
}

.hy-checkbox input[type=checkbox]:focus+span:before,
.hy-checkbox input[type=checkbox]:focus-visible+span:before {
--tw-border-opacity: 1;
    border-color: rgb(181 142 100/var(--tw-border-opacity, 1));
    outline-color: #b58e64
}

.hy-checkbox input:checked+span:before {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 169/var(--tw-bg-opacity, 1));
    border-color: rgb(0 172 169/var(--tw-border-opacity, 1))
}

.hy-checkbox input:checked+span:after {
content: url('data:image/svg+xml;utf8,<svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.017 0.800343C10.2323 1.01568 10.3532 1.30769 10.3532 1.61218C10.3532 1.91666 10.2323 2.20868 10.017 2.42401L4.27564 8.16541C4.06031 8.38068 3.76829 8.50161 3.46381 8.50161C3.15933 8.50161 2.86731 8.38068 2.65198 8.16541L0.355417 5.86885C0.146248 5.65228 0.0305082 5.36222 0.0331245 5.06115C0.0357407 4.76007 0.156504 4.47207 0.369404 4.25917C0.582305 4.04627 0.870308 3.92551 1.17138 3.92289C1.47246 3.92027 1.76252 4.03601 1.97908 4.24518L3.46381 5.72991L8.39338 0.800343C8.60871 0.585074 8.90073 0.464142 9.20521 0.464142C9.50969 0.464142 9.80171 0.585074 10.017 0.800343Z" fill="white"/></svg>');
    left: .25rem;
    position: absolute
}

.hy-checkbox input[disabled]:checked+span:before {
--tw-border-opacity: 0.75;
    --tw-bg-opacity: 0.75;
    background-color: rgb(0 172 169/var(--tw-bg-opacity, 1));
    border-color: rgb(0 172 169/var(--tw-border-opacity, 1))
}

.ginput_container_address {
display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.ginput_container_address .gform-grid-col,
.ginput_container_address .gform-grid-col.address_city,
.ginput_container_address .gform-grid-col.address_line_1,
.ginput_container_address .gform-grid-col.address_line_2,
.ginput_container_address .gform-grid-col.address_zip {
grid-column: 1/-1
}

.gfield_description.gfield_validation_message:before,
h2.gform_submission_error:before {
content: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.903a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1-9a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1Z" fill="%23FF746D"/></svg>');
    display: block;
    height: auto;
    margin-right: .5rem;
    position: relative;
    top: .125rem;
    width: 1rem
}

.gfield_error .ginput_container input[type=email],
.gfield_error .ginput_container input[type=number],
.gfield_error .ginput_container input[type=password],
.gfield_error .ginput_container input[type=tel],
.gfield_error .ginput_container input[type=text],
.gfield_error .ginput_container input[type=url],
.gfield_error .ginput_container select,
.gfield_error .ginput_container textarea {
--tw-border-opacity: 1;
    border-color: rgb(255 116 109/var(--tw-border-opacity, 1));
    border-width: 2px
}

.gform_confirmation_wrapper:before {
content: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.6a9.6 9.6 0 1 0 0-19.2 9.6 9.6 0 0 0 0 19.2Zm4.449-11.152a1.2 1.2 0 0 0-1.697-1.697L10.8 12.703 9.25 11.15a1.2 1.2 0 1 0-1.697 1.697l2.4 2.4a1.2 1.2 0 0 0 1.697 0l4.8-4.8Z" fill="%2300ACA9"/></svg>');
    display: block;
    height: 1.5rem;
    margin-right: .5rem;
    position: relative;
    width: 1.5rem
}

.frontend form.cart.single-product-cart * select {
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/chevron-down-orange.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 2rem
}

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

.search-field,
.search-field:focus {
outline: 2px solid transparent;
    outline-offset: 2px
}

.search-field:focus {
--tw-border-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 172 76/var(--tw-ring-opacity, 1));
    border-color: rgb(150 95 54/var(--tw-border-opacity, 1))
}

.swiper-nav-solid-button:focus {
border-radius: 9999px !important
}

#gallery-source .flex-control-thumbs {
display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

#gallery-source .flex-control-thumbs li {
list-style-type: none
}

#gallery-source .flex-control-thumbs li img {
border-color: transparent;
    border-width: 2px;
    cursor: pointer
}

#gallery-source .flex-control-thumbs li img.flex-active {
--tw-border-opacity: 1;
    border-color: rgb(44 71 94/var(--tw-border-opacity, 1));
    cursor: default
}

#gallery-source .flex-viewport {
aspect-ratio: 1/1 !important;
    height: auto !important;
    width: 100%
}

#gallery-source .woocommerce-product-gallery__image,
#gallery-source .woocommerce-product-gallery__image.flex-active-slide {
aspect-ratio: 1/1 !important;
    height: 100% !important;
    width: 100%
}

#gallery-source .flex-viewport a {
display: block;
    height: 100%;
    width: 100%
}

#gallery-source .flex-viewport a>img {
height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

#gallery-source .flex-direction-nav {
display: none
}

#gallery-modal .flex-control-thumbs {
align-items: center;
    display: flex;
    gap: 1.25rem;
    justify-content: center
}

#gallery-modal .flex-control-thumbs li img {
border-color: transparent;
    border-width: 2px;
    cursor: pointer;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

#gallery-modal .flex-control-thumbs li {
align-items: center;
    display: flex;
    justify-content: center;
    list-style-type: none;
    max-height: 6rem;
    max-width: 6rem
}

#gallery-modal .flex-control-thumbs li img.flex-active {
--tw-border-opacity: 1;
    border-color: rgb(44 71 94/var(--tw-border-opacity, 1));
    cursor: default
}

#gallery-modal .flex-viewport {
position: static !important
}

#gallery-modal .flex-viewport,
#gallery-modal .woocommerce-product-gallery__image,
#gallery-modal .woocommerce-product-gallery__image.flex-active-slide {
aspect-ratio: 1/1 !important;
    height: 100% !important;
    width: 100%
}

#gallery-modal .woocommerce-product-gallery__image img {
height: 100%
}

#gallery-modal .flex-viewport a {
display: block;
    height: 100%;
    width: 100%
}

#gallery-modal .flex-viewport a>img {
height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

#gallery-modal a.flex-prev {
--tw-translate-y: -50%;
    left: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    visibility: hidden
}

#gallery-modal a.flex-prev:before {
align-items: center;
    content: url(../images/chevron-left-brown.svg);
    display: flex;
    height: 1.5rem;
    justify-content: center;
    visibility: visible;
    width: 1.5rem
}

#gallery-modal .flex-direction-nav li {
list-style-type: none
}

#gallery-modal a.flex-next {
--tw-translate-y: -50%;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    visibility: hidden
}

#gallery-modal a.flex-next:before {
align-items: center;
    content: url(../images/chevron-right-brown.svg);
    display: flex;
    height: 1.5rem;
    justify-content: center;
    visibility: visible;
    width: 1.5rem
}

.checkout-step-marker[data-checkout-step-active=true]:before {
--tw-bg-opacity: 1;
    background-color: rgb(44 71 94/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    content: "";
    height: .625rem;
    width: .625rem
}

.checkout-step-marker[data-checkout-step-complete=true]:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0Z' fill='%23fff'/%3E%3C/svg%3E");
    height: 1.25rem;
    width: 1.25rem
}

.woocommerce-remove-coupon:hover {
--tw-text-opacity: 1;
    color: rgb(150 95 54/var(--tw-text-opacity, 1))
}

.\!container {
margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.125rem !important;
    padding-right: 1.125rem !important;
    width: 100% !important
}

.container {
margin-left: auto;
    margin-right: auto;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%
}

.aspect-w-1>* {
bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aspect-w-16>* {
bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aspect-w-2>* {
bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aspect-w-5>* {
bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.relative {
position: relative
}

.order-first {
order: -9999
}

.order-last {
order: 9999
}

.col-span-4 {
grid-column: span 4/span 4
}

.my-4 {
margin-bottom: 1rem;
    margin-top: 1rem
}

.flex {
display: flex
}

.inline-flex {
display: inline-flex
}

.h-full {
height: 100%
}

.min-h-screen {
min-height: 100vh
}

.w-full {
width: 100%
}

.max-w-full {
max-width: 100%
}

.max-w-prose {
max-width: 65ch
}

.flex-1 {
flex: 1 1 0%
}

.flex-none {
flex: none
}

.flex-row {
flex-direction: row
}

.flex-row-reverse {
flex-direction: row-reverse
}

.flex-col {
flex-direction: column
}

.flex-col-reverse {
flex-direction: column-reverse
}

.flex-wrap {
flex-wrap: wrap
}

.flex-nowrap {
flex-wrap: nowrap
}

.items-center {
align-items: center
}

.justify-center {
justify-content: center
}

.gap-12 {
gap: 3rem
}

.space-x-3>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.overflow-hidden {
overflow: hidden
}

.scroll-smooth {
scroll-behavior: smooth
}

.rounded {
border-radius: .25rem
}

.rounded-full {
border-radius: 9999px
}

.rounded-lg {
border-radius: .5rem
}

.rounded-md {
border-radius: .375rem
}

.rounded-sm {
border-radius: .125rem
}

.rounded-xl {
border-radius: .75rem
}

.rounded-b-xl {
border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-t-lg {
border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-md {
border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-bl-md {
border-bottom-left-radius: .375rem
}

.rounded-br-md {
border-bottom-right-radius: .375rem
}

.rounded-tl-md {
border-top-left-radius: .375rem
}

.rounded-tr-md {
border-top-right-radius: .375rem
}

.object-cover {
-o-object-fit: cover;
    object-fit: cover
}

.p-0 {
padding: 0
}

.p-1 {
padding: .25rem
}

.p-1\.5 {
padding: .375rem
}

.p-12 {
padding: 3rem
}

.p-16 {
padding: 4rem
}

.p-2 {
padding: .5rem
}

.p-2\.5 {
padding: .625rem
}

.p-24 {
padding: 6rem
}

.p-3 {
padding: .75rem
}

.p-4 {
padding: 1rem
}

.p-5 {
padding: 1.25rem
}

.p-6 {
padding: 1.5rem
}

.p-8 {
padding: 2rem
}

.text-center {
text-align: center
}

.font-museo {
font-family: museo, arial, serif
}

.font-light {
font-weight: 300
}

.\!text-navy-500 {
--tw-text-opacity: 1 !important;
    color: rgb(44 71 94/var(--tw-text-opacity, 1)) !important
}

.text-navy-500 {
--tw-text-opacity: 1;
    color: rgb(44 71 94/var(--tw-text-opacity, 1))
}

.text-navy-500\/0 {
color: rgba(44, 71, 94, 0)
}

.text-navy-500\/10 {
color: rgba(44, 71, 94, .1)
}

.text-navy-500\/100 {
color: #2c475e
}

.text-navy-500\/15 {
color: rgba(44, 71, 94, .15)
}

.text-navy-500\/20 {
color: rgba(44, 71, 94, .2)
}

.text-navy-500\/25 {
color: rgba(44, 71, 94, .25)
}

.text-navy-500\/30 {
color: rgba(44, 71, 94, .3)
}

.text-navy-500\/35 {
color: rgba(44, 71, 94, .35)
}

.text-navy-500\/40 {
color: rgba(44, 71, 94, .4)
}

.text-navy-500\/45 {
color: rgba(44, 71, 94, .45)
}

.text-navy-500\/5 {
color: rgba(44, 71, 94, .05)
}

.text-navy-500\/50 {
color: rgba(44, 71, 94, .5)
}

.text-navy-500\/55 {
color: rgba(44, 71, 94, .55)
}

.text-navy-500\/60 {
color: rgba(44, 71, 94, .6)
}

.text-navy-500\/65 {
color: rgba(44, 71, 94, .65)
}

.text-navy-500\/70 {
color: rgba(44, 71, 94, .7)
}

.text-navy-500\/75 {
color: rgba(44, 71, 94, .75)
}

.text-navy-500\/80 {
color: rgba(44, 71, 94, .8)
}

.text-navy-500\/85 {
color: rgba(44, 71, 94, .85)
}

.text-navy-500\/90 {
color: rgba(44, 71, 94, .9)
}

.text-navy-500\/95 {
color: rgba(44, 71, 94, .95)
}

.antialiased {
-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid-design {
display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.narrow-container {
margin-left: auto;
    margin-right: auto;
    max-width: 53.125rem;
    width: 100%
}

.inside-container-2xs {
padding-bottom: 1rem;
    padding-top: 1rem
}

.inside-container-xs {
padding-bottom: 2rem;
    padding-top: 2rem
}

.inside-container-sm {
padding-bottom: 3rem;
    padding-top: 3rem
}

.inside-container-md {
padding-bottom: 4rem;
    padding-top: 4rem
}

.inside-container-lg {
padding-bottom: 5rem;
    padding-top: 5rem
}

.inside-container-xl {
padding-bottom: 6rem;
    padding-top: 6rem
}

.inside-container-2xl {
padding-bottom: 7rem;
    padding-top: 7rem
}

.inside-padding-top-2xs,
.inside-padding-top-xs {
padding-top: 1rem
}

.inside-padding-top-sm {
padding-top: 3rem
}

.inside-padding-bottom-2xs,
.inside-padding-bottom-xs {
padding-bottom: 1rem
}

.inside-padding-bottom-md {
padding-bottom: 4rem
}

.inside-container-2xl.inside-container-stacked,
.inside-container-2xs.inside-container-stacked,
.inside-container-lg.inside-container-stacked,
.inside-container-md.inside-container-stacked,
.inside-container-none.inside-container-stacked,
.inside-container-sm.inside-container-stacked,
.inside-container-xl.inside-container-stacked,
.inside-container-xs.inside-container-stacked,
section.inside-container-xl:not([class*=bg-])+section.inside-container-xl:not([class*=bg-]) {
padding-top: 0
}

section[class*=inside-container]>section[class*=inside-container] {
padding-bottom: 0;
    padding-top: 0
}

.\!container .\!container,
.container .container {
padding-left: 0 !important;
    padding-right: 0 !important
}

.frontend .switch-toggle {
display: block;
    height: 1.5rem;
    position: relative;
    width: 2.75rem
}

.frontend .switch-toggle input {
display: none;
    height: 0;
    opacity: 0;
    width: 0
}

.frontend .toggle-slider {
--tw-bg-opacity: 1;
    background-color: rgb(208 213 221/var(--tw-bg-opacity, 1));
    border-radius: .75rem;
    cursor: pointer;
    inset: 0;
    position: absolute;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.frontend .toggle-slider .toggle-thumb {
--tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 246 220/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    bottom: .125rem;
    content: "";
    display: flex;
    height: 1.25rem;
    justify-content: center;
    left: .125rem;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1.25rem
}

.frontend .toggle-slider .toggle-thumb,
.frontend .toggle-thumb .toggle-active,
.frontend .toggle-thumb .toggle-inactive {
position: absolute;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.frontend .toggle-thumb .toggle-active,
.frontend .toggle-thumb .toggle-inactive {
--tw-translate-x: -50%;
    --tw-translate-y: -50%;
    left: 50%;
    top: 50%;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.frontend .toggle-thumb .toggle-inactive {
opacity: 1
}

.frontend .toggle-thumb .toggle-active,
.frontend input:checked+.toggle-slider .toggle-thumb .toggle-inactive {
opacity: 0
}

.frontend input:checked+.toggle-slider .toggle-thumb .toggle-active {
opacity: 1
}

.frontend input:checked+.toggle-slider {
--tw-bg-opacity: 1;
    background-color: rgb(0 172 169/var(--tw-bg-opacity, 1))
}

.frontend input:checked+.toggle-slider .toggle-thumb {
--tw-translate-x: 1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.pac-container {
--tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(150 95 54/var(--tw-border-opacity, 1));
    border-radius: .375rem;
    border-width: 2px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    font-family: museo, arial, serif;
    margin-top: .25rem;
    padding: 1rem
}

.pac-item-selected,
.pac-item:hover {
--tw-bg-opacity: 1;
    background-color: rgb(255 246 220/var(--tw-bg-opacity, 1))
}

.frontend :focus:focus {
border-radius: .375rem;
    outline-color: #bd7f33;
    outline-width: 2px
}

.placeholder\:text-navy-500::-moz-placeholder {
--tw-text-opacity: 1;
    color: rgb(44 71 94/var(--tw-text-opacity, 1))
}

.placeholder\:text-navy-500::placeholder {
--tw-text-opacity: 1;
    color: rgb(44 71 94/var(--tw-text-opacity, 1))
}

.after\:content-none:after {
--tw-content: none;
    content: var(--tw-content)
}

.first\:mt-4:first-child {
margin-top: 1rem
}

.first\:rounded-l-lg:first-child {
border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.first\:rounded-t-lg:first-child {
border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.first\:rounded-tl-lg:first-child {
border-top-left-radius: .5rem
}

.first\:rounded-tr-lg:first-child {
border-top-right-radius: .5rem
}

.first\:pl-0:first-child {
padding-left: 0
}

.first\:pt-3:first-child {
padding-top: .75rem
}

.last\:mb-0:last-child {
margin-bottom: 0
}

.last\:mr-0:last-child {
margin-right: 0
}

.last\:rounded-b-lg:last-child {
border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.last\:rounded-r-lg:last-child {
border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.last\:rounded-bl-lg:last-child {
border-bottom-left-radius: .5rem
}

.last\:rounded-br-lg:last-child {
border-bottom-right-radius: .5rem
}

.last\:border-0:last-child {
border-width: 0
}

.last\:border-b:last-child {
border-bottom-width: 1px
}

.last\:border-b-0:last-child {
border-bottom-width: 0
}

.last\:border-none:last-child {
border-style: none
}

.last\:pb-0:last-child {
padding-bottom: 0
}

.last\:pb-8:last-child {
padding-bottom: 2rem
}

.odd\:bg-neutral-500\/30:nth-child(odd) {
background-color: rgba(255, 246, 220, .3)
}

.hover\:visible:hover {
visibility: visible
}

.hover\:w-\[48rem\]:hover {
width: 48rem
}

.hover\:translate-y-0:hover {
--tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover {
cursor: pointer
}

.hover\:border-black:hover {
--tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.hover\:border-teal-500:hover {
--tw-border-opacity: 1;
    border-color: rgb(60 148 150/var(--tw-border-opacity, 1))
}

.hover\:bg-brown-500:hover {
--tw-bg-opacity: 1;
    background-color: rgb(150 95 54/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
    background-color: rgb(250 252 252/var(--tw-bg-opacity, 1))
}

.hover\:bg-navy-500:hover {
--tw-bg-opacity: 1;
    background-color: rgb(44 71 94/var(--tw-bg-opacity, 1))
}

.hover\:bg-transparent:hover {
background-color: transparent
}

.hover\:text-brown-500:hover {
--tw-text-opacity: 1;
    color: rgb(150 95 54/var(--tw-text-opacity, 1))
}

.hover\:text-brown-600:hover {
--tw-text-opacity: 1;
    color: rgb(135 82 43/var(--tw-text-opacity, 1))
}

.hover\:text-gray-200:hover {
--tw-text-opacity: 1;
    color: rgb(245 246 247/var(--tw-text-opacity, 1))
}

.hover\:text-neutral-500:hover {
--tw-text-opacity: 1;
    color: rgb(255 246 220/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
--tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
text-decoration-line: underline
}

.hover\:opacity-100:hover {
opacity: 1
}

.hover\:opacity-50:hover {
opacity: .5
}

.hover\:opacity-70:hover {
opacity: .7
}

.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:border-brown-500:focus {
--tw-border-opacity: 1;
    border-color: rgb(150 95 54/var(--tw-border-opacity, 1))
}

.focus\:outline-none:focus {
outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-orange-500:focus {
--tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 172 76/var(--tw-ring-opacity, 1))
}

.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px
}

.group:first-child .group-first\:rounded-l-lg {
border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.group:last-child .group-last\:rounded-r-lg {
border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.group:hover .group-hover\:visible {
visibility: visible
}

.group:hover .group-hover\:-ml-1 {
margin-left: -.25rem
}

.group:hover .group-hover\:ml-3 {
margin-left: .75rem
}

.group:hover .group-hover\:translate-x-1 {
--tw-translate-x: 0.25rem
}

.group:hover .group-hover\:translate-x-1,
.group:hover .group-hover\:translate-x-2 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-2 {
--tw-translate-x: 0.5rem
}

.group:hover .group-hover\:translate-y-0 {
--tw-translate-y: 0px
}

.group:hover .group-hover\:rotate-180,
.group:hover .group-hover\:translate-y-0 {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rotate-180 {
--tw-rotate: 180deg
}

.group:hover .group-hover\:scale-105 {
--tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-brown-500 {
--tw-text-opacity: 1;
    color: rgb(150 95 54/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-neutral-500 {
--tw-text-opacity: 1;
    color: rgb(255 246 220/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-10 {
opacity: .1
}

.group:hover .group-hover\:opacity-100 {
opacity: 1
}

.group:hover .group-hover\:opacity-30 {
opacity: .3
}

.group:hover .group-hover\:opacity-50 {
opacity: .5
}

.group:hover .group-hover\:opacity-70 {
opacity: .7
}

.group:hover .group-hover\:opacity-80 {
opacity: .8
}

.peer\/page:checked~.peer-checked\/page\:bg-brown-500 {
--tw-bg-opacity: 1;
    background-color: rgb(150 95 54/var(--tw-bg-opacity, 1))
}

.peer:checked~.peer-checked\:text-white,
.peer\/page:checked~.peer-checked\/page\:text-white {
--tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.peer\/tooltip:hover~.peer-hover\/tooltip\:visible {
visibility: visible
}

.peer\/tooltip:hover~.peer-hover\/tooltip\:opacity-100 {
opacity: 1
}

.\[\&\>\*\]\:select-none>* {
-webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.\[\&\>svg\]\:h-full>svg {
height: 100%
}

.group:hover>.\[\.group\:hover_\>_\&\]\:pointer-events-auto {
pointer-events: auto
}

.group:hover>.\[\.group\:hover_\>_\&\]\:visible {
visibility: visible
}

.group:hover>.\[\.group\:hover_\>_\&\]\:translate-x-full {
--tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover>.\[\.group\:hover_\>_\&\]\:opacity-100 {
opacity: 1
}

@media (min-width:768px) {
.has-heading-3-xl-font-size,
    .text-theme-heading-heading-3xl {
        line-height: 4.8rem
    }

    .hy-button,
    .hy-button-blue,
    .hy-button-orange,
    .hy-button-outline,
    .hy-button-outline-red,
    .wp-block-button {
        display: inline-flex
    }

    .gfield_visibility_hidden {
        display: block
    }

    .gfield.gfield--width-half {
        grid-column: span 6/span 6
    }

    .gfield.gfield--width-third {
        grid-column: span 4/span 4
    }

    .gform_footer input[type=submit].gform_button,
    .woocommerce-Button.button {
        display: inline-flex
    }

    .ginput_container_address .gform-grid-col.address_city,
    .ginput_container_address .gform-grid-col.address_line_1,
    .ginput_container_address .gform-grid-col.address_line_2,
    .ginput_container_address .gform-grid-col.address_zip {
        grid-column: span 6/span 6
    }

    .swiper-bullet {
        height: 1rem;
        width: 1rem
    }

    .swiper-nav-solid-button {
        display: none
    }

    .\!container {
        max-width: 768px !important;
        padding-left: 1.125rem !important;
        padding-right: 1.125rem !important
    }

    .container {
        max-width: 768px;
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .md\:container {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    

    

    

    

    .md\:aspect-h-1 {
        --tw-aspect-h: 1
    }

    .md\:aspect-w-1 {
        --tw-aspect-w: 1;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
    }

    .md\:aspect-w-1>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .md\:aspect-none {
        padding-bottom: 0;
        position: static
    }

    .md\:aspect-none>* {
        bottom: auto;
        height: auto;
        left: auto;
        position: static;
        right: auto;
        top: auto;
        width: auto
    }

    .md\:mr-break-out {
        margin-right: -1.125rem
    }

    

    

    

    

    .md\:container {
        max-width: 768px;
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .md\:mr-break-out {
        margin-right: calc((-100vw + var(--twcb-scrollbar-width))/2 + 384px - 1.125rem)
    }

    .md\:absolute {
        position: absolute
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-10 {
        grid-column: span 10/span 10
    }

    .md\:col-span-11 {
        grid-column: span 11/span 11
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:inline-grid {
        display: inline-grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-60 {
        height: 15rem
    }

    .md\:h-72 {
        height: 18rem
    }

    .md\:h-\[33rem\] {
        height: 33rem
    }

    .md\:h-\[50vh\] {
        height: 50vh
    }

    .md\:h-auto {
        height: auto
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-2\/5 {
        width: 40%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-\[calc\(50\%-1rem\)\] {
        width: calc(50% - 1rem)
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .md\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .md\:-translate-x-1\/2,
    .md\:-translate-y-3\/4 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:-translate-y-3\/4 {
        --tw-translate-y: -75%
    }

    .md\:grid-flow-row {
        grid-auto-flow: row
    }

    .md\:grid-flow-col {
        grid-auto-flow: column
    }

    .md\:grid-flow-dense {
        grid-auto-flow: dense
    }

    .md\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }

    .md\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .md\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .md\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .md\:grid-cols-none {
        grid-template-columns: none
    }

    .md\:grid-cols-subgrid {
        grid-template-columns: subgrid
    }

    .md\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .md\:grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }

    .md\:grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }

    .md\:grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }

    .md\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .md\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .md\:grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .md\:grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }

    .md\:grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }

    .md\:grid-rows-none {
        grid-template-rows: none
    }

    .md\:grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-0\.5 {
        gap: .125rem
    }

    .md\:gap-1 {
        gap: .25rem
    }

    .md\:gap-1\.5 {
        gap: .375rem
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-11 {
        gap: 2.75rem
    }

    .md\:gap-12 {
        gap: 3rem
    }

    .md\:gap-14 {
        gap: 3.5rem
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-2\.5 {
        gap: .625rem
    }

    .md\:gap-20 {
        gap: 5rem
    }

    .md\:gap-24 {
        gap: 6rem
    }

    .md\:gap-28 {
        gap: 7rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-3\.5 {
        gap: .875rem
    }

    .md\:gap-32 {
        gap: 8rem
    }

    .md\:gap-36 {
        gap: 9rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-40 {
        gap: 10rem
    }

    .md\:gap-44 {
        gap: 11rem
    }

    .md\:gap-48 {
        gap: 12rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-52 {
        gap: 13rem
    }

    .md\:gap-56 {
        gap: 14rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-60 {
        gap: 15rem
    }

    .md\:gap-64 {
        gap: 16rem
    }

    .md\:gap-7 {
        gap: 1.75rem
    }

    .md\:gap-72 {
        gap: 18rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-80 {
        gap: 20rem
    }

    .md\:gap-9 {
        gap: 2.25rem
    }

    .md\:gap-96 {
        gap: 24rem
    }

    .md\:gap-px {
        gap: 1px
    }

    .md\:gap-x-0 {
        -moz-column-gap: 0;
        column-gap: 0
    }

    .md\:gap-x-0\.5 {
        -moz-column-gap: .125rem;
        column-gap: .125rem
    }

    .md\:gap-x-1 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
    }

    .md\:gap-x-1\.5 {
        -moz-column-gap: .375rem;
        column-gap: .375rem
    }

    .md\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .md\:gap-x-11 {
        -moz-column-gap: 2.75rem;
        column-gap: 2.75rem
    }

    .md\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .md\:gap-x-14 {
        -moz-column-gap: 3.5rem;
        column-gap: 3.5rem
    }

    .md\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .md\:gap-x-2 {
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }

    .md\:gap-x-2\.5 {
        -moz-column-gap: .625rem;
        column-gap: .625rem
    }

    .md\:gap-x-20 {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

    .md\:gap-x-24 {
        -moz-column-gap: 6rem;
        column-gap: 6rem
    }

    .md\:gap-x-28 {
        -moz-column-gap: 7rem;
        column-gap: 7rem
    }

    .md\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .md\:gap-x-3\.5 {
        -moz-column-gap: .875rem;
        column-gap: .875rem
    }

    .md\:gap-x-32 {
        -moz-column-gap: 8rem;
        column-gap: 8rem
    }

    .md\:gap-x-36 {
        -moz-column-gap: 9rem;
        column-gap: 9rem
    }

    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .md\:gap-x-40 {
        -moz-column-gap: 10rem;
        column-gap: 10rem
    }

    .md\:gap-x-44 {
        -moz-column-gap: 11rem;
        column-gap: 11rem
    }

    .md\:gap-x-48 {
        -moz-column-gap: 12rem;
        column-gap: 12rem
    }

    .md\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .md\:gap-x-52 {
        -moz-column-gap: 13rem;
        column-gap: 13rem
    }

    .md\:gap-x-56 {
        -moz-column-gap: 14rem;
        column-gap: 14rem
    }

    .md\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .md\:gap-x-60 {
        -moz-column-gap: 15rem;
        column-gap: 15rem
    }

    .md\:gap-x-64 {
        -moz-column-gap: 16rem;
        column-gap: 16rem
    }

    .md\:gap-x-7 {
        -moz-column-gap: 1.75rem;
        column-gap: 1.75rem
    }

    .md\:gap-x-72 {
        -moz-column-gap: 18rem;
        column-gap: 18rem
    }

    .md\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:gap-x-80 {
        -moz-column-gap: 20rem;
        column-gap: 20rem
    }

    .md\:gap-x-9 {
        -moz-column-gap: 2.25rem;
        column-gap: 2.25rem
    }

    .md\:gap-x-96 {
        -moz-column-gap: 24rem;
        column-gap: 24rem
    }

    .md\:gap-x-px {
        -moz-column-gap: 1px;
        column-gap: 1px
    }

    .md\:gap-y-0 {
        row-gap: 0
    }

    .md\:gap-y-0\.5 {
        row-gap: .125rem
    }

    .md\:gap-y-1 {
        row-gap: .25rem
    }

    .md\:gap-y-1\.5 {
        row-gap: .375rem
    }

    .md\:gap-y-10 {
        row-gap: 2.5rem
    }

    .md\:gap-y-11 {
        row-gap: 2.75rem
    }

    .md\:gap-y-12 {
        row-gap: 3rem
    }

    .md\:gap-y-14 {
        row-gap: 3.5rem
    }

    .md\:gap-y-16 {
        row-gap: 4rem
    }

    .md\:gap-y-2 {
        row-gap: .5rem
    }

    .md\:gap-y-2\.5 {
        row-gap: .625rem
    }

    .md\:gap-y-20 {
        row-gap: 5rem
    }

    .md\:gap-y-24 {
        row-gap: 6rem
    }

    .md\:gap-y-28 {
        row-gap: 7rem
    }

    .md\:gap-y-3 {
        row-gap: .75rem
    }

    .md\:gap-y-3\.5 {
        row-gap: .875rem
    }

    .md\:gap-y-32 {
        row-gap: 8rem
    }

    .md\:gap-y-36 {
        row-gap: 9rem
    }

    .md\:gap-y-4 {
        row-gap: 1rem
    }

    .md\:gap-y-40 {
        row-gap: 10rem
    }

    .md\:gap-y-44 {
        row-gap: 11rem
    }

    .md\:gap-y-48 {
        row-gap: 12rem
    }

    .md\:gap-y-5 {
        row-gap: 1.25rem
    }

    .md\:gap-y-52 {
        row-gap: 13rem
    }

    .md\:gap-y-56 {
        row-gap: 14rem
    }

    .md\:gap-y-6 {
        row-gap: 1.5rem
    }

    .md\:gap-y-60 {
        row-gap: 15rem
    }

    .md\:gap-y-64 {
        row-gap: 16rem
    }

    .md\:gap-y-7 {
        row-gap: 1.75rem
    }

    .md\:gap-y-72 {
        row-gap: 18rem
    }

    .md\:gap-y-8 {
        row-gap: 2rem
    }

    .md\:gap-y-80 {
        row-gap: 20rem
    }

    .md\:gap-y-9 {
        row-gap: 2.25rem
    }

    .md\:gap-y-96 {
        row-gap: 24rem
    }

    .md\:gap-y-px {
        row-gap: 1px
    }

    .md\:self-end {
        align-self: flex-end
    }

    .md\:\!overflow-hidden {
        overflow: hidden !important
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:overflow-x-hidden {
        overflow-x: hidden
    }

    .md\:overflow-y-hidden {
        overflow-y: hidden
    }

    .md\:border-t {
        border-top-width: 1px
    }

    .md\:border-hidden {
        border-style: hidden
    }

    .md\:bg-neutral-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 252/var(--tw-bg-opacity, 1))
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pr-16 {
        padding-right: 4rem
    }

    .md\:text-right {
        text-align: right
    }

    .md\:grid-design {
        display: grid;
        gap: 1.25rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    

    .md\:container .md\:container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .md\:hidden-important {
        display: none !important
    }
}

@media (min-width:1024px) {
.hy-button,
    .hy-button-blue,
    .hy-button-orange,
    .hy-button-outline,
    .hy-button-outline-red,
    .wp-block-button {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .gfield input[type=color],
    .gfield input[type=email],
    .gfield input[type=month],
    .gfield input[type=number],
    .gfield input[type=password],
    .gfield input[type=search],
    .gfield input[type=tel],
    .gfield input[type=text],
    .gfield input[type=time],
    .gfield input[type=url],
    .gfield input[type=week],
    .gfield select,
    .gfield textarea,
    .hy-input {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .ginput_container .medium {
        width: 50%
    }

    .ginput_container .small {
        width: 33.333333%
    }

    .woocommerce-Button.button {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .gfield--type-select select,
    .woocommerce-Input.woocommerce-Input--text {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .gform_footer input[type=submit].gform_button {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .mt-navbar {
        margin-top: 8rem
    }

    #gallery-source .flex-control-thumbs {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .\!container {
        max-width: 1024px !important;
        padding-left: 2.688rem !important;
        padding-right: 2.688rem !important
    }

    .container {
        max-width: 1024px;
        padding-left: 2.688rem;
        padding-right: 2.688rem
    }

    .grid-design {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .inside-container-2xs {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .inside-container-xs {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .inside-container-sm {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .inside-container-md {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .inside-container-lg {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .inside-container-xl {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .inside-container-2xl {
        padding-bottom: 13rem;
        padding-top: 13rem
    }

    .inside-padding-top-2xs,
    .inside-padding-top-xs {
        padding-top: 2rem
    }

    .inside-padding-top-sm {
        padding-top: 6rem
    }

    .inside-padding-top-md {
        padding-top: 8rem
    }

    .inside-padding-top-lg {
        padding-top: 10rem
    }

    .inside-padding-top-xl {
        padding-top: 12rem
    }

    .inside-padding-top-2xl {
        padding-top: 13rem
    }

    .inside-padding-bottom-2xs,
    .inside-padding-bottom-xs {
        padding-bottom: 2rem
    }

    .inside-padding-bottom-sm {
        padding-bottom: 6rem
    }

    .inside-padding-bottom-md {
        padding-bottom: 8rem
    }

    .inside-padding-bottom-lg {
        padding-bottom: 10rem
    }

    .inside-padding-bottom-xl {
        padding-bottom: 12rem
    }

    .inside-padding-bottom-2xl {
        padding-bottom: 13rem
    }

    .md\:container {
        max-width: 1024px;
        padding-left: 2.688rem;
        padding-right: 2.688rem
    }

    .md\:mr-break-out {
        margin-right: calc((-100vw + var(--twcb-scrollbar-width))/2 + 512px - 2.688rem)
    }

    .md\:grid-design {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:sticky {
        position: sticky
    }

    .lg\:-bottom-11 {
        bottom: -2.75rem
    }

    .lg\:-bottom-\[2px\] {
        bottom: -2px
    }

    .lg\:-top-12 {
        top: -3rem
    }

    .lg\:left-12 {
        left: 3rem
    }

    .lg\:left-9 {
        left: 2.25rem
    }

    .lg\:right-12 {
        right: 3rem
    }

    .lg\:right-5 {
        right: 1.25rem
    }

    .lg\:right-6 {
        right: 1.5rem
    }

    .lg\:top-4 {
        top: 1rem
    }

    .lg\:top-6 {
        top: 1.5rem
    }

    .lg\:top-auto {
        top: auto
    }

    .lg\:top-px {
        top: 1px
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:order-3 {
        order: 3
    }

    .lg\:order-first {
        order: -9999
    }

    .lg\:order-last {
        order: 9999
    }

    .lg\:order-none {
        order: 0
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

    .lg\:col-span-11 {
        grid-column: span 11/span 11
    }

    .lg\:col-span-12 {
        grid-column: span 12/span 12
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:col-start-3 {
        grid-column-start: 3
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:col-start-5 {
        grid-column-start: 5
    }

    .lg\:col-start-8 {
        grid-column-start: 8
    }

    .lg\:col-start-9 {
        grid-column-start: 9
    }

    .lg\:m-8 {
        margin: 2rem
    }

    .lg\:mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .lg\:mx-\[5\.125rem\] {
        margin-left: 5.125rem;
        margin-right: 5.125rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-14 {
        margin-top: 3.5rem
    }

    .lg\:mt-20 {
        margin-top: 5rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:inline-grid {
        display: inline-grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:size-8 {
        height: 2rem;
        width: 2rem
    }

    .lg\:size-\[4\.5rem\] {
        height: 4.5rem;
        width: 4.5rem
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:max-h-\[32rem\] {
        max-height: 32rem
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-32 {
        width: 8rem
    }

    .lg\:w-36 {
        width: 9rem
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:w-5 {
        width: 1.25rem
    }

    .lg\:w-\[10\.875rem\] {
        width: 10.875rem
    }

    .lg\:w-\[32rem\] {
        width: 32rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .lg\:min-w-\[53rem\] {
        min-width: 53rem
    }

    .lg\:max-w-4\/5 {
        max-width: 80%
    }

    .lg\:max-w-\[25\.9375rem\] {
        max-width: 25.9375rem
    }

    .lg\:max-w-\[39rem\] {
        max-width: 39rem
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:max-w-min {
        max-width: -moz-min-content;
        max-width: min-content
    }

    .lg\:flex-1 {
        flex: 1 1 0%
    }

    .lg\:grid-flow-row {
        grid-auto-flow: row
    }

    .lg\:grid-flow-col {
        grid-auto-flow: column
    }

    .lg\:grid-flow-dense {
        grid-auto-flow: dense
    }

    .lg\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }

    .lg\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .lg\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .lg\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .lg\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .lg\:grid-cols-none {
        grid-template-columns: none
    }

    .lg\:grid-cols-subgrid {
        grid-template-columns: subgrid
    }

    .lg\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .lg\:grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }

    .lg\:grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }

    .lg\:grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }

    .lg\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .lg\:grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }

    .lg\:grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }

    .lg\:grid-rows-none {
        grid-template-rows: none
    }

    .lg\:grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-end {
        align-items: flex-end
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-normal {
        justify-content: normal
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-0\.5 {
        gap: .125rem
    }

    .lg\:gap-1 {
        gap: .25rem
    }

    .lg\:gap-1\.5 {
        gap: .375rem
    }

    .lg\:gap-10 {
        gap: 2.5rem
    }

    .lg\:gap-11 {
        gap: 2.75rem
    }

    .lg\:gap-12 {
        gap: 3rem
    }

    .lg\:gap-14 {
        gap: 3.5rem
    }

    .lg\:gap-16 {
        gap: 4rem
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-2\.5 {
        gap: .625rem
    }

    .lg\:gap-20 {
        gap: 5rem
    }

    .lg\:gap-24 {
        gap: 6rem
    }

    .lg\:gap-28 {
        gap: 7rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-3\.5 {
        gap: .875rem
    }

    .lg\:gap-32 {
        gap: 8rem
    }

    .lg\:gap-36 {
        gap: 9rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-40 {
        gap: 10rem
    }

    .lg\:gap-44 {
        gap: 11rem
    }

    .lg\:gap-48 {
        gap: 12rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-52 {
        gap: 13rem
    }

    .lg\:gap-56 {
        gap: 14rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-60 {
        gap: 15rem
    }

    .lg\:gap-64 {
        gap: 16rem
    }

    .lg\:gap-7 {
        gap: 1.75rem
    }

    .lg\:gap-72 {
        gap: 18rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-80 {
        gap: 20rem
    }

    .lg\:gap-9 {
        gap: 2.25rem
    }

    .lg\:gap-96 {
        gap: 24rem
    }

    .lg\:gap-px {
        gap: 1px
    }

    .lg\:gap-x-0 {
        -moz-column-gap: 0;
        column-gap: 0
    }

    .lg\:gap-x-0\.5 {
        -moz-column-gap: .125rem;
        column-gap: .125rem
    }

    .lg\:gap-x-1 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
    }

    .lg\:gap-x-1\.5 {
        -moz-column-gap: .375rem;
        column-gap: .375rem
    }

    .lg\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .lg\:gap-x-11 {
        -moz-column-gap: 2.75rem;
        column-gap: 2.75rem
    }

    .lg\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .lg\:gap-x-14 {
        -moz-column-gap: 3.5rem;
        column-gap: 3.5rem
    }

    .lg\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .lg\:gap-x-2 {
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }

    .lg\:gap-x-2\.5 {
        -moz-column-gap: .625rem;
        column-gap: .625rem
    }

    .lg\:gap-x-20 {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

    .lg\:gap-x-24 {
        -moz-column-gap: 6rem;
        column-gap: 6rem
    }

    .lg\:gap-x-28 {
        -moz-column-gap: 7rem;
        column-gap: 7rem
    }

    .lg\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .lg\:gap-x-3\.5 {
        -moz-column-gap: .875rem;
        column-gap: .875rem
    }

    .lg\:gap-x-32 {
        -moz-column-gap: 8rem;
        column-gap: 8rem
    }

    .lg\:gap-x-36 {
        -moz-column-gap: 9rem;
        column-gap: 9rem
    }

    .lg\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .lg\:gap-x-40 {
        -moz-column-gap: 10rem;
        column-gap: 10rem
    }

    .lg\:gap-x-44 {
        -moz-column-gap: 11rem;
        column-gap: 11rem
    }

    .lg\:gap-x-48 {
        -moz-column-gap: 12rem;
        column-gap: 12rem
    }

    .lg\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .lg\:gap-x-52 {
        -moz-column-gap: 13rem;
        column-gap: 13rem
    }

    .lg\:gap-x-56 {
        -moz-column-gap: 14rem;
        column-gap: 14rem
    }

    .lg\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .lg\:gap-x-60 {
        -moz-column-gap: 15rem;
        column-gap: 15rem
    }

    .lg\:gap-x-64 {
        -moz-column-gap: 16rem;
        column-gap: 16rem
    }

    .lg\:gap-x-7 {
        -moz-column-gap: 1.75rem;
        column-gap: 1.75rem
    }

    .lg\:gap-x-72 {
        -moz-column-gap: 18rem;
        column-gap: 18rem
    }

    .lg\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .lg\:gap-x-80 {
        -moz-column-gap: 20rem;
        column-gap: 20rem
    }

    .lg\:gap-x-9 {
        -moz-column-gap: 2.25rem;
        column-gap: 2.25rem
    }

    .lg\:gap-x-96 {
        -moz-column-gap: 24rem;
        column-gap: 24rem
    }

    .lg\:gap-x-px {
        -moz-column-gap: 1px;
        column-gap: 1px
    }

    .lg\:gap-y-0 {
        row-gap: 0
    }

    .lg\:gap-y-0\.5 {
        row-gap: .125rem
    }

    .lg\:gap-y-1 {
        row-gap: .25rem
    }

    .lg\:gap-y-1\.5 {
        row-gap: .375rem
    }

    .lg\:gap-y-10 {
        row-gap: 2.5rem
    }

    .lg\:gap-y-11 {
        row-gap: 2.75rem
    }

    .lg\:gap-y-12 {
        row-gap: 3rem
    }

    .lg\:gap-y-14 {
        row-gap: 3.5rem
    }

    .lg\:gap-y-16 {
        row-gap: 4rem
    }

    .lg\:gap-y-2 {
        row-gap: .5rem
    }

    .lg\:gap-y-2\.5 {
        row-gap: .625rem
    }

    .lg\:gap-y-20 {
        row-gap: 5rem
    }

    .lg\:gap-y-24 {
        row-gap: 6rem
    }

    .lg\:gap-y-28 {
        row-gap: 7rem
    }

    .lg\:gap-y-3 {
        row-gap: .75rem
    }

    .lg\:gap-y-3\.5 {
        row-gap: .875rem
    }

    .lg\:gap-y-32 {
        row-gap: 8rem
    }

    .lg\:gap-y-36 {
        row-gap: 9rem
    }

    .lg\:gap-y-4 {
        row-gap: 1rem
    }

    .lg\:gap-y-40 {
        row-gap: 10rem
    }

    .lg\:gap-y-44 {
        row-gap: 11rem
    }

    .lg\:gap-y-48 {
        row-gap: 12rem
    }

    .lg\:gap-y-5 {
        row-gap: 1.25rem
    }

    .lg\:gap-y-52 {
        row-gap: 13rem
    }

    .lg\:gap-y-56 {
        row-gap: 14rem
    }

    .lg\:gap-y-6 {
        row-gap: 1.5rem
    }

    .lg\:gap-y-60 {
        row-gap: 15rem
    }

    .lg\:gap-y-64 {
        row-gap: 16rem
    }

    .lg\:gap-y-7 {
        row-gap: 1.75rem
    }

    .lg\:gap-y-72 {
        row-gap: 18rem
    }

    .lg\:gap-y-8 {
        row-gap: 2rem
    }

    .lg\:gap-y-80 {
        row-gap: 20rem
    }

    .lg\:gap-y-9 {
        row-gap: 2.25rem
    }

    .lg\:gap-y-96 {
        row-gap: 24rem
    }

    .lg\:gap-y-px {
        row-gap: 1px
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:overflow-x-hidden {
        overflow-x: hidden
    }

    .lg\:overflow-y-hidden {
        overflow-y: hidden
    }

    .lg\:border-hidden {
        border-style: hidden
    }

    .lg\:bg-\[length\:30\%\] {
        background-size: 30%
    }

    .lg\:p-12 {
        padding: 3rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:px-\[2\.688rem\] {
        padding-left: 2.688rem;
        padding-right: 2.688rem
    }

    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .lg\:py-\[5\.626rem\] {
        padding-bottom: 5.626rem;
        padding-top: 5.626rem
    }

    .lg\:pb-16 {
        padding-bottom: 4rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pr-16 {
        padding-right: 4rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-16 {
        padding-top: 4rem
    }

    .lg\:pt-4 {
        padding-top: 1rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-\[2rem\] {
        font-size: 2rem
    }

    .lg\:grid-design {
        display: grid;
        gap: 1.25rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    

    .lg\:hidden-important {
        display: none !important
    }

    .lg\:grid-design,
    .xl\:grid-design {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
.\!container {
        max-width: 1280px !important;
        padding-left: 2.688rem !important;
        padding-right: 2.688rem !important
    }

    .container,
    .md\:container {
        max-width: 1280px;
        padding-left: 2.688rem;
        padding-right: 2.688rem
    }

    .md\:mr-break-out {
        margin-right: calc((-100vw + var(--twcb-scrollbar-width))/2 + 640px - 2.688rem)
    }

    .xl\:absolute {
        position: absolute
    }

    .xl\:-bottom-12 {
        bottom: -3rem
    }

    .xl\:right-24 {
        right: 6rem
    }

    .xl\:col-span-1 {
        grid-column: span 1/span 1
    }

    .xl\:col-span-10 {
        grid-column: span 10/span 10
    }

    .xl\:col-span-11 {
        grid-column: span 11/span 11
    }

    .xl\:col-span-12 {
        grid-column: span 12/span 12
    }

    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xl\:col-span-4 {
        grid-column: span 4/span 4
    }

    .xl\:col-span-5 {
        grid-column: span 5/span 5
    }

    .xl\:col-span-6 {
        grid-column: span 6/span 6
    }

    .xl\:col-span-7 {
        grid-column: span 7/span 7
    }

    .xl\:col-span-8 {
        grid-column: span 8/span 8
    }

    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }

    .xl\:col-start-2 {
        grid-column-start: 2
    }

    .xl\:col-start-3 {
        grid-column-start: 3
    }

    .xl\:-mr-5 {
        margin-right: -1.25rem
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:mb-12 {
        margin-bottom: 3rem
    }

    .xl\:grid {
        display: grid
    }

    .xl\:inline-grid {
        display: inline-grid
    }

    .xl\:hidden {
        display: none
    }

    .xl\:h-full {
        height: 100%
    }

    .xl\:w-5\/6 {
        width: 83.333333%
    }

    .xl\:min-w-24 {
        min-width: 6rem
    }

    .xl\:max-w-24 {
        max-width: 6rem
    }

    .xl\:flex-none {
        flex: none
    }

    .xl\:grid-flow-row {
        grid-auto-flow: row
    }

    .xl\:grid-flow-col {
        grid-auto-flow: column
    }

    .xl\:grid-flow-dense {
        grid-auto-flow: dense
    }

    .xl\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }

    .xl\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .xl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .xl\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .xl\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .xl\:grid-cols-none {
        grid-template-columns: none
    }

    .xl\:grid-cols-subgrid {
        grid-template-columns: subgrid
    }

    .xl\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .xl\:grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }

    .xl\:grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }

    .xl\:grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }

    .xl\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .xl\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .xl\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .xl\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .xl\:grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .xl\:grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }

    .xl\:grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }

    .xl\:grid-rows-none {
        grid-template-rows: none
    }

    .xl\:grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .xl\:justify-start {
        justify-content: flex-start
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:gap-0\.5 {
        gap: .125rem
    }

    .xl\:gap-1 {
        gap: .25rem
    }

    .xl\:gap-1\.5 {
        gap: .375rem
    }

    .xl\:gap-10 {
        gap: 2.5rem
    }

    .xl\:gap-11 {
        gap: 2.75rem
    }

    .xl\:gap-12 {
        gap: 3rem
    }

    .xl\:gap-14 {
        gap: 3.5rem
    }

    .xl\:gap-16 {
        gap: 4rem
    }

    .xl\:gap-2 {
        gap: .5rem
    }

    .xl\:gap-2\.5 {
        gap: .625rem
    }

    .xl\:gap-20 {
        gap: 5rem
    }

    .xl\:gap-24 {
        gap: 6rem
    }

    .xl\:gap-28 {
        gap: 7rem
    }

    .xl\:gap-3 {
        gap: .75rem
    }

    .xl\:gap-3\.5 {
        gap: .875rem
    }

    .xl\:gap-32 {
        gap: 8rem
    }

    .xl\:gap-36 {
        gap: 9rem
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:gap-40 {
        gap: 10rem
    }

    .xl\:gap-44 {
        gap: 11rem
    }

    .xl\:gap-48 {
        gap: 12rem
    }

    .xl\:gap-5 {
        gap: 1.25rem
    }

    .xl\:gap-52 {
        gap: 13rem
    }

    .xl\:gap-56 {
        gap: 14rem
    }

    .xl\:gap-6 {
        gap: 1.5rem
    }

    .xl\:gap-60 {
        gap: 15rem
    }

    .xl\:gap-64 {
        gap: 16rem
    }

    .xl\:gap-7 {
        gap: 1.75rem
    }

    .xl\:gap-72 {
        gap: 18rem
    }

    .xl\:gap-8 {
        gap: 2rem
    }

    .xl\:gap-80 {
        gap: 20rem
    }

    .xl\:gap-9 {
        gap: 2.25rem
    }

    .xl\:gap-96 {
        gap: 24rem
    }

    .xl\:gap-px {
        gap: 1px
    }

    .xl\:gap-x-0 {
        -moz-column-gap: 0;
        column-gap: 0
    }

    .xl\:gap-x-0\.5 {
        -moz-column-gap: .125rem;
        column-gap: .125rem
    }

    .xl\:gap-x-1 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
    }

    .xl\:gap-x-1\.5 {
        -moz-column-gap: .375rem;
        column-gap: .375rem
    }

    .xl\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .xl\:gap-x-11 {
        -moz-column-gap: 2.75rem;
        column-gap: 2.75rem
    }

    .xl\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .xl\:gap-x-14 {
        -moz-column-gap: 3.5rem;
        column-gap: 3.5rem
    }

    .xl\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .xl\:gap-x-2 {
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }

    .xl\:gap-x-2\.5 {
        -moz-column-gap: .625rem;
        column-gap: .625rem
    }

    .xl\:gap-x-20 {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

    .xl\:gap-x-24 {
        -moz-column-gap: 6rem;
        column-gap: 6rem
    }

    .xl\:gap-x-28 {
        -moz-column-gap: 7rem;
        column-gap: 7rem
    }

    .xl\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .xl\:gap-x-3\.5 {
        -moz-column-gap: .875rem;
        column-gap: .875rem
    }

    .xl\:gap-x-32 {
        -moz-column-gap: 8rem;
        column-gap: 8rem
    }

    .xl\:gap-x-36 {
        -moz-column-gap: 9rem;
        column-gap: 9rem
    }

    .xl\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .xl\:gap-x-40 {
        -moz-column-gap: 10rem;
        column-gap: 10rem
    }

    .xl\:gap-x-44 {
        -moz-column-gap: 11rem;
        column-gap: 11rem
    }

    .xl\:gap-x-48 {
        -moz-column-gap: 12rem;
        column-gap: 12rem
    }

    .xl\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .xl\:gap-x-52 {
        -moz-column-gap: 13rem;
        column-gap: 13rem
    }

    .xl\:gap-x-56 {
        -moz-column-gap: 14rem;
        column-gap: 14rem
    }

    .xl\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .xl\:gap-x-60 {
        -moz-column-gap: 15rem;
        column-gap: 15rem
    }

    .xl\:gap-x-64 {
        -moz-column-gap: 16rem;
        column-gap: 16rem
    }

    .xl\:gap-x-7 {
        -moz-column-gap: 1.75rem;
        column-gap: 1.75rem
    }

    .xl\:gap-x-72 {
        -moz-column-gap: 18rem;
        column-gap: 18rem
    }

    .xl\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .xl\:gap-x-80 {
        -moz-column-gap: 20rem;
        column-gap: 20rem
    }

    .xl\:gap-x-9 {
        -moz-column-gap: 2.25rem;
        column-gap: 2.25rem
    }

    .xl\:gap-x-96 {
        -moz-column-gap: 24rem;
        column-gap: 24rem
    }

    .xl\:gap-x-px {
        -moz-column-gap: 1px;
        column-gap: 1px
    }

    .xl\:gap-y-0 {
        row-gap: 0
    }

    .xl\:gap-y-0\.5 {
        row-gap: .125rem
    }

    .xl\:gap-y-1 {
        row-gap: .25rem
    }

    .xl\:gap-y-1\.5 {
        row-gap: .375rem
    }

    .xl\:gap-y-10 {
        row-gap: 2.5rem
    }

    .xl\:gap-y-11 {
        row-gap: 2.75rem
    }

    .xl\:gap-y-12 {
        row-gap: 3rem
    }

    .xl\:gap-y-14 {
        row-gap: 3.5rem
    }

    .xl\:gap-y-16 {
        row-gap: 4rem
    }

    .xl\:gap-y-2 {
        row-gap: .5rem
    }

    .xl\:gap-y-2\.5 {
        row-gap: .625rem
    }

    .xl\:gap-y-20 {
        row-gap: 5rem
    }

    .xl\:gap-y-24 {
        row-gap: 6rem
    }

    .xl\:gap-y-28 {
        row-gap: 7rem
    }

    .xl\:gap-y-3 {
        row-gap: .75rem
    }

    .xl\:gap-y-3\.5 {
        row-gap: .875rem
    }

    .xl\:gap-y-32 {
        row-gap: 8rem
    }

    .xl\:gap-y-36 {
        row-gap: 9rem
    }

    .xl\:gap-y-4 {
        row-gap: 1rem
    }

    .xl\:gap-y-40 {
        row-gap: 10rem
    }

    .xl\:gap-y-44 {
        row-gap: 11rem
    }

    .xl\:gap-y-48 {
        row-gap: 12rem
    }

    .xl\:gap-y-5 {
        row-gap: 1.25rem
    }

    .xl\:gap-y-52 {
        row-gap: 13rem
    }

    .xl\:gap-y-56 {
        row-gap: 14rem
    }

    .xl\:gap-y-6 {
        row-gap: 1.5rem
    }

    .xl\:gap-y-60 {
        row-gap: 15rem
    }

    .xl\:gap-y-64 {
        row-gap: 16rem
    }

    .xl\:gap-y-7 {
        row-gap: 1.75rem
    }

    .xl\:gap-y-72 {
        row-gap: 18rem
    }

    .xl\:gap-y-8 {
        row-gap: 2rem
    }

    .xl\:gap-y-80 {
        row-gap: 20rem
    }

    .xl\:gap-y-9 {
        row-gap: 2.25rem
    }

    .xl\:gap-y-96 {
        row-gap: 24rem
    }

    .xl\:gap-y-px {
        row-gap: 1px
    }

    .xl\:overflow-hidden {
        overflow: hidden
    }

    .xl\:overflow-x-hidden {
        overflow-x: hidden
    }

    .xl\:overflow-y-hidden {
        overflow-y: hidden
    }

    .xl\:border-2 {
        border-width: 2px
    }

    .xl\:border-hidden {
        border-style: hidden
    }

    .xl\:border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgb(208 213 221/var(--tw-border-opacity, 1))
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .xl\:pb-40 {
        padding-bottom: 10rem
    }

    .xl\:pt-36 {
        padding-top: 9rem
    }

    .xl\:grid-design {
        display: grid;
        gap: 1.25rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    

    .xl\:hidden-important {
        display: none !important
    }

    .xl\:has-\[\:checked\]\:bg-brown-500:has(:checked) {
        --tw-bg-opacity: 1;
        background-color: rgb(150 95 54/var(--tw-bg-opacity, 1))
    }

    .xl\:has-\[\:checked\]\:font-normal:has(:checked) {
        font-weight: 400
    }

    .xl\:has-\[\:checked\]\:text-white:has(:checked) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }
}