/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
@layer theme {

  :root,
  :host {
    --font-sans: "Zen Kaku Gothic New", sans-serif;
    --font-serif: "Shippori Mincho", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-white: #fff;
    --spacing: .25rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
    --font-en: "Cinzel", serif;
    --color-body: #262626;
    --size-x-full: 100% auto;
    --drop-shadow-base-25: 0 8px 24px #95535440;
    --drop-shadow-base-5: 0 8px 24px #95535480;
    --radius-4: 4px;
    --radius-8: 8px;
    --gradient-primary: 90deg, #ce8494 0%, #ba636a 50%, #955354 100%;
    --gradient-primary-light: 90deg, #ca868c 0%, #ba636a;
    --animate-scale: scale ease-in-out 2s infinite
  }
}

@layer base {

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

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

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

  body {
    line-height: inherit
  }

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

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

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

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

  b,
  strong {
    font-weight: bolder
  }

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

  small {
    font-size: 80%
  }

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

  sub {
    bottom: -.25em
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block
  }

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

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

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

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

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

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

  ::placeholder {
    opacity: 1;
    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 {
    padding-block: 0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
  }

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

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

  ::file-selector-button {
    appearance: button
  }

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

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

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

  html {
    scroll-behavior: smooth;
    font-size: min(1.66vw, 10px)
  }

  body {
    font-family: var(--font-serif);
    --tw-leading: 1;
    color: var(--color-body);
    line-height: 1
  }

  img {
    width: 100%
  }

  svg {
    width: 100%;
    height: 100%
  }

  [type=text],
  input:where(:not([type])),
  [type=email],
  [type=url],
  [type=password],
  [type=number],
  [type=date],
  [type=datetime-local],
  [type=month],
  [type=search],
  [type=tel],
  [type=time],
  [type=week],
  [multiple],
  textarea,
  select {
    appearance: none;
    border-color: oklch(.551 .027 264.364);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem
  }

  :is([type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(.546 .245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: oklch(.546 .245 262.881);
    outline: 2px solid #0000
  }

  input::placeholder,
  textarea::placeholder {
    color: oklch(.551 .027 264.364);
    opacity: 1
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1.5em
  }

  ::-webkit-date-and-time-value {
    text-align: inherit
  }

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

  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
  }

  select {
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem
  }

  [multiple],
  [size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    print-color-adjust: unset;
    padding-right: .75rem
  }

  [type=checkbox],
  [type=radio] {
    appearance: none;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    width: 1rem;
    height: 1rem;
    color: oklch(.546 .245 262.881);
    border-color: oklch(.551 .027 264.364);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    flex-shrink: 0;
    padding: 0;
    display: inline-block
  }

  [type=checkbox] {
    border-radius: 0
  }

  [type=radio] {
    border-radius: 100%
  }

  [type=checkbox]:focus,
  [type=radio]:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(.546 .245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid #0000
  }

  [type=checkbox]:checked,
  [type=radio]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000
  }

  [type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
  }

  @media (forced-colors:active) {
    [type=checkbox]:checked {
      appearance: auto
    }
  }

  [type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
  }

  @media (forced-colors:active) {
    [type=radio]:checked {
      appearance: auto
    }
  }

  [type=checkbox]:checked:hover,
  [type=checkbox]:checked:focus,
  [type=radio]:checked:hover,
  [type=radio]:checked:focus {
    background-color: currentColor;
    border-color: #0000
  }

  [type=checkbox]:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000
  }

  @media (forced-colors:active) {
    [type=checkbox]:indeterminate {
      appearance: auto
    }
  }

  [type=checkbox]:indeterminate:hover,
  [type=checkbox]:indeterminate:focus {
    background-color: currentColor;
    border-color: #0000
  }

  [type=file] {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0
  }

  [type=file]:focus {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color
  }
}

@layer components {
  .text-gradient {
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text
  }

  button[aria-expanded=true] span[data-icon-open],
  button[aria-expanded=false] span[data-icon-close] {
    display: none
  }

  [data-fade-in] {
    --tw-translate-y: 50px;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    opacity: 0;
    transition-property: translate, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .7s;
    --tw-ease: var(--ease-out);
    transition-duration: .7s;
    transition-timing-function: var(--ease-out)
  }

  [data-fade-in].show {
    --tw-translate-y: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y);
    opacity: 1
  }
}

@layer utilities {
  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .sticky {
    position: sticky
  }

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

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

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

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

  .top-\[-2\.4rem\] {
    top: -2.4rem
  }

  .top-\[-3\.2rem\] {
    top: -3.2rem
  }

  .top-\[-3\.5rem\] {
    top: -3.5rem
  }

  .top-\[2\.3rem\] {
    top: 2.3rem
  }

  .top-\[4\.5rem\] {
    top: 4.5rem
  }

  .top-\[6\.4rem\] {
    top: 6.4rem
  }

  .top-\[7\.1rem\] {
    top: 7.1rem
  }

  .top-\[calc\(100\%_-_1px\)\] {
    top: calc(100% - 1px)
  }

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

  .right-\[-0\.7rem\] {
    right: -.7rem
  }

  .right-\[2\.4rem\] {
    right: 2.4rem
  }

  .right-\[10\.2rem\] {
    right: 10.2rem
  }

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

  .bottom-\[-1\.6rem\] {
    bottom: -1.6rem
  }

  .bottom-\[4\.8rem\] {
    bottom: 4.8rem
  }

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

  .left-\[-0\.8rem\] {
    left: -.8rem
  }

  .left-\[-1\.3rem\] {
    left: -1.3rem
  }

  .left-\[-2\.2rem\] {
    left: -2.2rem
  }

  .left-\[3\.2rem\] {
    left: 3.2rem
  }

  .left-\[50\%\] {
    left: 50%
  }

  .z-0 {
    z-index: 0
  }

  .z-10 {
    z-index: 10
  }

  .mx-auto {
    margin-inline: auto
  }

  .my-\[4\.8rem\] {
    margin-block: 4.8rem
  }

  .my-auto {
    margin-block: auto
  }

  .mt-\[-0\.8rem\] {
    margin-top: -.8rem
  }

  .mt-\[-1\.6rem\] {
    margin-top: -1.6rem
  }

  .mt-\[-1px\] {
    margin-top: -1px
  }

  .mt-\[-2\.4rem\] {
    margin-top: -2.4rem
  }

  .mt-\[-2\.5rem\] {
    margin-top: -2.5rem
  }

  .mt-\[-3\.2rem\] {
    margin-top: -3.2rem
  }

  .mt-\[-5\.5rem\] {
    margin-top: -5.5rem
  }

  .mt-\[0\.8rem\] {
    margin-top: .8rem
  }

  .mt-\[1\.2rem\] {
    margin-top: 1.2rem
  }

  .mt-\[1\.6rem\] {
    margin-top: 1.6rem
  }

  .mt-\[1rem\] {
    margin-top: 1rem
  }

  .mt-\[2\.4rem\] {
    margin-top: 2.4rem
  }

  .mt-\[3\.2rem\] {
    margin-top: 3.2rem
  }

  .mt-\[3\.4rem\] {
    margin-top: 3.4rem
  }

  .mt-\[4\.8rem\] {
    margin-top: 4.8rem
  }

  .mt-\[4px\] {
    margin-top: 4px
  }

  .mt-\[4rem\] {
    margin-top: 4rem
  }

  .mt-\[6\.4rem\] {
    margin-top: 6.4rem
  }

  .mt-\[6rem\] {
    margin-top: 6rem
  }

  .mt-\[7rem\] {
    margin-top: 7rem
  }

  .mr-\[0\.4rem\] {
    margin-right: .4rem
  }

  .block {
    display: block
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .inline-block {
    display: inline-block
  }

  .aspect-square {
    aspect-ratio: 1
  }

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

  .h-\[2\.4rem\] {
    height: 2.4rem
  }

  .h-\[2px\] {
    height: 2px
  }

  .h-\[3\.2rem\] {
    height: 3.2rem
  }

  .h-\[4\.8rem\] {
    height: 4.8rem
  }

  .h-\[4rem\] {
    height: 4rem
  }

  .h-\[7\.6rem\] {
    height: 7.6rem
  }

  .h-\[8rem\] {
    height: 8rem
  }

  .h-\[14rem\] {
    height: 14rem
  }

  .h-\[18\.4rem\] {
    height: 18.4rem
  }

  .h-\[75\.8rem\] {
    height: 75.8rem
  }

  .w-\[3\.2rem\] {
    width: 3.2rem
  }

  .w-\[4rem\] {
    width: 4rem
  }

  .w-\[7\.3rem\] {
    width: 7.3rem
  }

  .w-\[8\.1rem\] {
    width: 8.1rem
  }

  .w-\[14\.4rem\] {
    width: 14.4rem
  }

  .w-\[14\.5rem\] {
    width: 14.5rem
  }

  .w-\[16px\] {
    width: 16px
  }

  .w-\[26\.1rem\] {
    width: 26.1rem
  }

  .w-\[30rem\] {
    width: 30rem
  }

  .w-\[36\.4rem\] {
    width: 36.4rem
  }

  .w-\[37\.3rem\] {
    width: 37.3rem
  }

  .w-\[39\.4rem\] {
    width: 39.4rem
  }

  .w-\[44\.7rem\] {
    width: 44.7rem
  }

  .w-\[47\.2rem\] {
    width: 47.2rem
  }

  .w-\[50\.4rem\] {
    width: 50.4rem
  }

  .w-\[53\.6rem\] {
    width: 53.6rem
  }

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

  .w-\[65rem\] {
    width: 65rem
  }

  .w-\[89\.33\%\] {
    width: 89.33%
  }

  .w-\[calc\(100\%_-_3\.4rem\)\] {
    width: calc(100% - 3.4rem)
  }

  .w-fit {
    width: fit-content
  }

  .w-full {
    width: 100%
  }

  .max-w-\[47\.2rem\] {
    max-width: 47.2rem
  }

  .max-w-\[600px\] {
    max-width: 600px
  }

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

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

  .flex-none {
    flex: none
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .grow {
    flex-grow: 1
  }

  .basis-\[2\.4rem\] {
    flex-basis: 2.4rem
  }

  .basis-\[4\.8rem\] {
    flex-basis: 4.8rem
  }

  .basis-\[13\.4rem\] {
    flex-basis: 13.4rem
  }

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

  .animate-scale {
    animation: var(--animate-scale)
  }

  .cursor-pointer {
    cursor: pointer
  }

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

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
  }

  .flex-col {
    flex-direction: column
  }

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

  .content-start {
    align-content: flex-start
  }

  .items-center {
    align-items: center
  }

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

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

  .justify-center {
    justify-content: center
  }

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

  .justify-items-center {
    justify-items: center
  }

  .gap-\[0\.8rem\] {
    gap: .8rem
  }

  .gap-\[0\.8rem_1\.6rem\] {
    gap: .8rem 1.6rem
  }

  .gap-\[0\.9rem\] {
    gap: .9rem
  }

  .gap-\[1\.2rem\] {
    gap: 1.2rem
  }

  .gap-\[1\.5rem\] {
    gap: 1.5rem
  }

  .gap-\[1\.6rem\] {
    gap: 1.6rem
  }

  .gap-\[2\.4rem\] {
    gap: 2.4rem
  }

  .gap-\[3\.2rem\] {
    gap: 3.2rem
  }

  .gap-\[4px\] {
    gap: 4px
  }

  .overflow-clip {
    overflow: clip
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-x-clip {
    overflow-x: clip
  }

  .rounded-4 {
    border-radius: var(--radius-4)
  }

  .rounded-8 {
    border-radius: var(--radius-8)
  }

  .rounded-\[2px\] {
    border-radius: 2px
  }

  .rounded-\[6px\] {
    border-radius: 6px
  }

  .rounded-\[10px\] {
    border-radius: 10px
  }

  .rounded-\[12px\] {
    border-radius: 12px
  }

  .rounded-full {
    border-radius: 3.40282e38px
  }

  .rounded-br-\[2px\] {
    border-bottom-right-radius: 2px
  }

  .rounded-br-\[6px\] {
    border-bottom-right-radius: 6px
  }

  .rounded-bl-\[2px\] {
    border-bottom-left-radius: 2px
  }

  .rounded-bl-\[6px\] {
    border-bottom-left-radius: 6px
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
  }

  .border-\[\#ba636a\] {
    border-color: #ba636a
  }

  .border-current {
    border-color: currentColor
  }

  .border-transparent {
    border-color: #0000
  }

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

  .bg-\[\#5a2e2e\] {
    background-color: #5a2e2e
  }

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

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

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

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

  .bg-\[rgb\(202_134_140\/0\.4\)\] {
    background-color: #ca868c66
  }

  .bg-current {
    background-color: currentColor
  }

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

  .bg-linear-\(--gradient-primary\) {
    --tw-gradient-position: var(--gradient-primary);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--gradient-primary)))
  }

  .bg-linear-\(--gradient-primary-light\) {
    --tw-gradient-position: var(--gradient-primary-light);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--gradient-primary-light)))
  }

  .bg-linear-\[90deg\,\#00bba7\,\#009689\] {
    --tw-gradient-position: 90deg, #00bba7, #009689;
    background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #00bba7, #009689))
  }

  .bg-linear-\[90deg\,\#7c3f3f\,\#5a2e2e\] {
    --tw-gradient-position: 90deg, #7c3f3f, #5a2e2e;
    background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #7c3f3f, #5a2e2e))
  }

  .bg-linear-\[90deg\,\#ce8494\,\#ba636a_50\%\,\#955354_100\%\] {
    --tw-gradient-position: 90deg, #ce8494, #ba636a 50%, #955354 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #ce8494, #ba636a 50%, #955354 100%))
  }

  .bg-linear-\[90deg\,\#ff637e\,\#ff2056\] {
    --tw-gradient-position: 90deg, #ff637e, #ff2056;
    background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #ff637e, #ff2056))
  }

  .bg-linear-\[90deg\,_\#00bba7_0\%\,_\#009689_100\%\] {
    --tw-gradient-position: 90deg, #00bba7 0%, #009689 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #00bba7 0%, #009689 100%))
  }

  .bg-linear-\[90deg\,_\#7C3F3F_0\%\,_\#5A2E2E_100\%\] {
    --tw-gradient-position: 90deg, #7c3f3f 0%, #5a2e2e 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #7c3f3f 0%, #5a2e2e 100%))
  }

  .bg-linear-\[90deg\,_\#ff637e_0\%\,_\#ff2056_100\%\] {
    --tw-gradient-position: 90deg, #ff637e 0%, #ff2056 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #ff637e 0%, #ff2056 100%))
  }

  .bg-linear-\[to_bottom\,\#eacfd1\,\#feebef_6\.4rem\,\#feebef\] {
    --tw-gradient-position: to bottom, #eacfd1, #feebef 6.4rem, #feebef;
    background-image: linear-gradient(var(--tw-gradient-stops, to bottom, #eacfd1, #feebef 6.4rem, #feebef))
  }

  .bg-linear-\[to_top\,\#955354\,\#955354_1\.6rem\,transparent_1\.6rem\,transparent\] {
    --tw-gradient-position: to top, #955354, #955354 1.6rem, transparent 1.6rem, transparent;
    background-image: linear-gradient(var(--tw-gradient-stops, to top, #955354, #955354 1.6rem, transparent 1.6rem, transparent))
  }

  .bg-linear-\[to_top\,\#fff\,\#fff_1\.6rem\,transparent_1\.6rem\,transparent\] {
    --tw-gradient-position: to top, #fff, #fff 1.6rem, transparent 1.6rem, transparent;
    background-image: linear-gradient(var(--tw-gradient-stops, to top, #fff, #fff 1.6rem, transparent 1.6rem, transparent))
  }

  .bg-linear-\[to_top\,\#fff\,\#fff_2\.4rem\,transparent_2\.4rem\,transparent\] {
    --tw-gradient-position: to top, #fff, #fff 2.4rem, transparent 2.4rem, transparent;
    background-image: linear-gradient(var(--tw-gradient-stops, to top, #fff, #fff 2.4rem, transparent 2.4rem, transparent))
  }

  .bg-linear-\[to_top\,\#fff085\,\#fff085_0\.8rem\,transparent_0\.8rem\,transparent\] {
    --tw-gradient-position: to top, #fff085, #fff085 .8rem, transparent .8rem, transparent;
    background-image: linear-gradient(var(--tw-gradient-stops, to top, #fff085, #fff085 .8rem, transparent .8rem, transparent))
  }

  .bg-linear-\[to_top\,\#fff085\,\#fff085_1\.6rem\,transparent_1\.6rem\,transparent\] {
    --tw-gradient-position: to top, #fff085, #fff085 1.6rem, transparent 1.6rem, transparent;
    background-image: linear-gradient(var(--tw-gradient-stops, to top, #fff085, #fff085 1.6rem, transparent 1.6rem, transparent))
  }

  .bg-linear-\[to_top\,transparent\,transparent_2\.4rem\,\#fff085_2\.4rem\,\#fff085_4\.8rem\,transparent_4\.8rem\,transparent\] {
    --tw-gradient-position: to top, transparent, transparent 2.4rem, #fff085 2.4rem, #fff085 4.8rem, transparent 4.8rem, transparent;
    background-image: linear-gradient(var(--tw-gradient-stops, to top, transparent, transparent 2.4rem, #fff085 2.4rem, #fff085 4.8rem, transparent 4.8rem, transparent))
  }

  .bg-linear-\[to_top\,transparent\,transparent_3\.4rem\,\#fff085_3\.4rem\,\#fff085_5\.2rem\,transparent_5\.2rem\,transparent\] {
    --tw-gradient-position: to top, transparent, transparent 3.4rem, #fff085 3.4rem, #fff085 5.2rem, transparent 5.2rem, transparent;
    background-image: linear-gradient(var(--tw-gradient-stops, to top, transparent, transparent 3.4rem, #fff085 3.4rem, #fff085 5.2rem, transparent 5.2rem, transparent))
  }

  .bg-\[url\(\.\.\/img\/bg-01\.webp\)\] {
    background-image: url(../img/bg-01.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-check\.webp\)\] {
    background-image: url(../img/bg-check.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-info\.webp\)\] {
    background-image: url(../img/bg-info.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-machine-2\.webp\)\] {
    background-image: url(../img/bg-machine-2.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-plan\.webp\)\] {
    background-image: url(../img/bg-plan.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-point-1\.webp\)\] {
    background-image: url(../img/bg-point-1.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-point-2\.webp\)\] {
    background-image: url(../img/bg-point-2.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-point-3\.webp\)\] {
    background-image: url(../img/bg-point-3.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-point-4\.webp\)\] {
    background-image: url(../img/bg-point-4.webp)
  }

  .bg-\[url\(\.\.\/img\/bg-record\.webp\)\] {
    background-image: url(../img/bg-record.webp)
  }

  .bg-\[url\(\.\.\/img\/button-cv-bg\.webp\)\] {
    background-image: url(../img/button-cv-bg.webp)
  }

  .bg-\[url\(\.\.\/img\/button-header\.webp\)\] {
    background-image: url(../img/button-header.webp)
  }

  .bg-\(length\:--size-x-full\) {
    background-size: var(--size-x-full)
  }

  .bg-cover {
    background-size: cover
  }

  .bg-no-repeat {
    background-repeat: no-repeat
  }

  .p-\[1\.4rem\] {
    padding: 1.4rem
  }

  .p-\[1\.6rem\] {
    padding: 1.6rem
  }

  .p-\[2\.2rem\] {
    padding: 2.2rem
  }

  .p-\[2px\] {
    padding: 2px
  }

  .p-\[4px\] {
    padding: 4px
  }

  .px-\[0\.8rem\] {
    padding-inline: .8rem
  }

  .px-\[1\.3rem\] {
    padding-inline: 1.3rem
  }

  .px-\[1\.6rem\] {
    padding-inline: 1.6rem
  }

  .px-\[2\.4rem\] {
    padding-inline: 2.4rem
  }

  .px-\[2\.8rem\] {
    padding-inline: 2.8rem
  }

  .px-\[2\.66\%\] {
    padding-inline: 2.66%
  }

  .px-\[3\.2rem\] {
    padding-inline: 3.2rem
  }

  .px-\[3rem\] {
    padding-inline: 3rem
  }

  .px-\[4px\] {
    padding-inline: 4px
  }

  .py-\[0\.6rem\] {
    padding-block: .6rem
  }

  .py-\[0\.8rem\] {
    padding-block: .8rem
  }

  .py-\[1\.2rem\] {
    padding-block: 1.2rem
  }

  .py-\[1\.4rem\] {
    padding-block: 1.4rem
  }

  .py-\[2\.2rem\] {
    padding-block: 2.2rem
  }

  .py-\[2\.4rem\] {
    padding-block: 2.4rem
  }

  .py-\[2\.75rem\] {
    padding-block: 2.75rem
  }

  .py-\[3\.2rem\] {
    padding-block: 3.2rem
  }

  .py-\[4\%\] {
    padding-block: 4%
  }

  .py-\[4\.4rem\] {
    padding-block: 4.4rem
  }

  .py-\[4\.8rem\] {
    padding-block: 4.8rem
  }

  .py-\[6\.4rem\] {
    padding-block: 6.4rem
  }

  .py-\[8px\] {
    padding-block: 8px
  }

  .py-\[12px\] {
    padding-block: 12px
  }

  .pt-\[0\.6rem\] {
    padding-top: .6rem
  }

  .pt-\[1\.2rem\] {
    padding-top: 1.2rem
  }

  .pt-\[1\.4rem\] {
    padding-top: 1.4rem
  }

  .pt-\[1\.6rem\] {
    padding-top: 1.6rem
  }

  .pt-\[2\.4rem\] {
    padding-top: 2.4rem
  }

  .pt-\[2\.8rem\] {
    padding-top: 2.8rem
  }

  .pt-\[3\.2rem\] {
    padding-top: 3.2rem
  }

  .pt-\[3px\] {
    padding-top: 3px
  }

  .pt-\[4\.8rem\] {
    padding-top: 4.8rem
  }

  .pt-\[4px\] {
    padding-top: 4px
  }

  .pt-\[6\.4rem\] {
    padding-top: 6.4rem
  }

  .pt-\[8rem\] {
    padding-top: 8rem
  }

  .pr-\[0\.4rem\] {
    padding-right: .4rem
  }

  .pr-\[1\.4rem\] {
    padding-right: 1.4rem
  }

  .pr-\[2rem\] {
    padding-right: 2rem
  }

  .pb-\[0\.8rem\] {
    padding-bottom: .8rem
  }

  .pb-\[1\.2rem\] {
    padding-bottom: 1.2rem
  }

  .pb-\[1\.4rem\] {
    padding-bottom: 1.4rem
  }

  .pb-\[1\.6rem\] {
    padding-bottom: 1.6rem
  }

  .pb-\[1rem\] {
    padding-bottom: 1rem
  }

  .pb-\[2\.4rem\] {
    padding-bottom: 2.4rem
  }

  .pb-\[2\.6rem\] {
    padding-bottom: 2.6rem
  }

  .pb-\[2rem\] {
    padding-bottom: 2rem
  }

  .pb-\[3\.2rem\] {
    padding-bottom: 3.2rem
  }

  .pb-\[4\.8rem\] {
    padding-bottom: 4.8rem
  }

  .pb-\[4rem\] {
    padding-bottom: 4rem
  }

  .pb-\[6\.4rem\] {
    padding-bottom: 6.4rem
  }

  .pb-\[8px\] {
    padding-bottom: 8px
  }

  .pb-\[8rem\] {
    padding-bottom: 8rem
  }

  .pb-\[9\.6rem\] {
    padding-bottom: 9.6rem
  }

  .pb-\[21rem\] {
    padding-bottom: 21rem
  }

  .pl-\[1\.6rem\] {
    padding-left: 1.6rem
  }

  .pl-\[1\.4rem\] {
    padding-left: 1.4rem
  }

  .pl-\[2\.4rem\] {
    padding-left: 2.4rem
  }

  .pl-\[2\.8rem\] {
    padding-left: 2.8rem
  }

  .text-center {
    text-align: center
  }

  .text-left {
    text-align: left
  }

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

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

  .text-\[1\.4rem\] {
    font-size: 1.4rem
  }

  .text-\[1\.6rem\] {
    font-size: 1.6rem
  }

  .text-\[1\.8rem\] {
    font-size: 1.8rem
  }

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

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

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

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

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

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

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

  .text-\[3\.4rem\] {
    font-size: 3.4rem
  }

  .text-\[3\.6rem\] {
    font-size: 3.6rem
  }

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

  .text-\[4\.6rem\] {
    font-size: 4.6rem
  }

  .text-\[4\.8rem\] {
    font-size: 4.8rem
  }

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

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

  .text-\[6\.4rem\] {
    font-size: 6.4rem
  }

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

  .text-\[9\.6rem\] {
    font-size: 9.6rem
  }

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

  .text-\[12\.8rem\] {
    font-size: 12.8rem
  }

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

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

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

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

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

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

  .-tracking-wide {
    --tw-tracking: calc(var(--tracking-wide)*-1);
    letter-spacing: calc(var(--tracking-wide)*-1)
  }

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

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

  .text-\[\#5a2e2e\] {
    color: #5a2e2e
  }

  .text-\[\#937a1c\] {
    color: #937a1c
  }

  .text-\[\#404040\] {
    color: #404040
  }

  .text-\[\#955354\] {
    color: #955354
  }

  .text-\[\#CE8494\] {
    color: #ce8494
  }

  .text-\[\#FCFAF2\] {
    color: #fcfaf2
  }

  .text-\[\#ba636a\] {
    color: #ba636a
  }

  .text-\[\#c10007\] {
    color: #c10007
  }

  .text-\[\#c01919\] {
    color: #c01919
  }

  .text-\[\#feebef\] {
    color: #feebef
  }

  .text-\[\#FF0004\] {
    color: #FF0004
  }

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

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

  .uppercase {
    text-transform: uppercase
  }

  .not-italic {
    font-style: normal
  }

  .underline {
    text-decoration-line: underline
  }

  .decoration-1 {
    text-decoration-thickness: 1px
  }

  .underline-offset-2 {
    text-underline-offset: 2px
  }

  .shadow-base-25 {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #95535440);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .drop-shadow-\[0_0_16px_rgb\(0_0_0\/0\.8\)\] {
    --tw-drop-shadow: drop-shadow(0 0 16px #000c);
    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, )
  }

  .drop-shadow-base-5 {
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-base-5));
    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, )
  }

  .drop-shadow-base-25 {
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-base-25));
    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, )
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out)
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute
  }

  .before\:inset-\[8px\]:before {
    content: var(--tw-content);
    inset: 8px
  }

  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing)*0)
  }

  .before\:top-\[50\%\]:before {
    content: var(--tw-content);
    top: 50%
  }

  .before\:right-0:before {
    content: var(--tw-content);
    right: calc(var(--spacing)*0)
  }

  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing)*0)
  }

  .before\:bottom-\[-3\.2rem\]:before {
    content: var(--tw-content);
    bottom: -3.2rem
  }

  .before\:bottom-\[-8px\]:before {
    content: var(--tw-content);
    bottom: -8px
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing)*0)
  }

  .before\:left-\[-8px\]:before {
    content: var(--tw-content);
    left: -8px
  }

  .before\:left-\[2px\]:before {
    content: var(--tw-content);
    left: 2px
  }

  .before\:mx-auto:before {
    content: var(--tw-content);
    margin-inline: auto
  }

  .before\:h-\[1\.6rem\]:before {
    content: var(--tw-content);
    height: 1.6rem
  }

  .before\:h-\[2px\]:before {
    content: var(--tw-content);
    height: 2px
  }

  .before\:h-\[4\.8rem\]:before {
    content: var(--tw-content);
    height: 4.8rem
  }

  .before\:h-\[6\.4rem\]:before {
    content: var(--tw-content);
    height: 6.4rem
  }

  .before\:h-\[16px\]:before {
    content: var(--tw-content);
    height: 16px
  }

  .before\:w-\[2px\]:before {
    content: var(--tw-content);
    width: 2px
  }

  .before\:w-\[3\.5rem\]:before {
    content: var(--tw-content);
    width: 3.5rem
  }

  .before\:w-\[16px\]:before {
    content: var(--tw-content);
    width: 16px
  }

  .before\:translate-y-\[-50\%\]:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .before\:rounded-8:before {
    content: var(--tw-content);
    border-radius: var(--radius-8)
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px
  }

  .before\:bg-\[\#00786f\]:before {
    content: var(--tw-content);
    background-color: #00786f
  }

  .before\:bg-\[\#c27f84\]:before {
    content: var(--tw-content);
    background-color: #c27f84
  }

  .before\:bg-\[\#ec003f\]:before {
    content: var(--tw-content);
    background-color: #ec003f
  }

  .before\:bg-linear-\(--gradient-primary\):before {
    content: var(--tw-content);
    --tw-gradient-position: var(--gradient-primary);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--gradient-primary)))
  }

  .before\:bg-linear-\[90deg\,\#ce8494\,\#ba636a_50\%\,\#955354_100\%\]:before {
    content: var(--tw-content);
    --tw-gradient-position: 90deg, #ce8494, #ba636a 50%, #955354 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #ce8494, #ba636a 50%, #955354 100%))
  }

  .before\:bg-linear-\[180deg\,\#fff\,\#fff_50\%\,\#ba636a_50\%\,\#ba636a\]:before {
    content: var(--tw-content);
    --tw-gradient-position: 180deg, #fff, #fff 50%, #ba636a 50%, #ba636a;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #fff, #fff 50%, #ba636a 50%, #ba636a))
  }

  .before\:bg-\[url\(\.\.\/img\/text-q\.svg\)\]:before {
    content: var(--tw-content);
    background-image: url(../img/text-q.svg)
  }

  .before\:bg-\(length\:--size-x-full\):before {
    content: var(--tw-content);
    background-size: var(--size-x-full)
  }

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

  .after\:inset-\[10px\]:after {
    content: var(--tw-content);
    inset: 10px
  }

  .after\:right-\[-8px\]:after {
    content: var(--tw-content);
    right: -8px
  }

  .after\:bottom-\[-8px\]:after {
    content: var(--tw-content);
    bottom: -8px
  }

  .after\:mx-auto:after {
    content: var(--tw-content);
    margin-inline: auto
  }

  .after\:mt-\[3\.2rem\]:after {
    content: var(--tw-content);
    margin-top: 3.2rem
  }

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

  .after\:h-\[2\.4rem\]:after {
    content: var(--tw-content);
    height: 2.4rem
  }

  .after\:h-\[3\.2rem\]:after {
    content: var(--tw-content);
    height: 3.2rem
  }

  .after\:h-\[16px\]:after {
    content: var(--tw-content);
    height: 16px
  }

  .after\:w-\[16px\]:after {
    content: var(--tw-content);
    width: 16px
  }

  .after\:w-\[37\.6rem\]:after {
    content: var(--tw-content);
    width: 37.6rem
  }

  .after\:rounded-\[6px\]:after {
    content: var(--tw-content);
    border-radius: 6px
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px
  }

  .after\:bg-\[\#b66369\]:after {
    content: var(--tw-content);
    background-color: #b66369
  }

  .after\:bg-\[rgb\(206_132_148\/0\.5\)\]:after {
    content: var(--tw-content);
    background-color: #ce849480
  }

  .after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--color-white)
  }

  .after\:bg-\[url\(\.\.\/img\/img-line-4\.webp\)\]:after {
    content: var(--tw-content);
    background-image: url(../img/img-line-4.webp)
  }

  .after\:bg-contain:after {
    content: var(--tw-content);
    background-size: contain
  }

  .after\:bg-center:after {
    content: var(--tw-content);
    background-position: 50%
  }

  .after\:bg-no-repeat:after {
    content: var(--tw-content);
    background-repeat: no-repeat
  }

  [x-cloak] {
    display: none !important
  }
}

.writing-mode-vertical {
  writing-mode: vertical-lr
}

.section-option h3 {
  background-color: #5a2e2e;
  background-image: url(../img/img-option-left.svg), url(../img/img-option-right.svg), linear-gradient(90deg, #7c3f3f 0%, #5a2e2e 100%);
  background-position: 1.6rem, right 1.6rem center, 0 0;
  background-repeat: no-repeat;
  background-size: 2.4rem, 2.4rem, 100% 100%
}

.bg-img-point {
  background-image: url(../img/img-point-left.svg), url(../img/img-point-right.svg);
  background-position: 1.2rem, right 1.2rem center;
  background-repeat: no-repeat;
  background-size: 2.4rem, 2.4rem
}

.bg-frame {
  background-color: #feebef;
  background-image: url(../img/bg-price-top.webp), url(../img/bg-price-bottom.webp);
  background-position: top, bottom;
  background-repeat: no-repeat;
  background-size: 100%
}

.machine-bg {
  background-image: url(../img/bg-machine.webp), linear-gradient(#fff, #ca868c66);
  background-position: 0 0, top;
  background-repeat: repeat, no-repeat;
  background-size: 1.2rem 1.2rem, 100%
}

.machine-bg-point {
  background-image: url(../img/bg-machine.webp), linear-gradient(#fff, #ca868c66 56%, #ca868c66);
  background-position: 0 0, top;
  background-repeat: repeat, no-repeat;
  background-size: 1.2rem 1.2rem, 100%
}

.bg-clip-path {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.2rem), 50% 100%, 0 calc(100% - 3.2rem))
}

.path-triangle:after {
  clip-path: polygon(0 0, 100% 0, 50% 100%)
}

.twinkle-button a:before {
  pointer-events: none;
  content: "";
  z-index: 0;
  background-image: url(../img/star-bg.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  animation: 4s linear infinite lk_snslogo_cycle;
  position: absolute;
  top: 0;
  left: 0
}

@keyframes lk_snslogo_cycle {
  0% {
    opacity: 1;
    transform: translate(100%)
  }

  50% {
    opacity: 1;
    transform: translate(50%)
  }

  95% {
    opacity: .5
  }

  to {
    opacity: 0;
    transform: translate(0)
  }
}

.twinkle-button a:after {
  pointer-events: none;
  content: "";
  z-index: 0;
  background-image: url(../img/star-bg.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  animation: 4s linear infinite star_scale;
  position: absolute;
  top: 0;
  left: 0
}

@keyframes star_scale {
  0% {
    transform: scale(.8)
  }

  50% {
    transform: scale(1)
  }

  to {
    transform: scale(.8)
  }
}

.twinkle-button:after {
  pointer-events: none;
  z-index: 0;
  content: "";
  background-image: url(../img/star-bg.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.8)
}

.cta-grid-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.cta-grid-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  animation: shine 2s ease-in-out infinite;
  z-index: 1;
}

.cta-grid-btn img {
  position: relative;
  z-index: 0;
  height: auto;
  display: block;
}

@keyframes shine {
  0% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

.top-\[-4rem\] {
  top: -4rem;
}

.w-\[75\%\] {
  width: 75%;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: ""
}

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

@keyframes scale {
  0% {
    transform: scale3d(.95, .95, .95)
  }

  50% {
    transform: scale(1)
  }

  to {
    transform: scale3d(.95, .95, .95)
  }
}

/* Countdown timer styles */
#countdown-timer {
  font-family: var(--font-sans);
  white-space: nowrap;
}

/* Missing Tailwind classes for countdown timer */
.top-\[-3\.8rem\] {
  top: -3.8rem;
}

.top-\[-3\.2rem\] {
  top: -3.2rem;
}

.right-\[1rem\] {
  right: 1rem;
}

.z-20 {
  z-index: 20;
}

.px-\[0\.5rem\] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-\[0\.2rem\] {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.rounded-\[4px\] {
  border-radius: 4px;
}

.text-\[1\.8rem\] {
  font-size: 1.8rem;
}