@layer project {
    body.page-3d_lifting_cleansingoil_bubbleserum {
        font-family: var(--font-noto)
    }
    body.page-3d_lifting_cleansingoil_bubbleserum [class*=hover\:opacity-] {
        transition-property: opacity;
        transition-duration: 0.3s
    }
    body.page-3d_lifting_cleansingoil_bubbleserum sup {
        vertical-align: super;
        font-size: 0.5em
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .video-wrap {
        position: relative
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .video-wrap__icon {
        z-index: 10;
        width: calc(354px * var(--times));
        height: calc(199px * var(--times));
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .cp {
        background: url('/_astro/cp-bg.CtvSEXyU.jpg') top/cover no-repeat
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .anchor {
        background: #fff url('/_astro/lu-bg.BNVZLHXp.png') top/cover no-repeat
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .ct {
        background: #fff url('/_astro/ct-bg.CG87et6U.png') top/cover no-repeat
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .ct-heading {
        justify-content: center;
        align-items: center;
        margin-inline: auto;
        display: flex;
        position: relative
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .ct-heading span {
        width: calc(135px * var(--times));
        height: calc(28px * var(--times));
        color: #fff;
        font-weight: 800;
        font-size: calc(14px * var(--times));
        background-color: var(--color-purple-700);
        z-index: 2;
        border-radius: 100vmax;
        justify-content: center;
        align-items: center;
        display: flex;
        position: relative
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .ct-heading:after {
        content: "";
        background-color: var(--color-purple-700);
        z-index: 0;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .step-hgrp {
        align-items: center;
        gap: 0 calc(10px * var(--times));
        display: flex
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .step-hgrp p {
        flex: 0 0 calc(87px * var(--times));
        width: calc(87px * var(--times));
        height: calc(29px * var(--times));
        color: var(--color-purple-700);
        font-weight: 700;
        font-size: calc(14px * var(--times));
        font-family: var(--font-poppins);
        border: 1px solid;
        border-radius: 100vmax;
        justify-content: center;
        align-items: center;
        display: flex
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .step-hgrp h3 {
        font-weight: 700;
        font-size: calc(16px * var(--times));
        color: var(--color-purple-700);
        flex: none
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .step-hgrp:after {
        content: "";
        height: calc(1px * var(--times));
        background-size: calc(4px * var(--times)) calc(1px * var(--times));
        background-image: linear-gradient(90deg,#af95d3 0% 50%,#af95d300 50% 100%);
        background-repeat: repeat-x;
        flex: auto
    }
    body.page-3d_lifting_cleansingoil_bubbleserum .label {
        color: #fff;
        font-weight: 700;
        font-family: var(--font-poppins);
        border-radius: 100vmax;
        justify-content: center;
        align-items: center;
        display: flex
    }
}
@layer properties {
    @supports(((-webkit-hyphens:none)) and(not(margin-trim:inline))) or((-moz-orient:inline) and(not(color:rgb(from red r g b)))) {
        *,:before,:after,
        ::backdrop {
            --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-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --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: 0;
            --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
        }
    }
}
:root,:host {
    --font-sans: "Zen Kaku Gothic New", sans-serif;
    --font-mono: ui-monospace, sfmono-regular, menlo, monaco, monospace;
    --font-gothic: "Zen Kaku Gothic New", sans-serif;
    --font-noto: "Noto Sans JP", sans-serif;
    --font-poppins: "Poppins", sans-serif;
    --color-white: #fff;
    --color-gray: #6d6e70;
    --color-purple-100-alpha90: #f0ecf8e6;
    --color-purple-300: #c3ade3;
    --color-purple-500: #9c4dba;
    --color-purple-700: #7040b7;
    --color-purple-900: #1e0446;
    --radius-md: calc(var(--times) * 12px);
    --times: 1;
    --spacing: calc(var(--times) * 1px);
    --text-8: calc(var(--times) * 8px);
    --text-10: calc(var(--times) * 10px);
    --text-12: calc(var(--times) * 12px);
    --text-14: calc(var(--times) * 14px);
    --text-15: calc(var(--times) * 15px);
    --text-16: calc(var(--times) * 16px);
    --text-18: calc(var(--times) * 18px);
    --text-22: calc(var(--times) * 22px);
    --text-24: calc(var(--times) * 24px);
    --text-32: calc(var(--times) * 32px);
    --text-40: calc(var(--times) * 40px);
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --leading-normal: 1.5;
    --leading-loose: 2;
    --aspect-video: 16 / 9;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono)
}
@layer preflight {
    *,:after,:before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    html,:host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr:where([title]) {
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        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-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -0.25em
    }
    sup {
        top: -0.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
    :-moz-focusring:where(:not(iframe)) {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    ol,
    ul,
    menu {
        list-style: none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    :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 {
        padding-block: 0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button],[type=reset],[type=submit]) {
        appearance: button
    }
    ::file-selector-button {
        appearance: button
    }
    ::-webkit-inner-spin-button {
        height: auto
    }
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}
@layer theme;
@layer utilities {
    .absolute {
        position: absolute
    }
    .static {
        position: static
    }
    .-mx-2 {
        margin-inline: calc(var(--spacing) * -2)
    }
    .-mx-5 {
        margin-inline: calc(var(--spacing) * -5)
    }
    .-mx-10 {
        margin-inline: calc(var(--spacing) * -10)
    }
    .mx-auto {
        margin-inline: auto
    }
    .-ms-2 {
        margin-inline-start: calc(var(--spacing) * -2)
    }
    .-ms-18 {
        margin-inline-start: calc(var(--spacing) * -18)
    }
    .ms-2 {
        margin-inline-start: calc(var(--spacing) * 2)
    }
    .-me-2 {
        margin-inline-end: calc(var(--spacing) * -2)
    }
    .-me-4 {
        margin-inline-end: calc(var(--spacing) * -4)
    }
    .mt-3 {
        margin-top: calc(var(--spacing) * 3)
    }
    .mt-7 {
        margin-top: calc(var(--spacing) * 7)
    }
    .mt-10 {
        margin-top: calc(var(--spacing) * 10)
    }
    .mt-11 {
        margin-top: calc(var(--spacing) * 11)
    }
    .mt-12 {
        margin-top: calc(var(--spacing) * 12)
    }
    .mt-13 {
        margin-top: calc(var(--spacing) * 13)
    }
    .mt-14 {
        margin-top: calc(var(--spacing) * 14)
    }
    .mt-17 {
        margin-top: calc(var(--spacing) * 17)
    }
    .mt-19 {
        margin-top: calc(var(--spacing) * 19)
    }
    .mt-20 {
        margin-top: calc(var(--spacing) * 20)
    }
    .mt-22 {
        margin-top: calc(var(--spacing) * 22)
    }
    .mt-24 {
        margin-top: calc(var(--spacing) * 24)
    }
    .mt-26 {
        margin-top: calc(var(--spacing) * 26)
    }
    .mt-28 {
        margin-top: calc(var(--spacing) * 28)
    }
    .mt-34 {
        margin-top: calc(var(--spacing) * 34)
    }
    .mt-39 {
        margin-top: calc(var(--spacing) * 39)
    }
    .mt-40 {
        margin-top: calc(var(--spacing) * 40)
    }
    .mt-42 {
        margin-top: calc(var(--spacing) * 42)
    }
    .mb-12 {
        margin-bottom: calc(var(--spacing) * 12)
    }
    .mb-15 {
        margin-bottom: calc(var(--spacing) * 15)
    }
    .mb-18 {
        margin-bottom: calc(var(--spacing) * 18)
    }
    .mb-20 {
        margin-bottom: calc(var(--spacing) * 20)
    }
    .mb-21 {
        margin-bottom: calc(var(--spacing) * 21)
    }
    .mb-30 {
        margin-bottom: calc(var(--spacing) * 30)
    }
    .block {
        display: block
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }
    .h-29 {
        height: calc(var(--spacing) * 29)
    }
    .h-31 {
        height: calc(var(--spacing) * 31)
    }
    .w-96 {
        width: calc(var(--spacing) * 96)
    }
    .w-125 {
        width: calc(var(--spacing) * 125)
    }
    .w-128 {
        width: calc(var(--spacing) * 128)
    }
    .w-131 {
        width: calc(var(--spacing) * 131)
    }
    .w-140 {
        width: calc(var(--spacing) * 140)
    }
    .w-148 {
        width: calc(var(--spacing) * 148)
    }
    .w-182 {
        width: calc(var(--spacing) * 182)
    }
    .w-183 {
        width: calc(var(--spacing) * 183)
    }
    .w-190 {
        width: calc(var(--spacing) * 190)
    }
    .w-320 {
        width: calc(var(--spacing) * 320)
    }
    .w-full {
        width: 100%
    }
    .max-w-315 {
        max-width: calc(var(--spacing) * 315)
    }
    .shrink-0 {
        flex-shrink: 0
    }
    .translate-x-6 {
        --tw-translate-x: calc(var(--spacing) * 6);
        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, )
    }
    .resize {
        resize: both
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .flex-col {
        flex-direction: column
    }
    .justify-end {
        justify-content: flex-end
    }
    .gap-x-10 {
        column-gap: calc(var(--spacing) * 10)
    }
    .gap-x-15 {
        column-gap: calc(var(--spacing) * 15)
    }
    .gap-x-17 {
        column-gap: calc(var(--spacing) * 17)
    }
    .gap-x-24 {
        column-gap: calc(var(--spacing) * 24)
    }
    .gap-y-27 {
        row-gap: calc(var(--spacing) * 27)
    }
    .rounded-md {
        border-radius: var(--radius-md)
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-purple-300 {
        border-color: var(--color-purple-300)
    }
    .border-purple-700 {
        border-color: var(--color-purple-700)
    }
    .bg-purple-100-alpha90 {
        background-color: var(--color-purple-100-alpha90)
    }
    .bg-purple-500 {
        background-color: var(--color-purple-500)
    }
    .bg-white {
        background-color: var(--color-white)
    }
    .p-20 {
        padding: calc(var(--spacing) * 20)
    }
    .px-3 {
        padding-inline: calc(var(--spacing) * 3)
    }
    .px-10 {
        padding-inline: calc(var(--spacing) * 10)
    }
    .px-20 {
        padding-inline: calc(var(--spacing) * 20)
    }
    .px-22 {
        padding-inline: calc(var(--spacing) * 22)
    }
    .py-20 {
        padding-block: calc(var(--spacing) * 20)
    }
    .py-40 {
        padding-block: calc(var(--spacing) * 40)
    }
    .pt-10 {
        padding-top: calc(var(--spacing) * 10)
    }
    .pt-16 {
        padding-top: calc(var(--spacing) * 16)
    }
    .pt-17 {
        padding-top: calc(var(--spacing) * 17)
    }
    .pt-19 {
        padding-top: calc(var(--spacing) * 19)
    }
    .pt-20 {
        padding-top: calc(var(--spacing) * 20)
    }
    .pt-25 {
        padding-top: calc(var(--spacing) * 25)
    }
    .pt-30 {
        padding-top: calc(var(--spacing) * 30)
    }
    .pt-35 {
        padding-top: calc(var(--spacing) * 35)
    }
    .pt-42 {
        padding-top: calc(var(--spacing) * 42)
    }
    .pt-44 {
        padding-top: calc(var(--spacing) * 44)
    }
    .pt-46 {
        padding-top: calc(var(--spacing) * 46)
    }
    .pt-56 {
        padding-top: calc(var(--spacing) * 56)
    }
    .pt-62 {
        padding-top: calc(var(--spacing) * 62)
    }
    .pt-65 {
        padding-top: calc(var(--spacing) * 65)
    }
    .pr-8 {
        padding-right: calc(var(--spacing) * 8)
    }
    .pr-10 {
        padding-right: calc(var(--spacing) * 10)
    }
    .pr-13 {
        padding-right: calc(var(--spacing) * 13)
    }
    .pr-21 {
        padding-right: calc(var(--spacing) * 21)
    }
    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5)
    }
    .pb-15 {
        padding-bottom: calc(var(--spacing) * 15)
    }
    .pb-18 {
        padding-bottom: calc(var(--spacing) * 18)
    }
    .pb-20 {
        padding-bottom: calc(var(--spacing) * 20)
    }
    .pb-22 {
        padding-bottom: calc(var(--spacing) * 22)
    }
    .pb-23 {
        padding-bottom: calc(var(--spacing) * 23)
    }
    .pb-25 {
        padding-bottom: calc(var(--spacing) * 25)
    }
    .pb-27 {
        padding-bottom: calc(var(--spacing) * 27)
    }
    .pb-30 {
        padding-bottom: calc(var(--spacing) * 30)
    }
    .pb-36 {
        padding-bottom: calc(var(--spacing) * 36)
    }
    .pb-37 {
        padding-bottom: calc(var(--spacing) * 37)
    }
    .pb-38 {
        padding-bottom: calc(var(--spacing) * 38)
    }
    .pb-40 {
        padding-bottom: calc(var(--spacing) * 40)
    }
    .pb-41 {
        padding-bottom: calc(var(--spacing) * 41)
    }
    .pb-46 {
        padding-bottom: calc(var(--spacing) * 46)
    }
    .pb-80 {
        padding-bottom: calc(var(--spacing) * 80)
    }
    .pb-87 {
        padding-bottom: calc(var(--spacing) * 87)
    }
    .pl-5 {
        padding-left: calc(var(--spacing) * 5)
    }
    .pl-10 {
        padding-left: calc(var(--spacing) * 10)
    }
    .pl-16 {
        padding-left: calc(var(--spacing) * 16)
    }
    .pl-18 {
        padding-left: calc(var(--spacing) * 18)
    }
    .pl-20 {
        padding-left: calc(var(--spacing) * 20)
    }
    .pl-21 {
        padding-left: calc(var(--spacing) * 21)
    }
    .text-center {
        text-align: center
    }
    .text-right {
        text-align: right
    }
    .font-poppins {
        font-family: var(--font-poppins)
    }
    .text-8 {
        font-size: var(--text-8)
    }
    .text-10 {
        font-size: var(--text-10)
    }
    .text-12 {
        font-size: var(--text-12)
    }
    .text-14 {
        font-size: var(--text-14)
    }
    .text-15 {
        font-size: var(--text-15)
    }
    .text-16 {
        font-size: var(--text-16)
    }
    .text-18 {
        font-size: var(--text-18)
    }
    .text-22 {
        font-size: var(--text-22)
    }
    .text-24 {
        font-size: var(--text-24)
    }
    .text-32 {
        font-size: var(--text-32)
    }
    .text-40 {
        font-size: var(--text-40)
    }
    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }
    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6
    }
    .leading-\[1\.75\] {
        --tw-leading: 1.75;
        line-height: 1.75
    }
    .leading-\[1\.444\] {
        --tw-leading: 1.444;
        line-height: 1.444
    }
    .leading-\[1\.714\] {
        --tw-leading: 1.714;
        line-height: 1.714
    }
    .leading-\[1\.833\] {
        --tw-leading: 1.833;
        line-height: 1.833
    }
    .leading-\[1\.857\] {
        --tw-leading: 1.857;
        line-height: 1.857
    }
    .leading-\[1\.916\] {
        --tw-leading: 1.916;
        line-height: 1.916
    }
    .leading-\[1\.3333\] {
        --tw-leading: 1.3333;
        line-height: 1.3333
    }
    .leading-\[1\.3636\] {
        --tw-leading: 1.3636;
        line-height: 1.3636
    }
    .leading-\[1\.4666\] {
        --tw-leading: 1.4666;
        line-height: 1.4666
    }
    .leading-loose {
        --tw-leading: var(--leading-loose);
        line-height: var(--leading-loose)
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }
    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }
    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }
    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }
    .tracking-\[0\.01em\] {
        --tw-tracking: 0.01em;
        letter-spacing: 0.01em
    }
    .text-nowrap {
        text-wrap: nowrap
    }
    .text-gray {
        color: var(--color-gray)
    }
    .text-purple-700 {
        color: var(--color-purple-700)
    }
    .text-purple-900 {
        color: var(--color-purple-900)
    }
    .text-white {
        color: var(--color-white)
    }
    .shadow-md {
        --tw-shadow: 0 3px 6px var(--tw-shadow-color, #d7cae6);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .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, )
    }
    @media(hover:hover) {
        .hover\:opacity-70:hover {
            opacity: .7
        }
    }
}
@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-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}
@property --tw-leading {
    syntax: "*";
    inherits: false
}
@property --tw-font-weight {
    syntax: "*";
    inherits: false
}
@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
}