/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@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-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --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-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-md: 12px;
    --blur-lg: 16px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: #79bd28;
}
}
@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%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         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;
}
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;
}
::-moz-placeholder {
    opacity: 1;
}
::placeholder {
    opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
::-moz-placeholder {
      color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
::placeholder {
      color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
        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;
}
::-webkit-calendar-picker-indicator {
    line-height: 1;
}
:-moz-ui-invalid {
    box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
}
}
@layer utilities {
.pointer-events-none {
    pointer-events: none;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.top-0 {
    top: calc(var(--spacing) * 0);
}
.top-1\/2 {
    top: calc(1/2 * 100%);
}
.top-28 {
    top: calc(var(--spacing) * 28);
}
.top-32 {
    top: calc(var(--spacing) * 32);
}
.top-full {
    top: 100%;
}
.right-0 {
    right: calc(var(--spacing) * 0);
}
.right-4 {
    right: calc(var(--spacing) * 4);
}
.right-5 {
    right: calc(var(--spacing) * 5);
}
.bottom-0 {
    bottom: calc(var(--spacing) * 0);
}
.left-0 {
    left: calc(var(--spacing) * 0);
}
.left-1\/2 {
    left: calc(1/2 * 100%);
}
.left-auto {
    left: auto;
}
.z-0 {
    z-index: 0;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
}
.-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
}
.-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
}
.mx-auto {
    margin-inline: auto;
}
.mt-20 {
    margin-top: calc(var(--spacing) * 20);
}
.mr-2 {
    margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
    margin-right: calc(var(--spacing) * 3);
}
.mr-4 {
    margin-right: calc(var(--spacing) * 4);
}
.mr-5 {
    margin-right: calc(var(--spacing) * 5);
}
.mr-10 {
    margin-right: calc(var(--spacing) * 10);
}
.mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
}
.mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
}
.mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
}
.mb-28 {
    margin-bottom: calc(var(--spacing) * 28);
}
.mb-32 {
    margin-bottom: calc(var(--spacing) * 32);
}
.mb-60 {
    margin-bottom: calc(var(--spacing) * 60);
}
.ml-2 {
    margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
    margin-left: calc(var(--spacing) * 3);
}
.ml-auto {
    margin-left: auto;
}
.block {
    display: block;
}
.contents {
    display: contents;
}
.flex {
    display: flex;
}
.hidden {
    display: none;
}
.inline-block {
    display: inline-block;
}
.inline-flex {
    display: inline-flex;
}
.aspect-square {
    aspect-ratio: 1 / 1;
}
.aspect-video {
    aspect-ratio: var(--aspect-video);
}
.h-8 {
    height: calc(var(--spacing) * 8);
}
.h-9 {
    height: calc(var(--spacing) * 9);
}
.h-12 {
    height: calc(var(--spacing) * 12);
}
.h-full {
    height: 100%;
}
.max-h-0 {
    max-height: calc(var(--spacing) * 0);
}
.min-h-\[150px\] {
    min-height: 150px;
}
.min-h-screen {
    min-height: 100vh;
}
.w-1\/2 {
    width: calc(1/2 * 100%);
}
.w-1\/4 {
    width: calc(1/4 * 100%);
}
.w-1\/6 {
    width: calc(1/6 * 100%);
}
.w-8 {
    width: calc(var(--spacing) * 8);
}
.w-9 {
    width: calc(var(--spacing) * 9);
}
.w-11\/12 {
    width: calc(11/12 * 100%);
}
.w-12 {
    width: calc(var(--spacing) * 12);
}
.w-\[50px\] {
    width: 50px;
}
.w-\[100px\] {
    width: 100px;
}
.w-auto {
    width: auto;
}
.w-full {
    width: 100%;
}
.max-w-\[1440px\] {
    max-width: 1440px;
}
.max-w-\[1920px\] {
    max-width: 1920px;
}
.max-w-full {
    max-width: 100%;
}
.max-w-screen-md {
    max-width: var(--breakpoint-md);
}
.max-w-screen-sm {
    max-width: var(--breakpoint-sm);
}
.max-w-screen-xl {
    max-width: var(--breakpoint-xl);
}
.flex-1 {
    flex: 1;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[150\%\] {
    --tw-translate-y: 150%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-scale-100 {
    --tw-scale-x: calc(100% * -1);
    --tw-scale-y: calc(100% * -1);
    --tw-scale-z: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rotate-90 {
    rotate: 90deg;
}
.transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
    cursor: pointer;
}
.resize {
    resize: both;
}
.appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.items-center {
    align-items: center;
}
.items-end {
    align-items: flex-end;
}
.items-start {
    align-items: flex-start;
}
.items-stretch {
    align-items: stretch;
}
.justify-between {
    justify-content: space-between;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.justify-start {
    justify-content: flex-start;
}
.overflow-hidden {
    overflow: hidden;
}
.rounded-md {
    border-radius: var(--radius-md);
}
.rounded-sm {
    border-radius: var(--radius-sm);
}
.border {
    border-style: var(--tw-border-style);
    border-width: 1px;
}
.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
}
.border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
}
.border-black {
    border-color: var(--color-black);
}
.border-primary {
    border-color: var(--color-primary);
}
.border-transparent {
    border-color: transparent;
}
.border-zinc-300 {
    border-color: var(--color-zinc-300);
}
.border-zinc-500 {
    border-color: var(--color-zinc-500);
}
.border-zinc-600 {
    border-color: var(--color-zinc-600);
}
.border-zinc-700 {
    border-color: var(--color-zinc-700);
}
.bg-primary {
    background-color: var(--color-primary);
}
.bg-transparent {
    background-color: transparent;
}
.bg-zinc-800 {
    background-color: var(--color-zinc-800);
}
.bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
}
.to-transparent {
    --tw-gradient-to: transparent;
    --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));
}
.object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
.object-center {
    -o-object-position: center;
       object-position: center;
}
.px-1 {
    padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
    padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
    padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
    padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
    padding-inline: calc(var(--spacing) * 5);
}
.px-8 {
    padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
    padding-inline: calc(var(--spacing) * 10);
}
.px-14 {
    padding-inline: calc(var(--spacing) * 14);
}
.py-1 {
    padding-block: calc(var(--spacing) * 1);
}
.py-2 {
    padding-block: calc(var(--spacing) * 2);
}
.py-3 {
    padding-block: calc(var(--spacing) * 3);
}
.py-4 {
    padding-block: calc(var(--spacing) * 4);
}
.py-5 {
    padding-block: calc(var(--spacing) * 5);
}
.py-10 {
    padding-block: calc(var(--spacing) * 10);
}
.py-32 {
    padding-block: calc(var(--spacing) * 32);
}
.py-\[2px\] {
    padding-block: 2px;
}
.pt-0 {
    padding-top: calc(var(--spacing) * 0);
}
.pt-5 {
    padding-top: calc(var(--spacing) * 5);
}
.pt-10 {
    padding-top: calc(var(--spacing) * 10);
}
.pt-24 {
    padding-top: calc(var(--spacing) * 24);
}
.pt-40 {
    padding-top: calc(var(--spacing) * 40);
}
.pt-\[0px\] {
    padding-top: 0px;
}
.pt-\[102px\] {
    padding-top: 102px;
}
.pr-8 {
    padding-right: calc(var(--spacing) * 8);
}
.pr-12 {
    padding-right: calc(var(--spacing) * 12);
}
.pr-20 {
    padding-right: calc(var(--spacing) * 20);
}
.pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
}
.pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
}
.pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
}
.pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
}
.pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
}
.pl-5 {
    padding-left: calc(var(--spacing) * 5);
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.font-mono {
    font-family: var(--font-mono);
}
.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-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
}
.text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
}
.leading-none {
    --tw-leading: 1;
    line-height: 1;
}
.leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
}
.font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
}
.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
.whitespace-nowrap {
    white-space: nowrap;
}
.text-black {
    color: var(--color-black);
}
.text-primary {
    color: var(--color-primary);
}
.text-red-600 {
    color: var(--color-red-600);
}
.text-white {
    color: var(--color-white);
}
.text-zinc-300 {
    color: var(--color-zinc-300);
}
.text-zinc-400 {
    color: var(--color-zinc-400);
}
.text-zinc-500 {
    color: var(--color-zinc-500);
}
.text-zinc-600 {
    color: var(--color-zinc-600);
}
.uppercase {
    text-transform: uppercase;
}
.line-through {
    text-decoration-line: line-through;
}
.placeholder-gray-700 {
&::-moz-placeholder {
      color: var(--color-gray-700);
}
&::placeholder {
      color: var(--color-gray-700);
}
}
.opacity-0 {
    opacity: 0%;
}
.opacity-10 {
    opacity: 10%;
}
.opacity-20 {
    opacity: 20%;
}
.opacity-60 {
    opacity: 60%;
}
.mix-blend-overlay {
    mix-blend-mode: overlay;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 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-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 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);
}
.outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
}
.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,);
}
.transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
}
.duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
}
.duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
}
.hover\:scale-105 {
&:hover {
@media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}
.hover\:bg-primary {
&:hover {
@media (hover: hover) {
        background-color: var(--color-primary);
}
}
}
.hover\:bg-transparent {
&:hover {
@media (hover: hover) {
        background-color: transparent;
}
}
}
.hover\:bg-white {
&:hover {
@media (hover: hover) {
        background-color: var(--color-white);
}
}
}
.hover\:text-primary {
&:hover {
@media (hover: hover) {
        color: var(--color-primary);
}
}
}
.hover\:text-white {
&:hover {
@media (hover: hover) {
        color: var(--color-white);
}
}
}
.focus\:border-primary {
&:focus {
      border-color: var(--color-primary);
}
}
.focus\:outline-primary {
&:focus {
      outline-color: var(--color-primary);
}
}
.focus\:outline-none {
&:focus {
      --tw-outline-style: none;
      outline-style: none;
}
}
.sm\:-mx-1 {
@media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * -1);
}
}
.sm\:-mx-2 {
@media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * -2);
}
}
.sm\:mx-0 {
@media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
}
}
.sm\:mb-0 {
@media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 0);
}
}
.sm\:mb-4 {
@media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 4);
}
}
.sm\:mb-5 {
@media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 5);
}
}
.sm\:mb-16 {
@media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 16);
}
}
.sm\:mb-20 {
@media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 20);
}
}
.sm\:mb-36 {
@media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 36);
}
}
.sm\:block {
@media (width >= 40rem) {
      display: block;
}
}
.sm\:hidden {
@media (width >= 40rem) {
      display: none;
}
}
.sm\:w-60 {
@media (width >= 40rem) {
      width: calc(var(--spacing) * 60);
}
}
.sm\:w-\[300px\] {
@media (width >= 40rem) {
      width: 300px;
}
}
.sm\:w-auto {
@media (width >= 40rem) {
      width: auto;
}
}
.sm\:translate-y-full {
@media (width >= 40rem) {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.sm\:flex-nowrap {
@media (width >= 40rem) {
      flex-wrap: nowrap;
}
}
.sm\:justify-end {
@media (width >= 40rem) {
      justify-content: flex-end;
}
}
.sm\:border-transparent {
@media (width >= 40rem) {
      border-color: transparent;
}
}
.sm\:px-0 {
@media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
}
}
.sm\:px-2 {
@media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2);
}
}
.sm\:px-10 {
@media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
}
}
.sm\:pt-10 {
@media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 10);
}
}
.sm\:pt-40 {
@media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 40);
}
}
.sm\:text-2xl {
@media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
.sm\:text-3xl {
@media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.sm\:text-4xl {
@media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
.sm\:text-7xl {
@media (width >= 40rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
.sm\:text-9xl {
@media (width >= 40rem) {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
}
}
.sm\:text-base {
@media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
}
}
.sm\:text-xl {
@media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.md\:-mx-2 {
@media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * -2);
}
}
.md\:mr-5 {
@media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 5);
}
}
.md\:mr-8 {
@media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 8);
}
}
.md\:mb-0 {
@media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
}
}
.md\:mb-4 {
@media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
}
}
.md\:mb-10 {
@media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
}
}
.md\:mb-36 {
@media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 36);
}
}
.md\:block {
@media (width >= 48rem) {
      display: block;
}
}
.md\:flex {
@media (width >= 48rem) {
      display: flex;
}
}
.md\:hidden {
@media (width >= 48rem) {
      display: none;
}
}
.md\:h-10 {
@media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
}
}
.md\:w-1\/2 {
@media (width >= 48rem) {
      width: calc(1/2 * 100%);
}
}
.md\:w-1\/3 {
@media (width >= 48rem) {
      width: calc(1/3 * 100%);
}
}
.md\:w-2\/3 {
@media (width >= 48rem) {
      width: calc(2/3 * 100%);
}
}
.md\:w-3\/4 {
@media (width >= 48rem) {
      width: calc(3/4 * 100%);
}
}
.md\:w-10 {
@media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
}
}
.md\:w-64 {
@media (width >= 48rem) {
      width: calc(var(--spacing) * 64);
}
}
.md\:w-72 {
@media (width >= 48rem) {
      width: calc(var(--spacing) * 72);
}
}
.md\:w-\[140px\] {
@media (width >= 48rem) {
      width: 140px;
}
}
.md\:w-\[432px\] {
@media (width >= 48rem) {
      width: 432px;
}
}
.md\:w-auto {
@media (width >= 48rem) {
      width: auto;
}
}
.md\:max-w-\[45\%\] {
@media (width >= 48rem) {
      max-width: 45%;
}
}
.md\:translate-y-0 {
@media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.md\:rounded-md {
@media (width >= 48rem) {
      border-radius: var(--radius-md);
}
}
.md\:border-2 {
@media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 2px;
}
}
.md\:px-2 {
@media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 2);
}
}
.md\:px-4 {
@media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
}
}
.md\:px-10 {
@media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
}
}
.md\:pt-28 {
@media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
}
}
.md\:pl-10 {
@media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 10);
}
}
.md\:text-2xl {
@media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
.md\:text-3xl {
@media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.md\:text-8xl {
@media (width >= 48rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
}
}
.md\:text-base {
@media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
}
}
.md\:text-lg {
@media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
.md\:text-xl {
@media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.md\:leading-none {
@media (width >= 48rem) {
      --tw-leading: 1;
      line-height: 1;
}
}
.md\:leading-relaxed {
@media (width >= 48rem) {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
}
}
.md\:opacity-20 {
@media (width >= 48rem) {
      opacity: 20%;
}
}
.md\:hover\:-translate-y-2 {
@media (width >= 48rem) {
&:hover {
@media (hover: hover) {
          --tw-translate-y: calc(var(--spacing) * -2);
          translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
}
.hover\:md\:scale-105 {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          --tw-scale-x: 105%;
          --tw-scale-y: 105%;
          --tw-scale-z: 105%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}
}
.hover\:md\:scale-110 {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}
}
.hover\:md\:border-primary {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          border-color: var(--color-primary);
}
}
}
}
.hover\:md\:bg-primary {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          background-color: var(--color-primary);
}
}
}
}
.hover\:md\:bg-transparent {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          background-color: transparent;
}
}
}
}
.hover\:md\:bg-white {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          background-color: var(--color-white);
}
}
}
}
.hover\:md\:text-primary {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          color: var(--color-primary);
}
}
}
}
.hover\:md\:text-white {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          color: var(--color-white);
}
}
}
}
.md\:hover\:text-primary {
@media (width >= 48rem) {
&:hover {
@media (hover: hover) {
          color: var(--color-primary);
}
}
}
}
.hover\:md\:opacity-50 {
&:hover {
@media (hover: hover) {
@media (width >= 48rem) {
          opacity: 50%;
}
}
}
}
.lg\:mb-0 {
@media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
}
}
.lg\:block {
@media (width >= 64rem) {
      display: block;
}
}
.lg\:w-1\/3 {
@media (width >= 64rem) {
      width: calc(1/3 * 100%);
}
}
.lg\:w-1\/4 {
@media (width >= 64rem) {
      width: calc(1/4 * 100%);
}
}
.lg\:w-3\/4 {
@media (width >= 64rem) {
      width: calc(3/4 * 100%);
}
}
.lg\:w-4\/5 {
@media (width >= 64rem) {
      width: calc(4/5 * 100%);
}
}
.lg\:w-28 {
@media (width >= 64rem) {
      width: calc(var(--spacing) * 28);
}
}
.lg\:w-auto {
@media (width >= 64rem) {
      width: auto;
}
}
.lg\:pl-20 {
@media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 20);
}
}
.xl\:px-0 {
@media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
}
}
.\32 xl\:w-1\/5 {
@media (width >= 96rem) {
      width: calc(1/5 * 100%);
}
}
.\32 xl\:w-4\/5 {
@media (width >= 96rem) {
      width: calc(4/5 * 100%);
}
}
.\32 xl\:px-0 {
@media (width >= 96rem) {
      padding-inline: calc(var(--spacing) * 0);
}
}
}
@font-face {
  font-family: "icomoon";
  src: url(data:application/vnd.ms-fontobject;base64,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);
  src: url(data:application/vnd.ms-fontobject;base64,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#iefix) format("embedded-opentype"), url(data:font/ttf;base64,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) format("truetype"), url(data:font/woff;base64,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) format("woff"), url(/img/icomoon.26d4a9ab.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-member:before {
  content: "\e900";
}
.icon-arrow:before {
  content: "\e901";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-close:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
}
.icon-instagram:before {
  content: "\e905";
}
.icon-mail:before {
  content: "\e907";
}
.icon-map-pin:before {
  content: "\e908";
}
.icon-menu:before {
  content: "\e909";
}
.icon-phone:before {
  content: "\e90a";
}
.icon-plus:before {
  content: "\e90b";
}
.icon-play:before {
  content: "\e90c";
}
.icon-search:before {
  content: "\e90d";
}
.icon-whatsapp:before {
  content: "\e90e";
}
.icon-youtube:before {
  content: "\e90f";
}
.icon-minus:before {
  content: "\e910";
}
.icon-line:before {
  content: "\e911";
}
.icon-link:before {
  content: "\e912";
}
.icon-mage_filter:before {
  content: "\e913";
}
* {
  font-family: "Noto Sans TC", sans-serif;
}
.text-orbitron {
  font-family: "Orbitron", "Noto Sans TC", sans-serif;
}
#app {
  min-height: 100svh;
  width: 100%;
  background-color: var(--color-black);
}
.router-container {
  position: relative;
  z-index: 10;
  min-height: 100svh;
  width: 100%;
}
.main-container {
  margin-inline: auto;
  width: 100%;
  max-width: 1920px;
  position: relative;
  display: block;
}
@media (max-width: 2000px) {
.main-container {
    padding-inline: calc(var(--spacing) * 10);
}
}
@media (max-width: 768px) {
.main-container {
    padding-inline: calc(var(--spacing) * 5);
}
}
@keyframes txtblinking {
0% {
    opacity: 0;
}
5% {
    opacity: 0.4;
}
10% {
    opacity: 0;
}
15% {
    opacity: 0.55;
}
20% {
    opacity: 0.55;
}
25% {
    opacity: 0;
}
30% {
    opacity: 0.7;
}
40% {
    opacity: 0.7;
}
45% {
    opacity: 0;
}
50% {
    opacity: 0.85;
}
65% {
    opacity: 0.85;
}
70% {
    opacity: 0;
}
75% {
    opacity: 1;
}
to {
    opacity: 1;
}
}
.main-btn {
  position: relative;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.main-btn i {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.main-btn i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: bottom right;
}
.main-btn i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: bottom left;
}
.main-btn i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: top right;
}
.main-btn i:nth-of-type(4) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: top left;
}
.main-btn span {
  font-family: "Orbitron", "Noto Sans TC", sans-serif;
  position: relative;
  display: inline-block;
  background-color: color-mix(in srgb, #79bd28 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
  color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 0.5);
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.main-btn span::after {
  content: "";
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  margin-top: auto;
  display: inline-block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 8px;
  border-left-style: var(--tw-border-style);
  border-left-width: 8px;
  border-color: var(--color-black);
  border-left-color: transparent;
}
.main-btn:hover i {
@media (width >= 48rem) {
    --tw-scale-x: 120%;
    --tw-scale-y: 120%;
    --tw-scale-z: 120%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}
@media (width >= 48rem) {
    opacity: 0%;
}
}
.main-btn:hover span {
@media (width >= 48rem) {
    background-color: var(--color-primary);
}
@media (width >= 48rem) {
    color: var(--color-black);
}
}
#MainFooter {
  position: relative;
  z-index: 10;
  width: 100%;
  background-color: var(--color-black);
  color: var(--color-white);
  padding-block: calc(var(--spacing) * 10);
}
#MainFooter .title-box {
  margin-bottom: calc(var(--spacing) * 5);
  text-align: center;
}
#MainFooter .title-box .small-title {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-white);
  margin-bottom: calc(var(--spacing) * 2);
}
#MainFooter .title-box .title {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding-bottom: calc(var(--spacing) * 2);
}
#MainFooter .title-box i {
  margin-top: calc(var(--spacing) * 2);
  display: block;
  height: 1px;
  width: 102%;
  background-color: var(--color-white);
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(1/2 * 100%);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#MainFooter .title-box i::after {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
  width: 1px;
  background-color: var(--color-white);
}
#MainFooter .title-box i::before {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
  width: 1px;
  background-color: var(--color-white);
}
#MainFooter .social-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(var(--spacing) * 20);
}
#MainFooter .social-box a {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  margin-inline: calc(var(--spacing) * 2);
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  position: relative;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#MainFooter .social-box a i:nth-of-type(1) {
  position: absolute;
  top: calc(1px * -1);
  left: calc(1px * -1);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 8px;
  border-right-style: var(--tw-border-style);
  border-right-width: 8px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
#MainFooter .social-box a i:nth-of-type(1)::before {
  position: absolute;
  top: calc(4px * -1);
  left: calc(1px * -1);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: 10px;
  background-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  display: block;
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#MainFooter .social-box a i:nth-of-type(2) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-left-style: var(--tw-border-style);
  border-left-width: 6px;
  border-left-color: transparent;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 6px;
  border-bottom-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#MainFooter .social-box a span {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#MainFooter .social-box a:hover {
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
#MainFooter .social-box a:hover span {
  color: var(--color-primary);
}
#MainFooter .social-box a:hover i:nth-of-type(1)::before {
  background-color: var(--color-primary);
}
#MainFooter .social-box a:hover i:nth-of-type(2) {
  border-bottom-color: var(--color-primary);
}
#MainFooter .info-box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
#MainFooter .info-box p, #MainFooter .info-box a {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-primary);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  width: 100%;
  text-align: center;
@media (width >= 48rem) {
    width: auto;
}
  margin-bottom: calc(var(--spacing) * 2);
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
}
#MainFooter .info-box a:hover {
  color: var(--color-primary);
}
#MainFooter .info-box p:nth-of-type(2) {
@media (width >= 48rem) {
    position: absolute;
}
@media (width >= 48rem) {
    top: calc(1/2 * 100%);
}
@media (width >= 48rem) {
    left: calc(1/2 * 100%);
}
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
@media (width >= 48rem) {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (width >= 48rem) {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
#MainFooter .image-box {
  margin-bottom: calc(var(--spacing) * 4);
  display: block;
  width: 100%;
}
#MainFooter .image-box img {
  display: block;
  width: 100%;
  opacity: 80%;
@media (width >= 48rem) {
    opacity: 40%;
}
}
#MainFooter .links-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-inline: calc(var(--spacing) * -2);
  margin-bottom: calc(var(--spacing) * 1);
}
#MainFooter .menu-box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
@media (width >= 64rem) {
    width: auto;
}
}
#MainFooter .terms-box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
@media (width >= 64rem) {
    width: auto;
}
}
#MainFooter .links-box a {
  position: relative;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
@media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}
@media (width >= 48rem) {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
}
  margin-bottom: calc(var(--spacing) * 4);
  display: block;
  width: calc(1/2 * 100%);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: center;
@media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
}
@media (width >= 64rem) {
    width: auto;
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#MainFooter .links-box a p:nth-of-type(1) {
  color: var(--color-primary);
}
#MainFooter .links-box a i {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#MainFooter .links-box a i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 2);
  z-index: 10;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-white);
  transform-origin: top left;
}
#MainFooter .links-box a i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 2);
  z-index: 10;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-white);
  transform-origin: top right;
}
#MainFooter .links-box a i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 2);
  z-index: 10;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-white);
  transform-origin: bottom left;
}
#MainFooter .links-box a i:nth-of-type(4) {
  position: absolute;
  right: calc(var(--spacing) * 2);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-white);
  transform-origin: bottom right;
}
#MainFooter .links-box a:hover {
  color: var(--color-primary);
}
#MainFooter .links-box a:hover i {
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  border-color: var(--color-primary);
}
#MainHeader {
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 30;
  width: 100%;
  display: flex;
  height: calc(var(--spacing) * 16);
  align-items: center;
  justify-content: space-between;
  padding-inline: calc(var(--spacing) * 5);
@media (width >= 40rem) {
    height: calc(var(--spacing) * 20);
}
  background-color: color-mix(in srgb, #000 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
}
  --tw-backdrop-blur: blur(var(--blur-md));
  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,);
}
#MainHeader .logo-box {
  display: block;
  width: calc(var(--spacing) * 32);
@media (width >= 48rem) {
    width: calc(var(--spacing) * 48);
}
}
#MainHeader .logo-box img {
  display: block;
  width: 100%;
}
#MainHeader .menu-list-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#MainHeader .menu-list {
  display: none;
  align-items: center;
  justify-content: flex-end;
@media (width >= 48rem) {
    display: flex;
}
}
#MainHeader .menu-list-box li {
  padding-inline: calc(var(--spacing) * 2);
}
#MainHeader .menu-list-box li:nth-last-of-type(1) {
  padding-right: calc(var(--spacing) * 0);
}
#MainHeader .menu-list li a.menu-btn {
  position: relative;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  text-transform: uppercase;
@media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}
@media (width >= 48rem) {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
}
  display: block;
  padding-inline: calc(var(--spacing) * 3);
  text-align: center;
@media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 6);
}
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#MainHeader .menu-list li a.menu-btn p:nth-of-type(1) {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-primary);
}
#MainHeader .menu-list li a.menu-btn p:nth-of-type(2) {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
#MainHeader .menu-list li a.menu-btn i {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#MainHeader .menu-list li a.menu-btn i:nth-of-type(1) {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  height: calc(var(--spacing) * 5);
  width: 1px;
  background-color: var(--color-white);
  transform-origin: left;
}
#MainHeader .menu-list li a.menu-btn i:nth-of-type(1)::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: calc(var(--spacing) * 1);
  background-color: var(--color-white);
}
#MainHeader .menu-list li a.menu-btn i:nth-of-type(1)::after {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: calc(var(--spacing) * 1);
  background-color: var(--color-white);
}
#MainHeader .menu-list li a.menu-btn i:nth-of-type(2) {
  position: absolute;
  top: calc(1/2 * 100%);
  right: calc(var(--spacing) * 0);
  z-index: 10;
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  height: calc(var(--spacing) * 5);
  width: 1px;
  background-color: var(--color-white);
  transform-origin: right;
}
#MainHeader .menu-list li a.menu-btn i:nth-of-type(2)::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: calc(var(--spacing) * 1);
  background-color: var(--color-white);
}
#MainHeader .menu-list li a.menu-btn i:nth-of-type(2)::after {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: calc(var(--spacing) * 1);
  background-color: var(--color-white);
}
#MainHeader .menu-list li a.menu-btn:hover {
  color: var(--color-primary);
}
#MainHeader .menu-list li a.menu-btn:hover i {
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  border-color: var(--color-primary);
}
#MainHeader .menu-btn {
  display: block;
  padding: calc(var(--spacing) * 1);
@media (width >= 48rem) {
    display: none;
}
}
#MainHeader .menu-btn span {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  padding-inline: calc(var(--spacing) * 0);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
@media (width >= 40rem) {
    height: calc(var(--spacing) * 10);
}
@media (width >= 40rem) {
    width: calc(var(--spacing) * 10);
}
@media (width >= 40rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
#MainMenu {
  position: fixed;
  top: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: -100%;
  z-index: 20;
  width: 100%;
  padding-top: calc(var(--spacing) * 16);
@media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 20);
}
}
#MainMenu .menu-box {
  width: 100%;
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
  border-color: var(--color-primary);
  position: relative;
  z-index: 10;
  padding: calc(var(--spacing) * 5);
}
#MainMenu .menu-box i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
}
#MainMenu .menu-list-box {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
  position: relative;
  z-index: 10;
  padding: calc(var(--spacing) * 3);
}
#MainMenu .menu-list-box .menu-list li {
  margin-bottom: calc(var(--spacing) * 5);
}
#MainMenu .menu-list-box .menu-list li:last-of-type {
  margin-bottom: calc(var(--spacing) * 0);
}
#MainMenu .menu-list-box .menu-list li a {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
#MainMenu .menu-list-box .menu-list li a span {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: calc(var(--spacing) * 0);
  line-height: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-white);
}
#MainMenu .menu-list-box .menu-list li a p {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary);
}
#MainMenu .menu-list-box > i:nth-of-type(1) {
  position: absolute;
  top: calc(1px * -1);
  right: calc(1px * -1);
  z-index: 10;
  display: block;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  overflow: hidden;
  background-color: var(--color-black);
}
#MainMenu .menu-list-box > i:nth-of-type(1)::after {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  display: block;
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: 150%;
  rotate: 45deg;
  background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
#MainMenu .menu-list-box > i:nth-of-type(1)::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  display: block;
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 16px;
  border-left-style: var(--tw-border-style);
  border-left-width: 16px;
  border-top-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-top-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  border-left-color: transparent;
}
#MainMenu .menu-list-box > i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  display: block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 8px;
  border-right-style: var(--tw-border-style);
  border-right-width: 8px;
  border-top-color: color-mix(in srgb, #fff 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-top-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
  border-right-color: transparent;
}
#MainMenu .social-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in srgb, #fff 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
  padding-block: calc(var(--spacing) * 5);
}
#MainMenu .social-box .title-box {
  margin-bottom: calc(var(--spacing) * 2);
  width: 100%;
  color: var(--color-white);
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
#MainMenu .social-box a {
  width: calc((100% - 16px) / 3);
  flex-shrink: 0;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  margin-right: calc(var(--spacing) * 2);
  display: flex;
  height: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#MainMenu .social-box a:last-of-type {
  margin-right: calc(var(--spacing) * 0);
}
#MainMenu .social-box a i:nth-of-type(1) {
  position: absolute;
  top: calc(1px * -1);
  left: calc(1px * -1);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 8px;
  border-right-style: var(--tw-border-style);
  border-right-width: 8px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
#MainMenu .social-box a i:nth-of-type(1)::before {
  position: absolute;
  top: calc(4px * -1);
  left: calc(1px * -1);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: 10px;
  background-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  display: block;
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#MainMenu .social-box a i:nth-of-type(2) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-left-style: var(--tw-border-style);
  border-left-width: 6px;
  border-left-color: transparent;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 6px;
  border-bottom-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
#MainMenu .social-box a span {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  color: var(--color-white);
}
#MainMenu .social-box a:hover {
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
#MainMenu .social-box a:hover span {
  color: var(--color-primary);
}
#MainMenu .social-box a:hover i:nth-of-type(1)::before {
  background-color: var(--color-primary);
}
#MainMenu .social-box a:hover i:nth-of-type(2) {
  border-bottom-color: var(--color-primary);
}
#MainMenu .terms-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-inline: calc(var(--spacing) * -2);
  margin-bottom: calc(var(--spacing) * 5);
  color: var(--color-white);
}
#MainMenu .terms-box a {
  position: relative;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
@media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}
@media (width >= 48rem) {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
}
  margin-inline: calc(var(--spacing) * 2);
  width: calc(1/2 * 100%);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: center;
@media (width >= 48rem) {
    width: auto;
}
@media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
}
}
#MainMenu .terms-box a i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-white);
  transform-origin: top left;
}
#MainMenu .terms-box a i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-white);
  transform-origin: top right;
}
#MainMenu .terms-box a i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-white);
  transform-origin: bottom left;
}
#MainMenu .terms-box a i:nth-of-type(4) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-white);
  transform-origin: bottom right;
}
#MainMenu .terms-box a:hover {
  color: var(--color-primary);
}
#MainMenu .terms-box a:hover i {
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  border-color: var(--color-primary);
}
#MainMenu .background-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  background-color: var(--color-black);
}
#ContactSection {
  position: relative;
  z-index: 10;
  width: 100%;
  background-color: var(--color-black);
  padding-bottom: calc(var(--spacing) * 20);
}
#ContactSection .contact-box {
  position: relative;
  margin-bottom: calc(var(--spacing) * 5);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
  padding: calc(var(--spacing) * 5);
@media (width >= 48rem) {
    padding: calc(var(--spacing) * 10);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ContactSection .contact-box > i {
  position: absolute;
  top: calc(1px * -1);
  right: calc(1px * -1);
  z-index: 10;
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 9);
  background-color: var(--color-black);
@media (width >= 48rem) {
    height: calc(var(--spacing) * 14);
}
@media (width >= 48rem) {
    width: calc(var(--spacing) * 14);
}
  overflow: hidden;
}
#ContactSection .contact-box > i::after {
  content: "";
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  height: 1px;
  width: 150%;
  rotate: 45deg;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  background-color: color-mix(in srgb, #fff 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ContactSection .contact-box .header-box, #ContactSection .dealer-box .header-box {
  position: relative;
  z-index: 10;
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 14);
}
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
#ContactSection .contact-box .header-box .small-title, #ContactSection .dealer-box .header-box .small-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
}
#ContactSection .contact-box .title-box hgroup, #ContactSection .dealer-box .title-box hgroup {
  margin-bottom: calc(var(--spacing) * 5);
  display: flex;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
}
#ContactSection .contact-box .title-box .title, #ContactSection .dealer-box .title-box .title {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#ContactSection .contact-box .title-box .title i, #ContactSection .dealer-box .title-box .title i {
  position: relative;
  display: block;
  height: calc(var(--spacing) * 0.25);
  width: 100%;
  background-color: var(--color-white);
}
#ContactSection .contact-box .title-box .title i::before, #ContactSection .dealer-box .title-box .title i::before {
  content: "";
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#ContactSection .contact-box .title-box .title i::after, #ContactSection .dealer-box .title-box .title i::after {
  content: "";
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#ContactSection .contact-box .title-box .title span, #ContactSection .dealer-box .title-box .title span {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
@media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
#ContactSection .contact-box .description-box {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 48rem) {
    width: auto;
}
}
#ContactSection .contact-box .description-box p {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  text-transform: uppercase;
}
#ContactSection .contact-box .description-box i {
  display: inline-block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-right-style: var(--tw-border-style);
  border-right-width: 8px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 8px;
  border-color: var(--color-primary);
  border-right-color: transparent;
}
#ContactSection .contact-box .content {
  position: relative;
  display: none;
  padding-inline: calc(var(--spacing) * 3);
@media (width >= 48rem) {
    display: block;
}
}
#ContactSection .contact-box .content svg text {
  fill: var(--color-primary);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
#ContactSection .contact-box .content i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-primary);
}
#ContactSection .contact-box .content i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-primary);
}
#ContactSection .contact-box .content i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-primary);
}
#ContactSection .contact-box .content i:nth-of-type(4) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
}
#ContactSection .contact-box:hover .content svg text {
  animation: contactTextMarquee 10s linear infinite;
}
#ContactSection .contact-box:hover {
  border-color: var(--color-primary);
}
#ContactSection .contact-box:hover i::after {
  background-color: var(--color-primary);
}
@keyframes contactTextMarquee {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(100%);
}
}
#ContactSection .dealer-box {
  position: relative;
}
#ContactSection .dealer-box a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: calc(var(--spacing) * 5);
@media (width >= 48rem) {
    min-height: calc(var(--spacing) * 100);
}
@media (width >= 48rem) {
    padding: calc(var(--spacing) * 10);
}
  z-index: 10;
}
#ContactSection .dealer-box > i {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 40px;
  border-left-style: var(--tw-border-style);
  border-left-width: 40px;
  border-color: var(--color-black);
  border-left-color: transparent;
@media (width >= 48rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 56px;
}
@media (width >= 48rem) {
    border-left-style: var(--tw-border-style);
    border-left-width: 56px;
}
}
#ContactSection .dealer-box > i::after {
  content: "";
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 24px;
  border-left-style: var(--tw-border-style);
  border-left-width: 24px;
  border-color: var(--color-primary);
  border-left-color: transparent;
  --tw-translate-y: calc(40px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
@media (width >= 48rem) {
    --tw-translate-y: calc(56px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
#ContactSection .dealer-box .content-box {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}
#ContactSection .dealer-box .content {
  width: 100%;
@media (width >= 48rem) {
    width: auto;
}
}
#ContactSection .dealer-box .content p {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  text-transform: uppercase;
}
#ContactSection .dealer-box .content i {
  display: inline-block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-right-style: var(--tw-border-style);
  border-right-width: 8px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 8px;
  border-color: var(--color-primary);
  border-right-color: transparent;
}
#ContactSection .dealer-box .image-box {
  display: none;
  align-items: center;
  justify-content: center;
@media (width >= 48rem) {
    display: flex;
}
@media (width >= 48rem) {
    justify-content: flex-start;
}
}
#ContactSection .dealer-box .image-box > svg {
  margin-inline: calc(var(--spacing) * 0.5);
  margin-top: calc(var(--spacing) * 5);
  display: inline-block;
  width: calc(var(--spacing) * 16);
  opacity: 50%;
@media (width >= 48rem) {
    margin-right: calc(var(--spacing) * 0.5);
}
@media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 0);
}
}
#ContactSection .dealer-box .image-box > svg circle {
  fill: var(--color-primary);
}
#ContactSection .dealer-box .bg-image-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#ContactSection .dealer-box .bg-image-box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 80%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
#ContactSection .dealer-box:hover .bg-image-box img {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#Pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Pagination .list_box {
  display: flex;
  align-items: center;
  justify-content: center;
}
#Pagination .page_button_box {
  padding-inline: calc(var(--spacing) * 2);
}
#Pagination .page_button_box button {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#Pagination .page_button_box button:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
#Pagination .page_button_box.active button {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-black);
}
#Pagination span.icon-arrow {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
#Pagination span.icon-arrow.left {
  display: block;
  --tw-scale-x: calc(100% * -1);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.editor-content img.fr-dib {
  width: 100% !important;
}
.editor-content span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}
.editor-content span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.editor-content .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.editor-content .fr-video {
  text-align: center;
  position: relative;
  aspect-ratio: 16/9;
}
.editor-content .fr-video > * {
  display: block;
  width: 100% !important;
  height: 100%;
  max-width: 100%;
  border: none;
}
.editor-content p {
  color: currentColor;
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
.editor-content img {
  width: 100%;
  display: block;
}
.editor-content ol, .editor-content ul {
  padding-left: calc(var(--spacing) * 5);
}
.editor-content ul {
  list-style-type: disc;
}
.editor-content ol {
  list-style-type: decimal;
}
.editor-content ol li::marker, .editor-content ul li::marker {
  color: var(--color-primary);
}
#MainLoading {
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: 100%;
  z-index: 50;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#MainLoading .background-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  height: 100%;
  width: 100%;
  background-color: color-mix(in srgb, #000 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
}
  --tw-backdrop-blur: blur(var(--blur-md));
  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,);
}
#MainLoading .image-box {
  position: relative;
  z-index: 10;
}
#MainLoading .image-box svg {
  display: block;
  width: calc(var(--spacing) * 80);
}
#MainLoading .cls-1 {
  fill: #79bd28;
}
#MainLoading .cls-2 {
  stroke: #fff;
  stroke-width: 1;
}
#ADV path.cls-2 {
  fill: transparent;
  stroke-dasharray: 400;
  stroke-dashoffset: 0;
}
#AN path.cls-2 {
  fill: transparent;
  stroke-dasharray: 252;
  stroke-dashoffset: 0;
}
#C path.cls-2 {
  fill: transparent;
  stroke-dasharray: 154;
  stroke-dashoffset: 0;
}
#E polygon.cls-2 {
  fill: transparent;
  stroke-dasharray: 168;
  stroke-dashoffset: 0;
}
#O path.cls-2 {
  fill: transparent;
  stroke-dasharray: 170;
  stroke-dashoffset: 0;
}
#N polygon.cls-2 {
  fill: transparent;
  stroke-dasharray: 144;
  stroke-dashoffset: 0;
}
#E-2 polygon.cls-2 {
  fill: transparent;
  stroke-dasharray: 168;
  stroke-dashoffset: 0;
}
#MainDialog {
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: -100%;
  z-index: 40;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#MainDialog .background-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  background-color: color-mix(in srgb, #000 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
}
}
#MainDialog .dialog-box {
  position: relative;
  z-index: 10;
  padding: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 100);
  max-width: calc(11/12 * 100%);
  color: var(--color-primary);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
}
#MainDialog .dialog-box::after {
  position: absolute;
  z-index: 0;
  --tw-content: '';
  content: var(--tw-content);
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  background-color: var(--color-black);
}
#MainDialog .dialog-box::before {
  position: absolute;
  z-index: 1;
  --tw-content: '';
  content: var(--tw-content);
}
#MainDialog .dialog-body {
  position: relative;
  z-index: 10;
  min-height: calc(var(--spacing) * 32);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 3);
  text-align: center;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#MainDialog .dialog-footer {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-bottom: calc(var(--spacing) * 5);
  display: flex;
  align-items: center;
  justify-content: center;
}
#MainDialog .dialog-footer .main-btn span {
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 2);
}
#MainDialog .dialog-box > span {
  position: absolute;
  top: calc(var(--spacing) * 3);
  left: calc(var(--spacing) * 3);
  z-index: 10;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
}
#TextField {
  display: block;
  width: 100%;
}
#TextField label {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  width: 100%;
}
#TextField label .label-text {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-primary);
}
#TextField label input {
  position: relative;
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 4);
  background-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
  color: var(--color-white);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white);
}
#TextField label .input-box {
  position: relative;
}
#TextField label .input-box::after {
  position: absolute;
  top: 5px;
  left: calc(2px * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  --tw-content: '';
  content: var(--tw-content);
@media (width >= 48rem) {
    top: 7.5px;
}
  z-index: 11;
  height: 1px;
  width: 14px;
  rotate: calc(45deg * -1);
  background-color: var(--color-white);
@media (width >= 48rem) {
    width: 21px;
}
}
#TextField label .input-box::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 10px;
  border-right-style: var(--tw-border-style);
  border-right-width: 10px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
@media (width >= 48rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 16px;
}
@media (width >= 48rem) {
    border-right-style: var(--tw-border-style);
    border-right-width: 16px;
}
}
#TextField label input:focus {
  --tw-outline-style: none;
  outline-style: none;
}
#TextField label .input-box.error input {
  border-color: var(--color-red-700);
}
#TextField label .input-box.error::after {
  background-color: var(--color-red-700);
}
#TextField .error-message {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-red-700);
}
#DropDown {
  display: block;
  width: 100%;
}
#DropDown label {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  width: 100%;
}
#DropDown label .label-text {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-primary);
}
#DropDown label .option-hint {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-primary);
}
#DropDown label .select-box {
  position: relative;
}
#DropDown label .select-box i {
  pointer-events: none;
  position: absolute;
  top: calc(1/2 * 100%);
  right: calc(var(--spacing) * 4);
  z-index: 10;
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 6px;
  border-right-style: var(--tw-border-style);
  border-right-width: 6px;
  border-left-style: var(--tw-border-style);
  border-left-width: 6px;
  border-top-color: var(--color-primary);
  border-right-color: transparent;
  border-left-color: transparent;
}
#DropDown label .select-box span::before {
  --tw-content: '';
  content: var(--tw-content);
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(0px * -1);
  --tw-translate-y: calc(5.6px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
@media (width >= 48rem) {
    left: calc(1.5px * -1);
}
@media (width >= 48rem) {
    --tw-translate-y: calc(7px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
  height: 1px;
  width: 14px;
  rotate: calc(45deg * -1);
  background-color: var(--color-white);
@media (width >= 48rem) {
    width: calc(var(--spacing) * 5);
}
}
#DropDown label .select-box span {
  position: absolute;
  top: calc(1px * -1);
  left: calc(1px * -1);
  z-index: 20;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 12px;
  border-right-style: var(--tw-border-style);
  border-right-width: 12px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
@media (width >= 48rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 16px;
}
@media (width >= 48rem) {
    border-right-style: var(--tw-border-style);
    border-right-width: 16px;
}
}
#DropDown label select {
  position: relative;
  z-index: 0;
  width: 100%;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 4);
  background-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white);
}
#DropDown label select:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 1px;
  outline-color: var(--color-black);
}
#DropDown label select.error {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-primary);
}
#DropDown .value-hint {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-primary);
}
#DropDown .error-message {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-primary);
}
#TextArea {
  display: block;
  width: 100%;
}
#TextArea label {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  width: 100%;
}
#TextArea label .label-text {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-primary);
}
#TextArea label textarea {
  min-height: calc(var(--spacing) * 50);
  width: 100%;
  padding: calc(var(--spacing) * 5);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white);
  background-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
  color: var(--color-white);
}
#TextArea label textarea:focus {
  --tw-outline-style: none;
  outline-style: none;
}
#TextArea .error-message {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-red-700);
}
#TextArea label .textarea-box {
  position: relative;
}
#TextArea label .textarea-box::after {
  position: absolute;
  top: 5px;
  left: calc(2px * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  --tw-content: '';
  content: var(--tw-content);
@media (width >= 48rem) {
    top: 7.5px;
}
  z-index: 11;
  height: 1px;
  width: 14px;
  rotate: calc(45deg * -1);
  background-color: var(--color-white);
@media (width >= 48rem) {
    width: 21px;
}
}
#TextArea label .textarea-box::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 10px;
  border-right-style: var(--tw-border-style);
  border-right-width: 10px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
@media (width >= 48rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 16px;
}
@media (width >= 48rem) {
    border-right-style: var(--tw-border-style);
    border-right-width: 16px;
}
}
#TextArea label .textarea-box.error textarea {
  border-color: var(--color-red-700);
}
#TextArea label .textarea-box.error::after {
  background-color: var(--color-red-700);
}
#HomeCarouselSection {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 0;
  width: 100%;
  padding-top: calc(var(--spacing) * 16);
@media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 20);
}
}
#HomeCarouselSection .carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
#HomeCarouselSection .carousel-container .image-box {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  flex-shrink: 0;
@media (width >= 48rem) {
    aspect-ratio: var(--aspect-video);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#HomeCarouselSection .carousel-container .image-box img {
  -webkit-user-drag: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
#HomeCarouselSection .carousel-container .image-box img:nth-of-type(1) {
  display: none;
@media (width >= 48rem) {
    display: block;
}
}
#HomeCarouselSection .carousel-container .image-box img:nth-of-type(2) {
  display: block;
@media (width >= 48rem) {
    display: none;
}
}
#HomeAboutSection {
  position: relative;
  z-index: 10;
  width: 100%;
  background-color: var(--color-black);
  padding-block: calc(var(--spacing) * 10);
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 32);
}
}
#HomeAboutSection .main-container {
  position: relative;
  z-index: 10;
}
#HomeAboutSection .image-box {
  display: none;
  align-items: center;
  justify-content: center;
@media (width >= 48rem) {
    display: flex;
}
@media (width >= 48rem) {
    justify-content: flex-start;
}
  order: 2;
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
@media (width >= 80rem) {
    order: 3;
}
}
#HomeAboutSection .image-box > svg {
  margin-inline: calc(var(--spacing) * 0.5);
  margin-top: calc(var(--spacing) * 5);
  display: inline-block;
  width: calc(var(--spacing) * 16);
  opacity: 50%;
@media (width >= 48rem) {
    margin-right: calc(var(--spacing) * 0.5);
}
@media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 0);
}
}
#HomeAboutSection .image-box > svg circle {
  fill: var(--color-primary);
}
#HomeAboutSection .background-box {
  position: absolute;
  top: calc(var(--spacing) * 20);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
@media (width >= 80rem) {
    justify-content: center;
}
}
#HomeAboutSection .background-box img {
  display: block;
  rotate: calc(30deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  opacity: 10%;
@media (width >= 80rem) {
    opacity: 15%;
}
}
#HomeAboutSection .header-box {
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 14);
}
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    flex-direction: row;
}
}
#HomeAboutSection .header-box .small-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
}
#HomeAboutSection .title-box hgroup {
  margin-bottom: calc(var(--spacing) * 5);
  display: flex;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
}
#HomeAboutSection .title-box .title {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#HomeAboutSection .title-box .title i {
  position: relative;
  display: block;
  height: calc(var(--spacing) * 0.25);
  width: 100%;
  background-color: var(--color-white);
}
#HomeAboutSection .title-box .title i::before {
  content: "";
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#HomeAboutSection .title-box .title i::after {
  content: "";
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#HomeAboutSection .title-box .title span {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
@media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
#HomeAboutSection .title-box .title span.blinking {
  animation: txtblinking 1.5s forwards;
}
#HomeAboutSection .description-box {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 48rem) {
    width: auto;
}
}
#HomeAboutSection .description-box p {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
#HomeAboutSection .description-box i {
  display: inline-block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-right-style: var(--tw-border-style);
  border-right-width: 8px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 8px;
  border-color: var(--color-primary);
  border-right-color: transparent;
}
#HomeAboutSection .slogan-box {
  position: relative;
  padding: calc(var(--spacing) * 5);
  color: var(--color-primary);
@media (width >= 48rem) {
    margin-right: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
}
@media (width >= 48rem) {
    color: var(--color-primary);
}
  order: 1;
  margin-bottom: calc(var(--spacing) * 16);
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 2);
}
@media (width >= 64rem) {
    width: auto;
}
}
#HomeAboutSection .slogan-box h3 {
  text-align: center;
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
@media (width >= 48rem) {
    text-align: left;
}
@media (width >= 48rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
}
@media (width >= 48rem) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
}
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
  padding: calc(var(--spacing) * 5);
}
#HomeAboutSection .slogan-box i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: bottom right;
}
#HomeAboutSection .slogan-box i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: bottom left;
}
#HomeAboutSection .slogan-box i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: top right;
}
#HomeAboutSection .slogan-box i:nth-of-type(4) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: top left;
}
#HomeAboutSection .slogan-box p {
  position: absolute;
  right: calc(1/2 * 100%);
  bottom: calc(var(--spacing) * 0);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: color-mix(in srgb, #79bd28 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
@media (width >= 48rem) {
    right: calc(var(--spacing) * -2);
}
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
@media (width >= 48rem) {
    transform-origin: top left;
}
@media (width >= 48rem) {
    rotate: calc(90deg * -1);
}
  --tw-translate-x: calc(1/2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
@media (width >= 48rem) {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (width >= 48rem) {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
#HomeAboutSection .content-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
#HomeAboutSection .content-box > img {
  margin-top: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 5);
  display: inline-block;
  width: calc(var(--spacing) * 20);
  opacity: 50%;
}
#HomeAboutSection .content-box .content {
  order: 3;
  width: 800px;
  max-width: 100%;
@media (width >= 80rem) {
    order: 2;
}
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: color-mix(in srgb, #fff 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
  --tw-leading: var(--leading-loose);
  line-height: var(--leading-loose);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
#HomeAboutSection .content-box p b {
  color: var(--color-primary);
}
#HomeAboutSection .content-box p.blinking {
  animation: txtblinking 0.5s forwards;
}
#HomeAboutSection .content-box h4 {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  color: var(--color-primary);
  display: inline-block;
  --tw-leading: var(--leading-loose);
  line-height: var(--leading-loose);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
#HomeAboutSection .content-box .content .button-box {
  margin-top: calc(var(--spacing) * 5);
  display: flex;
  justify-content: center;
@media (width >= 48rem) {
    justify-content: flex-end;
}
@media (width >= 80rem) {
    justify-content: flex-start;
}
}
#HomeProductSection {
  width: 100%;
  background-color: var(--color-black);
  position: relative;
  z-index: 10;
}
#HomeProductSection .main-container {
  position: relative;
  z-index: 10;
}
#HomeProductSection .spacer-box {
  height: 150svh;
  width: 100%;
@media (width >= 48rem) {
    height: 200svh;
}
}
#HomeProductSection .show-box {
  position: sticky;
  top: calc(var(--spacing) * 0);
  height: 100svh;
  width: 100%;
}
#HomeProductSection .image-box {
  z-index: 20;
  width: 100%;
@media (width >= 80rem) {
    width: calc(1/2 * 100%);
}
  position: absolute;
}
#HomeProductSection .image-box > img.base {
  position: relative;
  z-index: 0;
  opacity: 100%;
}
#HomeProductSection .image-box img {
  will-change: transform, opacity;
  backface-visibility: hidden;
  contain: paint;
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0%;
}
#HomeProductSection .section-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  z-index: 20;
  width: 100%;
@media (width >= 80rem) {
    top: calc(1/2 * 100%);
}
@media (width >= 80rem) {
    width: calc(1/2 * 100%);
}
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  padding-top: calc(var(--spacing) * 20);
@media (width >= 80rem) {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (width >= 80rem) {
    padding-top: calc(var(--spacing) * 0);
}
@media (width >= 80rem) {
    padding-left: calc(var(--spacing) * 20);
}
  z-index: 10;
  overflow-x: hidden;
  color: var(--color-white);
}
#HomeProductSection .header-box {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 14);
}
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#HomeProductSection .header-box .small-title {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: color-mix(in srgb, #79bd28 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
@media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}
@media (width >= 48rem) {
    color: var(--color-primary);
}
  margin-bottom: calc(var(--spacing) * 2);
  text-transform: uppercase;
}
#HomeProductSection .header-box .title {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
#HomeProductSection .header-box .title.blinking {
  animation: txtblinking 1s forwards;
}
#HomeProductSection .header-box i {
  margin-top: calc(var(--spacing) * 4);
  display: inline-block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 14px;
  border-right-style: var(--tw-border-style);
  border-right-width: 14px;
  border-color: var(--color-primary);
  border-right-color: transparent;
@media (width >= 48rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 20px;
}
@media (width >= 48rem) {
    border-right-style: var(--tw-border-style);
    border-right-width: 20px;
}
}
#HomeProductSection .content-box {
  position: relative;
  width: 100%;
  padding: calc(var(--spacing) * 5);
}
#HomeProductSection .content-box i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: bottom right;
}
#HomeProductSection .content-box i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  z-index: 0;
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: bottom left;
}
#HomeProductSection .content-box i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: top right;
}
#HomeProductSection .content-box i:nth-of-type(4) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 0;
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transform-origin: top left;
}
#HomeProductSection .content {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-white);
@media (width >= 48rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
}
@media (width >= 48rem) {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
}
}
#HomeProductSection .section-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: calc(var(--spacing) * 5);
}
#HomeProductSection img {
  display: block;
  height: auto;
  width: calc(var(--spacing) * 14);
  opacity: 40%;
}
#HomeProductListSection {
  position: relative;
  z-index: 10;
  overflow-x: hidden;
  background-color: var(--color-black);
  padding-block: calc(var(--spacing) * 20);
}
#HomeProductListSection .header-box {
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 14);
}
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    flex-direction: row;
}
}
#HomeProductListSection .header-box .small-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
}
#HomeProductListSection .title-box hgroup {
  margin-bottom: calc(var(--spacing) * 5);
  display: flex;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
}
#HomeProductListSection .title-box .title {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#HomeProductListSection .title-box .title i {
  position: relative;
  display: block;
  height: calc(var(--spacing) * 0.25);
  width: 100%;
  background-color: var(--color-white);
}
#HomeProductListSection .title-box .title i::before {
  content: "";
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#HomeProductListSection .title-box .title i::after {
  content: "";
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#HomeProductListSection .title-box .title span {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
@media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
#HomeProductListSection .title-box .title span.blinking {
  animation: txtblinking 1.5s forwards;
}
#HomeProductListSection .product-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
  margin-inline: calc(var(--spacing) * -5);
  margin-bottom: calc(var(--spacing) * 5);
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
}
#HomeProductListSection .product-card-box {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 10);
}
@media (width >= 48rem) {
    width: calc(1/2 * 100%);
}
@media (width >= 80rem) {
    width: calc(1/4 * 100%);
}
  position: relative;
  z-index: 10;
}
#HomeProductListSection .product-card-box .image-box {
  position: relative;
  z-index: 10;
  margin-bottom: calc(var(--spacing) * 2);
  aspect-ratio: 1 / 1;
  width: 100%;
}
#HomeProductListSection .product-card-box .image-box img {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#HomeProductListSection .product-card-box .image-box .sold-out-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: none;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-white);
}
#HomeProductListSection .product-card-box .image-box.sold-out img {
  opacity: 40%;
}
#HomeProductListSection .product-card-box .image-box.sold-out .sold-out-box {
  display: flex;
}
#HomeProductListSection .product-card-box .info-box {
  position: relative;
  z-index: 10;
}
#HomeProductListSection .product-card-box .info-box .title {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
#HomeProductListSection .product-card-box .info-box .tag-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#HomeProductListSection .product-card-box .info-box .tag-box p {
  margin-right: calc(var(--spacing) * 2);
  background-color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
  padding-inline: calc(var(--spacing) * 1);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
#HomeProductListSection .product-card-box .info-box .price-box {
  margin-top: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#HomeProductListSection .product-card {
  position: relative;
  display: block;
  padding: calc(var(--spacing) * 6);
}
#HomeProductListSection .product-card .bg-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  height: 100%;
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#HomeProductListSection .product-card .bg-box span:nth-of-type(1) {
  position: absolute;
  top: calc(1px * -1);
  right: calc(1px * -1);
  z-index: 10;
  height: calc(var(--spacing) * 14);
  width: calc(var(--spacing) * 14);
  background-color: var(--color-black);
  transform-origin: top right;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#HomeProductListSection .product-card .bg-box span:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  height: 1px;
  width: 150%;
  background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  rotate: 45deg;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#HomeProductListSection .product-card .bg-box span:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 10px;
  border-right-style: var(--tw-border-style);
  border-right-width: 10px;
  border-color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
  border-right-color: transparent;
}
#HomeProductListSection .product-card .bg-box span:nth-of-type(3) {
  position: absolute;
  right: calc(var(--spacing) * 3);
  bottom: calc(var(--spacing) * 3);
  z-index: 10;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
#HomeProductListSection .product-card .bg-box i {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  z-index: 10;
  display: block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 24px;
  border-left-style: var(--tw-border-style);
  border-left-width: 24px;
  border-color: var(--color-primary);
  border-left-color: transparent;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  transform-origin: top right;
}
#HomeProductListSection .product-card .discount-box {
  position: absolute;
  top: calc(var(--spacing) * 3);
  left: calc(var(--spacing) * 3);
  z-index: 20;
  display: flex;
  align-items: center;
}
#HomeProductListSection .product-card .discount-box p {
  position: relative;
  margin-right: calc(var(--spacing) * 2);
  background-color: color-mix(in srgb, #79bd28 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary);
}
#HomeProductListSection .product-card .discount-box p::after {
  content: "";
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 7px;
  border-right-style: var(--tw-border-style);
  border-right-width: 7px;
  border-color: var(--color-black);
  border-right-color: transparent;
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
}
#HomeProductListSection .button-box {
  display: flex;
  align-items: center;
  justify-content: center;
@media (width >= 48rem) {
    justify-content: space-between;
}
}
#HomeProductListSection .button-box .main-btn {
  width: 100%;
  text-align: center;
@media (width >= 48rem) {
    width: auto;
}
}
#HomeProductListSection .button-box .main-btn span {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}
  width: 100%;
  text-align: center;
@media (width >= 48rem) {
    width: auto;
}
  padding-block: calc(var(--spacing) * 2);
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 0.5);
}
}
#HomeProductListSection .button-box .image-box {
  display: none;
  align-items: center;
  justify-content: center;
@media (width >= 48rem) {
    display: flex;
}
@media (width >= 48rem) {
    justify-content: flex-start;
}
}
#HomeProductListSection .button-box .image-box > svg {
  margin-inline: calc(var(--spacing) * 0.5);
  margin-top: calc(var(--spacing) * 5);
  display: inline-block;
  width: calc(var(--spacing) * 16);
  opacity: 50%;
@media (width >= 48rem) {
    margin-right: calc(var(--spacing) * 0.5);
}
@media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 0);
}
}
#HomeProductListSection .button-box .image-box > svg circle {
  fill: var(--color-primary);
}
#HomeProductListSection .product-list .background-box {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  height: calc(var(--spacing) * 40);
  width: 100%;
  opacity: 20%;
@media (width >= 80rem) {
    height: calc(var(--spacing) * 20);
}
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  background-repeat: repeat-x;
  display: none;
  align-items: center;
@media (width >= 80rem) {
    display: flex;
}
}
#HomeProductListSection .product-list .background-box p {
  animation: background-text-marquee 15s linear infinite;
  display: block;
  flex-shrink: 0;
  font-size: var(--text-8xl);
  line-height: var(--tw-leading, var(--text-8xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
}
@keyframes background-text-marquee {
0% {
    transform: translateX(-200%);
}
100% {
    transform: translateX(-100%);
}
}
#HomeProductListSection .product-card:hover .bg-box span:nth-of-type(1)::after {
  background-color: var(--color-primary);
}
#HomeProductListSection .product-card:hover .bg-box {
  border-color: var(--color-primary);
}
#HomeProductListSection .product-card:hover .bg-box i {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  border-color: color-mix(in srgb, #79bd28 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
  border-left-color: transparent;
}
#HomeProductListSection .product-card:hover .image-box img {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#HomeProductListSection .product-card:hover .info-box .title {
  color: var(--color-primary);
}
#ProductListView {
  padding-block: calc(var(--spacing) * 20);
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 40);
}
}
#ProductListHeader {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
@media (width >= 64rem) {
    flex-wrap: nowrap;
}
  margin-bottom: calc(var(--spacing) * 5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
  padding-bottom: calc(var(--spacing) * 4);
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 10);
}
}
#ProductListHeader .title {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
@media (width >= 96rem) {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
}
  margin-right: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 2);
  --tw-leading: 1;
  line-height: 1;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 96rem) {
    margin-right: calc(var(--spacing) * 8);
}
}
#ProductListHeader .small-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}
@media (width >= 48rem) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
}
@media (width >= 96rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  width: 100%;
@media (width >= 64rem) {
    width: auto;
}
}
#ProductListView .section-container {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}
#ProductListView .section-container > .menu-box {
  display: none;
  width: calc(var(--spacing) * 80);
@media (width >= 80rem) {
    display: block;
}
}
#ProductListView .section-container > .list-box {
  flex: 1;
@media (width >= 80rem) {
    margin-left: calc(var(--spacing) * 10);
}
}
#ProductListView .section-container > .list-box .product-list {
  margin-inline: calc(var(--spacing) * -5);
  display: flex;
  flex-wrap: wrap;
}
#ProductListView #ProductCard {
@media (width >= 64rem) {
    width: calc(1/3 * 100%);
}
@media (width >= 96rem) {
    width: calc(1/4 * 100%);
}
}
#ProductListMenuSection {
  width: 100%;
}
#ProductListMenuSection .menu-group-box {
  margin-bottom: calc(var(--spacing) * 10);
  width: 100%;
}
#ProductListMenuSection .menu-group-box h4 {
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
#ProductListMenuSection .menu-group-box ol li {
  margin-bottom: calc(var(--spacing) * 4);
}
#ProductListMenuSection .menu-group-box ol li button {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: var(--color-white);
  position: relative;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 2);
  display: inline-flex;
  align-items: flex-start;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
&:hover {
@media (hover: hover) {
      color: var(--color-primary);
}
}
}
#ProductListMenuSection .menu-group-box ol li button.active::before {
  --tw-content: '';
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 1);
  display: inline-block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 12px;
  border-left-style: var(--tw-border-style);
  border-left-width: 12px;
  border-bottom-color: transparent;
  border-left-color: var(--color-black);
}
#ProductListMenuSection .menu-group-box ol li button.active {
  background-color: var(--color-primary);
  color: var(--color-black);
}
#ProductListMenuSection .menu-group-box:nth-of-type(1) {
  margin-bottom: calc(var(--spacing) * 5);
}
#ProductListMenuSection .menu-group-box:nth-of-type(1) ol li {
  margin-bottom: calc(var(--spacing) * 0);
}
#ProductListToolbarSection {
  margin-inline: calc(var(--spacing) * -2);
  margin-bottom: calc(var(--spacing) * 10);
@media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 0);
}
@media (width >= 48rem) {
    width: 100%;
}
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
@media (width >= 48rem) {
    flex-wrap: nowrap;
}
}
#ProductListToolbarSection > .search-box {
  margin-bottom: calc(var(--spacing) * 2);
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 48rem) {
    width: auto;
}
@media (width >= 48rem) {
    flex: 1;
}
  padding-inline: calc(var(--spacing) * 2);
@media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 0);
}
}
#ProductListToolbarSection > .select-box {
  width: 100%;
  flex-shrink: 0;
@media (width >= 40rem) {
    width: calc(1/2 * 100%);
}
@media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 4);
}
@media (width >= 48rem) {
    width: calc(var(--spacing) * 64);
}
  margin-bottom: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 2);
@media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 0);
}
}
#ProductCard {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 10);
}
@media (width >= 48rem) {
    width: calc(1/2 * 100%);
}
@media (width >= 80rem) {
    width: calc(1/4 * 100%);
}
  position: relative;
  z-index: 10;
}
#ProductCard > a {
  height: 100%;
  width: 100%;
}
#ProductCard .image-box {
  position: relative;
  z-index: 10;
  margin-bottom: calc(var(--spacing) * 2);
  aspect-ratio: 1 / 1;
  width: 100%;
}
#ProductCard .image-box img {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductCard .image-box .sold-out-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: none;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-white);
}
#ProductCard .image-box.sold-out img {
  opacity: 40%;
}
#ProductCard .image-box.sold-out .sold-out-box {
  display: flex;
}
#ProductCard .info-box {
  position: relative;
  z-index: 10;
}
#ProductCard .info-box .title {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
#ProductCard .info-box .tag-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#ProductCard .info-box .tag-box p {
  margin-right: calc(var(--spacing) * 2);
  background-color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
  padding-inline: calc(var(--spacing) * 1);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
#ProductCard .info-box .price-box {
  margin-top: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#ProductCard .product-card {
  position: relative;
  display: block;
  padding: calc(var(--spacing) * 6);
}
#ProductCard .product-card .bg-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 0;
  height: 100%;
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductCard .product-card .bg-box span:nth-of-type(1) {
  position: absolute;
  top: calc(1px * -1);
  right: calc(1px * -1);
  z-index: 10;
  height: calc(var(--spacing) * 14);
  width: calc(var(--spacing) * 14);
  background-color: var(--color-black);
  transform-origin: top right;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductCard .product-card .bg-box span:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  height: 1px;
  width: 150%;
  background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  rotate: 45deg;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductCard .product-card .bg-box span:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 10px;
  border-right-style: var(--tw-border-style);
  border-right-width: 10px;
  border-color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
  border-right-color: transparent;
}
#ProductCard .product-card .bg-box span:nth-of-type(3) {
  position: absolute;
  right: calc(var(--spacing) * 3);
  bottom: calc(var(--spacing) * 3);
  z-index: 10;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
#ProductCard .product-card .bg-box i {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  z-index: 10;
  display: block;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 24px;
  border-left-style: var(--tw-border-style);
  border-left-width: 24px;
  border-color: var(--color-primary);
  border-left-color: transparent;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  transform-origin: top right;
}
#ProductCard .product-card .discount-box {
  position: absolute;
  top: calc(var(--spacing) * 3);
  left: calc(var(--spacing) * 3);
  z-index: 20;
  display: flex;
  align-items: center;
}
#ProductCard .product-card .discount-box p {
  position: relative;
  margin-right: calc(var(--spacing) * 2);
  background-color: color-mix(in srgb, #79bd28 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary);
}
#ProductCard .product-card .discount-box p::after {
  content: "";
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 7px;
  border-right-style: var(--tw-border-style);
  border-right-width: 7px;
  border-color: var(--color-black);
  border-right-color: transparent;
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
}
#ProductCard .product-card:hover .bg-box span:nth-of-type(1)::after {
  background-color: var(--color-primary);
}
#ProductCard .product-card:hover .bg-box {
  border-color: var(--color-primary);
}
#ProductCard .product-card:hover .bg-box i {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  border-color: color-mix(in srgb, #79bd28 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
  border-left-color: transparent;
}
#ProductCard .product-card:hover .image-box img {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#ProductCard .product-card:hover .info-box .title {
  color: var(--color-primary);
}
#ProductPageView {
  padding-block: calc(var(--spacing) * 20);
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 40);
}
}
#ProductPageView > .main-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
#ProductPageView .image-container {
  margin-bottom: calc(var(--spacing) * 10);
  width: 100%;
@media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 64rem) {
    width: calc(1/2 * 100%);
}
@media (width >= 64rem) {
    padding-right: calc(var(--spacing) * 10);
}
}
#ProductPageView .info-container {
  width: 100%;
@media (width >= 64rem) {
    width: calc(1/2 * 100%);
}
@media (width >= 64rem) {
    padding-left: calc(var(--spacing) * 10);
}
@media (width >= 96rem) {
    padding-left: calc(var(--spacing) * 20);
}
}
#ProductPageView .intro-container {
  margin-top: calc(var(--spacing) * 20);
  width: 100%;
}
#ProductPageView #ProductListHeader .title {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
@media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
@media (width >= 96rem) {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
#ProductPageImageSection {
  width: 100%;
}
#ProductPageImageSection .main-image-list {
  position: relative;
  margin-bottom: calc(var(--spacing) * 4);
  width: 100%;
@media (width >= 64rem) {
    aspect-ratio: var(--aspect-video);
}
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
  display: flex;
  align-items: center;
  justify-content: center;
@media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 5);
}
}
#ProductPageImageSection .main-image-list i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 10px;
  border-left-style: var(--tw-border-style);
  border-left-width: 10px;
  border-top-color: var(--color-primary);
  border-left-color: transparent;
}
#ProductPageImageSection .main-image-list i:nth-of-type(2) {
  position: absolute;
  right: calc(1px * -1);
  bottom: calc(1px * -1);
  z-index: 20;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 56px;
  border-left-style: var(--tw-border-style);
  border-left-width: 56px;
  border-bottom-color: var(--color-black);
  border-left-color: transparent;
}
#ProductPageImageSection .main-image-list i:nth-of-type(3) {
  position: absolute;
  right: calc(12px * -1);
  bottom: 27px;
  z-index: 20;
  height: 1px;
  width: 78px;
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  background-color: var(--color-primary);
}
#ProductPageImageSection .main-image-list i:nth-of-type(4) {
  position: absolute;
  right: calc(1px * -1);
  bottom: calc(1px * -1);
  z-index: 20;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 28px;
  border-left-style: var(--tw-border-style);
  border-left-width: 28px;
  border-bottom-color: var(--color-primary);
  border-left-color: transparent;
}
#ProductPageImageSection .main-image-list .page-box {
  position: absolute;
  bottom: calc(var(--spacing) * 2);
  left: calc(var(--spacing) * 2);
  z-index: 20;
}
#ProductPageImageSection .main-image-list .page-box p {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: color-mix(in srgb, #79bd28 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
  display: flex;
  align-items: center;
}
#ProductPageImageSection .main-image-list .page-box p b {
  margin-right: calc(var(--spacing) * 2);
  color: var(--color-primary);
}
#ProductPageImageSection .main-image-list .image-list {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#ProductPageImageSection .main-image-list .image-box {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
#ProductPageImageSection .main-image-list .image-box img {
  -webkit-user-drag: none;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
#ProductPageImageSection .bullet-image-list {
  margin-inline: calc(var(--spacing) * -2);
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#ProductPageImageSection .bullet-image-list .image-box-wrapper {
  margin-bottom: calc(var(--spacing) * 4);
  width: calc(1/5 * 100%);
  padding-inline: calc(var(--spacing) * 2);
@media (width >= 48rem) {
    width: calc(1/6 * 100%);
}
@media (width >= 64rem) {
    width: calc(1/5 * 100%);
}
@media (width >= 96rem) {
    width: calc(1/6 * 100%);
}
}
#ProductPageImageSection .bullet-image-list .image-box {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #79bd28 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductPageImageSection .bullet-image-list .image-box img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 0;
}
#ProductPageImageSection .bullet-image-list .image-box i {
  position: absolute;
  top: calc(1px * -1);
  left: calc(1px * -1);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 12px;
  border-right-style: var(--tw-border-style);
  border-right-width: 12px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
}
#ProductPageImageSection .bullet-image-list .image-box i::after {
  --tw-content: '';
  content: var(--tw-content);
  position: absolute;
  top: calc(var(--spacing) * -1.5);
  left: calc(var(--spacing) * -0.5);
  z-index: 10;
  height: 1px;
  width: calc(var(--spacing) * 4);
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  background-color: color-mix(in srgb, #79bd28 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductPageImageSection .bullet-image-list .image-box::before {
  --tw-content: '';
  content: var(--tw-content);
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 6px;
  border-left-style: var(--tw-border-style);
  border-left-width: 6px;
  border-bottom-color: color-mix(in srgb, #79bd28 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
  border-left-color: transparent;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductPageImageSection .bullet-image-list .image-box:hover, #ProductPageImageSection .bullet-image-list .image-box.active {
  border-color: var(--color-primary);
}
#ProductPageImageSection .bullet-image-list .image-box:hover i::after, #ProductPageImageSection .bullet-image-list .image-box.active i::after {
  background-color: var(--color-primary);
}
#ProductPageImageSection .bullet-image-list .image-box:hover::before, #ProductPageImageSection .bullet-image-list .image-box.active::before {
  border-bottom-color: var(--color-primary);
}
#ProductPageInfoSection {
  width: 100%;
}
#ProductPageInfoSection .product-title {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
@media (width >= 48rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 2);
}
#ProductPageInfoSection .price {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 10);
}
#ProductPageInfoSection .price .original {
  margin-left: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-zinc-500);
  text-decoration-line: line-through;
}
#ProductPageInfoSection .add-cart-button-box {
  margin-top: calc(var(--spacing) * 10);
  margin-bottom: calc(var(--spacing) * 10);
  width: 100%;
}
#ProductPageInfoSection .add-cart-button-box .main-btn {
  width: 100%;
}
#ProductPageInfoSection .add-cart-button-box .main-btn span {
  width: 100%;
  padding-block: calc(var(--spacing) * 3);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
#ProductPageInfoSection .share-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#ProductPageInfoSection .share-box p {
  width: 100%;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
  position: relative;
  margin-bottom: calc(var(--spacing) * 2);
}
#ProductPageInfoSection .share-box a {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  color: var(--color-white);
  margin-right: calc(var(--spacing) * 4);
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  position: relative;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductPageInfoSection .share-box a i:nth-of-type(1) {
  position: absolute;
  top: calc(1px * -1);
  left: calc(1px * -1);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 8px;
  border-right-style: var(--tw-border-style);
  border-right-width: 8px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ProductPageInfoSection .share-box a i:nth-of-type(1)::before {
  position: absolute;
  top: calc(4px * -1);
  left: calc(1px * -1);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: 10px;
  background-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  display: block;
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductPageInfoSection .share-box a i:nth-of-type(2) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-left-style: var(--tw-border-style);
  border-left-width: 6px;
  border-left-color: transparent;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 6px;
  border-bottom-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductPageInfoSection .share-box a span {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#ProductPageInfoSection .share-box a:hover {
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
#ProductPageInfoSection .share-box a:hover span {
  color: var(--color-primary);
}
#ProductPageInfoSection .share-box a:hover i:nth-of-type(1)::before {
  background-color: var(--color-primary);
}
#ProductPageInfoSection .share-box a:hover i:nth-of-type(2) {
  border-bottom-color: var(--color-primary);
}
#ProductPageInfoSection .select-box {
  margin-bottom: calc(var(--spacing) * 5);
}
#ProductIntroSection {
  margin-top: calc(var(--spacing) * 40);
  width: 100%;
}
#ProductIntroSection .header-box {
  width: 100%;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 14);
}
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    flex-direction: row;
}
}
#ProductIntroSection .header-box .small-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
}
#ProductIntroSection .title-box hgroup {
  margin-bottom: calc(var(--spacing) * 5);
  display: flex;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
}
#ProductIntroSection .title-box .title {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#ProductIntroSection .title-box .title i {
  position: relative;
  display: block;
  height: calc(var(--spacing) * 0.25);
  width: 100%;
  background-color: var(--color-white);
}
#ProductIntroSection .title-box .title i::before {
  content: "";
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#ProductIntroSection .title-box .title i::after {
  content: "";
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#ProductIntroSection .title-box .title span {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
#ProductIntroSection .editor-content {
  color: var(--color-white);
}
#ProductPageListSection {
  margin-top: calc(var(--spacing) * 20);
  width: 100%;
}
#ProductPageListSection .header-box {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    flex-direction: row;
}
}
#ProductPageListSection .header-box .small-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
}
#ProductPageListSection .title-box hgroup {
  margin-bottom: calc(var(--spacing) * 5);
  display: flex;
  flex-direction: column-reverse;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
}
#ProductPageListSection .title-box .title {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#ProductPageListSection .title-box .title i {
  position: relative;
  display: block;
  height: calc(var(--spacing) * 0.25);
  width: 100%;
  background-color: var(--color-white);
}
#ProductPageListSection .title-box .title i::before {
  content: "";
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#ProductPageListSection .title-box .title i::after {
  content: "";
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#ProductPageListSection .title-box .title span {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
#ProductPageListSection .product-list {
  margin-inline: calc(var(--spacing) * -5);
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
#ProductPageListSection .action-box {
  display: flex;
  align-items: center;
  justify-content: center;
@media (width >= 48rem) {
    justify-content: flex-end;
}
}
#ContactView {
  padding-block: calc(var(--spacing) * 20);
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 40);
}
}
#ContactView .section-container {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  flex-wrap: wrap;
@media (width >= 64rem) {
    flex-direction: row;
}
}
#ContactView header {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
@media (width >= 64rem) {
    flex-wrap: nowrap;
}
  margin-bottom: calc(var(--spacing) * 5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
  padding-bottom: calc(var(--spacing) * 4);
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 10);
}
}
#ContactView header .title {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
@media (width >= 96rem) {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
}
  margin-right: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 2);
  --tw-leading: 1;
  line-height: 1;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 96rem) {
    margin-right: calc(var(--spacing) * 8);
}
}
#ContactView header .title b {
  color: transparent;
  -webkit-text-stroke: 1.5px #79bd28;
}
#ContactView header .small-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}
@media (width >= 48rem) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
}
@media (width >= 96rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  width: 100%;
@media (width >= 64rem) {
    width: auto;
}
}
#ContactView .info-box {
  width: 100%;
@media (width >= 64rem) {
    width: calc(1/3 * 100%);
}
}
#ContactView .info-box .content-box p {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: color-mix(in srgb, #fff 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  text-align: center;
@media (width >= 48rem) {
    text-align: left;
}
}
#ContactView .info-box .content-box a {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  text-align: center;
@media (width >= 48rem) {
    text-align: left;
}
}
#ContactView .header-box {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
@media (width >= 48rem) {
    align-items: flex-start;
}
  margin-bottom: calc(var(--spacing) * 5);
}
#ContactView .header-box .small-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 2);
}
#ContactView .header-box .title {
  margin-bottom: calc(var(--spacing) * 2);
  display: inline-block;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
#ContactView .header-box .title i {
  position: relative;
  display: block;
  height: calc(var(--spacing) * 0.25);
  width: 100%;
  background-color: var(--color-white);
}
#ContactView .header-box .title i::before {
  content: "";
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#ContactView .header-box .title i::after {
  content: "";
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0.25);
  background-color: var(--color-white);
}
#ContactView .header-box .title span {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
#ContactView .form-box {
  margin-bottom: calc(var(--spacing) * 10);
  width: 100%;
@media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
@media (width >= 64rem) {
    width: calc(2/3 * 100%);
}
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  padding-block: calc(var(--spacing) * 4);
@media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
}
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 10);
}
}
#ContactView .form-box .title-box {
  margin-bottom: calc(var(--spacing) * 8);
  padding-inline: calc(var(--spacing) * 4);
}
#ContactView .form-box .title-box p {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
#ContactView .form-box .title-box p a {
  color: var(--color-primary);
  text-decoration-line: underline;
}
#ContactView .form-box .form-group {
  margin-bottom: calc(var(--spacing) * 6);
  width: 100%;
  padding-inline: calc(var(--spacing) * 4);
}
#ContactView .form-box .form-group.half {
  width: 100%;
@media (width >= 48rem) {
    width: calc(1/2 * 100%);
}
}
#ContactView .form-box .action-box {
  width: 100%;
  padding-inline: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  justify-content: center;
@media (width >= 48rem) {
    justify-content: flex-end;
}
}
#AboutCoverSection {
  padding-block: calc(var(--spacing) * 20);
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 40);
}
}
#AboutCoverSection .slogan-text {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
  text-transform: uppercase;
@media (width >= 40rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
@media (width >= 64rem) {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 2);
@media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 0);
}
}
#AboutCoverSection .slogan-text b {
  color: transparent;
  -webkit-text-stroke: 2px #79bd28;
}
@media (max-width: 600px) {
#AboutCoverSection .slogan-text b {
    color: transparent;
    -webkit-text-stroke: 1px #79bd28;
}
}
#AboutCoverSection .title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
@media (width >= 40rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
@media (width >= 64rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 10);
}
#AboutCoverSection .image-box img {
  display: block;
  width: 100%;
}
#AboutStorySection {
  width: 100%;
  padding-bottom: calc(var(--spacing) * 40);
}
#AboutStorySection .title-box {
  margin-bottom: calc(var(--spacing) * 8);
  width: 100%;
  text-align: center;
@media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 5);
}
}
#AboutStorySection .title-box .small-title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-white);
@media (width >= 48rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
}
  margin-bottom: calc(var(--spacing) * 2);
}
#AboutStorySection .title-box .title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  text-transform: uppercase;
@media (width >= 48rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
@media (width >= 48rem) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
}
  position: relative;
  display: inline-block;
  padding-bottom: calc(var(--spacing) * 2);
}
#AboutStorySection .title-box i {
  margin-top: calc(var(--spacing) * 2);
  display: block;
  height: 1px;
  width: 102%;
  background-color: var(--color-white);
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(1/2 * 100%);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#AboutStorySection .title-box i::after {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
  width: 1px;
  background-color: var(--color-white);
}
#AboutStorySection .title-box i::before {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
  width: 1px;
  background-color: var(--color-white);
}
#AboutStorySection .content-box {
  --tw-leading: var(--leading-loose);
  line-height: var(--leading-loose);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: color-mix(in srgb, #fff 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
@media (width >= 40rem) {
    text-align: center;
}
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
@media (width >= 48rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
}
@media (width >= 48rem) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
}
#AboutStorySection .content-box b {
  color: var(--color-primary);
}
#AboutCoreValueSection {
  margin-inline: auto;
  width: 100%;
  max-width: var(--breakpoint-xl);
}
#AboutCoreValueSection .title-box {
  margin-bottom: calc(var(--spacing) * 5);
  text-align: center;
}
#AboutCoreValueSection .title-box .small-title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-white);
@media (width >= 48rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
}
  margin-bottom: calc(var(--spacing) * 2);
}
#AboutCoreValueSection .title-box .title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  text-transform: uppercase;
@media (width >= 48rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
@media (width >= 48rem) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
}
  position: relative;
  display: inline-block;
  padding-bottom: calc(var(--spacing) * 2);
}
#AboutCoreValueSection .title-box i {
  margin-top: calc(var(--spacing) * 2);
  display: block;
  height: 1px;
  width: 102%;
  background-color: var(--color-white);
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(1/2 * 100%);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#AboutCoreValueSection .title-box i::after {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
  width: 1px;
  background-color: var(--color-white);
}
#AboutCoreValueSection .title-box i::before {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
  width: 1px;
  background-color: var(--color-white);
}
#AboutCoreValueSection .content-box {
  text-align: center;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: color-mix(in srgb, #fff 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
  margin-bottom: calc(var(--spacing) * 10);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
@media (width >= 48rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
}
@media (width >= 48rem) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
}
#AboutCoreValueSection .content-box b {
  color: var(--color-primary);
}
#AboutCoreValueSection .card-list {
  margin-inline: calc(var(--spacing) * -5);
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
#AboutCoreValueSection .card-list .card-box {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
@media (width >= 48rem) {
    width: calc(1/3 * 100%);
}
}
#AboutCoreValueSection .card-list .card {
  height: 100%;
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
@media (width >= 48rem) {
    aspect-ratio: 1 / 1;
}
  display: flex;
  flex-direction: column;
  align-items: center;
@media (width >= 48rem) {
    justify-content: center;
}
  position: relative;
  padding: calc(var(--spacing) * 10);
@media (width >= 48rem) {
    padding: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
    text-align: center;
}
}
#AboutCoreValueSection .card-list .card .title {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: var(--color-white);
@media (width >= 48rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
#AboutCoreValueSection .card-list .card .small-title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: calc(var(--spacing) * 4);
  text-transform: uppercase;
}
#AboutCoreValueSection .card-list .card .desc {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: color-mix(in srgb, #fff 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
#AboutCoreValueSection .card-list .card span {
  position: absolute;
  right: calc(var(--spacing) * 3);
  bottom: calc(var(--spacing) * 3);
  z-index: 10;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}
#AboutCoreValueSection .card-list .card i:nth-of-type(1) {
  position: absolute;
  top: calc(1px * -1);
  left: calc(1px * -1);
  z-index: 20;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 36px;
  border-right-style: var(--tw-border-style);
  border-right-width: 36px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
}
#AboutCoreValueSection .card-list .card i:nth-of-type(2) {
  position: absolute;
  top: 17px;
  left: calc(8px * -1);
  z-index: 20;
  height: 1px;
  width: 50px;
  background-color: var(--color-primary);
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#AboutCoreValueSection .card-list .card i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 20;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-right-style: var(--tw-border-style);
  border-right-width: 12px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 12px;
  border-right-color: transparent;
  border-bottom-color: var(--color-primary);
}
#AboutPromiseSection {
  margin-inline: auto;
  width: 100%;
  max-width: var(--breakpoint-xl);
  padding-top: calc(var(--spacing) * 10);
  padding-bottom: calc(var(--spacing) * 20);
}
#AboutPromiseSection .card-list {
  margin-inline: calc(var(--spacing) * -5);
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
@media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * -3);
}
}
#AboutPromiseSection .card-list .card-box {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
@media (width >= 48rem) {
    width: calc(1/2 * 100%);
}
@media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 3);
}
}
#AboutPromiseSection .card-list .card {
  height: 100%;
  padding: calc(var(--spacing) * 10);
  color: var(--color-white);
@media (width >= 48rem) {
    padding: calc(var(--spacing) * 6);
}
  position: relative;
  text-align: center;
}
#AboutPromiseSection .card-list .card::after {
  --tw-content: '';
  content: var(--tw-content);
  position: absolute;
  top: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 2);
  bottom: calc(var(--spacing) * 2);
  left: calc(var(--spacing) * 2);
  z-index: 0;
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
#AboutPromiseSection .card-list .card p:nth-of-type(1) {
  margin-bottom: calc(var(--spacing) * 1);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
#AboutPromiseSection .card-list .card p:nth-of-type(2) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
#AboutPromiseSection .card-list .card i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-primary);
}
#AboutPromiseSection .card-list .card i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-primary);
}
#AboutPromiseSection .card-list .card i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-primary);
}
#AboutPromiseSection .card-list .card i:nth-of-type(4) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
}
#NewsListView {
  padding-block: calc(var(--spacing) * 20);
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 40);
}
}
#NewsListView .toolbar {
  margin-bottom: calc(var(--spacing) * 8);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-inline: calc(var(--spacing) * -2);
@media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * -4);
}
}
#NewsListView .toolbar > .select-box {
  margin-inline: calc(var(--spacing) * 2);
  width: calc(1/2 * 100%);
@media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 4);
}
@media (width >= 48rem) {
    width: calc(var(--spacing) * 80);
}
}
#NewsListView .card-list {
  margin-inline: calc(var(--spacing) * -4);
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#NewsListView .card-list .card-box {
  margin-bottom: calc(var(--spacing) * 8);
  width: 100%;
  padding-inline: calc(var(--spacing) * 4);
@media (width >= 48rem) {
    width: calc(1/2 * 100%);
}
@media (width >= 64rem) {
    width: calc(1/3 * 100%);
}
@media (width >= 96rem) {
    width: calc(1/4 * 100%);
}
}
#NewsListView .card-list .card {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #79bd28 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
}
  background-color: var(--color-black);
  position: relative;
  display: block;
  height: 100%;
  padding: calc(var(--spacing) * 4);
}
#NewsListView .card-list .card .image-box {
  margin-bottom: calc(var(--spacing) * 4);
  aspect-ratio: var(--aspect-video);
  width: 100%;
  position: relative;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #79bd28 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
}
#NewsListView .card-list .card .image-box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#NewsListView .card-list .card .title {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#NewsListView .card-list .card .info-box {
  display: flex;
  align-items: center;
}
#NewsListView .card-list .card .category {
  background-color: var(--color-primary);
  color: var(--color-black);
  margin-right: calc(var(--spacing) * 4);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
#NewsListView .card-list .card .date {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}
#NewsListView .card-list .card .image-box .hover-box {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  z-index: 10;
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  padding: calc(var(--spacing) * 3);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
#NewsListView .card-list .card .image-box .hover-box p {
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-delay: 100ms;
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#NewsListView .card-list .card .image-box .hover-box i {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-delay: 100ms;
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  opacity: 0%;
}
#NewsListView .card-list .card .image-box .hover-box i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-primary);
  transform-origin: bottom right;
}
#NewsListView .card-list .card .image-box .hover-box i:nth-of-type(2) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-primary);
  transform-origin: bottom left;
}
#NewsListView .card-list .card .image-box .hover-box i:nth-of-type(3) {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-primary);
  transform-origin: top right;
}
#NewsListView .card-list .card .image-box .hover-box i:nth-of-type(4) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
  transform-origin: top left;
}
#NewsListView .card-list .card:hover .image-box img {
  opacity: 15%;
}
#NewsListView .card-list .card:hover .image-box p {
  opacity: 100%;
}
#NewsListView .card-list .card:hover .image-box i {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  opacity: 100%;
}
#NewsListView .card-list .card > i:nth-of-type(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 10px;
  border-right-style: var(--tw-border-style);
  border-right-width: 10px;
  border-top-color: var(--color-primary);
  border-right-color: transparent;
}
#NewsListView .card-list .card > i:nth-of-type(2) {
  position: absolute;
  right: calc(var(--spacing) * 4);
  bottom: calc(var(--spacing) * 4);
  overflow: hidden;
  z-index: 20;
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
  opacity: 50%;
}
#NewsListView .card-list .card > i:nth-of-type(2)::before {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  --tw-content: '';
  content: var(--tw-content);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  rotate: 45deg;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  height: 1px;
  width: 150%;
  background-color: var(--color-primary);
}
#NewsListView .card-list .card .image-box::before {
  position: absolute;
  top: calc(1px * -1);
  left: calc(1px * -1);
  z-index: 20;
  --tw-content: '';
  content: var(--tw-content);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 32px;
  border-right-style: var(--tw-border-style);
  border-right-width: 32px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
}
#NewsListView .card-list .card .image-box::after {
  position: absolute;
  top: 15px;
  left: calc(7px * -1);
  z-index: 20;
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: 44px;
  background-color: color-mix(in srgb, #79bd28 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
#NewsPageView {
  padding-block: calc(var(--spacing) * 20);
@media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 40);
}
}
#NewsPageView header {
  margin-bottom: calc(var(--spacing) * 10);
}
#NewsPageView header .title {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
@media (width >= 96rem) {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 4);
  --tw-leading: 1;
  line-height: 1;
  width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
  padding-bottom: calc(var(--spacing) * 4);
}
#NewsPageView header .article-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
@media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}
@media (width >= 64rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 2);
  width: 100%;
}
#NewsPageView header .info-box {
  display: flex;
  align-items: center;
}
#NewsPageView header .info-box .category {
  background-color: var(--color-primary);
  color: var(--color-black);
  margin-right: calc(var(--spacing) * 4);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
#NewsPageView header .info-box .date {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}
#NewsPageView .editor-content {
  margin-bottom: calc(var(--spacing) * 10);
  color: color-mix(in srgb, #fff 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
#NewsPageView .video-box {
  margin-bottom: calc(var(--spacing) * 10);
  aspect-ratio: var(--aspect-video);
  width: 100%;
}
#NewsPageView .video-box iframe {
  height: 100%;
  width: 100%;
}
#NewsPageView .share-box {
  margin-bottom: calc(var(--spacing) * 10);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#NewsPageView .share-box p:nth-of-type(2) {
  width: 100%;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
  position: relative;
  margin-bottom: calc(var(--spacing) * 2);
  text-align: center;
}
#NewsPageView .share-box p:nth-of-type(1) {
  width: 100%;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  position: relative;
  text-align: center;
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
#NewsPageView .share-box a {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  color: var(--color-white);
  margin-inline: calc(var(--spacing) * 2);
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  position: relative;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#NewsPageView .share-box a i:nth-of-type(1) {
  position: absolute;
  top: calc(1px * -1);
  left: calc(1px * -1);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 8px;
  border-right-style: var(--tw-border-style);
  border-right-width: 8px;
  border-top-color: var(--color-black);
  border-right-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
#NewsPageView .share-box a i:nth-of-type(1)::before {
  position: absolute;
  top: calc(4px * -1);
  left: calc(1px * -1);
  --tw-content: '';
  content: var(--tw-content);
  height: 1px;
  width: 10px;
  background-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  display: block;
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#NewsPageView .share-box a i:nth-of-type(2) {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  border-left-style: var(--tw-border-style);
  border-left-width: 6px;
  border-left-color: transparent;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 6px;
  border-bottom-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#NewsPageView .share-box a span {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
#NewsPageView .share-box a:hover {
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, #79bd28 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
#NewsPageView .share-box a:hover span {
  color: var(--color-primary);
}
#NewsPageView .share-box a:hover i:nth-of-type(1)::before {
  background-color: var(--color-primary);
}
#NewsPageView .share-box a:hover i:nth-of-type(2) {
  border-bottom-color: var(--color-primary);
}
#NewsPageView .footer-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in srgb, #79bd28 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
  padding-bottom: calc(var(--spacing) * 10);
}
#NewsPageView .footer-box .main-btn span {
  padding-inline: calc(var(--spacing) * 10);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 12);
}
}
#TermsView {
  padding-block: calc(var(--spacing) * 20);
@media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 40);
}
}
#TermsView header {
  margin-bottom: calc(var(--spacing) * 10);
}
#TermsView header .title {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
}
@media (width >= 96rem) {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 4);
  --tw-leading: 1;
  line-height: 1;
  width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
  padding-bottom: calc(var(--spacing) * 4);
}
#TermsView header .article-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
@media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}
@media (width >= 64rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 2);
  width: 100%;
}
#TermsView header .date {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}
#TermsView .editor-content {
  margin-bottom: calc(var(--spacing) * 10);
  color: color-mix(in srgb, #fff 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
#DealerPage {
  height: 100dvh;
  width: 100%;
  position: absolute;
  top: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  padding-top: calc(var(--spacing) * 16);
@media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 20);
}
}
#DealerPage .map_box {
  position: relative;
  z-index: 10;
  height: 100%;
  width: 100%;
}
#DealerPage .main-container {
  position: absolute;
  top: calc(var(--spacing) * 20);
  left: calc(1/2 * 100%);
  z-index: 20;
@media (width >= 40rem) {
    top: calc(var(--spacing) * 24);
}
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  pointer-events: none;
}
#DealerPage .search_box_group {
  position: relative;
  width: 100%;
@media (width >= 48rem) {
    width: calc(var(--spacing) * 120);
}
  pointer-events: auto;
}
#DealerPage .search_box {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  padding-right: calc(var(--spacing) * 3);
@media (width >= 48rem) {
    padding-right: calc(var(--spacing) * 5);
}
  background-color: var(--color-black);
  color: var(--color-white);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #79bd28 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 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);
}
#DealerPage .search_box input {
  flex: 1;
  padding: calc(var(--spacing) * 3);
  color: var(--color-white);
&:focus {
    --tw-outline-style: none;
    outline-style: none;
}
@media (width >= 48rem) {
    padding: calc(var(--spacing) * 5);
}
}
#DealerPage .search_box > i {
  display: block;
  height: calc(var(--spacing) * 5);
  width: 1px;
  background-color: var(--color-primary);
  margin-inline: calc(var(--spacing) * 3);
@media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 4);
}
}
#DealerPage .search_box button {
  display: flex;
  align-items: center;
  justify-content: center;
}
#DealerPage .search_box button i {
  display: block;
}
#DealerPage .search_box button:nth-last-of-type(1) {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}
#DealerPage .search_list {
  position: absolute;
  top: 100%;
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 20;
  margin-top: calc(var(--spacing) * 3);
  background-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
  --tw-backdrop-blur: blur(var(--blur-lg));
  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,);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-black);
  overflow: hidden;
}
#DealerPage .search_list ol {
  max-height: calc(var(--spacing) * 60);
  overflow-y: auto;
}
#DealerPage .search_list ol li {
  padding: calc(var(--spacing) * 5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in srgb, #000 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
&:hover {
@media (hover: hover) {
      background-color: var(--color-primary);
}
}
}
#DealerPage .search_list ol li p:nth-of-type(2) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
  margin-top: calc(var(--spacing) * 0);
}
#DealerPage .info_box {
  position: relative;
  z-index: 10;
  margin-top: calc(var(--spacing) * 3);
  background-color: var(--color-black);
  padding: calc(var(--spacing) * 5);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #79bd28 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
  color: var(--color-white);
  display: none;
@media (width >= 48rem) {
    display: block;
}
}
#DealerPage .info_box.fixed_bottom {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 20;
  display: block;
@media (width >= 48rem) {
    display: none;
}
  border-radius: 0;
  border-inline-style: var(--tw-border-style);
  border-inline-width: 0px;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
#DealerPage .info_box h5 {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}
#DealerPage .info_box p {
  margin-bottom: calc(var(--spacing) * 1);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: color-mix(in srgb, #fff 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
#DealerPage .info_box p span {
  margin-right: calc(var(--spacing) * 2);
  color: var(--color-primary);
}
#DealerPage .info_box .button-box {
  margin-top: calc(var(--spacing) * 3);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
#DealerPage .info_box .button-box .main-btn {
  width: 100%;
}
#DealerPage .info_box .button-box .main-btn span {
  width: 100%;
  padding-block: calc(var(--spacing) * 3);
  text-align: center;
}
#ErrorPageView {
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ErrorPageView .main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#ErrorPageView .status-code {
  font-size: var(--text-8xl);
  line-height: var(--tw-leading, var(--text-8xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
@media (width >= 48rem) {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
}
}
#ErrorPageView .title {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-primary);
  text-transform: uppercase;
@media (width >= 48rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 2);
}
#ErrorPageView .small-title {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
@media (width >= 48rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}
  margin-bottom: calc(var(--spacing) * 8);
}
#ErrorPageView .content {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: color-mix(in srgb, #fff 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
  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;
}
@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-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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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: 0px;
}
@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-ease {
  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)))) {
*, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: 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-outline-style: solid;
      --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;
      --tw-duration: initial;
      --tw-tracking: initial;
      --tw-content: "";
      --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-ease: initial;
}
}
}