/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;

@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var( --font-sans--font-variation-settings );
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var( --font-mono--font-feature-settings );
        --default-mono-font-variation-settings: var( --font-mono--font-variation-settings );
    }
}

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

    html, :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        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 );
        -webkit-tap-highlight-color: transparent;
    }

    body {
        line-height: inherit;
    }

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

    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, 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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

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

    :-moz-focusring {
        outline: auto;
    }

    progress {
        vertical-align: baseline;
    }

    summary {
        display: list-item;
    }

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

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

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

    button, input, select, optgroup, textarea, ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        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;
        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-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

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

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

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

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

@layer utilities {
    .absolute {
        position: absolute;
    }

    .relative {
        position: relative;
    }

    .top-1\/2 {
        top: calc(1/2 * 100%);
    }

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

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

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

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

    .bottom-5 {
        bottom: calc(var(--spacing) * 5);
    }

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

    .left-1\/2 {
        left: calc(1/2 * 100%);
    }

    .left-\[43\%\] {
        left: 43%;
    }

    .my-6 {
        margin-block: calc(var(--spacing) * 6);
    }

    .my-15 {
        margin-block: calc(var(--spacing) * 15);
    }

    .\!mt-5 {
        margin-top: calc(var(--spacing) * 5) !important;
    }

    .-mt-18\.5 {
        margin-top: calc(var(--spacing) * -18.5);
    }

    .-mt-23\.5 {
        margin-top: calc(var(--spacing) * -23.5);
    }

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

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

    .mr-1\.5 {
        margin-right: calc(var(--spacing) * 1.5);
    }

    .mr-2 {
        margin-right: calc(var(--spacing) * 2);
    }

    .mr-2\.5 {
        margin-right: calc(var(--spacing) * 2.5);
    }

    .mr-3 {
        margin-right: calc(var(--spacing) * 3);
    }

    .mr-14 {
        margin-right: calc(var(--spacing) * 14);
    }

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

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

    .-ml-60 {
        margin-left: calc(var(--spacing) * -60);
    }

    .ml-1\.5 {
        margin-left: calc(var(--spacing) * 1.5);
    }

    .flex {
        display: flex;
    }

    .grid {
        display: grid;
    }

    .hidden {
        display: none;
    }

    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }

    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
    }

    .size-16 {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16);
    }

    .\!h-15 {
        height: calc(var(--spacing) * 15) !important;
    }

    .\!h-17 {
        height: calc(var(--spacing) * 17) !important;
    }

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

    .h-screen {
        height: 100vh;
    }

    .\!w-60 {
        width: calc(var(--spacing) * 60) !important;
    }

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

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

    .w-\[350px\] {
        width: 350px;
    }

    .w-fit {
        width: fit-content;
    }

    .w-full {
        width: 100%;
    }

    .max-w-125\.5 {
        max-width: calc(var(--spacing) * 125.5);
    }

    .flex-1 {
        flex: 1;
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-y-1\/2 {
        --tw-translate-y: calc(1/2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .scale-150 {
        --tw-scale-x: 150%;
        --tw-scale-y: 150%;
        --tw-scale-z: 150%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .rotate-45 {
        rotate: 45deg;
    }

    .rotate-180 {
        rotate: 180deg;
    }

    .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;
    }

    .items-center {
        align-items: center;
    }

    .items-start {
        align-items: flex-start;
    }

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

    .justify-center {
        justify-content: center;
    }

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

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

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

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

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

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

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

    .space-y-10 {
        : where(& > :not(:last-child))

{
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
}

}

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

.space-x-3 {
    : where(& > :not(:last-child))

{
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

}

.gap-y-10\.5 {
    row-gap: calc(var(--spacing) * 10.5);
}

.rounded-2xl {
    border-radius: var(--radius-2xl);
}

.rounded-3xl {
    border-radius: var(--radius-3xl);
}

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

.rounded-br {
    border-bottom-right-radius: 0.25rem;
}

.bg-\[\#00b26b\] {
    background-color: #00b26b;
}

.bg-\[\#A9A9A9\] {
    background-color: #A9A9A9;
}

.bg-\[\#D8EDDD\] {
    background-color: #D8EDDD;
}

.bg-\[\#D9D9D9\] {
    background-color: #D9D9D9;
}

.bg-\[\#F2F2F2\] {
    background-color: #F2F2F2;
}

.bg-\[\#FA8D4A\] {
    background-color: #FA8D4A;
}

.bg-\[\#FF6047\] {
    background-color: #FF6047;
}

.bg-black\/5 {
    background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
}

.bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
}

.\!bg-\[url\(\'\/public\/result\/screen1\.png\'\)\] {
    background-image: url('/public/result/screen1.png') !important;
}

.\!bg-\[url\(\'\/public\/result\/screen2\.jpg\'\)\] {
    background-image: url('/public/result/screen2.jpg') !important;
}

.from-\[\#FFE5A0\] {
    --tw-gradient-from: #FFE5A0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.to-\[\#FA8D4A\] {
    --tw-gradient-to: #FA8D4A;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.bg-cover {
    background-size: cover;
}

.bg-clip-text {
    background-clip: text;
}

.\!px-20 {
    padding-inline: calc(var(--spacing) * 20) !important;
}

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

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

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

.pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
}

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

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

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

.pb-4\.5 {
    padding-bottom: calc(var(--spacing) * 4.5);
}

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

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

.text-center {
    text-align: center;
}

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

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

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

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

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

.\!text-\[40px\] {
    font-size: 40px !important;
}

.text-\[24px\] {
    font-size: 24px;
}

.text-\[26px\] {
    font-size: 26px;
}

.text-\[28px\] {
    font-size: 28px;
}

.text-\[32px\] {
    font-size: 32px;
}

.text-\[40px\] {
    font-size: 40px;
}

.text-\[48px\] {
    font-size: 48px;
}

.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);
}

.\!text-white {
    color: var(--color-white) !important;
}

.text-\[\#006638\] {
    color: #006638;
}

.text-\[\#252525\] {
    color: #252525;
}

.text-\[\#252525\]\/40 {
    color: color-mix(in oklab, #252525 40%, transparent);
}

.text-\[\#999999\] {
    color: #999999;
}

.text-black {
    color: var(--color-black);
}

.text-black\/40 {
    color: color-mix(in oklab, var(--color-black) 40%, transparent);
}

.text-transparent {
    color: transparent;
}

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

.backdrop-filter {
    -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,);
}

.max-\[1800px\]\:px-10 {
    @media (width < 1800px) {
        padding-inline: calc(var(--spacing) * 10);
    }
}

.max-\[1600px\]\:-ml-25 {
    @media (width < 1600px) {
        margin-left: calc(var(--spacing) * -25);
    }
}

.max-2xl\:my-8 {
    @media (width < 96rem) {
        margin-block: calc(var(--spacing) * 8);
    }
}

.max-2xl\:my-10 {
    @media (width < 96rem) {
        margin-block: calc(var(--spacing) * 10);
    }
}

.max-2xl\:mr-6 {
    @media (width < 96rem) {
        margin-right: calc(var(--spacing) * 6);
    }
}

.max-2xl\:mb-4 {
    @media (width < 96rem) {
        margin-bottom: calc(var(--spacing) * 4);
    }
}

}

@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-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

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

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

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0);
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0);
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0);
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0);
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0);
}

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

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

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

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

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

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

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

@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;
}