/*
Theme Name: wij
Theme URI: https://digital-oomph.com/
Description: A custom theme based on _tw
Version: 0.1.0
Author: Digital Oomph
Author URI: https://digital-oomph.com/
Text Domain: wij
Requires at least: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wij is based on _tw https://underscoretw.com/, (C) 2021-2026 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2026 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/
@layer properties;

:host,
:root {
    --font-sans: "Outfit", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: "Unna", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: 1.33333;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.42857;
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.55556;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.4;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 1.33333;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 1.11111;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --leading-normal: 1.5;
    --radius-3xl: 1.5rem;
    --blur-sm: 8px;
    --perspective-normal: 500px;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-background: var(--wp--preset--color--background);
    --color-foreground: var(--wp--preset--color--foreground);
    --color-primary: var(--wp--preset--color--primary);
    --container-content: var(--wp--style--global--content-size);
    --container-wide: 100%;
    --color-wij-light: #e6cfb3;
    --color-wij-medium: #a58162;
    --color-wij-dark: #3d3329;
    --tw-prose-font-normal: 400;
    --tw-prose-font-medium: 500;
    --tw-prose-font-semibold: 600;
    --tw-prose-font-bold: 700;
    --tw-prose-font-extrabold: 800;
    --tw-prose-font-black: 900
}

*,
::backdrop,
::file-selector-button,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-size: 1em;
    font-variation-settings: var(--default-mono-font-variation-settings, normal)
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

:-moz-focusring {
    outline: auto
}

progress {
    vertical-align: baseline
}

summary {
    display: list-item
}

menu,
ol,
ul {
    list-style: none
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

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

::file-selector-button,
button,
input,
optgroup,
select,
textarea {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    opacity: 1
}

:where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
}

:where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
}

::file-selector-button {
    margin-inline-end: 4px
}

::placeholder {
    opacity: 1
}

@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
    ::placeholder {
        color: currentcolor
    }

    @supports (color:color-mix(in lab, red, red)) {
        ::placeholder {
            color: color-mix(in oklab, currentcolor 50%, transparent)
        }
    }
}

textarea {
    resize: vertical
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
    padding-block: 0
}

::-webkit-calendar-picker-indicator {
    line-height: 1
}

:-moz-ui-invalid {
    box-shadow: none
}

::file-selector-button,
button,
input:where([type=button], [type=reset], [type=submit]) {
    appearance: button
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none !important
}

body {
    background-color: var(--color-background);
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-light);
    color: var(--color-wij-dark);
    font-weight: var(--font-weight-light)
}

.woocommerce img,
.woocommerce-page img {
    height: inherit
}

.containerx {
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing)*6)
}

@media (width >=40rem) {
    .containerx {
        padding-inline: calc(var(--spacing)*10)
    }
}

:is(body:not(.home) .entry-header, body:not(.home).archive) .entry-title,
:is(body:not(.home) .entry-header, body:not(.home).archive) .page-title {
    font-family: var(--font-serif);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    max-width: 100%;
    width: 100%;
    --tw-font-weight: var(--font-weight-normal);
    font-style: italic;
    font-weight: var(--font-weight-normal)
}

.hero-patt {
    background-image: url(img/patt2.svg);
    background-position: 50%;
    background-repeat: repeat;
    background-size: auto;
    inset: 0;
    mix-blend-mode: multiply;
    position: absolute
}

.header-container {
    border-bottom: 1px solid #ffffff00;
    transition: all .3s ease
}

.header-container #primary-menu li {
    color: color-mix(in srgb, #3d3329 90%, transparent);
    transition: all .2s ease-out
}

@supports (color:color-mix(in lab, red, red)) {
    .header-container #primary-menu li {
        color: color-mix(in srgb, var(--color-wij-dark) 90%, transparent)
    }
}

.header-container #primary-menu li {
    text-underline-offset: .5em
}

:is(.header-container #primary-menu li):hover {
    color: color-mix(in srgb, #3d3329 100%, transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    :is(.header-container #primary-menu li):hover {
        color: color-mix(in srgb, var(--color-wij-dark) 100%, transparent)
    }
}

:is(.header-container #primary-menu li):hover {
    text-decoration: underline
}

.header-logo {
    transition: all .3s ease
}

.header-container.scrolled .header-logo {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
}

.header-container.scrolled {
    border-bottom: 1px var(--tw-border-style);
    border-color: color-mix(in srgb, #e6cfb3 30%, transparent);
    top: calc(var(--spacing)*0)
}

@supports (color:color-mix(in lab, red, red)) {
    .header-container.scrolled {
        border-color: color-mix(in oklab, var(--color-wij-light) 30%, transparent)
    }
}

.header-container.scrolled {
    background-color: color-mix(in srgb, #fff 90%, transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .header-container.scrolled {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
    }
}

.header-container.scrolled {
    padding-block: calc(var(--spacing)*3);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
}

:is(body.home .hero h2)>div {
    perspective: 500px;
    transform-style: preserve-3d
}

body.home .hero h2 {
    transform: rotateX(0deg) rotateY(0deg);
    transform-origin: right top
}

.hero .button {
    position: relative;
    transition: all .2s ease-out
}

:is(.hero .button) .hoveroutline {
    border: 2px solid var(--color-white);
    border-radius: 999px;
    height: calc(100% - 4px);
    left: 2px;
    opacity: 0;
    position: absolute;
    top: 2px;
    transition: all .2s ease-out;
    width: calc(100% - 4px);
    z-index: -1
}

:is(.hero .button):hover .hoveroutline {
    height: calc(100% + 14px);
    left: -7px;
    opacity: 1;
    top: -7px;
    width: calc(100% + 14px)
}

#hero-butterfly {
    stroke: #fff;
    stroke-width: 2px
}

@media (max-width:599px) {
    #hero-butterfly {
        stroke-width: 3px
    }
}

.hiborder {
    border: 1px solid #ffffffb0;
    height: calc(100% - 30px);
    left: 15px;
    position: absolute;
    top: 15px;
    width: calc(100% - 30px);
    z-index: 2
}

.hiborder2 {
    box-shadow: inset 0 0 1px 1px #ffffff40;
    box-sizing: content-box;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2
}

.hero-img {
    box-shadow: 24px 64px 84px -24px color-mix(in srgb, #4d3329 50%, transparent)
}

@media (max-width:1024px) {
    .hero-img {
        box-shadow: 12px 32px 42px -12px color-mix(in srgb, #4d3329 50%, transparent)
    }
}

@keyframes hishadow {
    0% {
        box-shadow: 0 0 0 color-mix(in srgb, var(--color-wij-dark) 0%, transparent)
    }

    to {
        box-shadow: 24px 64px 84px -24px color-mix(in srgb, #4d3329 50%, transparent)
    }
}

.hero-grad {
    background: linear-gradient(135deg, transparent 25%, var(--color-wij-medium));
    opacity: .3;
    z-index: 0
}

.hero-grad,
.hero-grad2 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-grad2 {
    background: radial-gradient(min(75svh, 750px) min(75svh, 750px) at calc(50% - 540px) 50px, var(--color-wij-light), transparent);
    opacity: .75
}

.wij-loop-product {
    position: relative
}

.wij-loop-product .woocommerce-placeholder {
    border: 1px solid color-mix(in srgb, #a58162 20%, transparent) !important
}

@supports (color:color-mix(in lab, red, red)) {
    .wij-loop-product .woocommerce-placeholder {
        border: 1px solid color-mix(in srgb, var(--color-wij-medium) 20%, transparent) !important
    }
}

.wij-loop-product .woocommerce-placeholder {
    border-radius: 20px
}

.wij-loop-product:hover .attachment-woocommerce_thumbnail {
    scale: 1.05
}

.wij-loop-product .attachment-woocommerce_thumbnail {
    border: 1px solid color-mix(in srgb, #a58162 20%, transparent) !important;
    transition: scale .5s ease-out
}

@supports (color:color-mix(in lab, red, red)) {
    .wij-loop-product .attachment-woocommerce_thumbnail {
        border: 1px solid color-mix(in srgb, var(--color-wij-medium) 20%, transparent) !important
    }
}

.wij-loop-product a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .wij-loop-product a.button {
    appearance: none;
    background-color: color-mix(in srgb, #a58162 10%, transparent);
    position: absolute
}

@supports (color:color-mix(in lab, red, red)) {

    .wij-loop-product a.button,
    :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .wij-loop-product a.button {
        background-color: color-mix(in srgb, var(--color-wij-medium) 10%, transparent)
    }
}

.wij-loop-product a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .wij-loop-product a.button {
    border-radius: 999px;
    bottom: 0;
    color: var(--color-wij-dark);
    height: 48px;
    padding: 14px;
    place-content: center;
    right: 0;
    transition: all .2s ease-out;
    width: 48px
}

:is(:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .wij-loop-product a.button, .wij-loop-product a.button):hover {
    background-color: var(--color-wij-medium);
    color: var(--color-white)
}

@media (max-width:599px) {

    .wij-loop-product a.button,
    :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .wij-loop-product a.button {
        height: 42px;
        padding: 12px;
        width: 42px
    }
}

.products.related .wij-loop-product a.button {
    background: transparent;
    bottom: -12px;
    color: var(--color-wij-medium);
    right: -7px
}

:is(.products.related .wij-loop-product a.button):hover {
    color: var(--color-wij-dark)
}

.wij-cart-icon {
    height: 32px;
    width: 32px
}

.woocommerce ul.products li.wij-loop-product .woocommerce-loop-product__link,
.woocommerce ul.products li.wij-loop-product .woocommerce-loop-product__title {
    color: var(--color-wij-dark);
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: 0
}

@media (max-width:599px) {

    .woocommerce ul.products li.wij-loop-product .woocommerce-loop-product__link,
    .woocommerce ul.products li.wij-loop-product .woocommerce-loop-product__title {
        font-size: 1em
    }
}

.woocommerce ul.products li.wij-loop-product .woocommerce-loop-product__link,
.woocommerce ul.products li.wij-loop-product .woocommerce-loop-product__title {
    font-family: var(--font-sans);
    font-style: normal
}

.woocommerce ul.products li.wij-loop-product .price {
    color: var(--color-wij-medium);
    font-size: .9375em;
    margin: 0;
    padding: 0
}

@media (max-width:599px) {
    .woocommerce ul.products li.wij-loop-product .price {
        font-size: .8em
    }
}

body:not(.home) .header-container {
    position: relative
}

.woocommerce-breadcrumb {
    margin-bottom: calc(var(--spacing)*10) !important;
    margin-top: calc(var(--spacing)*5) !important
}

.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery__image--placeholder,
.woocommerce-product-gallery__image--placeholder img {
    border-radius: var(--radius-3xl)
}

body.single-product .product_title {
    font-family: var(--font-serif);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    margin-bottom: calc(var(--spacing)*4);
    --tw-font-weight: var(--font-weight-medium);
    font-style: italic;
    font-weight: var(--font-weight-medium)
}

body.single-product div.product p.price {
    color: var(--color-wij-medium);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    margin-bottom: calc(var(--spacing)*8)
}

@media (min-widthl768px) {

    .woocommerce #content div.product div.images,
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.images,
    .woocommerce-page div.product div.summary {
        width: 46%
    }
}

.woocommerce-product-details__short-description {
    margin-block: calc(var(--spacing)*5)
}

body.single-product .quantity {
    appearance: none;
    border-color: var(--color-wij-medium);
    border-radius: calc(infinity*1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    padding: calc(var(--spacing)*0);
    text-align: center;
    --tw-leading: 60px;
    line-height: 60px
}

:is(body.single-product .quantity) input {
    appearance: none;
    text-align: center
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

body.single-product button.button.single_add_to_cart_button {
    appearance: none;
    background-color: transparent;
    border-color: var(--color-wij-medium);
    border-radius: calc(infinity*1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    margin-left: calc(var(--spacing)*2);
    padding: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*8);
    text-align: center;
    --tw-leading: 60px;
    line-height: 60px;
    --tw-font-weight: var(--font-weight-light);
    color: var(--color-wij-dark);
    font-weight: var(--font-weight-light)
}

@media (hover:hover) {
    :is(body.single-product button.button.single_add_to_cart_button):hover {
        background-color: var(--color-wij-light)
    }
}

@media (hover:hover) {
    :is(body.single-product button.button.single_add_to_cart_button):hover {
        color: var(--color-wij-dark)
    }
}

.product-main-container {
    contain: content;
    margin-bottom: calc(var(--spacing)*10)
}

body.single-product .related.products h2 {
    font-family: var(--font-serif);
    font-size: var(--text-4xl);
    font-style: italic;
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    margin-bottom: calc(var(--spacing)*8)
}

.wij-tab-container {
    padding-block: calc(var(--spacing)*5)
}

.wij-tab-content {
    padding-bottom: calc(var(--spacing)*2);
    padding-top: calc(var(--spacing)*2)
}

.wij-tab-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    -webkit-user-select: none;
    user-select: none
}

@media (hover:hover) {
    .wij-tab-header:hover {
        cursor: pointer
    }
}

body:not(.single-product):not(.home) #main {
    margin-top: calc(var(--spacing)*10)
}

.woocommerce-info:before,
.woocommerce-message:before {
    color: var(--color-wij-medium)
}

.woocommerce-info,
.woocommerce-message {
    background-color: color-mix(in srgb, #e6cfb3 5%, transparent);
    border-top-color: var(--color-wij-medium);
    color: var(--color-wij-dark)
}

@supports (color:color-mix(in lab, red, red)) {

    .woocommerce-info,
    .woocommerce-message {
        background-color: color-mix(in srgb, var(--color-wij-light) 5%, transparent)
    }
}

#cart-page .checkout-button,
.return-to-shop a.button {
    appearance: none;
    background-color: transparent;
    border-color: var(--color-wij-medium);
    border-radius: calc(infinity*1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    margin-left: calc(var(--spacing)*2);
    padding: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*6);
    text-align: center;
    --tw-leading: 48px;
    line-height: 48px;
    --tw-font-weight: var(--font-weight-light);
    color: var(--color-wij-dark);
    font-weight: var(--font-weight-light)
}

@media (hover:hover) {
    :is(.return-to-shop a.button, #cart-page .checkout-button):hover {
        background-color: var(--color-wij-light)
    }
}

@media (hover:hover) {
    :is(.return-to-shop a.button, #cart-page .checkout-button):hover {
        color: var(--color-wij-dark)
    }
}

#checkout-page .wc-block-components-checkout-place-order-button {
    appearance: none;
    background-color: var(--color-wij-medium);
    border-radius: calc(infinity*1px);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    margin-left: calc(var(--spacing)*2);
    padding: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*6);
    text-align: center;
    --tw-leading: 48px;
    line-height: 48px;
    --tw-font-weight: var(--font-weight-normal);
    color: var(--color-white);
    font-weight: var(--font-weight-normal)
}

@media (hover:hover) {
    :is(#checkout-page .wc-block-components-checkout-place-order-button):hover {
        background-color: var(--color-wij-light)
    }
}

@media (hover:hover) {
    :is(#checkout-page .wc-block-components-checkout-place-order-button):hover {
        color: var(--color-wij-dark)
    }
}

#cart-page .checkout-button {
    clear: right;
    float: right
}

#cart-page .shop_table button {
    appearance: none;
    background-color: transparent;
    border-color: var(--color-wij-medium);
    border-radius: calc(infinity*1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    margin-left: calc(var(--spacing)*2);
    padding: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    --tw-leading: 36px;
    line-height: 36px;
    --tw-font-weight: var(--font-weight-normal);
    color: var(--color-wij-dark);
    font-weight: var(--font-weight-normal)
}

@media (hover:hover) {
    :is(#cart-page .shop_table button):hover {
        background-color: var(--color-wij-light)
    }
}

@media (hover:hover) {
    :is(#cart-page .shop_table button):hover {
        color: var(--color-wij-dark)
    }
}

.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button {
    appearance: none;
    background-color: transparent;
    border-color: var(--color-wij-medium);
    border-radius: calc(infinity*1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    margin-left: calc(var(--spacing)*2);
    padding: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    --tw-leading: 36px;
    line-height: 36px;
    --tw-font-weight: var(--font-weight-normal);
    color: var(--color-wij-dark);
    font-weight: var(--font-weight-normal)
}

@media (hover:hover) {
    :is(.woocommerce .woocommerce-message .button, .woocommerce .woocommerce-info .button):hover {
        background-color: var(--color-wij-light)
    }
}

@media (hover:hover) {
    :is(.woocommerce .woocommerce-message .button, .woocommerce .woocommerce-info .button):hover {
        color: var(--color-wij-dark)
    }
}

#cart-page input[name=coupon_code] {
    appearance: none;
    background-color: transparent;
    border-color: var(--color-wij-medium);
    border-radius: calc(infinity*1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    margin-left: calc(var(--spacing)*0) !important;
    margin-left: calc(var(--spacing)*2);
    padding: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    width: calc(var(--spacing)*30) !important;
    --tw-leading: 36px;
    line-height: 36px;
    --tw-font-weight: var(--font-weight-normal);
    color: var(--color-wij-dark);
    font-weight: var(--font-weight-normal)
}

.add_to_cart_button.ajax_add_to_cart.added svg {
    display: none
}

.shop_table th {
    background-color: color-mix(in srgb, #a58162 5%, transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .shop_table th {
        background-color: color-mix(in srgb, var(--color-wij-medium) 5%, transparent)
    }
}

.shop_table th {
    font-weight: 400 !important
}

.shop_table,
.shop_table * {
    border-color: color-mix(in srgb, #a58162, transparent 70%) !important
}

@supports (color:color-mix(in lab, red, red)) {

    .shop_table,
    .shop_table * {
        border-color: color-mix(in srgb, var(--color-wij-medium), transparent 70%) !important
    }
}

.woocommerce a.remove {
    color: tomato !important;
    font-weight: 300
}

:is(.woocommerce a.remove):hover {
    background: tomato
}

#cart-page .shop_table td.product-name a {
    color: var(--color-wij-medium);
    font-size: 16px;
    font-weight: 400
}

#cart-page .shop_table th {
    color: color-mix(in srgb, #3d3329, transparent 20%) !important
}

@supports (color:color-mix(in lab, red, red)) {
    #cart-page .shop_table th {
        color: color-mix(in srgb, var(--color-wij-dark), transparent 20%) !important
    }
}

#checkout-page .wc-block-components-checkout-step__title {
    --tw-font-weight: var(--font-weight-light);
    color: var(--color-wij-dark);
    font-weight: var(--font-weight-light)
}

#checkout-page .wc-block-checkout__form label {
    --tw-font-weight: var(--font-weight-normal);
    color: var(--color-wij-medium);
    font-weight: var(--font-weight-normal)
}

#checkout-page .wc-block-checkout__form *,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block * {
    border-color: color-mix(in srgb, #a58162, transparent 50%) !important
}

@supports (color:color-mix(in lab, red, red)) {

    #checkout-page .wc-block-checkout__form *,
    .wp-block-woocommerce-checkout-order-summary-block,
    .wp-block-woocommerce-checkout-order-summary-block * {
        border-color: color-mix(in srgb, var(--color-wij-medium), transparent 50%) !important
    }
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
    box-shadow: inset 0 0 0 1.5px var(--color-wij-medium)
}

#checkout-page .wc-block-components-checkout-return-to-cart-button {
    color: var(--color-wij-medium);
    font-size: 16px
}

#checkout-page .wc-block-components-checkout-order-summary__title-text {
    font-weight: 300
}

ins .woocommerce-Price-amount {
    font-weight: 400 !important
}

.woocommerce span.onsale {
    background: var(--color-wij-light);
    border-radius: 0 21px 0 10px;
    color: var(--color-wij-dark);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 !important;
    min-height: auto;
    padding-left: calc(var(--spacing)*3);
    padding-right: calc(var(--spacing)*4)
}

body.single-product .product-main-container span.onsale {
    border-radius: 21px 0 10px 0;
    left: 0;
    line-height: 24px;
    margin: 0 !important;
    padding-left: calc(var(--spacing)*5);
    padding-right: calc(var(--spacing)*4);
    top: 0;
    transform: translateX(0)
}

#home-bento {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    height: 80svh;
    max-height: 900px;
    min-height: 700px
}

@media (max-width:599px) {
    #home-bento {
        grid-template-columns: repeat(2, 1fr)
    }
}

#home-bento>div {
    height: 80svh;
    max-height: 900px;
    min-height: 700px
}

.footer-butterfly svg path {
    stroke-width: 1.5px
}

@media (max-width:599px) {
    .footer-butterfly svg path {
        stroke-width: 2px
    }
}

@media (max-width:768px) {

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        margin: 0 0 2em
    }
}

.bento-content {
    overflow: hidden
}

.wij-image {
    border-radius: var(--radius-3xl);
    overflow: clip
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added:after {
    color: var(--color-wij-medium);
    margin-left: .1em
}

.add_to_cart_button.ajax_add_to_cart.added {
    pointer-events: none
}

#cart-page.woocommerce-checkout table.cart img {
    border-radius: 20px;
    width: 128px
}

nav.noCart .menu-item:last-child {
    display: none
}

#hamburger {
    color: var(--color-wij-dark);
    width: calc(var(--spacing)*8)
}

@media (hover:hover) {
    #hamburger:hover {
        cursor: pointer
    }
}

#mobileMenu {
    background-color: var(--color-white);
    height: 100lvh;
    inset: calc(var(--spacing)*0);
    place-items: center;
    position: fixed;
    text-align: center
}

#mobileMenu #mobile-menu {
    color: var(--color-wij-medium);
    font-family: var(--font-serif);
    font-size: var(--text-5xl);
    font-style: italic;
    line-height: var(--tw-leading, var(--text-5xl--line-height))
}

:is(#mobileMenu #mobile-menu) li:hover {
    color: var(--color-wij-dark)
}

.entry-content>*,
.page-content>* {
    margin-inline: unset !important;
    max-width: 100% !important
}

body:not(.home) a,
body:not(.home) a:hover,
body:not(.home) a:visited {
    color: inherit
}

.entry-title,
.page-title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold)
}

#comments,
.entry-footer,
.entry-meta,
.entry-title,
.page-title,
.post-navigation {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing)*6);
    max-width: var(--container-content)
}

.entry-content>*,
.page-content>* {
    margin-inline: auto;
    max-width: var(--container-content)
}

.entry-content>.alignwide {
    max-width: var(--container-wide)
}

.entry-content>.alignfull {
    max-width: none
}

.entry-content>.alignleft {
    float: left;
    margin-right: calc(var(--spacing)*8)
}

.entry-content>.alignright {
    float: right;
    margin-left: calc(var(--spacing)*8)
}

.visible {
    visibility: visible
}

.sr-only {
    border-width: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: calc(var(--spacing)*0)
}

.start {
    inset-inline-start: var(--spacing)
}

.end {
    inset-inline-end: var(--spacing)
}

.top-6 {
    top: calc(var(--spacing)*6)
}

.top-\[5svh\] {
    top: 5svh
}

.-right-\[6\%\] {
    right: -6%
}

.right-6 {
    right: calc(var(--spacing)*6)
}

.-bottom-\[5\%\] {
    bottom: -5%
}

.left-0 {
    left: calc(var(--spacing)*0)
}

.left-6 {
    left: calc(var(--spacing)*6)
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.order-2 {
    order: 2
}

.col-1 {
    grid-column: 1
}

.col-2 {
    grid-column: 2
}

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

.row-1 {
    grid-row: 1
}

.mx-auto {
    margin-inline: auto
}

.prose {
    --tw-prose-body: var(--color-foreground);
    --tw-prose-headings: var(--color-foreground);
    --tw-prose-lead: var(--color-foreground);
    --tw-prose-links: var(--color-primary);
    --tw-prose-bold: var(--color-foreground);
    --tw-prose-counters: var(--color-foreground);
    --tw-prose-bullets: var(--color-foreground);
    --tw-prose-hr: var(--color-foreground);
    --tw-prose-quotes: var(--color-foreground);
    --tw-prose-quote-borders: var(--color-primary);
    --tw-prose-captions: var(--color-foreground);
    --tw-prose-kbd: var(--color-foreground);
    --tw-prose-kbd-shadows: var(--color-foreground);
    --tw-prose-code: var(--color-foreground);
    --tw-prose-pre-code: var(--color-background);
    --tw-prose-pre-bg: var(--color-foreground);
    --tw-prose-th-borders: var(--color-foreground);
    --tw-prose-td-borders: var(--color-foreground);
    --tw-prose-invert-body: var(--color-background);
    --tw-prose-invert-headings: var(--color-background);
    --tw-prose-invert-lead: var(--color-background);
    --tw-prose-invert-links: var(--color-primary);
    --tw-prose-invert-bold: var(--color-background);
    --tw-prose-invert-counters: var(--color-background);
    --tw-prose-invert-bullets: var(--color-background);
    --tw-prose-invert-hr: var(--color-background);
    --tw-prose-invert-quotes: var(--color-background);
    --tw-prose-invert-quote-borders: var(--color-primary);
    --tw-prose-invert-captions: var(--color-background);
    --tw-prose-invert-kbd: var(--color-background);
    --tw-prose-invert-kbd-shadows: var(--color-background);
    --tw-prose-invert-code: var(--color-background);
    --tw-prose-invert-pre-code: var(--color-foreground);
    --tw-prose-invert-pre-bg: var(--color-background);
    --tw-prose-invert-th-borders: var(--color-background);
    --tw-prose-invert-td-borders: var(--color-background);
    color: var(--tw-prose-body);
    font-size: 1rem;
    line-height: 1.75
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(p) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where([class~=lead], [class~=is-style-lead]) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(a) {
    color: var(--tw-prose-links);
    font-weight: var(--tw-prose-font-medium);
    text-decoration: underline
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(strong) {
    color: var(--tw-prose-bold);
    font-weight: var(--tw-prose-font-semibold)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(a strong) {
    color: inherit
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(blockquote strong) {
    color: inherit
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(thead th strong) {
    color: inherit
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol) {
    list-style-type: decimal;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-left: 1.625em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type=A]) {
    list-style-type: upper-alpha
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type=a]) {
    list-style-type: lower-alpha
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type=A s]) {
    list-style-type: upper-alpha
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type=a s]) {
    list-style-type: lower-alpha
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type=I]) {
    list-style-type: upper-roman
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type=i]) {
    list-style-type: lower-roman
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type=I s]) {
    list-style-type: upper-roman
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type=i s]) {
    list-style-type: lower-roman
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol[type="1"]) {
    list-style-type: decimal
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ul) {
    list-style-type: disc;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-left: 1.625em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol>li)::marker {
    color: var(--tw-prose-counters);
    font-weight: var(--tw-prose-font-normal)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ul>li)::marker {
    color: var(--tw-prose-bullets)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(dt) {
    color: var(--tw-prose-headings);
    font-weight: var(--tw-prose-font-semibold);
    margin-top: 1.25em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(hr) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(blockquote) {
    border-left-color: var(--tw-prose-quote-borders);
    border-left-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: var(--tw-prose-font-medium);
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-left: 1em;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(blockquote p:first-of-type):before {
    content: open-quote
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(blockquote p:last-of-type):after {
    content: close-quote
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(blockquote>cite) {
    color: var(--tw-prose-body);
    font-style: normal;
    font-weight: var(--tw-prose-font-normal)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(blockquote>cite:before) {
    content: "\2014"
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h1) {
    color: var(--tw-prose-headings);
    font-size: 2.25em;
    font-weight: var(--tw-prose-font-extrabold);
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h1 strong) {
    color: inherit;
    font-weight: var(--tw-prose-font-black)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h2) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    font-weight: var(--tw-prose-font-bold);
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h2 strong) {
    color: inherit;
    font-weight: var(--tw-prose-font-extrabold)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h3) {
    color: var(--tw-prose-headings);
    font-size: 1.25em;
    font-weight: var(--tw-prose-font-semibold);
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h3 strong) {
    color: inherit;
    font-weight: var(--tw-prose-font-bold)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h4) {
    color: var(--tw-prose-headings);
    font-weight: var(--tw-prose-font-semibold);
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h4 strong) {
    color: inherit;
    font-weight: var(--tw-prose-font-bold)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(img) {
    margin-bottom: 2em;
    margin-top: 2em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(picture) {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(kbd) {
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-weight: var(--tw-prose-font-medium)
}

@supports (color:color-mix(in lab, red, red)) {
    :is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(kbd) {
        box-shadow: 0 0 0 1px color-mix(in oklab, var(--tw-prose-kbd-shadows) 10%, transparent), 0 3px 0 color-mix(in oklab, var(--tw-prose-kbd-shadows) 10%, transparent)
    }
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(kbd) {
    border-radius: .3125rem;
    font-size: .875em;
    padding: .1875em .375em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(code) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: var(--tw-prose-font-semibold)
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(code):after,
:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(code):before {
    content: "`"
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(a code) {
    color: inherit
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h1 code) {
    color: inherit
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h2 code) {
    color: inherit;
    font-size: .875em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h3 code) {
    color: inherit;
    font-size: .9em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h4 code) {
    color: inherit
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(blockquote code) {
    color: inherit
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(thead th code) {
    color: inherit
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(pre) {
    background-color: var(--tw-prose-pre-bg);
    border-radius: .375rem;
    color: var(--tw-prose-pre-code);
    font-size: .875em;
    font-weight: var(--tw-prose-font-normal);
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    overflow-x: auto;
    padding: .8571429em 1.1428571em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(pre code) {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(pre code):before {
    content: none
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(pre code):after {
    content: none
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(table) {
    font-size: .875em;
    line-height: 1.7142857;
    margin-bottom: 2em;
    margin-top: 2em;
    table-layout: auto;
    text-align: left;
    width: 100%
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(table.has-fixed-layout) {
    table-layout: fixed;
    width: 100%
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(thead) {
    border-bottom-color: var(--tw-prose-th-borders);
    border-bottom-width: 1px
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(thead th) {
    color: var(--tw-prose-headings);
    font-weight: var(--tw-prose-font-semibold);
    padding-bottom: .5714286em;
    padding-left: .5714286em;
    padding-right: .5714286em;
    vertical-align: bottom
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(tbody tr) {
    border-bottom-color: var(--tw-prose-td-borders);
    border-bottom-width: 1px
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(tbody tr:last-child) {
    border-bottom-width: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(tbody td) {
    vertical-align: baseline
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(tfoot) {
    border-top-color: var(--tw-prose-th-borders);
    border-top-width: 1px
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(tfoot td) {
    vertical-align: top
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(figure>*, figure img) {
    margin-bottom: 0;
    margin-top: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(figure a) {
    vertical-align: bottom
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(figcaption) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(picture>img) {
    margin-bottom: 0;
    margin-top: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(video) {
    margin-bottom: 2em;
    margin-top: 2em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(li) {
    margin-bottom: .5em;
    margin-top: .5em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ol>li) {
    padding-left: .375em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ul>li) {
    padding-left: .375em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(.prose>ul>li p) {
    margin-bottom: .75em;
    margin-top: .75em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(.prose>ul>li>:first-child) {
    margin-top: 1.25em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(.prose>ul>li>:last-child) {
    margin-bottom: 1.25em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(.prose>ol>li>:first-child) {
    margin-top: 1.25em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(.prose>ol>li>:last-child) {
    margin-bottom: 1.25em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(ul ul, ul ol, ol ul, ol ol) {
    margin-bottom: .75em;
    margin-top: .75em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(dl) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(dd) {
    margin-top: .5em;
    padding-left: 1.625em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(hr+*) {
    margin-top: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h2+*) {
    margin-top: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h3+*) {
    margin-top: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(h4+*) {
    margin-top: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(thead th:first-child) {
    padding-left: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(thead th:last-child) {
    padding-right: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(tbody td, tfoot td) {
    padding: .5714286em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(tbody td:first-child, tfoot td:first-child) {
    padding-left: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(tbody td:last-child, tfoot td:last-child) {
    padding-right: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(figure) {
    margin-bottom: 2em;
    margin-top: 2em
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(.prose>:first-child) {
    margin-top: 0
}

:is(.prose :not(:where([class~=not-prose], [class~=not-prose] *))):where(.prose>:last-child) {
    margin-bottom: 0
}

.prose .wp-block-table td,
.prose .wp-block-table th {
    border: 0
}

.prose .wp-block-table tfoot,
.prose .wp-block-table thead {
    border-color: var(--tw-prose-th-borders)
}

.prose .wp-block-table thead {
    border-bottom-width: 1px
}

.prose .wp-block-table tfoot {
    border-top-width: 1px
}

.mt-2 {
    margin-top: calc(var(--spacing)*2)
}

.mt-4 {
    margin-top: calc(var(--spacing)*4)
}

.mt-6 {
    margin-top: calc(var(--spacing)*6)
}

.mb-3 {
    margin-bottom: calc(var(--spacing)*3)
}

.mb-8 {
    margin-bottom: calc(var(--spacing)*8)
}

.mb-10 {
    margin-bottom: calc(var(--spacing)*10)
}

.block {
    display: block
}

.contents {
    display: contents
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-1\/2 {
    height: 50%
}

.h-1\/3 {
    height: 33.33333%
}

.h-36 {
    height: calc(var(--spacing)*36)
}

.h-\[35svh\] {
    height: 35svh
}

.h-\[calc\(100\%\+100px\)\]\! {
    height: calc(100% + 100px) !important
}

.h-full {
    height: 100%
}

.h-full\! {
    height: 100% !important
}

.h-svh {
    height: 100svh
}

.max-h-\[700px\] {
    max-height: 700px
}

.w-4 {
    width: calc(var(--spacing)*4)
}

.w-12 {
    width: calc(var(--spacing)*12)
}

.w-\[1em\] {
    width: 1em
}

.w-\[32svh\] {
    width: 32svh
}

.w-\[55svh\] {
    width: 55svh
}

.w-\[60\%\] {
    width: 60%
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.max-w-32 {
    max-width: calc(var(--spacing)*32)
}

.max-w-\[90vw\] {
    max-width: 90vw
}

.max-w-none {
    max-width: none
}

.max-w-xl {
    max-width: var(--container-xl)
}

.flex-1 {
    flex: 1
}

.translate-y-\[-100px\] {
    --tw-translate-y: -100px;
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
}

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.place-items-center {
    place-items: center
}

.items-baseline {
    align-items: baseline
}

.items-center {
    align-items: center
}

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

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

.gap-1 {
    gap: calc(var(--spacing)*1)
}

.gap-2\.5 {
    gap: calc(var(--spacing)*2.5)
}

.gap-3 {
    gap: calc(var(--spacing)*3)
}

.gap-4 {
    gap: calc(var(--spacing)*4)
}

.gap-6 {
    gap: calc(var(--spacing)*6)
}

.gap-8 {
    gap: calc(var(--spacing)*8)
}

.gap-10 {
    gap: calc(var(--spacing)*10)
}

:where(.divide-y>:not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px*var(--tw-divide-y-reverse))
}

:where(.divide-wij-medium>:not(:last-child)) {
    border-color: var(--color-wij-medium)
}

.overflow-clip {
    overflow: clip
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.rounded-full {
    border-radius: calc(infinity*1px)
}

.rounded-t-\[500px\] {
    border-top-left-radius: 500px;
    border-top-right-radius: 500px
}

.bg-white {
    background-color: var(--color-white)
}

.bg-wij-dark {
    background-color: var(--color-wij-dark)
}

.bg-wij-light {
    background-color: var(--color-wij-light)
}

.object-cover {
    object-fit: cover
}

.px-6 {
    padding-inline: calc(var(--spacing)*6)
}

.px-10 {
    padding-inline: calc(var(--spacing)*10)
}

.py-2 {
    padding-block: calc(var(--spacing)*2)
}

.py-4 {
    padding-block: calc(var(--spacing)*4)
}

.pt-0 {
    padding-top: calc(var(--spacing)*0)
}

.pt-6 {
    padding-top: calc(var(--spacing)*6)
}

.pt-10 {
    padding-top: calc(var(--spacing)*10)
}

.pt-14 {
    padding-top: calc(var(--spacing)*14)
}

.pt-22 {
    padding-top: calc(var(--spacing)*22)
}

.pb-0 {
    padding-bottom: calc(var(--spacing)*0)
}

.pb-20 {
    padding-bottom: calc(var(--spacing)*20)
}

.text-center {
    text-align: center
}

.font-serif {
    font-family: var(--font-serif)
}

.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
}

.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
}

.text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height))
}

.text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height))
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
}

.leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1
}

.leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal)
}

.font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light)
}

.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}

.tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
}

.text-amber-800 {
    color: var(--color-amber-800)
}

.text-stone-400 {
    color: var(--color-stone-400)
}

.text-stone-500 {
    color: var(--color-stone-500)
}

.text-white {
    color: var(--color-white)
}

.text-wij-dark {
    color: var(--color-wij-dark)
}

.text-wij-light {
    color: var(--color-wij-light)
}

.text-wij-medium {
    color: var(--color-wij-medium)
}

.italic {
    font-style: italic
}

.opacity-5 {
    opacity: 5%
}

.opacity-10 {
    opacity: 10%
}

.opacity-90 {
    opacity: 90%
}

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

.shadow-wij-medium\/20 {
    --tw-shadow-color: color-mix(in srgb, #a58162 20%, transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-wij-medium\/20 {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-wij-medium) 20%, transparent) var(--tw-shadow-alpha), transparent)
    }
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
}

.content-none {
    --tw-content: none;
    content: none
}

.prose-neutral {
    --tw-prose-body: var(--color-neutral-700);
    --tw-prose-headings: var(--color-neutral-900);
    --tw-prose-lead: var(--color-neutral-600);
    --tw-prose-links: var(--color-neutral-900);
    --tw-prose-bold: var(--color-neutral-900);
    --tw-prose-counters: var(--color-neutral-500);
    --tw-prose-bullets: var(--color-neutral-300);
    --tw-prose-hr: var(--color-neutral-200);
    --tw-prose-quotes: var(--color-neutral-900);
    --tw-prose-quote-borders: var(--color-neutral-200);
    --tw-prose-captions: var(--color-neutral-500);
    --tw-prose-kbd: var(--color-neutral-900);
    --tw-prose-kbd-shadows: var(--color-neutral-900);
    --tw-prose-code: var(--color-neutral-900);
    --tw-prose-pre-code: var(--color-neutral-200);
    --tw-prose-pre-bg: var(--color-neutral-800);
    --tw-prose-th-borders: var(--color-neutral-300);
    --tw-prose-td-borders: var(--color-neutral-200);
    --tw-prose-invert-body: var(--color-neutral-300);
    --tw-prose-invert-headings: var(--color-white);
    --tw-prose-invert-lead: var(--color-neutral-400);
    --tw-prose-invert-links: var(--color-white);
    --tw-prose-invert-bold: var(--color-white);
    --tw-prose-invert-counters: var(--color-neutral-400);
    --tw-prose-invert-bullets: var(--color-neutral-600);
    --tw-prose-invert-hr: var(--color-neutral-700);
    --tw-prose-invert-quotes: var(--color-neutral-100);
    --tw-prose-invert-quote-borders: var(--color-neutral-700);
    --tw-prose-invert-captions: var(--color-neutral-400);
    --tw-prose-invert-kbd: var(--color-white);
    --tw-prose-invert-kbd-shadows: var(--color-white);
    --tw-prose-invert-code: var(--color-white);
    --tw-prose-invert-pre-code: var(--color-neutral-300);
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: var(--color-neutral-600);
    --tw-prose-invert-td-borders: var(--color-neutral-700)
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.perspective-\[1000px\] {
    perspective: 1000px
}

.perspective-normal {
    perspective: var(--perspective-normal)
}

@media (hover:hover) {
    .hover\:-translate-y-1:hover {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

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

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

@media (width < 767px) {
    .max-\[767px\]\:col-span-2 {
        grid-column: span 2/span 2
    }

    .max-\[767px\]\:mt-10 {
        margin-top: calc(var(--spacing)*10)
    }

    .max-\[767px\]\:max-w-2\/3 {
        max-width: 66.66667%
    }
}

@media (width >=40rem) {
    .sm\:order-1 {
        order: 1
    }

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

    .sm\:mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .sm\:mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .sm\:mt-10 {
        margin-top: calc(var(--spacing)*10)
    }

    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-1\/2 {
        height: 50%
    }

    .sm\:h-\[70svh\] {
        height: 70svh
    }

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

    .sm\:flex-1 {
        flex: 1
    }

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

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

    .sm\:place-content-start {
        place-content: start
    }

    .sm\:gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .sm\:gap-28 {
        gap: calc(var(--spacing)*28)
    }

    .sm\:rounded-tl-3xl {
        border-top-left-radius: var(--radius-3xl)
    }

    .sm\:rounded-tr-3xl {
        border-top-right-radius: var(--radius-3xl)
    }

    .sm\:rounded-br-3xl {
        border-bottom-right-radius: var(--radius-3xl)
    }

    .sm\:rounded-bl-3xl {
        border-bottom-left-radius: var(--radius-3xl)
    }

    .sm\:pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

    .sm\:pt-20 {
        padding-top: calc(var(--spacing)*20)
    }

    .sm\:pt-25 {
        padding-top: calc(var(--spacing)*25)
    }

    .sm\:pt-28 {
        padding-top: calc(var(--spacing)*28)
    }

    .sm\:pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .sm\:pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

    .sm\:pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }

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

    .sm\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .sm\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .sm\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .sm\:text-\[4\.5em\] {
        font-size: 4.5em
    }
}

@media (width >=48rem) {
    .md\:col-auto {
        grid-column: auto
    }

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

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

    .md\:mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .md\:mr-0 {
        margin-right: calc(var(--spacing)*0)
    }

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

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

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

    .md\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }
}

@media (width >=80rem) {
    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:max-w-2\/3 {
        max-width: 66.66667%
    }

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

@media (orientation:landscape) {
    .landscape\:max-h-\[min\(66vw\,1000px\)\] {
        max-height: min(66vw, 1000px)
    }
}

.prose-a\:text-primary :is(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--color-primary)
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@layer properties {
    @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::backdrop,
        :after,
        :before {
            --tw-font-weight: initial;
            --tw-border-style: solid;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-leading: initial;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-divide-y-reverse: 0;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial
        }
    }
}