/* search-signup-layout-ef357937d880d8ae-layout.css */
@media (max-width:767px){@media (max-width: 767px) {
  .yg-search-signup-upgrade[data-search-page] .yg-search-header {
    padding: 12px 16px 0;
    transition: transform 180ms ease, visibility 0s;
  }
  .yg-search-signup-upgrade[data-search-page] .yg-search-header.is-hidden {
    transform: translateY(-110%);
    visibility: hidden;
    pointer-events: none;
    transition: transform 180ms ease, visibility 0s 180ms;
  }
  .yg-search-signup-upgrade[data-search-page] .yg-search-main { padding: 18px 16px; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-rails { display: grid; gap: 18px; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-product-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; overflow: visible; margin-inline: -16px; padding-inline: 12px; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-store-results { margin-inline: -16px; }
  /* Match the ordinary Market Lane card's width, image height and footer.
     This is a standalone matching product, never the shop's discovery reel. */
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-tile { position: relative; width: 92%; min-width: 0; margin-inline: auto; overflow: hidden; border: 1px solid rgba(10,10,10,.06); border-radius: 16px; background: #fff; box-shadow: 0 1px 3px rgba(40,30,0,.06); }
  .yg-search-signup-upgrade[data-search-page] .yg-search-single-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 70px; padding: 12px; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-single-seller { min-width: 0; font-size: 13px; line-height: 1.25; font-weight: 800; overflow-wrap: anywhere; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-single-actions { display: flex; flex: none; gap: 6px; align-items: center; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-single-call { display: grid; place-items: center; width: 42px; height: 42px; background: #128b43; color: #fff; border-radius: 12px; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-single-enter { display: grid; place-items: center; min-height: 42px; padding: 0 16px; border-radius: 13px; color: #fff; background: #050505; font-size: 13px; font-weight: 800; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-photo { display: block; position: relative; width: 100%; padding-top: calc(115.489130435% - 9.565217391px); overflow: hidden; background: #f2f2f0; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-info { display: block; min-height: 65px; padding: 12px 82px 8px 12px; color: #0a0a0a; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-info h3 { margin: 0; font-size: 14px; line-height: 19px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-price { display: flex; align-items: center; gap: 12px; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-price strong { font-size: 18px; line-height: 22px; font-weight: 900; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-price span { display: inline-flex; gap: 3px; align-items: center; font-size: 11px; color: #806a00; }
  .yg-search-signup-upgrade[data-search-page] .yg-search-mobile-tile .yg-shop-heart { position: absolute; bottom: 10px; right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .yg-search-signup-upgrade[data-search-page] .yg-search-header,
  .yg-search-signup-upgrade[data-search-page] .yg-search-header.is-hidden { transition: none; }
}

@media(max-width:767px){body:has([data-search-page]) [data-search-shell-header]{display:none!important}}}
/* product-community-39e479c5645ae3bb.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --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-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-wide: 0.025em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(*),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(*),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::after),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::after),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::before),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::before),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::backdrop),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::backdrop),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::file-selector-button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::file-selector-button) {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(html),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(html),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(:host),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(:host) {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(hr),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(hr) {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(abbr:where([title])),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(abbr:where([title])) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(h1),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(h1),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(h2),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(h2),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(h3),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(h3),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(h4),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(h4),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(h5),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(h5),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(h6),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(h6) {
    font-size: inherit;
    font-weight: inherit;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(a),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(a) {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(b),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(b),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(strong),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(strong) {
    font-weight: bolder;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(code),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(code),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(kbd),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(kbd),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(samp),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(samp),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(pre),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(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;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(small),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(small) {
    font-size: 80%;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(sub),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(sub),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(sup),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(sup) {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(sub),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(sub) {
    bottom: -0.25em;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(sup),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(sup) {
    top: -0.5em;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(table),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(table) {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(:-moz-focusring:where(:not(iframe))),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(:-moz-focusring:where(:not(iframe))) {
    outline: auto;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(progress),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(progress) {
    vertical-align: baseline;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(summary),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(summary) {
    display: list-item;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(ol),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(ol),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(ul),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(ul),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(menu),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(menu) {
    list-style: none;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(img),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(img),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(svg),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(svg),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(video),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(video),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(canvas),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(canvas),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(audio),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(audio),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(iframe),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(iframe),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(embed),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(embed),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(object),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(object) {
    display: block;
    vertical-align: middle;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(img),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(img),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(video),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(video) {
    max-width: 100%;
    height: auto;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(input),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(input),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(select),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(select),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(optgroup),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(optgroup),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(textarea),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(textarea),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::file-selector-button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::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(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(:where(select:is([multiple], [size])) optgroup),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(:where(select:is([multiple], [size])) optgroup) {
    font-weight: bolder;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(:where(select:is([multiple], [size])) optgroup option),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(:where(select:is([multiple], [size])) optgroup option) {
    padding-inline-start: 20px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::file-selector-button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::file-selector-button) {
    margin-inline-end: 4px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::placeholder),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::placeholder) {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::placeholder),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::placeholder) {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(textarea),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(textarea) {
    resize: vertical;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-search-decoration),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-search-decoration) {
    -webkit-appearance: none;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-date-and-time-value),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-date-and-time-value) {
    min-height: 1lh;
    text-align: inherit;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit) {
    display: inline-flex;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-fields-wrapper),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-fields-wrapper) {
    padding: 0;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-year-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-year-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-month-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-month-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-day-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-day-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-hour-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-hour-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-minute-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-minute-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-second-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-second-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-millisecond-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-millisecond-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-datetime-edit-meridiem-field),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-datetime-edit-meridiem-field) {
    padding-block: 0;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-calendar-picker-indicator),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-calendar-picker-indicator) {
    line-height: 1;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(:-moz-ui-invalid),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(:-moz-ui-invalid) {
    box-shadow: none;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(input:where([type="button"], [type="reset"], [type="submit"])),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(input:where([type="button"], [type="reset"], [type="submit"])),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::file-selector-button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::file-selector-button) {
    appearance: button;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-inner-spin-button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-inner-spin-button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::-webkit-outer-spin-button),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::-webkit-outer-spin-button) {
    height: auto;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is([hidden]:where(:not([hidden="until-found"]))),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is([hidden]:where(:not([hidden="until-found"]))) {
    display: none !important;
  }
}
@layer utilities {
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.visible),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.visible) {
    visibility: visible;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.mx-auto),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.mx-auto) {
    margin-inline: auto;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.mt-1),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.mt-1) {
    margin-top: var(--spacing);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.mt-2),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.mt-2) {
    margin-top: calc(var(--spacing) * 2);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.mt-3),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.mt-3) {
    margin-top: calc(var(--spacing) * 3);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.mt-4),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.mt-4) {
    margin-top: calc(var(--spacing) * 4);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.mt-5),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.mt-5) {
    margin-top: calc(var(--spacing) * 5);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.mt-10),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.mt-10) {
    margin-top: calc(var(--spacing) * 10);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.mb-5),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.mb-5) {
    margin-bottom: calc(var(--spacing) * 5);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.block),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.block) {
    display: block;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.flex),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.flex) {
    display: flex;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.grid),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.grid) {
    display: grid;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.inline-flex),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.inline-flex) {
    display: inline-flex;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.table),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.table) {
    display: table;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.h-7),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.h-7) {
    height: calc(var(--spacing) * 7);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.min-h-36),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.min-h-36) {
    min-height: calc(var(--spacing) * 36);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.w-7),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.w-7) {
    width: calc(var(--spacing) * 7);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.w-full),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.w-full) {
    width: 100%;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.min-w-0),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.min-w-0) {
    min-width: 0px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.min-w-\[620px\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.min-w-\[620px\]) {
    min-width: 620px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.min-w-\[650px\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.min-w-\[650px\]) {
    min-width: 650px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.animate-pulse),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.animate-pulse) {
    animation: var(--animate-pulse);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.grid-cols-2),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.grid-cols-2) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.flex-wrap),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.flex-wrap) {
    flex-wrap: wrap;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.place-items-center),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.place-items-center) {
    place-items: center;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.items-center),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.items-center) {
    align-items: center;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.items-end),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.items-end) {
    align-items: flex-end;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.justify-between),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.justify-between) {
    justify-content: space-between;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.gap-1),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.gap-1) {
    gap: var(--spacing);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.gap-2),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.gap-2) {
    gap: calc(var(--spacing) * 2);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.gap-3),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.gap-3) {
    gap: calc(var(--spacing) * 3);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.gap-4),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.gap-4) {
    gap: calc(var(--spacing) * 4);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.gap-5),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.gap-5) {
    gap: calc(var(--spacing) * 5);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(:where(.divide-y > :not(:last-child))),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(:where(.divide-y > :not(:last-child))) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(:where(.divide-black\/\[0\.05\] > :not(:last-child))),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(:where(.divide-black\/\[0\.05\] > :not(:last-child))) {
    border-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.truncate),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.truncate) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.overflow-hidden),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.overflow-hidden) {
    overflow: hidden;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.overflow-x-auto),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.overflow-x-auto) {
    overflow-x: auto;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.rounded-2xl),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.rounded-2xl) {
    border-radius: var(--radius-2xl);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.rounded-full),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.rounded-full) {
    border-radius: calc(infinity * 1px);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.rounded-lg),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.rounded-lg) {
    border-radius: var(--radius-lg);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.rounded-md),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.rounded-md) {
    border-radius: var(--radius-md);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.border),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.border) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.border-t),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.border-t) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.border-b),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.border-b) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.border-black\/10),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.border-black\/10) {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.border-black\/\[0\.05\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.border-black\/\[0\.05\]) {
    border-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.border-black\/\[0\.06\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.border-black\/\[0\.06\]) {
    border-color: color-mix(in srgb, #000 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.bg-\[\#FFD000\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.bg-\[\#FFD000\]) {
    background-color: #FFD000;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.bg-\[\#FFE778\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.bg-\[\#FFE778\]) {
    background-color: #FFE778;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.bg-\[\#FFFDF4\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.bg-\[\#FFFDF4\]) {
    background-color: #FFFDF4;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.bg-black\/5),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.bg-black\/5) {
    background-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.bg-white),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.bg-white) {
    background-color: var(--color-white);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.p-1),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.p-1) {
    padding: var(--spacing);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.p-4),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.p-4) {
    padding: calc(var(--spacing) * 4);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.p-7),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.p-7) {
    padding: calc(var(--spacing) * 7);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.p-8),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.p-8) {
    padding: calc(var(--spacing) * 8);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.px-2),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.px-2) {
    padding-inline: calc(var(--spacing) * 2);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.px-3),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.px-3) {
    padding-inline: calc(var(--spacing) * 3);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.px-5),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.px-5) {
    padding-inline: calc(var(--spacing) * 5);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.py-2),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.py-2) {
    padding-block: calc(var(--spacing) * 2);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.py-2\.5),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.py-2\.5) {
    padding-block: calc(var(--spacing) * 2.5);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.py-3),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.py-3) {
    padding-block: calc(var(--spacing) * 3);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.py-4),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.py-4) {
    padding-block: calc(var(--spacing) * 4);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-center),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-center) {
    text-align: center;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-left),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-left) {
    text-align: left;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-right),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-right) {
    text-align: right;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-sm),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-sm) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-xl),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-xl) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-xs),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-xs) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[10px\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[10px\]) {
    font-size: 10px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[11px\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[11px\]) {
    font-size: 11px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[12px\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[12px\]) {
    font-size: 12px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[21px\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[21px\]) {
    font-size: 21px;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.font-black),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.font-black) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.font-bold),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.font-bold) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.tracking-\[\.15em\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.tracking-\[\.15em\]) {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.tracking-wide),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.tracking-wide) {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#0A0A0A\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#0A0A0A\]) {
    color: #0A0A0A;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#8B846F\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#8B846F\]) {
    color: #8B846F;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#9A7900\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#9A7900\]) {
    color: #9A7900;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#777\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#777\]) {
    color: #777;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#928B76\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#928B76\]) {
    color: #928B76;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#999\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#999\]) {
    color: #999;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#80765A\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#80765A\]) {
    color: #80765A;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#90896F\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#90896F\]) {
    color: #90896F;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-\[\#272311\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-\[\#272311\]) {
    color: #272311;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.text-black),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.text-black) {
    color: var(--color-black);
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.capitalize),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.capitalize) {
    text-transform: capitalize;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.uppercase),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.uppercase) {
    text-transform: uppercase;
  }
  :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.shadow-sm),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.shadow-sm) {
    --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);
  }
  @media (width >= 48rem) {
    :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.md\:grid-cols-3),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.md\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.xl\:grid-cols-2),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.xl\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.xl\:grid-cols-6),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.xl\:grid-cols-6) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(.xl\:grid-cols-\[1\.35fr_\.65fr\]),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(.xl\:grid-cols-\[1\.35fr_\.65fr\]) {
      grid-template-columns: 1.35fr .65fr;
    }
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(*),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(*),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::before),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::before),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::after),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::after),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim):is(::backdrop),:where(.yg-community-admin,.yg-seller-comments,.yg-comments-scrim) :is(::backdrop) {
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

/* artifacts/gropet/src/components/comments/engagement.css */
.yg-product-comments-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 34px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #eee8d2;
  border-radius: 999px;
  background: #fffdf5;
  color: #705900;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  position: relative;
  z-index: 4;
}
.yg-product-comments-trigger svg {
  width: 15px;
  height: 15px;
  stroke-width: 2.1;
}
.yg-product-comments-trigger.is-compact {
  height: 30px;
  padding: 0 9px;
  font-size: 10px;
}
.yg-comments-scrim {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(28, 26, 18, .38);
  backdrop-filter: blur(3px);
}
.yg-comments-panel {
  display: flex;
  flex-direction: column;
  width: min(100%, 600px);
  height: min(86dvh, 760px);
  background: #fffef9;
  border: 1px solid #eee7d0;
  border-radius: 22px 22px 0 0;
  box-shadow: 0 22px 70px #302b1740;
  overflow: hidden;
  color: #282619;
}
.yg-comments-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 22px 16px;
  border-bottom: 1px solid #efe9d8;
  background: #fffdf4;
}
.yg-comments-head h2 {
  font-size: 18px;
  line-height: 1.25;
  margin: 4px 0;
  font-weight: 900;
}
.yg-comments-head span,
.yg-comments-kicker {
  color: #81795f;
  font-size: 11px;
}
.yg-comments-kicker {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
  margin: 0;
}
.yg-comments-head button {
  border: 0;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  background: #f5f0df;
  color: #544a2a;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.yg-comments-head button svg {
  width: 18px;
}
.yg-comments-list {
  flex: 1;
  overflow: auto;
  padding: 8px 22px 18px;
}
.yg-comment {
  padding: 18px 0;
  border-bottom: 1px solid #f0ecdf;
}
.yg-comment-byline {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  font-size: 12px;
}
.yg-comment-byline b {
  font-weight: 900;
}
.yg-comment-byline span {
  background: #f7f1d9;
  color: #806900;
  border-radius: 99px;
  padding: 3px 8px;
  text-transform: capitalize;
  font-size: 10px;
  font-weight: 800;
}
.yg-comment-byline time,
.yg-comment-reply time {
  color: #9b947f;
  font-size: 10px;
  margin-left: auto;
}
.yg-comment-copy {
  white-space: pre-wrap;
  line-height: 1.5;
  font-size: 13px;
  margin: 10px 0 0;
  color: #494532;
}
.yg-comment-edit-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  background: none;
  color: #8b7100;
  font-weight: 800;
  font-size: 11px;
  padding: 8px 0;
  cursor: pointer;
}
.yg-comment-edit-button svg {
  width: 13px;
}
.yg-comment-reply {
  margin: 12px 0 0 14px;
  padding: 12px 14px;
  border-left: 3px solid #ffd000;
  background: #fff9df;
  border-radius: 0 12px 12px 0;
}
.yg-comment-reply strong {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #806900;
}
.yg-comment-reply p {
  font-size: 12px;
  line-height: 1.5;
  margin: 5px 0;
  color: #494532;
  white-space: pre-wrap;
}
.yg-comments-empty {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #766f58;
}
.yg-comments-empty svg {
  width: 32px;
  height: 32px;
  color: #c3aa42;
}
.yg-comments-empty h3 {
  margin: 13px 0 4px;
  color: #35301e;
  font-size: 16px;
}
.yg-comments-empty p {
  font-size: 12px;
  margin: 0;
}
.yg-comments-skeleton {
  padding-top: 18px;
}
.yg-comments-skeleton i {
  height: 78px;
  display: block;
  margin-bottom: 12px;
  border-radius: 14px;
  background:
    linear-gradient(
      90deg,
      #f6f1e3,
      #fff9e7,
      #f6f1e3);
  background-size: 200% 100%;
  animation: yg-shimmer 1.3s infinite;
}
.yg-comments-loading,
.yg-comments-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 15px auto;
  color: #786600;
  font-size: 12px;
  font-weight: 800;
}
.yg-comments-more {
  border: 1px solid #eadb9b;
  border-radius: 99px;
  background: #fff9df;
  padding: 9px 14px;
  cursor: pointer;
}
.yg-comments-more svg {
  width: 15px;
}
.yg-comments-compose {
  padding: 15px 20px max(18px, env(safe-area-inset-bottom));
  border-top: 1px solid #eee8d8;
  background: #fff;
}
.yg-comments-compose label {
  font-size: 11px;
  font-weight: 900;
  color: #786600;
  text-transform: capitalize;
}
.yg-comments-compose textarea,
.yg-comment-edit textarea {
  resize: vertical;
  min-height: 70px;
  max-height: 150px;
  width: 100%;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #e8e1cc;
  border-radius: 12px;
  background: #fffefa;
  font: inherit;
  font-size: 13px;
  outline: none;
}
.yg-comments-compose textarea:focus,
.yg-comment-edit textarea:focus {
  border-color: #d5b52d;
  box-shadow: 0 0 0 3px #ffd00024;
}
.yg-comments-compose-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #a29a81;
  font-size: 10px;
}
.yg-comments-compose-bottom button,
.yg-comment-edit button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 99px;
  background: #ffd000;
  padding: 10px 17px;
  color: #29240f;
  font-weight: 900;
  cursor: pointer;
}
.yg-comments-compose-bottom button:disabled,
.yg-comment-edit button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.yg-comments-compose-bottom svg {
  width: 14px;
}
.yg-comments-error {
  color: #b13b28;
  font-size: 12px;
  margin: 0 0 8px;
}
.yg-comments-signin {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.yg-comments-signin p {
  font-size: 12px;
  color: #77705c;
}
.yg-comments-signin a {
  border-radius: 99px;
  padding: 10px 15px;
  background: #ffd000;
  color: #29240f;
  font-weight: 900;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.yg-comment-edit {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 7px;
  align-items: center;
}
.yg-comment-edit textarea {
  grid-column: 1/-1;
}
.yg-comments-header-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: #765f00;
  font-size: 9px;
  font-weight: 900;
  text-decoration: none;
  line-height: 1;
}
.yg-comments-header-icon {
  position: relative;
}
.yg-comments-header-icon svg {
  width: 19px;
  height: 19px;
}
.yg-comments-header-icon i {
  position: absolute;
  right: -10px;
  top: -7px;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  display: grid;
  place-items: center;
  border-radius: 99px;
  background: #c83d2c;
  color: #fff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}
.yg-seller-comments {
  max-width: 1200px;
  margin: 0 auto;
  padding: 26px 24px 70px;
  width: 100%;
  overflow: auto;
}
.yg-seller-comments-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 22px;
}
.yg-seller-comments-title p {
  margin: 0 0 6px;
  color: #927600;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.yg-seller-comments-title h1 {
  margin: 0;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -.04em;
}
.yg-seller-comments-count {
  border-radius: 12px;
  padding: 11px 15px;
  background: #fff5c6;
  color: #775d00;
  font-weight: 900;
  font-size: 12px;
}
.yg-seller-product-row {
  display: grid;
  grid-template-columns: minmax(160px, 240px) minmax(0, 1fr);
  gap: 22px;
  padding: 17px;
  margin-bottom: 16px;
  border: 1px solid #ece8db;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 3px 12px #5c4c1010;
}
.yg-seller-product-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.yg-seller-product-card img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
  background: #f4f0e5;
}
.yg-seller-product-card strong {
  font-size: 14px;
  line-height: 1.35;
}
.yg-seller-thread {
  min-width: 0;
}
.yg-seller-thread .yg-comment {
  padding: 12px 0;
}
.yg-seller-reply-form textarea {
  width: 100%;
  min-height: 72px;
  border: 1px solid #e8e1cc;
  border-radius: 12px;
  padding: 11px;
  font: inherit;
  font-size: 13px;
  resize: vertical;
}
.yg-seller-reply-form > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
}
.yg-seller-reply-form button {
  display: flex;
  gap: 7px;
  align-items: center;
  border: 0;
  border-radius: 99px;
  background: #ffd000;
  padding: 10px 18px;
  font-weight: 900;
  cursor: pointer;
}
.yg-seller-reply-form button:disabled {
  opacity: .5;
}
.yg-seller-reply-form svg {
  width: 14px;
}
.yg-seller-comments-empty,
.yg-seller-comments-error {
  padding: 64px 20px;
  text-align: center;
  border: 1px dashed #ded5b8;
  border-radius: 18px;
  background: #fffdf5;
  color: #6d654e;
}
.yg-seller-comments-empty svg {
  width: 32px;
  color: #b89b20;
}
.yg-seller-comments-empty h2 {
  color: #332f21;
  font-size: 17px;
}
.yg-comments-load-more {
  display: block;
  margin: 22px auto;
  border: 1px solid #e5d99f;
  border-radius: 999px;
  background: #fff8dc;
  padding: 12px 24px;
  font-weight: 900;
  color: #735b00;
  cursor: pointer;
}
@keyframes yg-shimmer {
  to {
    background-position: -200% 0;
  }
}
@media (min-width: 768px) {
  .yg-comments-scrim {
    align-items: center;
    padding: 24px;
  }
  .yg-comments-panel {
    height: min(760px, 86vh);
    border-radius: 22px;
  }
  .yg-seller-comments {
    height: 100%;
  }
  .yg-seller-product-row {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 26px;
    padding: 20px;
  }
  .yg-comments-trigger {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .yg-seller-comments {
    padding: 20px 13px 96px;
  }
  .yg-seller-comments-title {
    align-items: flex-start;
    gap: 10px;
  }
  .yg-seller-comments-title h1 {
    font-size: 22px;
  }
  .yg-seller-comments-count {
    font-size: 10px;
    padding: 9px 10px;
  }
  .yg-seller-product-row {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
  }
  .yg-seller-product-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }
  .yg-seller-product-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.18;
    object-fit: cover;
  }
  .yg-seller-product-card strong {
    font-size: 10px;
    line-height: 1.3;
  }
  .yg-comment-byline {
    gap: 5px;
  }
  .yg-comment-byline b {
    font-size: 11px;
  }
  .yg-comment-byline span {
    font-size: 8px;
    padding: 3px 6px;
  }
  .yg-comment-byline time {
    width: 100%;
    margin: 0;
  }
  .yg-comment-copy {
    font-size: 12px;
  }
  .yg-seller-reply-form textarea {
    min-height: 62px;
    font-size: 12px;
    padding: 9px;
  }
  .yg-seller-reply-form button {
    padding: 9px 12px;
    font-size: 11px;
  }
  .yg-comments-panel {
    height: min(90dvh, 820px);
  }
  .yg-comments-head {
    padding: 17px;
  }
  .yg-comments-list {
    padding: 4px 17px 12px;
  }
  .yg-comments-compose {
    padding-inline: 16px;
  }
}
/* artifacts/gropet/src/pages/search-single-product.css */
.yg-search-mobile-product-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 5;
}
.yg-search-mobile-tile {
  position: relative;
}
@media (max-width: 767px) {
  [data-search-page] .yg-search-header {
    padding: 12px 16px 0;
    transition: transform 180ms ease, visibility 0s;
  }
  [data-search-page] .yg-search-header.is-hidden {
    transform: translateY(-110%);
    visibility: hidden;
    pointer-events: none;
    transition: transform 180ms ease, visibility 0s 180ms;
  }
  [data-search-page] .yg-search-main {
    padding: 18px 16px;
  }
  [data-search-page] .yg-search-mobile-rails {
    display: grid;
    gap: 18px;
  }
  [data-search-page] .yg-search-product-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    overflow: visible;
    margin-inline: -16px;
    padding-inline: 12px;
  }
  [data-search-page] .yg-search-store-results {
    margin-inline: -16px;
  }
  [data-search-page] .yg-search-mobile-tile {
    position: relative;
    width: 92%;
    min-width: 0;
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid rgba(10, 10, 10, .06);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(40, 30, 0, .06);
  }
  [data-search-page] .yg-search-single-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 70px;
    padding: 12px;
  }
  [data-search-page] .yg-search-single-seller {
    min-width: 0;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 800;
    overflow-wrap: anywhere;
  }
  [data-search-page] .yg-search-single-actions {
    display: flex;
    flex: none;
    gap: 6px;
    align-items: center;
  }
  [data-search-page] .yg-search-single-call {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    background: #128b43;
    color: #fff;
    border-radius: 12px;
  }
  [data-search-page] .yg-search-single-enter {
    display: grid;
    place-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 13px;
    color: #fff;
    background: #050505;
    font-size: 13px;
    font-weight: 800;
  }
  [data-search-page] .yg-search-mobile-photo {
    display: block;
    position: relative;
    width: 100%;
    padding-top: calc(115.489130435% - 9.565217391px);
    overflow: hidden;
    background: #f2f2f0;
  }
  [data-search-page] .yg-search-mobile-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  [data-search-page] .yg-search-mobile-info {
    display: block;
    min-height: 65px;
    padding: 12px 82px 8px 12px;
    color: #0a0a0a;
  }
  [data-search-page] .yg-search-mobile-info h3 {
    margin: 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  [data-search-page] .yg-search-mobile-price {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  [data-search-page] .yg-search-mobile-price strong {
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
  }
  [data-search-page] .yg-search-mobile-price span {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    font-size: 11px;
    color: #806a00;
  }
  [data-search-page] .yg-search-mobile-tile .yg-shop-heart {
    position: absolute;
    bottom: 10px;
    right: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-search-page] .yg-search-header,
  [data-search-page] .yg-search-header.is-hidden {
    transition: none;
  }
}

/* artifacts/gropet/src/components/comments/engagement.css */
.yg-product-comments-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 34px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #eee8d2;
  border-radius: 999px;
  background: #fffdf5;
  color: #705900;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  position: relative;
  z-index: 4;
}
.yg-product-comments-trigger svg {
  width: 15px;
  height: 15px;
  stroke-width: 2.1;
}
.yg-product-comments-trigger.is-compact {
  height: 30px;
  padding: 0 9px;
  font-size: 10px;
}
.yg-comments-scrim {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(28, 26, 18, .38);
  backdrop-filter: blur(3px);
}
.yg-comments-panel {
  display: flex;
  flex-direction: column;
  width: min(100%, 600px);
  height: min(86dvh, 760px);
  background: #fffef9;
  border: 1px solid #eee7d0;
  border-radius: 22px 22px 0 0;
  box-shadow: 0 22px 70px #302b1740;
  overflow: hidden;
  color: #282619;
}
.yg-comments-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 22px 16px;
  border-bottom: 1px solid #efe9d8;
  background: #fffdf4;
}
.yg-comments-head h2 {
  font-size: 18px;
  line-height: 1.25;
  margin: 4px 0;
  font-weight: 900;
}
.yg-comments-head span,
.yg-comments-kicker {
  color: #81795f;
  font-size: 11px;
}
.yg-comments-kicker {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
  margin: 0;
}
.yg-comments-head button {
  border: 0;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  background: #f5f0df;
  color: #544a2a;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.yg-comments-head button svg {
  width: 18px;
}
.yg-comments-list {
  flex: 1;
  overflow: auto;
  padding: 8px 22px 18px;
}
.yg-comment {
  padding: 18px 0;
  border-bottom: 1px solid #f0ecdf;
}
.yg-comment-byline {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  font-size: 12px;
}
.yg-comment-byline b {
  font-weight: 900;
}
.yg-comment-byline span {
  background: #f7f1d9;
  color: #806900;
  border-radius: 99px;
  padding: 3px 8px;
  text-transform: capitalize;
  font-size: 10px;
  font-weight: 800;
}
.yg-comment-byline time,
.yg-comment-reply time {
  color: #9b947f;
  font-size: 10px;
  margin-left: auto;
}
.yg-comment-copy {
  white-space: pre-wrap;
  line-height: 1.5;
  font-size: 13px;
  margin: 10px 0 0;
  color: #494532;
}
.yg-comment-edit-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  background: none;
  color: #8b7100;
  font-weight: 800;
  font-size: 11px;
  padding: 8px 0;
  cursor: pointer;
}
.yg-comment-edit-button svg {
  width: 13px;
}
.yg-comment-reply {
  margin: 12px 0 0 14px;
  padding: 12px 14px;
  border-left: 3px solid #ffd000;
  background: #fff9df;
  border-radius: 0 12px 12px 0;
}
.yg-comment-reply strong {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #806900;
}
.yg-comment-reply p {
  font-size: 12px;
  line-height: 1.5;
  margin: 5px 0;
  color: #494532;
  white-space: pre-wrap;
}
.yg-comments-empty {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #766f58;
}
.yg-comments-empty svg {
  width: 32px;
  height: 32px;
  color: #c3aa42;
}
.yg-comments-empty h3 {
  margin: 13px 0 4px;
  color: #35301e;
  font-size: 16px;
}
.yg-comments-empty p {
  font-size: 12px;
  margin: 0;
}
.yg-comments-skeleton {
  padding-top: 18px;
}
.yg-comments-skeleton i {
  height: 78px;
  display: block;
  margin-bottom: 12px;
  border-radius: 14px;
  background:
    linear-gradient(
      90deg,
      #f6f1e3,
      #fff9e7,
      #f6f1e3);
  background-size: 200% 100%;
  animation: yg-shimmer 1.3s infinite;
}
.yg-comments-loading,
.yg-comments-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 15px auto;
  color: #786600;
  font-size: 12px;
  font-weight: 800;
}
.yg-comments-more {
  border: 1px solid #eadb9b;
  border-radius: 99px;
  background: #fff9df;
  padding: 9px 14px;
  cursor: pointer;
}
.yg-comments-more svg {
  width: 15px;
}
.yg-comments-compose {
  padding: 15px 20px max(18px, env(safe-area-inset-bottom));
  border-top: 1px solid #eee8d8;
  background: #fff;
}
.yg-comments-compose label {
  font-size: 11px;
  font-weight: 900;
  color: #786600;
  text-transform: capitalize;
}
.yg-comments-compose textarea,
.yg-comment-edit textarea {
  resize: vertical;
  min-height: 70px;
  max-height: 150px;
  width: 100%;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #e8e1cc;
  border-radius: 12px;
  background: #fffefa;
  font: inherit;
  font-size: 13px;
  outline: none;
}
.yg-comments-compose textarea:focus,
.yg-comment-edit textarea:focus {
  border-color: #d5b52d;
  box-shadow: 0 0 0 3px #ffd00024;
}
.yg-comments-compose-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #a29a81;
  font-size: 10px;
}
.yg-comments-compose-bottom button,
.yg-comment-edit button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 99px;
  background: #ffd000;
  padding: 10px 17px;
  color: #29240f;
  font-weight: 900;
  cursor: pointer;
}
.yg-comments-compose-bottom button:disabled,
.yg-comment-edit button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.yg-comments-compose-bottom svg {
  width: 14px;
}
.yg-comments-error {
  color: #b13b28;
  font-size: 12px;
  margin: 0 0 8px;
}
.yg-comments-signin {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.yg-comments-signin p {
  font-size: 12px;
  color: #77705c;
}
.yg-comments-signin a {
  border-radius: 99px;
  padding: 10px 15px;
  background: #ffd000;
  color: #29240f;
  font-weight: 900;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.yg-comment-edit {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 7px;
  align-items: center;
}
.yg-comment-edit textarea {
  grid-column: 1/-1;
}
.yg-comments-header-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: #765f00;
  font-size: 9px;
  font-weight: 900;
  text-decoration: none;
  line-height: 1;
}
.yg-comments-header-icon {
  position: relative;
}
.yg-comments-header-icon svg {
  width: 19px;
  height: 19px;
}
.yg-comments-header-icon i {
  position: absolute;
  right: -10px;
  top: -7px;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  display: grid;
  place-items: center;
  border-radius: 99px;
  background: #c83d2c;
  color: #fff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}
.yg-seller-comments {
  max-width: 1200px;
  margin: 0 auto;
  padding: 26px 24px 70px;
  width: 100%;
  overflow: auto;
}
.yg-seller-comments-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 22px;
}
.yg-seller-comments-title p {
  margin: 0 0 6px;
  color: #927600;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.yg-seller-comments-title h1 {
  margin: 0;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -.04em;
}
.yg-seller-comments-count {
  border-radius: 12px;
  padding: 11px 15px;
  background: #fff5c6;
  color: #775d00;
  font-weight: 900;
  font-size: 12px;
}
.yg-seller-product-row {
  display: grid;
  grid-template-columns: minmax(160px, 240px) minmax(0, 1fr);
  gap: 22px;
  padding: 17px;
  margin-bottom: 16px;
  border: 1px solid #ece8db;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 3px 12px #5c4c1010;
}
.yg-seller-product-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.yg-seller-product-card img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
  background: #f4f0e5;
}
.yg-seller-product-card strong {
  font-size: 14px;
  line-height: 1.35;
}
.yg-seller-thread {
  min-width: 0;
}
.yg-seller-thread .yg-comment {
  padding: 12px 0;
}
.yg-seller-reply-form textarea {
  width: 100%;
  min-height: 72px;
  border: 1px solid #e8e1cc;
  border-radius: 12px;
  padding: 11px;
  font: inherit;
  font-size: 13px;
  resize: vertical;
}
.yg-seller-reply-form > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
}
.yg-seller-reply-form button {
  display: flex;
  gap: 7px;
  align-items: center;
  border: 0;
  border-radius: 99px;
  background: #ffd000;
  padding: 10px 18px;
  font-weight: 900;
  cursor: pointer;
}
.yg-seller-reply-form button:disabled {
  opacity: .5;
}
.yg-seller-reply-form svg {
  width: 14px;
}
.yg-seller-comments-empty,
.yg-seller-comments-error {
  padding: 64px 20px;
  text-align: center;
  border: 1px dashed #ded5b8;
  border-radius: 18px;
  background: #fffdf5;
  color: #6d654e;
}
.yg-seller-comments-empty svg {
  width: 32px;
  color: #b89b20;
}
.yg-seller-comments-empty h2 {
  color: #332f21;
  font-size: 17px;
}
.yg-comments-load-more {
  display: block;
  margin: 22px auto;
  border: 1px solid #e5d99f;
  border-radius: 999px;
  background: #fff8dc;
  padding: 12px 24px;
  font-weight: 900;
  color: #735b00;
  cursor: pointer;
}
@keyframes yg-shimmer {
  to {
    background-position: -200% 0;
  }
}
@media (min-width: 768px) {
  .yg-comments-scrim {
    align-items: center;
    padding: 24px;
  }
  .yg-comments-panel {
    height: min(760px, 86vh);
    border-radius: 22px;
  }
  .yg-seller-comments {
    height: 100%;
  }
  .yg-seller-product-row {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 26px;
    padding: 20px;
  }
  .yg-comments-trigger {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .yg-seller-comments {
    padding: 20px 13px 96px;
  }
  .yg-seller-comments-title {
    align-items: flex-start;
    gap: 10px;
  }
  .yg-seller-comments-title h1 {
    font-size: 22px;
  }
  .yg-seller-comments-count {
    font-size: 10px;
    padding: 9px 10px;
  }
  .yg-seller-product-row {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
  }
  .yg-seller-product-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }
  .yg-seller-product-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.18;
    object-fit: cover;
  }
  .yg-seller-product-card strong {
    font-size: 10px;
    line-height: 1.3;
  }
  .yg-comment-byline {
    gap: 5px;
  }
  .yg-comment-byline b {
    font-size: 11px;
  }
  .yg-comment-byline span {
    font-size: 8px;
    padding: 3px 6px;
  }
  .yg-comment-byline time {
    width: 100%;
    margin: 0;
  }
  .yg-comment-copy {
    font-size: 12px;
  }
  .yg-seller-reply-form textarea {
    min-height: 62px;
    font-size: 12px;
    padding: 9px;
  }
  .yg-seller-reply-form button {
    padding: 9px 12px;
    font-size: 11px;
  }
  .yg-comments-panel {
    height: min(90dvh, 820px);
  }
  .yg-comments-head {
    padding: 17px;
  }
  .yg-comments-list {
    padding: 4px 17px 12px;
  }
  .yg-comments-compose {
    padding-inline: 16px;
  }
}

[data-yg-community-search-tabs]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
[data-yg-community-search-tabs]>button{width:100%!important;text-align:center!important;justify-content:center!important;min-width:0!important}
[data-yg-shop-category]{display:block;font-size:9px;font-weight:900;line-height:1.15;letter-spacing:.06em}
.yg-community-admin{margin-top:2.5rem}
.yg-community-pc-card{display:flex;flex-direction:column;min-width:0;background:white;border-radius:1rem;overflow:hidden}
.yg-community-pc-card>a{display:block;flex:1;min-width:0}
.yg-community-pc-card-controls{display:flex;justify-content:flex-end;padding:.35rem .6rem;border-top:1px solid #00000008}
/* product-community-icons-a2a093a9d7addf63.css */
.yg-product-comments-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:34px;height:32px;padding:0 8px;border:1px solid #eee8d2;border-radius:999px;background:#fffdf5;color:#705900;font-size:11px;font-weight:800;cursor:pointer;position:relative;z-index:4}
.yg-product-comments-trigger svg{width:15px;height:15px;stroke-width:2.1}.yg-product-comments-trigger.is-compact{height:30px;padding:0 9px;font-size:10px}
.yg-product-comments-trigger .yg-comments-tile-count{display:none}
/* Mobile product tiles use the same proportions for comments and hearts.
   Keep the descriptive accessible label; only the visible caption is hidden. */
@media(max-width:767px){
  .yg-product-comments-trigger,
  .yg-product-comments-trigger.is-compact{flex-shrink:0;min-width:40px;height:40px;padding:0 10px;gap:5px}
  .yg-product-comments-trigger .yg-comments-desktop-caption{display:none}
  .yg-product-comments-trigger .yg-comments-tile-count{display:inline;font-size:12px;font-weight:800}
  .yg-product-comments-trigger svg{width:18px;height:18px;stroke-width:2.4}
}
.yg-comments-scrim{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:rgba(28,26,18,.38);backdrop-filter:blur(3px)}
.yg-comments-panel{display:flex;flex-direction:column;width:min(100%,600px);height:min(86dvh,760px);background:#fffef9;border:1px solid #eee7d0;border-radius:22px 22px 0 0;box-shadow:0 22px 70px #302b1740;overflow:hidden;color:#282619}
.yg-comments-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;border-bottom:1px solid #efe9d8;background:#fffdf4}.yg-comments-head h2{font-size:18px;line-height:1.25;margin:4px 0;font-weight:900}.yg-comments-head span,.yg-comments-kicker{color:#81795f;font-size:11px}.yg-comments-kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin:0}.yg-comments-head button{border:0;border-radius:50%;height:36px;width:36px;background:#f5f0df;color:#544a2a;display:grid;place-items:center;cursor:pointer}.yg-comments-head button svg{width:18px}
.yg-comments-list{flex:1;overflow:auto;padding:8px 22px 18px}.yg-comment{padding:18px 0;border-bottom:1px solid #f0ecdf}.yg-comment-byline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px}.yg-comment-byline b{font-weight:900}.yg-comment-byline span{background:#f7f1d9;color:#806900;border-radius:99px;padding:3px 8px;text-transform:capitalize;font-size:10px;font-weight:800}.yg-comment-byline time,.yg-comment-reply time{color:#9b947f;font-size:10px;margin-left:auto}.yg-comment-copy{white-space:pre-wrap;line-height:1.5;font-size:13px;margin:10px 0 0;color:#494532}.yg-comment-edit-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#8b7100;font-weight:800;font-size:11px;padding:8px 0;cursor:pointer}.yg-comment-edit-button svg{width:13px}.yg-comment-reply{margin:12px 0 0 14px;padding:12px 14px;border-left:3px solid #ffd000;background:#fff9df;border-radius:0 12px 12px 0}.yg-comment-reply strong{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#806900}.yg-comment-reply p{font-size:12px;line-height:1.5;margin:5px 0;color:#494532;white-space:pre-wrap}.yg-comments-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#766f58}.yg-comments-empty svg{width:32px;height:32px;color:#c3aa42}.yg-comments-empty h3{margin:13px 0 4px;color:#35301e;font-size:16px}.yg-comments-empty p{font-size:12px;margin:0}.yg-comments-skeleton{padding-top:18px}.yg-comments-skeleton i{height:78px;display:block;margin-bottom:12px;border-radius:14px;background:linear-gradient(90deg,#f6f1e3,#fff9e7,#f6f1e3);background-size:200% 100%;animation:yg-shimmer 1.3s infinite}.yg-comments-loading,.yg-comments-more{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px auto;color:#786600;font-size:12px;font-weight:800}.yg-comments-more{border:1px solid #eadb9b;border-radius:99px;background:#fff9df;padding:9px 14px;cursor:pointer}.yg-comments-more svg{width:15px}.yg-comments-compose{padding:15px 20px max(18px,env(safe-area-inset-bottom));border-top:1px solid #eee8d8;background:#fff}.yg-comments-compose label{font-size:11px;font-weight:900;color:#786600;text-transform:capitalize}.yg-comments-compose textarea,.yg-comment-edit textarea{resize:vertical;min-height:70px;max-height:150px;width:100%;margin-top:8px;padding:12px;border:1px solid #e8e1cc;border-radius:12px;background:#fffefa;font:inherit;font-size:13px;outline:none}.yg-comments-compose textarea:focus,.yg-comment-edit textarea:focus{border-color:#d5b52d;box-shadow:0 0 0 3px #ffd00024}.yg-comments-compose-bottom{display:flex;align-items:center;justify-content:space-between;color:#a29a81;font-size:10px}.yg-comments-compose-bottom button,.yg-comment-edit button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:99px;background:#ffd000;padding:10px 17px;color:#29240f;font-weight:900;cursor:pointer}.yg-comments-compose-bottom button:disabled,.yg-comment-edit button:disabled{opacity:.5;cursor:not-allowed}.yg-comments-compose-bottom svg{width:14px}.yg-comments-error{color:#b13b28;font-size:12px;margin:0 0 8px}.yg-comments-signin{display:flex;justify-content:space-between;align-items:center;gap:12px}.yg-comments-signin p{font-size:12px;color:#77705c}.yg-comments-signin a{border-radius:99px;padding:10px 15px;background:#ffd000;color:#29240f;font-weight:900;font-size:12px;text-decoration:none;white-space:nowrap}.yg-comment-edit{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center}.yg-comment-edit textarea{grid-column:1/-1}.yg-comments-header-link{display:flex;flex-direction:column;align-items:center;gap:2px;color:#765f00;font-size:9px;font-weight:900;text-decoration:none;line-height:1}.yg-comments-header-icon{position:relative}.yg-comments-header-icon svg{width:19px;height:19px}.yg-comments-header-icon i{position:absolute;right:-10px;top:-7px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:99px;background:#c83d2c;color:#fff;font-size:8px;font-style:normal;font-weight:900}
.yg-seller-comments{max-width:1200px;margin:0 auto;padding:26px 24px 70px;width:100%;overflow:auto}.yg-seller-comments-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.yg-seller-comments-title p{margin:0 0 6px;color:#927600;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.yg-seller-comments-title h1{margin:0;font-size:26px;font-weight:950;letter-spacing:-.04em}.yg-seller-comments-count{border-radius:12px;padding:11px 15px;background:#fff5c6;color:#775d00;font-weight:900;font-size:12px}.yg-seller-product-row{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:22px;padding:17px;margin-bottom:16px;border:1px solid #ece8db;border-radius:18px;background:#fff;box-shadow:0 3px 12px #5c4c1010}.yg-seller-product-card{display:flex;flex-direction:column;gap:10px}.yg-seller-product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#f4f0e5}.yg-seller-product-card strong{font-size:14px;line-height:1.35}.yg-seller-thread{min-width:0}.yg-seller-thread .yg-comment{padding:12px 0}.yg-seller-reply-form textarea{width:100%;min-height:72px;border:1px solid #e8e1cc;border-radius:12px;padding:11px;font:inherit;font-size:13px;resize:vertical}.yg-seller-reply-form>div{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.yg-seller-reply-form button{display:flex;gap:7px;align-items:center;border:0;border-radius:99px;background:#ffd000;padding:10px 18px;font-weight:900;cursor:pointer}.yg-seller-reply-form button:disabled{opacity:.5}.yg-seller-reply-form svg{width:14px}.yg-seller-comments-empty,.yg-seller-comments-error{padding:64px 20px;text-align:center;border:1px dashed #ded5b8;border-radius:18px;background:#fffdf5;color:#6d654e}.yg-seller-comments-empty svg{width:32px;color:#b89b20}.yg-seller-comments-empty h2{color:#332f21;font-size:17px}.yg-comments-load-more{display:block;margin:22px auto;border:1px solid #e5d99f;border-radius:999px;background:#fff8dc;padding:12px 24px;font-weight:900;color:#735b00;cursor:pointer}
@keyframes yg-shimmer{to{background-position:-200% 0}}
@media(min-width:768px){.yg-comments-scrim{align-items:center;padding:24px}.yg-comments-panel{height:min(760px,86vh);border-radius:22px}.yg-seller-comments{height:100%;}.yg-seller-product-row{grid-template-columns:220px minmax(0,1fr);gap:26px;padding:20px}.yg-comments-trigger{font-size:11px}}
@media(max-width:767px){.yg-seller-comments{padding:20px 13px 96px}.yg-seller-comments-title{align-items:flex-start;gap:10px}.yg-seller-comments-title h1{font-size:22px}.yg-seller-comments-count{font-size:10px;padding:9px 10px}.yg-seller-product-row{grid-template-columns:78px minmax(0,1fr);gap:10px;padding:10px}.yg-seller-product-card{display:flex;flex-direction:column;align-items:stretch;gap:6px}.yg-seller-product-card img{width:100%;height:auto;aspect-ratio:1.18;object-fit:cover}.yg-seller-product-card strong{font-size:10px;line-height:1.3}.yg-comment-byline{gap:5px}.yg-comment-byline b{font-size:11px}.yg-comment-byline span{font-size:8px;padding:3px 6px}.yg-comment-byline time{width:100%;margin:0}.yg-comment-copy{font-size:12px}.yg-seller-reply-form textarea{min-height:62px;font-size:12px;padding:9px}.yg-seller-reply-form button{padding:9px 12px;font-size:11px}.yg-comments-panel{height:min(90dvh,820px)}.yg-comments-head{padding:17px}.yg-comments-list{padding:4px 17px 12px}.yg-comments-compose{padding-inline:16px}}

/* Product conversation mobile redesign. The seller desktop thread and product tile
   trigger remain on their existing styles/layout. */
@media(min-width:768px){
  .yg-comment-avatar,.yg-comment-reactions,.yg-emoji-control,.yg-mobile-compose-placeholder{display:none}
}
@media(max-width:767px){
  .yg-comments-panel .yg-comments-head{padding:17px 18px 15px}
  .yg-comments-panel .yg-comments-head h2{font-size:20px;overflow-wrap:anywhere}
  .yg-comments-panel .yg-comments-head span{font-size:14px}
  .yg-comments-panel .yg-comments-kicker{font-size:12px}
  .yg-comments-panel .yg-comments-list{padding:10px 14px 18px;background:#f7f4e9}
  .yg-comments-panel .yg-comment{
    display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;
    margin:8px 0 13px;padding:14px 13px 12px;border:1px solid #ece6d6;
    border-radius:17px;background:#fffefa;box-shadow:0 2px 8px rgba(69,55,14,.045)
  }
  .yg-comments-panel .yg-comment-avatar{
    grid-column:1;grid-row:1;display:grid;place-items:center;width:36px;height:36px;
    border:1px solid #e5d9b6;border-radius:50%;background:#f6edcf;color:#65551b;
    font-size:13px;font-weight:900;letter-spacing:.02em
  }
  .yg-comments-panel .yg-comment-byline{
    grid-column:2;grid-row:1;align-content:center;gap:3px 7px;min-width:0;font-size:14px
  }
  .yg-comments-panel .yg-comment-byline b{min-width:0;color:#302d22;font-size:15px;font-weight:850;overflow-wrap:anywhere}
  .yg-comments-panel .yg-comment-byline span{padding:3px 7px;font-size:11px}
  .yg-comments-panel .yg-comment-byline time{width:100%;margin:0;color:#847d6b;font-size:12px}
  .yg-comments-panel .yg-comment-copy{
    grid-column:2;margin:10px 0 0;padding:11px 12px;border-radius:4px 15px 15px 15px;
    background:#f5f1e4;color:#39372e;font-size:15px;line-height:1.55;overflow-wrap:anywhere
  }
  .yg-comments-panel .yg-comment-edit{grid-column:2;margin-top:10px}
  .yg-comments-panel .yg-comment-edit textarea{min-height:76px;font-size:15px}
  .yg-comments-panel .yg-comment-edit-button{grid-column:2;font-size:13px}
  .yg-comments-panel .yg-comment-reply{
    grid-column:2;margin:10px 0 0;padding:11px 12px;border-left-width:3px;
    border-radius:4px 14px 14px 14px;background:#fff7db
  }
  .yg-comments-panel .yg-comment-reply strong{font-size:11px}
  .yg-comments-panel .yg-comment-reply p{font-size:14px;line-height:1.5}
  .yg-comments-panel .yg-comment-reply time{font-size:12px}
  .yg-comments-panel .yg-comment-reactions{
    grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px
  }
  .yg-comments-panel .yg-comment-reactions button{
    min-width:58px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;
    gap:7px;padding:6px 11px;border:1px solid #e8e1cf;border-radius:999px;
    background:#fff;color:#625d4d;font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer
  }
  .yg-comments-panel .yg-comment-reactions button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .yg-comments-panel .yg-comment-reactions button.is-selected{border-color:#c7a929;background:#fff5ca;color:#725b00}
  .yg-comments-panel .yg-comment-reactions button:disabled{opacity:.58;cursor:not-allowed}
  .yg-comments-panel .yg-comment-signin-link{padding:8px 2px;color:#806500;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
  .yg-comments-panel .yg-comment-vote-error{flex-basis:100%;color:#a53d2d;font-size:13px;line-height:1.4}
  .yg-comments-panel .yg-comments-compose{
    padding:12px 16px max(16px,env(safe-area-inset-bottom));background:#fffefa
  }
  .yg-comments-panel .yg-comments-compose label{font-size:14px;text-transform:none}
  .yg-compose-field-wrap{position:relative}
  .yg-comments-panel .yg-comments-compose textarea{
    min-height:58px;max-height:120px;margin-top:7px;padding:17px 52px 15px 16px;
    border:1px solid #dfd7c4;border-radius:24px;background:#fbfaf5;
    font-size:16px;line-height:1.4;resize:none
  }
  .yg-comments-panel .yg-comments-compose textarea::placeholder{color:transparent}
  .yg-mobile-compose-placeholder{
    position:absolute;top:25px;left:17px;color:#8b8575;font-size:15px;line-height:1.3;
    pointer-events:none
  }
  .yg-compose-field-wrap:focus-within .yg-mobile-compose-placeholder,
  .yg-compose-field-wrap[data-has-text="true"] .yg-mobile-compose-placeholder{display:none}
  .yg-emoji-control{position:absolute;right:9px;bottom:9px;z-index:2}
  .yg-emoji-toggle{
    display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;
    background:#f2ecd9;color:#66571f;font-size:23px;line-height:1;cursor:pointer
  }
  .yg-emoji-toggle:focus-visible,.yg-emoji-picker button:focus-visible,
  .yg-comments-panel .yg-comment-reactions button:focus-visible{
    outline:3px solid #c9aa36;outline-offset:2px
  }
  .yg-emoji-picker{
    position:absolute;right:0;bottom:46px;display:grid;grid-template-columns:repeat(4,42px);
    gap:4px;padding:8px;border:1px solid #e5dcc4;border-radius:15px;background:#fffefa;
    box-shadow:0 8px 24px rgba(56,47,22,.16)
  }
  .yg-emoji-picker button{
    display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:10px;
    background:transparent;font-size:22px;cursor:pointer
  }
  .yg-emoji-picker button:hover{background:#f5efd9}
  .yg-comments-panel .yg-comments-compose-bottom{margin-top:7px;font-size:12px}
  .yg-comments-panel .yg-comments-compose-bottom button{min-height:42px;padding:10px 18px;font-size:14px}
  .yg-comments-panel .yg-comments-signin p{font-size:14px}
  .yg-comments-panel .yg-comments-signin a{font-size:14px}
}

/* Mobile website comment/heart proportions; no desktop/native changes. */
.yg-product-comments-trigger .yg-comments-tile-count{display:none}
@media(max-width:767px){
 :root .yg-product-comments-trigger,:root .yg-product-comments-trigger.is-compact{flex-shrink:0;width:auto;min-width:40px;height:40px;padding:0 10px;gap:5px}
 :root .yg-product-comments-trigger .yg-comments-desktop-caption{display:none}
 :root .yg-product-comments-trigger .yg-comments-tile-count{display:inline;font-size:12px;font-weight:800}
 :root .yg-product-comments-trigger svg{width:18px;height:18px;stroke-width:2.4}
 :root [data-search-page] .yg-search-mobile-info{padding-right:132px}
 :root [data-search-page] .yg-search-mobile-tile .yg-shop-heart{position:static}
}
/* live-setup-7b82314cfcc1db94.css */
[data-live-setup] [data-testid="live-featured-products-grid"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-height:65vh;overflow-y:auto;overscroll-behavior:contain}
[data-live-setup] [data-testid="live-featured-products-grid"]>button{min-width:0;display:flex;flex-direction:column}
[data-live-setup] [data-testid="live-featured-products-grid"]>button>img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
[data-live-setup]>div{width:100%;max-width:64rem;margin-inline:auto}
[data-live-setup] button:disabled{cursor:not-allowed;opacity:.5}
/* mobile-header-e89e34035aecd1d2.css */
/* Mobile-web Market Lane header. Laid out on the 1024px-wide reference
   coordinate system: 1 design px = 100cqw / 1024, so all eight category
   cards always fit in a single fixed row at any mobile width. */
.ymh-root { container-type: inline-size; background: #fff; }
.ymh-inner { --u: calc(100cqw / 1024); padding: calc(18 * var(--u)) calc(22 * var(--u)) calc(16 * var(--u)); }
.ymh-brand { display: flex; justify-content: center; align-items: center; min-height: calc(67 * var(--u)); }
.ymh-brand a { display: inline-flex; align-items: center; gap: 6px; border-radius: 10px; }
.ymh-brand a > span:first-child { gap: calc(17 * var(--u)); }
.ymh-brand a > span:first-child > svg { width: calc(67 * var(--u)); height: calc(67 * var(--u)); }
.ymh-brand a > span:first-child > span { font-size: calc(60 * var(--u)); }
.ymh-gh { border-radius: 5px; background: #0A0A0A; color: #FFD000; font-size: 9px; font-weight: 900; line-height: 12px; letter-spacing: .06em; padding: 1px 4px; }

.ymh-search { margin: calc(14 * var(--u)) calc(8 * var(--u)) 0; display: flex; align-items: stretch; height: max(32px, calc(84 * var(--u))); border: 1.5px solid #E2E2E2; border-radius: 999px; background: #F2F2F2; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.ymh-search-btn { flex: 1; min-width: 0; display: flex; align-items: center; gap: calc(14 * var(--u)); padding-left: calc(30 * var(--u)); color: #9A9A9A; font-size: max(11px, calc(30 * var(--u))); font-weight: 500; text-align: left; cursor: text; }
.ymh-search-btn svg { width: max(14px, calc(36 * var(--u))); height: max(14px, calc(36 * var(--u))); color: #555; flex-shrink: 0; }
.ymh-search-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ymh-actions { display: flex; align-items: center; gap: calc(10 * var(--u)); background: #fff; border-left: 1.5px solid #E2E2E2; padding: 0 calc(8 * var(--u)) 0 calc(14 * var(--u)); }
.ymh-actions:empty { display: none; }
.ymh-signin { display: flex; align-items: center; height: 100%; padding: 0 calc(12 * var(--u)); font-size: max(11px, calc(26 * var(--u))); font-weight: 600; color: #0A0A0A; white-space: nowrap; }
.ymh-create { display: flex; align-items: center; height: max(24px, calc(62 * var(--u))); padding: 0 max(10px, calc(30 * var(--u))); border-radius: 999px; background: #FFD000; font-size: max(11px, calc(26 * var(--u))); font-weight: 800; color: #0A0A0A; white-space: nowrap; }
.ymh-signout { display: flex; align-items: center; gap: 4px; height: 100%; padding: 0 calc(12 * var(--u)); font-size: max(10px, calc(24 * var(--u))); font-weight: 800; color: #6B6B6B; white-space: nowrap; }
.ymh-signout svg { width: 15px; height: 15px; }
.ymh-actions > button[aria-label="Sign out"] { height: 100%; border: 0; background: #fff; padding: 0 calc(12 * var(--u)); font-size: max(10px, calc(24 * var(--u))); }
.ymh-actions > button[aria-label="Sign out"] svg { width: 15px; height: 15px; }

.ymh-cats { margin-top: calc(37 * var(--u)); display: grid; grid-template-columns: minmax(0,124fr) minmax(0,118fr) minmax(0,108fr) minmax(0,124fr) minmax(0,116fr) minmax(0,132fr) minmax(0,98fr) minmax(0,88fr); gap: calc(10 * var(--u)); }
.ymh-card { height: calc(130 * var(--u)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(10 * var(--u)); padding: 0 calc(2 * var(--u)); border-radius: calc(18 * var(--u)); border: 1px solid #ECECEC; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.07); color: #0A0A0A; transition: background-color .15s; }
.ymh-card[aria-pressed="true"] { background: #FFD000; border-color: #F2C500; }
.ymh-card svg { width: calc(46 * var(--u)); height: calc(46 * var(--u)); flex-shrink: 0; }
.ymh-card span { font-size: calc(17 * var(--u)); line-height: 1.2; font-weight: 500; text-align: center; white-space: pre-line; }
.ymh-card[aria-pressed="true"] span { font-weight: 700; }
.ymh-reset { display: flex; justify-content: flex-end; margin-top: 6px; }
.ymh-reset button { font-size: 10px; font-weight: 800; color: #8A7400; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 767px) {
  /* Older public-shell rules add search padding; the reference header itself
     owns all spacing so guest and signed-in proportions must stay identical. */
  [data-guest-market-header] > .yg-guest-header-search { padding: 0 !important; }
}

/* Seller phone topbar only: retain the link, accessible name and unread badge. */
@media (max-width: 767px) {
  [data-testid="seller-mobile-topbar"] .yg-comments-header-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    gap: 0;
  }
  [data-testid="seller-mobile-topbar"] .yg-comments-header-link > span:first-child {
    display: none;
  }
  [data-testid="seller-mobile-topbar"] .yg-comments-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 22px;
    height: 22px;
  }
  [data-testid="seller-mobile-topbar"] .yg-comments-header-icon > svg {
    width: 22px;
    height: 22px;
  }
}

@media(max-width:767px){
[data-guest-market-header]>.yg-guest-header-row{display:none!important}
.yg-mobile-search-back{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:999px;border:1px solid #0000001a;background:#fff;color:#0a0a0a;cursor:pointer}
.yg-mobile-search-back svg{width:18px;height:18px}.yg-mobile-search-back+div{min-width:0}
[data-testid="live-featured-next"]{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 16px;border-radius:12px;background:#ffd000;color:#0a0a0a;font-size:12px;font-weight:900}
}
@media(min-width:768px){.yg-mobile-search-back{display:none}}
[data-live-setup] [data-testid="live-featured-next"]{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 16px;border-radius:12px;background:#ffd000;color:#0a0a0a;font-size:12px;font-weight:900}
[data-live-setup] [data-testid="live-featured-selection-count"]{display:inline-flex;min-width:40px;align-items:center;justify-content:center;border-radius:999px;background:#fff8cc;padding:6px 8px;font-size:11px;font-weight:900;color:#6b5200}
/* mobile-header-proportions-7e61ac7f85d1917c.css */
/* Shared mobile-web header: retain the original cards and colours, with
   readable proportions instead of shrinking eight cards into the viewport. */
.ymh-root { container-type: inline-size; background: #fff; }
.ymh-inner { padding: 10px 12px 8px; }
.ymh-brand { display: flex; justify-content: center; align-items: center; min-height: 34px; }
.ymh-brand a { display: inline-flex; align-items: center; gap: 6px; border-radius: 10px; }
.ymh-brand a > span:first-child { gap: 8px; }
.ymh-brand a > span:first-child > svg { width: 24px; height: 24px; }
.ymh-brand a > span:first-child > span { font-size: 26px; }
.ymh-gh { border-radius: 5px; background: #0A0A0A; color: #FFD000; font-size: 9px; font-weight: 900; line-height: 12px; letter-spacing: .06em; padding: 1px 4px; }

.ymh-search { margin: 8px 0 0; display: flex; align-items: stretch; height: 46px; border: 1.5px solid #E2E2E2; border-radius: 999px; background: #F2F2F2; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.ymh-search-btn { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 0 12px; color: #9A9A9A; font-size: 13px; font-weight: 500; text-align: left; cursor: text; }
.ymh-search-btn svg { width: 18px; height: 18px; color: #555; flex-shrink: 0; }
.ymh-search-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ymh-actions { display: flex; align-items: center; gap: 4px; background: #fff; border-left: 1.5px solid #E2E2E2; padding: 0 4px 0 6px; flex-shrink: 0; }
.ymh-actions:empty { display: none; }
.ymh-signin { display: flex; align-items: center; height: 100%; padding: 0 6px; font-size: 12px; font-weight: 600; color: #0A0A0A; white-space: nowrap; }
.ymh-create { display: flex; align-items: center; height: 36px; padding: 0 12px; border-radius: 999px; background: #FFD000; font-size: 12px; font-weight: 800; color: #0A0A0A; white-space: nowrap; }
.ymh-signout { display: flex; align-items: center; gap: 4px; height: 100%; padding: 0 6px; font-size: 12px; font-weight: 800; color: #6B6B6B; white-space: nowrap; }
.ymh-signout svg { width: 17px; height: 17px; }
.ymh-actions > button[aria-label="Sign out"] { height: 100%; border: 0; background: #fff; padding: 0 6px; font-size: 12px; }
.ymh-actions > button[aria-label="Sign out"] svg { width: 17px; height: 17px; }

.ymh-cats { margin-top: 12px; display: flex; gap: 4px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; padding: 2px 1px 5px; }
.ymh-cats::-webkit-scrollbar { display: none; }
/* Five complete cards plus half of Home Furniture: subtract the outer 24px,
   rail padding (2px) and five 4px gaps before dividing into 5.5 cards. */
.ymh-card { flex: 0 0 calc((100cqw - 46px) / 5.5); height: clamp(74px, 20cqw, 86px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 4px; border-radius: 8px; border: 1px solid #ECECEC; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.07); color: #0A0A0A; transition: background-color .15s; scroll-snap-align: start; }
.ymh-card[aria-pressed="true"] { background: #FFD000; border-color: #F2C500; }
.ymh-card svg { width: 26px; height: 26px; flex-shrink: 0; }
.ymh-card span { font-size: clamp(8.4px, 2.4cqw, 11px); line-height: 1.2; font-weight: 500; text-align: center; white-space: pre-line; }
.ymh-card[aria-pressed="true"] span { font-weight: 700; }
.ymh-scroll-shell { transition: transform .25s ease-out; }
.ymh-scroll-shell[data-header-hidden="true"] { transform: translateY(-100%); pointer-events: none; }
@media (max-width: 767px) {
  [data-guest-market-header] > .yg-guest-header-search { padding: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .ymh-scroll-shell { transition: none; }
}
/* Only Market Lane and search opt in, including all role-prefixed routes.
   Shared tiles retain their old sizing/colour on store and saved-shop pages. */
[data-market-lane-page],
[data-search-page] {
  --yg-discovery-price-size: 1.25em;
  --yg-discovery-cedi-color: #FFD000;
}
.yg-discovery-price {
  display: inline-flex;
  align-items: baseline;
  max-width: 100%;
  font-size: var(--yg-discovery-price-size, 1em);
  line-height: 1.2;
  vertical-align: baseline;
}
.yg-discovery-price__cedi { flex-shrink: 0; color: var(--yg-discovery-cedi-color, inherit); }
.yg-discovery-price__amount { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* The sponsored creative already has a large price. Use a restrained increase
   and let long amounts wrap rather than expanding the card or its footer. */
[data-market-lane-page] .yg-featured-currency { color: #FFD000; }
[data-market-lane-page] .yg-featured-amount { font-size: 1.15em; }

/* The retained search stylesheet historically styled every nested span. */
[data-search-page] .yg-search-mobile-price .yg-discovery-price,
.yg-search-signup-upgrade[data-search-page] .yg-search-mobile-price .yg-discovery-price{font-size:1.25em;color:inherit;gap:0;align-items:baseline}
[data-search-page] .yg-search-mobile-price .yg-discovery-price__amount,
.yg-search-signup-upgrade[data-search-page] .yg-search-mobile-price .yg-discovery-price__amount{font-size:inherit;color:inherit;gap:0}
[data-search-page] .yg-search-mobile-price .yg-discovery-price__cedi,
.yg-search-signup-upgrade[data-search-page] .yg-search-mobile-price .yg-discovery-price__cedi{font-size:inherit;color:#FFD000;gap:0}
/* mobile-header-service-website-6dc3fcdb47ea0b08-prices.css */
/* Only Market Lane and search opt in, including all role-prefixed routes.
   Shared tiles retain their old sizing/colour on store and saved-shop pages. */
[data-market-lane-page],
[data-search-page] {
  --yg-discovery-price-size: 1.25em;
  --yg-discovery-cedi-color: #FFD000;
}
.yg-discovery-price {
  display: inline-flex;
  align-items: baseline;
  max-width: 100%;
  font-size: var(--yg-discovery-price-size, 1em);
  line-height: 1.2;
  vertical-align: baseline;
}
.yg-discovery-price__cedi { flex-shrink: 0; color: var(--yg-discovery-cedi-color, inherit); }
.yg-discovery-price__amount { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* The sponsored creative already has a large price. Use a restrained increase
   and let long amounts wrap rather than expanding the card or its footer. */
[data-market-lane-page] .yg-featured-currency { color: #FFD000; }
[data-market-lane-page] .yg-featured-amount { font-size: 1.15em; }

/* Mobile discovery only: a yellow price badge with black currency and amount.
   Original/struck-through prices and non-discovery pages remain unchanged. */
@media (max-width: 767px) {
  [data-market-lane-page],
  [data-search-page] {
    --yg-discovery-cedi-color: #0A0A0A;
  }
  [data-market-lane-page] .yg-discovery-price,
  [data-search-page] .yg-discovery-price {
    background: #FFD000;
    color: #0A0A0A;
    border-radius: 6px;
    padding: 3px 7px;
  }
  [data-market-lane-page] .yg-discovery-price .yg-discovery-price__cedi,
  [data-search-page] .yg-discovery-price .yg-discovery-price__cedi,
  [data-market-lane-page] .yg-discovery-price .yg-discovery-price__amount,
  [data-search-page] .yg-discovery-price .yg-discovery-price__amount {
    color: #0A0A0A;
  }
}

@media(max-width:767px){.yg-search-signup-upgrade[data-search-page] .yg-search-mobile-price .yg-discovery-price__cedi{color:#0A0A0A}}
/* mobile-header-service-website-6dc3fcdb47ea0b08.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme {
  .yg-service-website {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-5xl: 64rem;
    --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-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --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);
  }
}
@layer utilities {
  :is(.yg-service-website .pointer-events-none,.yg-service-website.pointer-events-none) {
    pointer-events: none;
  }
  :is(.yg-service-website .absolute,.yg-service-website.absolute) {
    position: absolute;
  }
  :is(.yg-service-website .fixed,.yg-service-website.fixed) {
    position: fixed;
  }
  :is(.yg-service-website .relative,.yg-service-website.relative) {
    position: relative;
  }
  :is(.yg-service-website .inset-0,.yg-service-website.inset-0) {
    inset: 0px;
  }
  :is(.yg-service-website .inset-x-0,.yg-service-website.inset-x-0) {
    inset-inline: 0px;
  }
  :is(.yg-service-website .-top-1,.yg-service-website.-top-1) {
    top: calc(var(--spacing) * -1);
  }
  :is(.yg-service-website .-top-1\.5,.yg-service-website.-top-1\.5) {
    top: calc(var(--spacing) * -1.5);
  }
  :is(.yg-service-website .top-0\.5,.yg-service-website.top-0\.5) {
    top: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-website .top-1\.5,.yg-service-website.top-1\.5) {
    top: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .top-1\/2,.yg-service-website.top-1\/2) {
    top: calc(1 / 2 * 100%);
  }
  :is(.yg-service-website .-right-1,.yg-service-website.-right-1) {
    right: calc(var(--spacing) * -1);
  }
  :is(.yg-service-website .-right-1\.5,.yg-service-website.-right-1\.5) {
    right: calc(var(--spacing) * -1.5);
  }
  :is(.yg-service-website .bottom-0,.yg-service-website.bottom-0) {
    bottom: 0px;
  }
  :is(.yg-service-website .left-0\.5,.yg-service-website.left-0\.5) {
    left: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-website .left-1\.5,.yg-service-website.left-1\.5) {
    left: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .left-4,.yg-service-website.left-4) {
    left: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .left-\[calc\(100\%-26px\)\],.yg-service-website.left-\[calc\(100\%-26px\)\]) {
    left: calc(100% - 26px);
  }
  :is(.yg-service-website .z-40,.yg-service-website.z-40) {
    z-index: 40;
  }
  :is(.yg-service-website .z-50,.yg-service-website.z-50) {
    z-index: 50;
  }
  :is(.yg-service-website .col-span-2,.yg-service-website.col-span-2) {
    grid-column: span 2 / span 2;
  }
  :is(.yg-service-website .col-start-2,.yg-service-website.col-start-2) {
    grid-column-start: 2;
  }
  :is(.yg-service-website .mx-4,.yg-service-website.mx-4) {
    margin-inline: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .mx-auto,.yg-service-website.mx-auto) {
    margin-inline: auto;
  }
  :is(.yg-service-website .mt-0\.5,.yg-service-website.mt-0\.5) {
    margin-top: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-website .mt-1,.yg-service-website.mt-1) {
    margin-top: var(--spacing);
  }
  :is(.yg-service-website .mt-1\.5,.yg-service-website.mt-1\.5) {
    margin-top: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .mt-2,.yg-service-website.mt-2) {
    margin-top: calc(var(--spacing) * 2);
  }
  :is(.yg-service-website .mt-3,.yg-service-website.mt-3) {
    margin-top: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .mt-4,.yg-service-website.mt-4) {
    margin-top: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .mt-5,.yg-service-website.mt-5) {
    margin-top: calc(var(--spacing) * 5);
  }
  :is(.yg-service-website .mt-6,.yg-service-website.mt-6) {
    margin-top: calc(var(--spacing) * 6);
  }
  :is(.yg-service-website .mb-1,.yg-service-website.mb-1) {
    margin-bottom: var(--spacing);
  }
  :is(.yg-service-website .mb-1\.5,.yg-service-website.mb-1\.5) {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .mb-2,.yg-service-website.mb-2) {
    margin-bottom: calc(var(--spacing) * 2);
  }
  :is(.yg-service-website .mb-3,.yg-service-website.mb-3) {
    margin-bottom: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .mb-4,.yg-service-website.mb-4) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .mb-5,.yg-service-website.mb-5) {
    margin-bottom: calc(var(--spacing) * 5);
  }
  :is(.yg-service-website .mb-6,.yg-service-website.mb-6) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  :is(.yg-service-website .-ml-1,.yg-service-website.-ml-1) {
    margin-left: calc(var(--spacing) * -1);
  }
  :is(.yg-service-website .ml-auto,.yg-service-website.ml-auto) {
    margin-left: auto;
  }
  :is(.yg-service-website .line-clamp-2,.yg-service-website.line-clamp-2) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  :is(.yg-service-website .block,.yg-service-website.block) {
    display: block;
  }
  :is(.yg-service-website .flex,.yg-service-website.flex) {
    display: flex;
  }
  :is(.yg-service-website .grid,.yg-service-website.grid) {
    display: grid;
  }
  :is(.yg-service-website .hidden,.yg-service-website.hidden) {
    display: none;
  }
  :is(.yg-service-website .inline-flex,.yg-service-website.inline-flex) {
    display: inline-flex;
  }
  :is(.yg-service-website .h-1\.5,.yg-service-website.h-1\.5) {
    height: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .h-2,.yg-service-website.h-2) {
    height: calc(var(--spacing) * 2);
  }
  :is(.yg-service-website .h-3,.yg-service-website.h-3) {
    height: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .h-3\.5,.yg-service-website.h-3\.5) {
    height: calc(var(--spacing) * 3.5);
  }
  :is(.yg-service-website .h-4,.yg-service-website.h-4) {
    height: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .h-5,.yg-service-website.h-5) {
    height: calc(var(--spacing) * 5);
  }
  :is(.yg-service-website .h-6,.yg-service-website.h-6) {
    height: calc(var(--spacing) * 6);
  }
  :is(.yg-service-website .h-7,.yg-service-website.h-7) {
    height: calc(var(--spacing) * 7);
  }
  :is(.yg-service-website .h-8,.yg-service-website.h-8) {
    height: calc(var(--spacing) * 8);
  }
  :is(.yg-service-website .h-11,.yg-service-website.h-11) {
    height: calc(var(--spacing) * 11);
  }
  :is(.yg-service-website .h-14,.yg-service-website.h-14) {
    height: calc(var(--spacing) * 14);
  }
  :is(.yg-service-website .h-16,.yg-service-website.h-16) {
    height: calc(var(--spacing) * 16);
  }
  :is(.yg-service-website .h-20,.yg-service-website.h-20) {
    height: calc(var(--spacing) * 20);
  }
  :is(.yg-service-website .h-\[15px\],.yg-service-website.h-\[15px\]) {
    height: 15px;
  }
  :is(.yg-service-website .h-\[29px\],.yg-service-website.h-\[29px\]) {
    height: 29px;
  }
  :is(.yg-service-website .h-\[90px\],.yg-service-website.h-\[90px\]) {
    height: 90px;
  }
  :is(.yg-service-website .h-\[100dvh\],.yg-service-website.h-\[100dvh\]) {
    height: 100dvh;
  }
  :is(.yg-service-website .h-\[146px\],.yg-service-website.h-\[146px\]) {
    height: 146px;
  }
  :is(.yg-service-website .h-full,.yg-service-website.h-full) {
    height: 100%;
  }
  :is(.yg-service-website .max-h-\[320px\],.yg-service-website.max-h-\[320px\]) {
    max-height: 320px;
  }
  :is(.yg-service-website .min-h-0,.yg-service-website.min-h-0) {
    min-height: 0px;
  }
  :is(.yg-service-website .min-h-8,.yg-service-website.min-h-8) {
    min-height: calc(var(--spacing) * 8);
  }
  :is(.yg-service-website .min-h-11,.yg-service-website.min-h-11) {
    min-height: calc(var(--spacing) * 11);
  }
  :is(.yg-service-website .min-h-\[110px\],.yg-service-website.min-h-\[110px\]) {
    min-height: 110px;
  }
  :is(.yg-service-website .min-h-full,.yg-service-website.min-h-full) {
    min-height: 100%;
  }
  :is(.yg-service-website .min-h-screen,.yg-service-website.min-h-screen) {
    min-height: 100vh;
  }
  :is(.yg-service-website .w-1\.5,.yg-service-website.w-1\.5) {
    width: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .w-2,.yg-service-website.w-2) {
    width: calc(var(--spacing) * 2);
  }
  :is(.yg-service-website .w-3,.yg-service-website.w-3) {
    width: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .w-3\.5,.yg-service-website.w-3\.5) {
    width: calc(var(--spacing) * 3.5);
  }
  :is(.yg-service-website .w-4,.yg-service-website.w-4) {
    width: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .w-5,.yg-service-website.w-5) {
    width: calc(var(--spacing) * 5);
  }
  :is(.yg-service-website .w-6,.yg-service-website.w-6) {
    width: calc(var(--spacing) * 6);
  }
  :is(.yg-service-website .w-7,.yg-service-website.w-7) {
    width: calc(var(--spacing) * 7);
  }
  :is(.yg-service-website .w-8,.yg-service-website.w-8) {
    width: calc(var(--spacing) * 8);
  }
  :is(.yg-service-website .w-11,.yg-service-website.w-11) {
    width: calc(var(--spacing) * 11);
  }
  :is(.yg-service-website .w-12,.yg-service-website.w-12) {
    width: calc(var(--spacing) * 12);
  }
  :is(.yg-service-website .w-14,.yg-service-website.w-14) {
    width: calc(var(--spacing) * 14);
  }
  :is(.yg-service-website .w-16,.yg-service-website.w-16) {
    width: calc(var(--spacing) * 16);
  }
  :is(.yg-service-website .w-64,.yg-service-website.w-64) {
    width: calc(var(--spacing) * 64);
  }
  :is(.yg-service-website .w-\[29px\],.yg-service-website.w-\[29px\]) {
    width: 29px;
  }
  :is(.yg-service-website .w-\[90px\],.yg-service-website.w-\[90px\]) {
    width: 90px;
  }
  :is(.yg-service-website .w-\[110px\],.yg-service-website.w-\[110px\]) {
    width: 110px;
  }
  :is(.yg-service-website .w-fit,.yg-service-website.w-fit) {
    width: fit-content;
  }
  :is(.yg-service-website .w-full,.yg-service-website.w-full) {
    width: 100%;
  }
  :is(.yg-service-website .max-w-2xl,.yg-service-website.max-w-2xl) {
    max-width: var(--container-2xl);
  }
  :is(.yg-service-website .max-w-5xl,.yg-service-website.max-w-5xl) {
    max-width: var(--container-5xl);
  }
  :is(.yg-service-website .max-w-lg,.yg-service-website.max-w-lg) {
    max-width: var(--container-lg);
  }
  :is(.yg-service-website .max-w-sm,.yg-service-website.max-w-sm) {
    max-width: var(--container-sm);
  }
  :is(.yg-service-website .max-w-xs,.yg-service-website.max-w-xs) {
    max-width: var(--container-xs);
  }
  :is(.yg-service-website .min-w-0,.yg-service-website.min-w-0) {
    min-width: 0px;
  }
  :is(.yg-service-website .min-w-\[15px\],.yg-service-website.min-w-\[15px\]) {
    min-width: 15px;
  }
  :is(.yg-service-website .min-w-\[16px\],.yg-service-website.min-w-\[16px\]) {
    min-width: 16px;
  }
  :is(.yg-service-website .flex-1,.yg-service-website.flex-1) {
    flex: 1;
  }
  :is(.yg-service-website .shrink-0,.yg-service-website.shrink-0) {
    flex-shrink: 0;
  }
  :is(.yg-service-website .origin-left,.yg-service-website.origin-left) {
    transform-origin: 0;
  }
  :is(.yg-service-website .-translate-y-1\/2,.yg-service-website.-translate-y-1\/2) {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.yg-service-website .translate-y-0,.yg-service-website.translate-y-0) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.yg-service-website .translate-y-full,.yg-service-website.translate-y-full) {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.yg-service-website .scale-\[0\.8\],.yg-service-website.scale-\[0\.8\]) {
    scale: 0.8;
  }
  :is(.yg-service-website .animate-pulse,.yg-service-website.animate-pulse) {
    animation: var(--animate-pulse);
  }
  :is(.yg-service-website .cursor-pointer,.yg-service-website.cursor-pointer) {
    cursor: pointer;
  }
  :is(.yg-service-website .resize-none,.yg-service-website.resize-none) {
    resize: none;
  }
  :is(.yg-service-website .grid-cols-2,.yg-service-website.grid-cols-2) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(.yg-service-website .grid-cols-\[28px_1fr\],.yg-service-website.grid-cols-\[28px_1fr\]) {
    grid-template-columns: 28px 1fr;
  }
  :is(.yg-service-website .grid-cols-\[28px_minmax\(0\,1\.6fr\)_minmax\(0\,1\.7fr\)_minmax\(0\,1\.1fr\)_70px_90px_auto\],.yg-service-website.grid-cols-\[28px_minmax\(0\,1\.6fr\)_minmax\(0\,1\.7fr\)_minmax\(0\,1\.1fr\)_70px_90px_auto\]) {
    grid-template-columns: 28px minmax(0,1.6fr) minmax(0,1.7fr) minmax(0,1.1fr) 70px 90px auto;
  }
  :is(.yg-service-website .flex-col,.yg-service-website.flex-col) {
    flex-direction: column;
  }
  :is(.yg-service-website .flex-wrap,.yg-service-website.flex-wrap) {
    flex-wrap: wrap;
  }
  :is(.yg-service-website .place-items-center,.yg-service-website.place-items-center) {
    place-items: center;
  }
  :is(.yg-service-website .items-center,.yg-service-website.items-center) {
    align-items: center;
  }
  :is(.yg-service-website .justify-between,.yg-service-website.justify-between) {
    justify-content: space-between;
  }
  :is(.yg-service-website .justify-center,.yg-service-website.justify-center) {
    justify-content: center;
  }
  :is(.yg-service-website .gap-0\.5,.yg-service-website.gap-0\.5) {
    gap: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-website .gap-1,.yg-service-website.gap-1) {
    gap: var(--spacing);
  }
  :is(.yg-service-website .gap-1\.5,.yg-service-website.gap-1\.5) {
    gap: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .gap-2,.yg-service-website.gap-2) {
    gap: calc(var(--spacing) * 2);
  }
  :is(.yg-service-website .gap-2\.5,.yg-service-website.gap-2\.5) {
    gap: calc(var(--spacing) * 2.5);
  }
  :is(.yg-service-website .gap-3,.yg-service-website.gap-3) {
    gap: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .gap-3\.5,.yg-service-website.gap-3\.5) {
    gap: calc(var(--spacing) * 3.5);
  }
  :is(.yg-service-website .gap-4,.yg-service-website.gap-4) {
    gap: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website :where(.space-y-0\.5 > :not(:last-child)),.yg-service-website:where(.space-y-0\.5 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-website :where(.space-y-1 > :not(:last-child)),.yg-service-website:where(.space-y-1 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-website :where(.space-y-4 > :not(:last-child)),.yg-service-website:where(.space-y-4 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-website :where(.space-y-5 > :not(:last-child)),.yg-service-website:where(.space-y-5 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-website :where(.space-y-6 > :not(:last-child)),.yg-service-website:where(.space-y-6 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-website :where(.space-y-px > :not(:last-child)),.yg-service-website:where(.space-y-px > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1px * var(--tw-space-y-reverse));
    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-website .gap-x-3,.yg-service-website.gap-x-3) {
    column-gap: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .gap-y-1,.yg-service-website.gap-y-1) {
    row-gap: var(--spacing);
  }
  :is(.yg-service-website .truncate,.yg-service-website.truncate) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :is(.yg-service-website .overflow-hidden,.yg-service-website.overflow-hidden) {
    overflow: hidden;
  }
  :is(.yg-service-website .overflow-x-auto,.yg-service-website.overflow-x-auto) {
    overflow-x: auto;
  }
  :is(.yg-service-website .overflow-x-hidden,.yg-service-website.overflow-x-hidden) {
    overflow-x: hidden;
  }
  :is(.yg-service-website .overflow-y-auto,.yg-service-website.overflow-y-auto) {
    overflow-y: auto;
  }
  :is(.yg-service-website .rounded-2xl,.yg-service-website.rounded-2xl) {
    border-radius: var(--radius-2xl);
  }
  :is(.yg-service-website .rounded-full,.yg-service-website.rounded-full) {
    border-radius: calc(infinity * 1px);
  }
  :is(.yg-service-website .rounded-lg,.yg-service-website.rounded-lg) {
    border-radius: var(--radius-lg);
  }
  :is(.yg-service-website .rounded-md,.yg-service-website.rounded-md) {
    border-radius: var(--radius-md);
  }
  :is(.yg-service-website .rounded-xl,.yg-service-website.rounded-xl) {
    border-radius: var(--radius-xl);
  }
  :is(.yg-service-website .border,.yg-service-website.border) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  :is(.yg-service-website .border-2,.yg-service-website.border-2) {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  :is(.yg-service-website .border-t,.yg-service-website.border-t) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  :is(.yg-service-website .border-r,.yg-service-website.border-r) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  :is(.yg-service-website .border-b,.yg-service-website.border-b) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  :is(.yg-service-website .border-l-4,.yg-service-website.border-l-4) {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  :is(.yg-service-website .border-dashed,.yg-service-website.border-dashed) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  :is(.yg-service-website .border-\[\#9B9B9B\],.yg-service-website.border-\[\#9B9B9B\]) {
    border-color: #9B9B9B;
  }
  :is(.yg-service-website .border-\[\#D0D0CC\],.yg-service-website.border-\[\#D0D0CC\]) {
    border-color: #D0D0CC;
  }
  :is(.yg-service-website .border-\[\#FFD000\],.yg-service-website.border-\[\#FFD000\]) {
    border-color: #FFD000;
  }
  :is(.yg-service-website .border-\[\#FFD000\]\/30,.yg-service-website.border-\[\#FFD000\]\/30) {
    border-color: color-mix(in oklab, #FFD000 30%, transparent);
  }
  :is(.yg-service-website .border-\[\#FFD000\]\/50,.yg-service-website.border-\[\#FFD000\]\/50) {
    border-color: color-mix(in oklab, #FFD000 50%, transparent);
  }
  :is(.yg-service-website .border-black\/5,.yg-service-website.border-black\/5) {
    border-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  :is(.yg-service-website .border-black\/\[0\.1\],.yg-service-website.border-black\/\[0\.1\]) {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  :is(.yg-service-website .border-black\/\[0\.04\],.yg-service-website.border-black\/\[0\.04\]) {
    border-color: color-mix(in srgb, #000 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 4%, transparent);
    }
  }
  :is(.yg-service-website .border-black\/\[0\.05\],.yg-service-website.border-black\/\[0\.05\]) {
    border-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  :is(.yg-service-website .border-black\/\[0\.06\],.yg-service-website.border-black\/\[0\.06\]) {
    border-color: color-mix(in srgb, #000 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }
  :is(.yg-service-website .border-black\/\[0\.08\],.yg-service-website.border-black\/\[0\.08\]) {
    border-color: color-mix(in srgb, #000 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }
  :is(.yg-service-website .border-red-100,.yg-service-website.border-red-100) {
    border-color: var(--color-red-100);
  }
  :is(.yg-service-website .border-red-800,.yg-service-website.border-red-800) {
    border-color: var(--color-red-800);
  }
  :is(.yg-service-website .border-transparent,.yg-service-website.border-transparent) {
    border-color: transparent;
  }
  :is(.yg-service-website .border-white\/8,.yg-service-website.border-white\/8) {
    border-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  :is(.yg-service-website .border-white\/10,.yg-service-website.border-white\/10) {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  :is(.yg-service-website .border-white\/12,.yg-service-website.border-white\/12) {
    border-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  :is(.yg-service-website .border-white\/15,.yg-service-website.border-white\/15) {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  :is(.yg-service-website .bg-\[\#0A0A0A\],.yg-service-website.bg-\[\#0A0A0A\]) {
    background-color: #0A0A0A;
  }
  :is(.yg-service-website .bg-\[\#1FA85A\],.yg-service-website.bg-\[\#1FA85A\]) {
    background-color: #1FA85A;
  }
  :is(.yg-service-website .bg-\[\#2F7D5B\],.yg-service-website.bg-\[\#2F7D5B\]) {
    background-color: #2F7D5B;
  }
  :is(.yg-service-website .bg-\[\#6B6B6B\],.yg-service-website.bg-\[\#6B6B6B\]) {
    background-color: #6B6B6B;
  }
  :is(.yg-service-website .bg-\[\#9B9B9B\],.yg-service-website.bg-\[\#9B9B9B\]) {
    background-color: #9B9B9B;
  }
  :is(.yg-service-website .bg-\[\#D0D0CC\],.yg-service-website.bg-\[\#D0D0CC\]) {
    background-color: #D0D0CC;
  }
  :is(.yg-service-website .bg-\[\#D93636\],.yg-service-website.bg-\[\#D93636\]) {
    background-color: #D93636;
  }
  :is(.yg-service-website .bg-\[\#E7F6EC\],.yg-service-website.bg-\[\#E7F6EC\]) {
    background-color: #E7F6EC;
  }
  :is(.yg-service-website .bg-\[\#E5484D\],.yg-service-website.bg-\[\#E5484D\]) {
    background-color: #E5484D;
  }
  :is(.yg-service-website .bg-\[\#F1F1EC\],.yg-service-website.bg-\[\#F1F1EC\]) {
    background-color: #F1F1EC;
  }
  :is(.yg-service-website .bg-\[\#F4F4F2\],.yg-service-website.bg-\[\#F4F4F2\]) {
    background-color: #F4F4F2;
  }
  :is(.yg-service-website .bg-\[\#F7F7F5\],.yg-service-website.bg-\[\#F7F7F5\]) {
    background-color: #F7F7F5;
  }
  :is(.yg-service-website .bg-\[\#FAFAFA\],.yg-service-website.bg-\[\#FAFAFA\]) {
    background-color: #FAFAFA;
  }
  :is(.yg-service-website .bg-\[\#FDECEC\],.yg-service-website.bg-\[\#FDECEC\]) {
    background-color: #FDECEC;
  }
  :is(.yg-service-website .bg-\[\#FFD000\],.yg-service-website.bg-\[\#FFD000\]) {
    background-color: #FFD000;
  }
  :is(.yg-service-website .bg-\[\#FFD000\]\/15,.yg-service-website.bg-\[\#FFD000\]\/15) {
    background-color: color-mix(in oklab, #FFD000 15%, transparent);
  }
  :is(.yg-service-website .bg-\[\#FFF4BF\],.yg-service-website.bg-\[\#FFF4BF\]) {
    background-color: #FFF4BF;
  }
  :is(.yg-service-website .bg-\[\#FFF8CC\],.yg-service-website.bg-\[\#FFF8CC\]) {
    background-color: #FFF8CC;
  }
  :is(.yg-service-website .bg-black\/30,.yg-service-website.bg-black\/30) {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  :is(.yg-service-website .bg-black\/40,.yg-service-website.bg-black\/40) {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  :is(.yg-service-website .bg-black\/\[0\.03\],.yg-service-website.bg-black\/\[0\.03\]) {
    background-color: color-mix(in srgb, #000 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 3%, transparent);
    }
  }
  :is(.yg-service-website .bg-green-500,.yg-service-website.bg-green-500) {
    background-color: var(--color-green-500);
  }
  :is(.yg-service-website .bg-red-50,.yg-service-website.bg-red-50) {
    background-color: var(--color-red-50);
  }
  :is(.yg-service-website .bg-red-500,.yg-service-website.bg-red-500) {
    background-color: var(--color-red-500);
  }
  :is(.yg-service-website .bg-red-700,.yg-service-website.bg-red-700) {
    background-color: var(--color-red-700);
  }
  :is(.yg-service-website .bg-transparent,.yg-service-website.bg-transparent) {
    background-color: transparent;
  }
  :is(.yg-service-website .bg-white,.yg-service-website.bg-white) {
    background-color: var(--color-white);
  }
  :is(.yg-service-website .bg-white\/5,.yg-service-website.bg-white\/5) {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  :is(.yg-service-website .bg-white\/6,.yg-service-website.bg-white\/6) {
    background-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  :is(.yg-service-website .bg-white\/8,.yg-service-website.bg-white\/8) {
    background-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  :is(.yg-service-website .bg-white\/30,.yg-service-website.bg-white\/30) {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  :is(.yg-service-website .bg-white\/90,.yg-service-website.bg-white\/90) {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  :is(.yg-service-website .fill-\[\#FFD000\],.yg-service-website.fill-\[\#FFD000\]) {
    fill: #FFD000;
  }
  :is(.yg-service-website .object-cover,.yg-service-website.object-cover) {
    object-fit: cover;
  }
  :is(.yg-service-website .p-1,.yg-service-website.p-1) {
    padding: var(--spacing);
  }
  :is(.yg-service-website .p-2,.yg-service-website.p-2) {
    padding: calc(var(--spacing) * 2);
  }
  :is(.yg-service-website .p-3,.yg-service-website.p-3) {
    padding: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .p-4,.yg-service-website.p-4) {
    padding: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .p-5,.yg-service-website.p-5) {
    padding: calc(var(--spacing) * 5);
  }
  :is(.yg-service-website .p-6,.yg-service-website.p-6) {
    padding: calc(var(--spacing) * 6);
  }
  :is(.yg-service-website .p-8,.yg-service-website.p-8) {
    padding: calc(var(--spacing) * 8);
  }
  :is(.yg-service-website .px-0\.5,.yg-service-website.px-0\.5) {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-website .px-1\.5,.yg-service-website.px-1\.5) {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .px-2,.yg-service-website.px-2) {
    padding-inline: calc(var(--spacing) * 2);
  }
  :is(.yg-service-website .px-3,.yg-service-website.px-3) {
    padding-inline: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .px-3\.5,.yg-service-website.px-3\.5) {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  :is(.yg-service-website .px-4,.yg-service-website.px-4) {
    padding-inline: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .px-5,.yg-service-website.px-5) {
    padding-inline: calc(var(--spacing) * 5);
  }
  :is(.yg-service-website .px-6,.yg-service-website.px-6) {
    padding-inline: calc(var(--spacing) * 6);
  }
  :is(.yg-service-website .py-0\.5,.yg-service-website.py-0\.5) {
    padding-block: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-website .py-1,.yg-service-website.py-1) {
    padding-block: var(--spacing);
  }
  :is(.yg-service-website .py-1\.5,.yg-service-website.py-1\.5) {
    padding-block: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-website .py-2,.yg-service-website.py-2) {
    padding-block: calc(var(--spacing) * 2);
  }
  :is(.yg-service-website .py-2\.5,.yg-service-website.py-2\.5) {
    padding-block: calc(var(--spacing) * 2.5);
  }
  :is(.yg-service-website .py-3,.yg-service-website.py-3) {
    padding-block: calc(var(--spacing) * 3);
  }
  :is(.yg-service-website .py-3\.5,.yg-service-website.py-3\.5) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  :is(.yg-service-website .py-4,.yg-service-website.py-4) {
    padding-block: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .py-5,.yg-service-website.py-5) {
    padding-block: calc(var(--spacing) * 5);
  }
  :is(.yg-service-website .py-6,.yg-service-website.py-6) {
    padding-block: calc(var(--spacing) * 6);
  }
  :is(.yg-service-website .py-10,.yg-service-website.py-10) {
    padding-block: calc(var(--spacing) * 10);
  }
  :is(.yg-service-website .pt-6,.yg-service-website.pt-6) {
    padding-top: calc(var(--spacing) * 6);
  }
  :is(.yg-service-website .pr-0\.5,.yg-service-website.pr-0\.5) {
    padding-right: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-website .pr-4,.yg-service-website.pr-4) {
    padding-right: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .pb-4,.yg-service-website.pb-4) {
    padding-bottom: calc(var(--spacing) * 4);
  }
  :is(.yg-service-website .pb-8,.yg-service-website.pb-8) {
    padding-bottom: calc(var(--spacing) * 8);
  }
  :is(.yg-service-website .pb-\[calc\(64px\+env\(safe-area-inset-bottom\)\)\],.yg-service-website.pb-\[calc\(64px\+env\(safe-area-inset-bottom\)\)\]) {
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }
  :is(.yg-service-website .pb-\[env\(safe-area-inset-bottom\)\],.yg-service-website.pb-\[env\(safe-area-inset-bottom\)\]) {
    padding-bottom: env(safe-area-inset-bottom);
  }
  :is(.yg-service-website .pl-11,.yg-service-website.pl-11) {
    padding-left: calc(var(--spacing) * 11);
  }
  :is(.yg-service-website .text-center,.yg-service-website.text-center) {
    text-align: center;
  }
  :is(.yg-service-website .text-left,.yg-service-website.text-left) {
    text-align: left;
  }
  :is(.yg-service-website .text-right,.yg-service-website.text-right) {
    text-align: right;
  }
  :is(.yg-service-website .text-2xl,.yg-service-website.text-2xl) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  :is(.yg-service-website .text-lg,.yg-service-website.text-lg) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  :is(.yg-service-website .text-sm,.yg-service-website.text-sm) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  :is(.yg-service-website .text-xs,.yg-service-website.text-xs) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  :is(.yg-service-website .text-\[8px\],.yg-service-website.text-\[8px\]) {
    font-size: 8px;
  }
  :is(.yg-service-website .text-\[9px\],.yg-service-website.text-\[9px\]) {
    font-size: 9px;
  }
  :is(.yg-service-website .text-\[10px\],.yg-service-website.text-\[10px\]) {
    font-size: 10px;
  }
  :is(.yg-service-website .text-\[11px\],.yg-service-website.text-\[11px\]) {
    font-size: 11px;
  }
  :is(.yg-service-website .text-\[12px\],.yg-service-website.text-\[12px\]) {
    font-size: 12px;
  }
  :is(.yg-service-website .text-\[13px\],.yg-service-website.text-\[13px\]) {
    font-size: 13px;
  }
  :is(.yg-service-website .text-\[14px\],.yg-service-website.text-\[14px\]) {
    font-size: 14px;
  }
  :is(.yg-service-website .text-\[15px\],.yg-service-website.text-\[15px\]) {
    font-size: 15px;
  }
  :is(.yg-service-website .text-\[16px\],.yg-service-website.text-\[16px\]) {
    font-size: 16px;
  }
  :is(.yg-service-website .text-\[18px\],.yg-service-website.text-\[18px\]) {
    font-size: 18px;
  }
  :is(.yg-service-website .text-\[20px\],.yg-service-website.text-\[20px\]) {
    font-size: 20px;
  }
  :is(.yg-service-website .text-\[22px\],.yg-service-website.text-\[22px\]) {
    font-size: 22px;
  }
  :is(.yg-service-website .text-\[24px\],.yg-service-website.text-\[24px\]) {
    font-size: 24px;
  }
  :is(.yg-service-website .text-\[26px\],.yg-service-website.text-\[26px\]) {
    font-size: 26px;
  }
  :is(.yg-service-website .text-\[28px\],.yg-service-website.text-\[28px\]) {
    font-size: 28px;
  }
  :is(.yg-service-website .text-\[48px\],.yg-service-website.text-\[48px\]) {
    font-size: 48px;
  }
  :is(.yg-service-website .leading-none,.yg-service-website.leading-none) {
    --tw-leading: 1;
    line-height: 1;
  }
  :is(.yg-service-website .leading-relaxed,.yg-service-website.leading-relaxed) {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  :is(.yg-service-website .leading-tight,.yg-service-website.leading-tight) {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  :is(.yg-service-website .font-black,.yg-service-website.font-black) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  :is(.yg-service-website .font-bold,.yg-service-website.font-bold) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  :is(.yg-service-website .font-medium,.yg-service-website.font-medium) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  :is(.yg-service-website .font-semibold,.yg-service-website.font-semibold) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  :is(.yg-service-website .tracking-normal,.yg-service-website.tracking-normal) {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  :is(.yg-service-website .tracking-tight,.yg-service-website.tracking-tight) {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  :is(.yg-service-website .tracking-wide,.yg-service-website.tracking-wide) {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  :is(.yg-service-website .tracking-wider,.yg-service-website.tracking-wider) {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  :is(.yg-service-website .tracking-widest,.yg-service-website.tracking-widest) {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  :is(.yg-service-website .break-words,.yg-service-website.break-words) {
    overflow-wrap: break-word;
  }
  :is(.yg-service-website .text-\[\#0A0A0A\],.yg-service-website.text-\[\#0A0A0A\]) {
    color: #0A0A0A;
  }
  :is(.yg-service-website .text-\[\#1B6B3A\],.yg-service-website.text-\[\#1B6B3A\]) {
    color: #1B6B3A;
  }
  :is(.yg-service-website .text-\[\#3A3A3A\],.yg-service-website.text-\[\#3A3A3A\]) {
    color: #3A3A3A;
  }
  :is(.yg-service-website .text-\[\#4A4A4A\],.yg-service-website.text-\[\#4A4A4A\]) {
    color: #4A4A4A;
  }
  :is(.yg-service-website .text-\[\#5A5A5A\],.yg-service-website.text-\[\#5A5A5A\]) {
    color: #5A5A5A;
  }
  :is(.yg-service-website .text-\[\#6B6B6B\],.yg-service-website.text-\[\#6B6B6B\]) {
    color: #6B6B6B;
  }
  :is(.yg-service-website .text-\[\#7A5B00\],.yg-service-website.text-\[\#7A5B00\]) {
    color: #7A5B00;
  }
  :is(.yg-service-website .text-\[\#8A8A8A\],.yg-service-website.text-\[\#8A8A8A\]) {
    color: #8A8A8A;
  }
  :is(.yg-service-website .text-\[\#9B1C1C\],.yg-service-website.text-\[\#9B1C1C\]) {
    color: #9B1C1C;
  }
  :is(.yg-service-website .text-\[\#9B9B9B\],.yg-service-website.text-\[\#9B9B9B\]) {
    color: #9B9B9B;
  }
  :is(.yg-service-website .text-\[\#ADADAD\],.yg-service-website.text-\[\#ADADAD\]) {
    color: #ADADAD;
  }
  :is(.yg-service-website .text-\[\#B8860B\],.yg-service-website.text-\[\#B8860B\]) {
    color: #B8860B;
  }
  :is(.yg-service-website .text-\[\#C0C0BC\],.yg-service-website.text-\[\#C0C0BC\]) {
    color: #C0C0BC;
  }
  :is(.yg-service-website .text-\[\#D4A500\],.yg-service-website.text-\[\#D4A500\]) {
    color: #D4A500;
  }
  :is(.yg-service-website .text-\[\#FFD000\],.yg-service-website.text-\[\#FFD000\]) {
    color: #FFD000;
  }
  :is(.yg-service-website .text-green-400,.yg-service-website.text-green-400) {
    color: var(--color-green-400);
  }
  :is(.yg-service-website .text-red-400,.yg-service-website.text-red-400) {
    color: var(--color-red-400);
  }
  :is(.yg-service-website .text-red-500,.yg-service-website.text-red-500) {
    color: var(--color-red-500);
  }
  :is(.yg-service-website .text-red-700,.yg-service-website.text-red-700) {
    color: var(--color-red-700);
  }
  :is(.yg-service-website .text-white,.yg-service-website.text-white) {
    color: var(--color-white);
  }
  :is(.yg-service-website .text-white\/30,.yg-service-website.text-white\/30) {
    color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  :is(.yg-service-website .text-white\/35,.yg-service-website.text-white\/35) {
    color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  :is(.yg-service-website .text-white\/40,.yg-service-website.text-white\/40) {
    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);
    }
  }
  :is(.yg-service-website .text-white\/50,.yg-service-website.text-white\/50) {
    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);
    }
  }
  :is(.yg-service-website .text-white\/60,.yg-service-website.text-white\/60) {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  :is(.yg-service-website .text-white\/70,.yg-service-website.text-white\/70) {
    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);
    }
  }
  :is(.yg-service-website .text-white\/75,.yg-service-website.text-white\/75) {
    color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  :is(.yg-service-website .capitalize,.yg-service-website.capitalize) {
    text-transform: capitalize;
  }
  :is(.yg-service-website .normal-case,.yg-service-website.normal-case) {
    text-transform: none;
  }
  :is(.yg-service-website .uppercase,.yg-service-website.uppercase) {
    text-transform: uppercase;
  }
  :is(.yg-service-website .underline,.yg-service-website.underline) {
    text-decoration-line: underline;
  }
  :is(.yg-service-website .accent-\[\#FFD000\],.yg-service-website.accent-\[\#FFD000\]) {
    accent-color: #FFD000;
  }
  :is(.yg-service-website .shadow-\[0_-4px_18px_rgba\(0\,0\,0\,0\.08\)\],.yg-service-website.shadow-\[0_-4px_18px_rgba\(0\,0\,0\,0\.08\)\]) {
    --tw-shadow: 0 -4px 18px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.yg-service-website .shadow-sm,.yg-service-website.shadow-sm) {
    --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);
  }
  :is(.yg-service-website .filter,.yg-service-website.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,);
  }
  :is(.yg-service-website .transition,.yg-service-website.transition) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :is(.yg-service-website .transition-all,.yg-service-website.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));
  }
  :is(.yg-service-website .transition-colors,.yg-service-website.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));
  }
  :is(.yg-service-website .transition-opacity,.yg-service-website.transition-opacity) {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :is(.yg-service-website .transition-transform,.yg-service-website.transition-transform) {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :is(.yg-service-website .duration-300,.yg-service-website.duration-300) {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  :is(.yg-service-website .ease-out,.yg-service-website.ease-out) {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  :is(.yg-service-website .will-change-transform,.yg-service-website.will-change-transform) {
    will-change: transform;
  }
  :is(.yg-service-website .outline-none,.yg-service-website.outline-none) {
    --tw-outline-style: none;
    outline-style: none;
  }
  :is(.yg-service-website .placeholder\:text-\[\#C0C0BC\]::placeholder,.yg-service-website.placeholder\:text-\[\#C0C0BC\]::placeholder) {
    color: #C0C0BC;
  }
  :is(.yg-service-website .placeholder\:text-white\/25::placeholder,.yg-service-website.placeholder\:text-white\/25::placeholder) {
    color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  :is(.yg-service-website .last\:border-0:last-child,.yg-service-website.last\:border-0:last-child) {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  @media (hover: hover) {
    :is(.yg-service-website .hover\:scale-105:hover,.yg-service-website.hover\:scale-105:hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    :is(.yg-service-website .hover\:border-\[\#FFD000\]:hover,.yg-service-website.hover\:border-\[\#FFD000\]:hover) {
      border-color: #FFD000;
    }
    :is(.yg-service-website .hover\:border-\[\#FFD000\]\/40:hover,.yg-service-website.hover\:border-\[\#FFD000\]\/40:hover) {
      border-color: color-mix(in oklab, #FFD000 40%, transparent);
    }
    :is(.yg-service-website .hover\:border-white\/20:hover,.yg-service-website.hover\:border-white\/20:hover) {
      border-color: color-mix(in srgb, #fff 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(.yg-service-website .hover\:border-white\/20:hover,.yg-service-website.hover\:border-white\/20:hover) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
    :is(.yg-service-website .hover\:bg-\[\#E5BB00\]:hover,.yg-service-website.hover\:bg-\[\#E5BB00\]:hover) {
      background-color: #E5BB00;
    }
    :is(.yg-service-website .hover\:bg-\[\#E7F6EC\]:hover,.yg-service-website.hover\:bg-\[\#E7F6EC\]:hover) {
      background-color: #E7F6EC;
    }
    :is(.yg-service-website .hover\:bg-\[\#EBEBEB\]:hover,.yg-service-website.hover\:bg-\[\#EBEBEB\]:hover) {
      background-color: #EBEBEB;
    }
    :is(.yg-service-website .hover\:bg-\[\#FDECEC\]:hover,.yg-service-website.hover\:bg-\[\#FDECEC\]:hover) {
      background-color: #FDECEC;
    }
    :is(.yg-service-website .hover\:bg-\[\#FFD000\]\/10:hover,.yg-service-website.hover\:bg-\[\#FFD000\]\/10:hover) {
      background-color: color-mix(in oklab, #FFD000 10%, transparent);
    }
    :is(.yg-service-website .hover\:bg-\[\#FFF8CC\]:hover,.yg-service-website.hover\:bg-\[\#FFF8CC\]:hover) {
      background-color: #FFF8CC;
    }
    :is(.yg-service-website .hover\:bg-black\/5:hover,.yg-service-website.hover\:bg-black\/5:hover) {
      background-color: color-mix(in srgb, #000 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(.yg-service-website .hover\:bg-black\/5:hover,.yg-service-website.hover\:bg-black\/5:hover) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
    :is(.yg-service-website .hover\:bg-black\/\[0\.04\]:hover,.yg-service-website.hover\:bg-black\/\[0\.04\]:hover) {
      background-color: color-mix(in srgb, #000 4%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(.yg-service-website .hover\:bg-black\/\[0\.04\]:hover,.yg-service-website.hover\:bg-black\/\[0\.04\]:hover) {
        background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
      }
    }
    :is(.yg-service-website .hover\:bg-red-50:hover,.yg-service-website.hover\:bg-red-50:hover) {
      background-color: var(--color-red-50);
    }
    :is(.yg-service-website .hover\:bg-red-800:hover,.yg-service-website.hover\:bg-red-800:hover) {
      background-color: var(--color-red-800);
    }
    :is(.yg-service-website .hover\:bg-white\/10:hover,.yg-service-website.hover\:bg-white\/10:hover) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(.yg-service-website .hover\:bg-white\/10:hover,.yg-service-website.hover\:bg-white\/10:hover) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    :is(.yg-service-website .hover\:bg-white\/14:hover,.yg-service-website.hover\:bg-white\/14:hover) {
      background-color: color-mix(in srgb, #fff 14%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(.yg-service-website .hover\:bg-white\/14:hover,.yg-service-website.hover\:bg-white\/14:hover) {
        background-color: color-mix(in oklab, var(--color-white) 14%, transparent);
      }
    }
    :is(.yg-service-website .hover\:text-\[\#0A0A0A\]:hover,.yg-service-website.hover\:text-\[\#0A0A0A\]:hover) {
      color: #0A0A0A;
    }
    :is(.yg-service-website .hover\:text-\[\#5A5A5A\]:hover,.yg-service-website.hover\:text-\[\#5A5A5A\]:hover) {
      color: #5A5A5A;
    }
    :is(.yg-service-website .hover\:text-\[\#B8900A\]:hover,.yg-service-website.hover\:text-\[\#B8900A\]:hover) {
      color: #B8900A;
    }
    :is(.yg-service-website .hover\:text-red-500:hover,.yg-service-website.hover\:text-red-500:hover) {
      color: var(--color-red-500);
    }
    :is(.yg-service-website .hover\:text-white\/70:hover,.yg-service-website.hover\:text-white\/70:hover) {
      color: color-mix(in srgb, #fff 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(.yg-service-website .hover\:text-white\/70:hover,.yg-service-website.hover\:text-white\/70:hover) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
    :is(.yg-service-website .hover\:opacity-80:hover,.yg-service-website.hover\:opacity-80:hover) {
      opacity: 80%;
    }
  }
  :is(.yg-service-website .focus\:border-\[\#FFD000\]:focus,.yg-service-website.focus\:border-\[\#FFD000\]:focus) {
    border-color: #FFD000;
  }
  :is(.yg-service-website .focus\:border-\[\#FFD000\]\/50:focus,.yg-service-website.focus\:border-\[\#FFD000\]\/50:focus) {
    border-color: color-mix(in oklab, #FFD000 50%, transparent);
  }
  :is(.yg-service-website .focus\:ring-2:focus,.yg-service-website.focus\:ring-2:focus) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.yg-service-website .focus\:ring-\[\#FFD000\]\/20:focus,.yg-service-website.focus\:ring-\[\#FFD000\]\/20:focus) {
    --tw-ring-color: color-mix(in oklab, #FFD000 20%, transparent);
  }
  :is(.yg-service-website .focus\:outline-none:focus,.yg-service-website.focus\:outline-none:focus) {
    --tw-outline-style: none;
    outline-style: none;
  }
  :is(.yg-service-website .active\:shadow-none:active,.yg-service-website.active\:shadow-none:active) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.yg-service-website .disabled\:opacity-50:disabled,.yg-service-website.disabled\:opacity-50:disabled) {
    opacity: 50%;
  }
  @media (width < 48rem) {
    :is(.yg-service-website .max-md\:scale-110,.yg-service-website.max-md\:scale-110) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (width >= 40rem) {
    :is(.yg-service-website .sm\:grid-cols-3,.yg-service-website.sm\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    :is(.yg-service-website .sm\:flex-row,.yg-service-website.sm\:flex-row) {
      flex-direction: row;
    }
    :is(.yg-service-website .sm\:px-6,.yg-service-website.sm\:px-6) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    :is(.yg-service-website .md\:col-start-auto,.yg-service-website.md\:col-start-auto) {
      grid-column-start: auto;
    }
    :is(.yg-service-website .md\:flex,.yg-service-website.md\:flex) {
      display: flex;
    }
    :is(.yg-service-website .md\:grid,.yg-service-website.md\:grid) {
      display: grid;
    }
    :is(.yg-service-website .md\:hidden,.yg-service-website.md\:hidden) {
      display: none;
    }
    :is(.yg-service-website .md\:grid-cols-\[28px_minmax\(0\,1\.6fr\)_minmax\(0\,1\.7fr\)_minmax\(0\,1\.1fr\)_70px_90px_auto\],.yg-service-website.md\:grid-cols-\[28px_minmax\(0\,1\.6fr\)_minmax\(0\,1\.7fr\)_minmax\(0\,1\.1fr\)_70px_90px_auto\]) {
      grid-template-columns: 28px minmax(0,1.6fr) minmax(0,1.7fr) minmax(0,1.1fr) 70px 90px auto;
    }
    :is(.yg-service-website .md\:flex-row,.yg-service-website.md\:flex-row) {
      flex-direction: row;
    }
    :is(.yg-service-website .md\:items-center,.yg-service-website.md\:items-center) {
      align-items: center;
    }
    :is(.yg-service-website .md\:justify-end,.yg-service-website.md\:justify-end) {
      justify-content: flex-end;
    }
    :is(.yg-service-website .md\:px-6,.yg-service-website.md\:px-6) {
      padding-inline: calc(var(--spacing) * 6);
    }
    :is(.yg-service-website .md\:pb-0,.yg-service-website.md\:pb-0) {
      padding-bottom: 0px;
    }
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
/* mobile-header-service-showcase-a5f2ebe7333eeebc.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme {
  .yg-service-showcase {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --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-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --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);
  }
}
@layer utilities {
  :is(.yg-service-showcase .pointer-events-none,.yg-service-showcase.pointer-events-none) {
    pointer-events: none;
  }
  :is(.yg-service-showcase .absolute,.yg-service-showcase.absolute) {
    position: absolute;
  }
  :is(.yg-service-showcase .fixed,.yg-service-showcase.fixed) {
    position: fixed;
  }
  :is(.yg-service-showcase .relative,.yg-service-showcase.relative) {
    position: relative;
  }
  :is(.yg-service-showcase .sticky,.yg-service-showcase.sticky) {
    position: sticky;
  }
  :is(.yg-service-showcase .inset-x-0,.yg-service-showcase.inset-x-0) {
    inset-inline: 0px;
  }
  :is(.yg-service-showcase .-top-1,.yg-service-showcase.-top-1) {
    top: calc(var(--spacing) * -1);
  }
  :is(.yg-service-showcase .-top-1\.5,.yg-service-showcase.-top-1\.5) {
    top: calc(var(--spacing) * -1.5);
  }
  :is(.yg-service-showcase .top-0,.yg-service-showcase.top-0) {
    top: 0px;
  }
  :is(.yg-service-showcase .top-0\.5,.yg-service-showcase.top-0\.5) {
    top: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-showcase .top-1,.yg-service-showcase.top-1) {
    top: var(--spacing);
  }
  :is(.yg-service-showcase .-right-1,.yg-service-showcase.-right-1) {
    right: calc(var(--spacing) * -1);
  }
  :is(.yg-service-showcase .-right-1\.5,.yg-service-showcase.-right-1\.5) {
    right: calc(var(--spacing) * -1.5);
  }
  :is(.yg-service-showcase .right-0\.5,.yg-service-showcase.right-0\.5) {
    right: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-showcase .right-1,.yg-service-showcase.right-1) {
    right: var(--spacing);
  }
  :is(.yg-service-showcase .bottom-0,.yg-service-showcase.bottom-0) {
    bottom: 0px;
  }
  :is(.yg-service-showcase .z-30,.yg-service-showcase.z-30) {
    z-index: 30;
  }
  :is(.yg-service-showcase .z-40,.yg-service-showcase.z-40) {
    z-index: 40;
  }
  :is(.yg-service-showcase .z-50,.yg-service-showcase.z-50) {
    z-index: 50;
  }
  :is(.yg-service-showcase .mx-4,.yg-service-showcase.mx-4) {
    margin-inline: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase .mx-auto,.yg-service-showcase.mx-auto) {
    margin-inline: auto;
  }
  :is(.yg-service-showcase .mt-0\.5,.yg-service-showcase.mt-0\.5) {
    margin-top: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-showcase .mt-1,.yg-service-showcase.mt-1) {
    margin-top: var(--spacing);
  }
  :is(.yg-service-showcase .mt-1\.5,.yg-service-showcase.mt-1\.5) {
    margin-top: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-showcase .mt-2,.yg-service-showcase.mt-2) {
    margin-top: calc(var(--spacing) * 2);
  }
  :is(.yg-service-showcase .mt-2\.5,.yg-service-showcase.mt-2\.5) {
    margin-top: calc(var(--spacing) * 2.5);
  }
  :is(.yg-service-showcase .mt-3,.yg-service-showcase.mt-3) {
    margin-top: calc(var(--spacing) * 3);
  }
  :is(.yg-service-showcase .mt-4,.yg-service-showcase.mt-4) {
    margin-top: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase .mt-5,.yg-service-showcase.mt-5) {
    margin-top: calc(var(--spacing) * 5);
  }
  :is(.yg-service-showcase .mt-6,.yg-service-showcase.mt-6) {
    margin-top: calc(var(--spacing) * 6);
  }
  :is(.yg-service-showcase .mb-1,.yg-service-showcase.mb-1) {
    margin-bottom: var(--spacing);
  }
  :is(.yg-service-showcase .mb-2,.yg-service-showcase.mb-2) {
    margin-bottom: calc(var(--spacing) * 2);
  }
  :is(.yg-service-showcase .mb-3,.yg-service-showcase.mb-3) {
    margin-bottom: calc(var(--spacing) * 3);
  }
  :is(.yg-service-showcase .mb-5,.yg-service-showcase.mb-5) {
    margin-bottom: calc(var(--spacing) * 5);
  }
  :is(.yg-service-showcase .mb-6,.yg-service-showcase.mb-6) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  :is(.yg-service-showcase .-ml-1,.yg-service-showcase.-ml-1) {
    margin-left: calc(var(--spacing) * -1);
  }
  :is(.yg-service-showcase .ml-auto,.yg-service-showcase.ml-auto) {
    margin-left: auto;
  }
  :is(.yg-service-showcase .flex,.yg-service-showcase.flex) {
    display: flex;
  }
  :is(.yg-service-showcase .grid,.yg-service-showcase.grid) {
    display: grid;
  }
  :is(.yg-service-showcase .hidden,.yg-service-showcase.hidden) {
    display: none;
  }
  :is(.yg-service-showcase .inline-block,.yg-service-showcase.inline-block) {
    display: inline-block;
  }
  :is(.yg-service-showcase .inline-flex,.yg-service-showcase.inline-flex) {
    display: inline-flex;
  }
  :is(.yg-service-showcase .aspect-\[4\/3\],.yg-service-showcase.aspect-\[4\/3\]) {
    aspect-ratio: 4/3;
  }
  :is(.yg-service-showcase .aspect-\[4\/5\],.yg-service-showcase.aspect-\[4\/5\]) {
    aspect-ratio: 4/5;
  }
  :is(.yg-service-showcase .aspect-square,.yg-service-showcase.aspect-square) {
    aspect-ratio: 1 / 1;
  }
  :is(.yg-service-showcase .h-1\.5,.yg-service-showcase.h-1\.5) {
    height: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-showcase .h-3,.yg-service-showcase.h-3) {
    height: calc(var(--spacing) * 3);
  }
  :is(.yg-service-showcase .h-4,.yg-service-showcase.h-4) {
    height: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase .h-5,.yg-service-showcase.h-5) {
    height: calc(var(--spacing) * 5);
  }
  :is(.yg-service-showcase .h-6,.yg-service-showcase.h-6) {
    height: calc(var(--spacing) * 6);
  }
  :is(.yg-service-showcase .h-7,.yg-service-showcase.h-7) {
    height: calc(var(--spacing) * 7);
  }
  :is(.yg-service-showcase .h-8,.yg-service-showcase.h-8) {
    height: calc(var(--spacing) * 8);
  }
  :is(.yg-service-showcase .h-10,.yg-service-showcase.h-10) {
    height: calc(var(--spacing) * 10);
  }
  :is(.yg-service-showcase .h-11,.yg-service-showcase.h-11) {
    height: calc(var(--spacing) * 11);
  }
  :is(.yg-service-showcase .h-12,.yg-service-showcase.h-12) {
    height: calc(var(--spacing) * 12);
  }
  :is(.yg-service-showcase .h-14,.yg-service-showcase.h-14) {
    height: calc(var(--spacing) * 14);
  }
  :is(.yg-service-showcase .h-16,.yg-service-showcase.h-16) {
    height: calc(var(--spacing) * 16);
  }
  :is(.yg-service-showcase .h-20,.yg-service-showcase.h-20) {
    height: calc(var(--spacing) * 20);
  }
  :is(.yg-service-showcase .h-24,.yg-service-showcase.h-24) {
    height: calc(var(--spacing) * 24);
  }
  :is(.yg-service-showcase .h-40,.yg-service-showcase.h-40) {
    height: calc(var(--spacing) * 40);
  }
  :is(.yg-service-showcase .h-48,.yg-service-showcase.h-48) {
    height: calc(var(--spacing) * 48);
  }
  :is(.yg-service-showcase .h-\[15px\],.yg-service-showcase.h-\[15px\]) {
    height: 15px;
  }
  :is(.yg-service-showcase .h-\[29px\],.yg-service-showcase.h-\[29px\]) {
    height: 29px;
  }
  :is(.yg-service-showcase .h-\[100dvh\],.yg-service-showcase.h-\[100dvh\]) {
    height: 100dvh;
  }
  :is(.yg-service-showcase .h-full,.yg-service-showcase.h-full) {
    height: 100%;
  }
  :is(.yg-service-showcase .max-h-\[85dvh\],.yg-service-showcase.max-h-\[85dvh\]) {
    max-height: 85dvh;
  }
  :is(.yg-service-showcase .min-h-0,.yg-service-showcase.min-h-0) {
    min-height: 0px;
  }
  :is(.yg-service-showcase .min-h-6,.yg-service-showcase.min-h-6) {
    min-height: calc(var(--spacing) * 6);
  }
  :is(.yg-service-showcase .min-h-9,.yg-service-showcase.min-h-9) {
    min-height: calc(var(--spacing) * 9);
  }
  :is(.yg-service-showcase .min-h-10,.yg-service-showcase.min-h-10) {
    min-height: calc(var(--spacing) * 10);
  }
  :is(.yg-service-showcase .min-h-11,.yg-service-showcase.min-h-11) {
    min-height: calc(var(--spacing) * 11);
  }
  :is(.yg-service-showcase .min-h-12,.yg-service-showcase.min-h-12) {
    min-height: calc(var(--spacing) * 12);
  }
  :is(.yg-service-showcase .min-h-28,.yg-service-showcase.min-h-28) {
    min-height: calc(var(--spacing) * 28);
  }
  :is(.yg-service-showcase .min-h-\[60dvh\],.yg-service-showcase.min-h-\[60dvh\]) {
    min-height: 60dvh;
  }
  :is(.yg-service-showcase .min-h-\[100dvh\],.yg-service-showcase.min-h-\[100dvh\]) {
    min-height: 100dvh;
  }
  :is(.yg-service-showcase .min-h-\[110px\],.yg-service-showcase.min-h-\[110px\]) {
    min-height: 110px;
  }
  :is(.yg-service-showcase .min-h-full,.yg-service-showcase.min-h-full) {
    min-height: 100%;
  }
  :is(.yg-service-showcase .w-1\.5,.yg-service-showcase.w-1\.5) {
    width: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-showcase .w-3,.yg-service-showcase.w-3) {
    width: calc(var(--spacing) * 3);
  }
  :is(.yg-service-showcase .w-4,.yg-service-showcase.w-4) {
    width: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase .w-5,.yg-service-showcase.w-5) {
    width: calc(var(--spacing) * 5);
  }
  :is(.yg-service-showcase .w-6,.yg-service-showcase.w-6) {
    width: calc(var(--spacing) * 6);
  }
  :is(.yg-service-showcase .w-7,.yg-service-showcase.w-7) {
    width: calc(var(--spacing) * 7);
  }
  :is(.yg-service-showcase .w-8,.yg-service-showcase.w-8) {
    width: calc(var(--spacing) * 8);
  }
  :is(.yg-service-showcase .w-10,.yg-service-showcase.w-10) {
    width: calc(var(--spacing) * 10);
  }
  :is(.yg-service-showcase .w-11,.yg-service-showcase.w-11) {
    width: calc(var(--spacing) * 11);
  }
  :is(.yg-service-showcase .w-12,.yg-service-showcase.w-12) {
    width: calc(var(--spacing) * 12);
  }
  :is(.yg-service-showcase .w-14,.yg-service-showcase.w-14) {
    width: calc(var(--spacing) * 14);
  }
  :is(.yg-service-showcase .w-20,.yg-service-showcase.w-20) {
    width: calc(var(--spacing) * 20);
  }
  :is(.yg-service-showcase .w-40,.yg-service-showcase.w-40) {
    width: calc(var(--spacing) * 40);
  }
  :is(.yg-service-showcase .w-64,.yg-service-showcase.w-64) {
    width: calc(var(--spacing) * 64);
  }
  :is(.yg-service-showcase .w-\[29px\],.yg-service-showcase.w-\[29px\]) {
    width: 29px;
  }
  :is(.yg-service-showcase .w-full,.yg-service-showcase.w-full) {
    width: 100%;
  }
  :is(.yg-service-showcase .max-w-2xl,.yg-service-showcase.max-w-2xl) {
    max-width: var(--container-2xl);
  }
  :is(.yg-service-showcase .max-w-sm,.yg-service-showcase.max-w-sm) {
    max-width: var(--container-sm);
  }
  :is(.yg-service-showcase .min-w-0,.yg-service-showcase.min-w-0) {
    min-width: 0px;
  }
  :is(.yg-service-showcase .min-w-4,.yg-service-showcase.min-w-4) {
    min-width: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase .min-w-\[15px\],.yg-service-showcase.min-w-\[15px\]) {
    min-width: 15px;
  }
  :is(.yg-service-showcase .min-w-\[16px\],.yg-service-showcase.min-w-\[16px\]) {
    min-width: 16px;
  }
  :is(.yg-service-showcase .flex-1,.yg-service-showcase.flex-1) {
    flex: 1;
  }
  :is(.yg-service-showcase .shrink-0,.yg-service-showcase.shrink-0) {
    flex-shrink: 0;
  }
  :is(.yg-service-showcase .origin-left,.yg-service-showcase.origin-left) {
    transform-origin: 0;
  }
  :is(.yg-service-showcase .translate-y-0,.yg-service-showcase.translate-y-0) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.yg-service-showcase .translate-y-full,.yg-service-showcase.translate-y-full) {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.yg-service-showcase .scale-\[0\.8\],.yg-service-showcase.scale-\[0\.8\]) {
    scale: 0.8;
  }
  :is(.yg-service-showcase .animate-pulse,.yg-service-showcase.animate-pulse) {
    animation: var(--animate-pulse);
  }
  :is(.yg-service-showcase .cursor-pointer,.yg-service-showcase.cursor-pointer) {
    cursor: pointer;
  }
  :is(.yg-service-showcase .resize-none,.yg-service-showcase.resize-none) {
    resize: none;
  }
  :is(.yg-service-showcase .grid-cols-2,.yg-service-showcase.grid-cols-2) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(.yg-service-showcase .grid-cols-3,.yg-service-showcase.grid-cols-3) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :is(.yg-service-showcase .flex-col,.yg-service-showcase.flex-col) {
    flex-direction: column;
  }
  :is(.yg-service-showcase .flex-wrap,.yg-service-showcase.flex-wrap) {
    flex-wrap: wrap;
  }
  :is(.yg-service-showcase .place-items-center,.yg-service-showcase.place-items-center) {
    place-items: center;
  }
  :is(.yg-service-showcase .items-center,.yg-service-showcase.items-center) {
    align-items: center;
  }
  :is(.yg-service-showcase .items-end,.yg-service-showcase.items-end) {
    align-items: flex-end;
  }
  :is(.yg-service-showcase .items-start,.yg-service-showcase.items-start) {
    align-items: flex-start;
  }
  :is(.yg-service-showcase .justify-between,.yg-service-showcase.justify-between) {
    justify-content: space-between;
  }
  :is(.yg-service-showcase .justify-center,.yg-service-showcase.justify-center) {
    justify-content: center;
  }
  :is(.yg-service-showcase .gap-1,.yg-service-showcase.gap-1) {
    gap: var(--spacing);
  }
  :is(.yg-service-showcase .gap-1\.5,.yg-service-showcase.gap-1\.5) {
    gap: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-showcase .gap-2,.yg-service-showcase.gap-2) {
    gap: calc(var(--spacing) * 2);
  }
  :is(.yg-service-showcase .gap-2\.5,.yg-service-showcase.gap-2\.5) {
    gap: calc(var(--spacing) * 2.5);
  }
  :is(.yg-service-showcase .gap-3,.yg-service-showcase.gap-3) {
    gap: calc(var(--spacing) * 3);
  }
  :is(.yg-service-showcase .gap-3\.5,.yg-service-showcase.gap-3\.5) {
    gap: calc(var(--spacing) * 3.5);
  }
  :is(.yg-service-showcase .gap-4,.yg-service-showcase.gap-4) {
    gap: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase :where(.space-y-0\.5 > :not(:last-child)),.yg-service-showcase:where(.space-y-0\.5 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-showcase :where(.space-y-1 > :not(:last-child)),.yg-service-showcase:where(.space-y-1 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-showcase :where(.space-y-1\.5 > :not(:last-child)),.yg-service-showcase:where(.space-y-1\.5 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-showcase :where(.space-y-2 > :not(:last-child)),.yg-service-showcase:where(.space-y-2 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-showcase :where(.space-y-3 > :not(:last-child)),.yg-service-showcase:where(.space-y-3 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-showcase :where(.space-y-5 > :not(:last-child)),.yg-service-showcase:where(.space-y-5 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-showcase :where(.space-y-6 > :not(:last-child)),.yg-service-showcase:where(.space-y-6 > :not(:last-child))) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :is(.yg-service-showcase .truncate,.yg-service-showcase.truncate) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :is(.yg-service-showcase .overflow-hidden,.yg-service-showcase.overflow-hidden) {
    overflow: hidden;
  }
  :is(.yg-service-showcase .overflow-x-hidden,.yg-service-showcase.overflow-x-hidden) {
    overflow-x: hidden;
  }
  :is(.yg-service-showcase .overflow-y-auto,.yg-service-showcase.overflow-y-auto) {
    overflow-y: auto;
  }
  :is(.yg-service-showcase .rounded-2xl,.yg-service-showcase.rounded-2xl) {
    border-radius: var(--radius-2xl);
  }
  :is(.yg-service-showcase .rounded-3xl,.yg-service-showcase.rounded-3xl) {
    border-radius: var(--radius-3xl);
  }
  :is(.yg-service-showcase .rounded-full,.yg-service-showcase.rounded-full) {
    border-radius: calc(infinity * 1px);
  }
  :is(.yg-service-showcase .rounded-lg,.yg-service-showcase.rounded-lg) {
    border-radius: var(--radius-lg);
  }
  :is(.yg-service-showcase .rounded-xl,.yg-service-showcase.rounded-xl) {
    border-radius: var(--radius-xl);
  }
  :is(.yg-service-showcase .border,.yg-service-showcase.border) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  :is(.yg-service-showcase .border-2,.yg-service-showcase.border-2) {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  :is(.yg-service-showcase .border-t,.yg-service-showcase.border-t) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  :is(.yg-service-showcase .border-r,.yg-service-showcase.border-r) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  :is(.yg-service-showcase .border-b,.yg-service-showcase.border-b) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  :is(.yg-service-showcase .border-l-4,.yg-service-showcase.border-l-4) {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  :is(.yg-service-showcase .border-dashed,.yg-service-showcase.border-dashed) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  :is(.yg-service-showcase .border-\[\#9B9B9B\],.yg-service-showcase.border-\[\#9B9B9B\]) {
    border-color: #9B9B9B;
  }
  :is(.yg-service-showcase .border-\[\#D0D0CC\],.yg-service-showcase.border-\[\#D0D0CC\]) {
    border-color: #D0D0CC;
  }
  :is(.yg-service-showcase .border-\[\#D93636\]\/50,.yg-service-showcase.border-\[\#D93636\]\/50) {
    border-color: color-mix(in oklab, #D93636 50%, transparent);
  }
  :is(.yg-service-showcase .border-\[\#E9D8A6\],.yg-service-showcase.border-\[\#E9D8A6\]) {
    border-color: #E9D8A6;
  }
  :is(.yg-service-showcase .border-\[\#FFD000\],.yg-service-showcase.border-\[\#FFD000\]) {
    border-color: #FFD000;
  }
  :is(.yg-service-showcase .border-black\/5,.yg-service-showcase.border-black\/5) {
    border-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  :is(.yg-service-showcase .border-black\/10,.yg-service-showcase.border-black\/10) {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  :is(.yg-service-showcase .border-black\/\[0\.06\],.yg-service-showcase.border-black\/\[0\.06\]) {
    border-color: color-mix(in srgb, #000 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }
  :is(.yg-service-showcase .border-black\/\[0\.08\],.yg-service-showcase.border-black\/\[0\.08\]) {
    border-color: color-mix(in srgb, #000 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }
  :is(.yg-service-showcase .border-black\/\[0\.12\],.yg-service-showcase.border-black\/\[0\.12\]) {
    border-color: color-mix(in srgb, #000 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 12%, transparent);
    }
  }
  :is(.yg-service-showcase .border-transparent,.yg-service-showcase.border-transparent) {
    border-color: transparent;
  }
  :is(.yg-service-showcase .bg-\[\#0A0A0A\],.yg-service-showcase.bg-\[\#0A0A0A\]) {
    background-color: #0A0A0A;
  }
  :is(.yg-service-showcase .bg-\[\#9B9B9B\],.yg-service-showcase.bg-\[\#9B9B9B\]) {
    background-color: #9B9B9B;
  }
  :is(.yg-service-showcase .bg-\[\#16A34A\],.yg-service-showcase.bg-\[\#16A34A\]) {
    background-color: #16A34A;
  }
  :is(.yg-service-showcase .bg-\[\#E7F6EC\],.yg-service-showcase.bg-\[\#E7F6EC\]) {
    background-color: #E7F6EC;
  }
  :is(.yg-service-showcase .bg-\[\#EFEFED\],.yg-service-showcase.bg-\[\#EFEFED\]) {
    background-color: #EFEFED;
  }
  :is(.yg-service-showcase .bg-\[\#F1F1EC\],.yg-service-showcase.bg-\[\#F1F1EC\]) {
    background-color: #F1F1EC;
  }
  :is(.yg-service-showcase .bg-\[\#F3F3EE\],.yg-service-showcase.bg-\[\#F3F3EE\]) {
    background-color: #F3F3EE;
  }
  :is(.yg-service-showcase .bg-\[\#F4F4F2\],.yg-service-showcase.bg-\[\#F4F4F2\]) {
    background-color: #F4F4F2;
  }
  :is(.yg-service-showcase .bg-\[\#FAFAF5\],.yg-service-showcase.bg-\[\#FAFAF5\]) {
    background-color: #FAFAF5;
  }
  :is(.yg-service-showcase .bg-\[\#FAFAFA\],.yg-service-showcase.bg-\[\#FAFAFA\]) {
    background-color: #FAFAFA;
  }
  :is(.yg-service-showcase .bg-\[\#FFD000\],.yg-service-showcase.bg-\[\#FFD000\]) {
    background-color: #FFD000;
  }
  :is(.yg-service-showcase .bg-\[\#FFF4BF\],.yg-service-showcase.bg-\[\#FFF4BF\]) {
    background-color: #FFF4BF;
  }
  :is(.yg-service-showcase .bg-\[\#FFF8CC\],.yg-service-showcase.bg-\[\#FFF8CC\]) {
    background-color: #FFF8CC;
  }
  :is(.yg-service-showcase .bg-red-50,.yg-service-showcase.bg-red-50) {
    background-color: var(--color-red-50);
  }
  :is(.yg-service-showcase .bg-red-500,.yg-service-showcase.bg-red-500) {
    background-color: var(--color-red-500);
  }
  :is(.yg-service-showcase .bg-white,.yg-service-showcase.bg-white) {
    background-color: var(--color-white);
  }
  :is(.yg-service-showcase .bg-white\/90,.yg-service-showcase.bg-white\/90) {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  :is(.yg-service-showcase .fill-\[\#E5484D\],.yg-service-showcase.fill-\[\#E5484D\]) {
    fill: #E5484D;
  }
  :is(.yg-service-showcase .fill-\[\#F5B800\],.yg-service-showcase.fill-\[\#F5B800\]) {
    fill: #F5B800;
  }
  :is(.yg-service-showcase .object-cover,.yg-service-showcase.object-cover) {
    object-fit: cover;
  }
  :is(.yg-service-showcase .p-2,.yg-service-showcase.p-2) {
    padding: calc(var(--spacing) * 2);
  }
  :is(.yg-service-showcase .p-3,.yg-service-showcase.p-3) {
    padding: calc(var(--spacing) * 3);
  }
  :is(.yg-service-showcase .p-4,.yg-service-showcase.p-4) {
    padding: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase .p-5,.yg-service-showcase.p-5) {
    padding: calc(var(--spacing) * 5);
  }
  :is(.yg-service-showcase .p-6,.yg-service-showcase.p-6) {
    padding: calc(var(--spacing) * 6);
  }
  :is(.yg-service-showcase .p-8,.yg-service-showcase.p-8) {
    padding: calc(var(--spacing) * 8);
  }
  :is(.yg-service-showcase .px-0\.5,.yg-service-showcase.px-0\.5) {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-showcase .px-1,.yg-service-showcase.px-1) {
    padding-inline: var(--spacing);
  }
  :is(.yg-service-showcase .px-2,.yg-service-showcase.px-2) {
    padding-inline: calc(var(--spacing) * 2);
  }
  :is(.yg-service-showcase .px-2\.5,.yg-service-showcase.px-2\.5) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  :is(.yg-service-showcase .px-3,.yg-service-showcase.px-3) {
    padding-inline: calc(var(--spacing) * 3);
  }
  :is(.yg-service-showcase .px-4,.yg-service-showcase.px-4) {
    padding-inline: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase .px-5,.yg-service-showcase.px-5) {
    padding-inline: calc(var(--spacing) * 5);
  }
  :is(.yg-service-showcase .px-6,.yg-service-showcase.px-6) {
    padding-inline: calc(var(--spacing) * 6);
  }
  :is(.yg-service-showcase .py-0\.5,.yg-service-showcase.py-0\.5) {
    padding-block: calc(var(--spacing) * 0.5);
  }
  :is(.yg-service-showcase .py-1,.yg-service-showcase.py-1) {
    padding-block: var(--spacing);
  }
  :is(.yg-service-showcase .py-1\.5,.yg-service-showcase.py-1\.5) {
    padding-block: calc(var(--spacing) * 1.5);
  }
  :is(.yg-service-showcase .py-2,.yg-service-showcase.py-2) {
    padding-block: calc(var(--spacing) * 2);
  }
  :is(.yg-service-showcase .py-2\.5,.yg-service-showcase.py-2\.5) {
    padding-block: calc(var(--spacing) * 2.5);
  }
  :is(.yg-service-showcase .py-3,.yg-service-showcase.py-3) {
    padding-block: calc(var(--spacing) * 3);
  }
  :is(.yg-service-showcase .py-3\.5,.yg-service-showcase.py-3\.5) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  :is(.yg-service-showcase .py-5,.yg-service-showcase.py-5) {
    padding-block: calc(var(--spacing) * 5);
  }
  :is(.yg-service-showcase .py-10,.yg-service-showcase.py-10) {
    padding-block: calc(var(--spacing) * 10);
  }
  :is(.yg-service-showcase .pt-5,.yg-service-showcase.pt-5) {
    padding-top: calc(var(--spacing) * 5);
  }
  :is(.yg-service-showcase .pt-8,.yg-service-showcase.pt-8) {
    padding-top: calc(var(--spacing) * 8);
  }
  :is(.yg-service-showcase .pb-8,.yg-service-showcase.pb-8) {
    padding-bottom: calc(var(--spacing) * 8);
  }
  :is(.yg-service-showcase .pb-10,.yg-service-showcase.pb-10) {
    padding-bottom: calc(var(--spacing) * 10);
  }
  :is(.yg-service-showcase .pb-12,.yg-service-showcase.pb-12) {
    padding-bottom: calc(var(--spacing) * 12);
  }
  :is(.yg-service-showcase .pb-\[calc\(64px\+env\(safe-area-inset-bottom\)\)\],.yg-service-showcase.pb-\[calc\(64px\+env\(safe-area-inset-bottom\)\)\]) {
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }
  :is(.yg-service-showcase .pb-\[env\(safe-area-inset-bottom\)\],.yg-service-showcase.pb-\[env\(safe-area-inset-bottom\)\]) {
    padding-bottom: env(safe-area-inset-bottom);
  }
  :is(.yg-service-showcase .text-center,.yg-service-showcase.text-center) {
    text-align: center;
  }
  :is(.yg-service-showcase .text-2xl,.yg-service-showcase.text-2xl) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  :is(.yg-service-showcase .text-base,.yg-service-showcase.text-base) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  :is(.yg-service-showcase .text-lg,.yg-service-showcase.text-lg) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  :is(.yg-service-showcase .text-sm,.yg-service-showcase.text-sm) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  :is(.yg-service-showcase .text-xs,.yg-service-showcase.text-xs) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  :is(.yg-service-showcase .text-\[9px\],.yg-service-showcase.text-\[9px\]) {
    font-size: 9px;
  }
  :is(.yg-service-showcase .text-\[10px\],.yg-service-showcase.text-\[10px\]) {
    font-size: 10px;
  }
  :is(.yg-service-showcase .text-\[11px\],.yg-service-showcase.text-\[11px\]) {
    font-size: 11px;
  }
  :is(.yg-service-showcase .text-\[13px\],.yg-service-showcase.text-\[13px\]) {
    font-size: 13px;
  }
  :is(.yg-service-showcase .text-\[14px\],.yg-service-showcase.text-\[14px\]) {
    font-size: 14px;
  }
  :is(.yg-service-showcase .text-\[16px\],.yg-service-showcase.text-\[16px\]) {
    font-size: 16px;
  }
  :is(.yg-service-showcase .text-\[22px\],.yg-service-showcase.text-\[22px\]) {
    font-size: 22px;
  }
  :is(.yg-service-showcase .text-\[26px\],.yg-service-showcase.text-\[26px\]) {
    font-size: 26px;
  }
  :is(.yg-service-showcase .leading-4,.yg-service-showcase.leading-4) {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  :is(.yg-service-showcase .leading-tight,.yg-service-showcase.leading-tight) {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  :is(.yg-service-showcase .font-black,.yg-service-showcase.font-black) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  :is(.yg-service-showcase .font-bold,.yg-service-showcase.font-bold) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  :is(.yg-service-showcase .font-medium,.yg-service-showcase.font-medium) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  :is(.yg-service-showcase .font-semibold,.yg-service-showcase.font-semibold) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  :is(.yg-service-showcase .tracking-tight,.yg-service-showcase.tracking-tight) {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  :is(.yg-service-showcase .tracking-wider,.yg-service-showcase.tracking-wider) {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  :is(.yg-service-showcase .tracking-widest,.yg-service-showcase.tracking-widest) {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  :is(.yg-service-showcase .break-words,.yg-service-showcase.break-words) {
    overflow-wrap: break-word;
  }
  :is(.yg-service-showcase .whitespace-nowrap,.yg-service-showcase.whitespace-nowrap) {
    white-space: nowrap;
  }
  :is(.yg-service-showcase .whitespace-pre-line,.yg-service-showcase.whitespace-pre-line) {
    white-space: pre-line;
  }
  :is(.yg-service-showcase .text-\[\#0A0A0A\],.yg-service-showcase.text-\[\#0A0A0A\]) {
    color: #0A0A0A;
  }
  :is(.yg-service-showcase .text-\[\#1B6B3A\],.yg-service-showcase.text-\[\#1B6B3A\]) {
    color: #1B6B3A;
  }
  :is(.yg-service-showcase .text-\[\#3A3A3A\],.yg-service-showcase.text-\[\#3A3A3A\]) {
    color: #3A3A3A;
  }
  :is(.yg-service-showcase .text-\[\#5A5A5A\],.yg-service-showcase.text-\[\#5A5A5A\]) {
    color: #5A5A5A;
  }
  :is(.yg-service-showcase .text-\[\#5C4500\],.yg-service-showcase.text-\[\#5C4500\]) {
    color: #5C4500;
  }
  :is(.yg-service-showcase .text-\[\#6B6B6B\],.yg-service-showcase.text-\[\#6B6B6B\]) {
    color: #6B6B6B;
  }
  :is(.yg-service-showcase .text-\[\#8A8A8A\],.yg-service-showcase.text-\[\#8A8A8A\]) {
    color: #8A8A8A;
  }
  :is(.yg-service-showcase .text-\[\#8A8A84\],.yg-service-showcase.text-\[\#8A8A84\]) {
    color: #8A8A84;
  }
  :is(.yg-service-showcase .text-\[\#9B9B9B\],.yg-service-showcase.text-\[\#9B9B9B\]) {
    color: #9B9B9B;
  }
  :is(.yg-service-showcase .text-\[\#A0A09A\],.yg-service-showcase.text-\[\#A0A09A\]) {
    color: #A0A09A;
  }
  :is(.yg-service-showcase .text-\[\#ADADAD\],.yg-service-showcase.text-\[\#ADADAD\]) {
    color: #ADADAD;
  }
  :is(.yg-service-showcase .text-\[\#B8860B\],.yg-service-showcase.text-\[\#B8860B\]) {
    color: #B8860B;
  }
  :is(.yg-service-showcase .text-\[\#D4A500\],.yg-service-showcase.text-\[\#D4A500\]) {
    color: #D4A500;
  }
  :is(.yg-service-showcase .text-\[\#E5484D\],.yg-service-showcase.text-\[\#E5484D\]) {
    color: #E5484D;
  }
  :is(.yg-service-showcase .text-\[\#F5B800\],.yg-service-showcase.text-\[\#F5B800\]) {
    color: #F5B800;
  }
  :is(.yg-service-showcase .text-green-700,.yg-service-showcase.text-green-700) {
    color: var(--color-green-700);
  }
  :is(.yg-service-showcase .text-red-500,.yg-service-showcase.text-red-500) {
    color: var(--color-red-500);
  }
  :is(.yg-service-showcase .text-red-600,.yg-service-showcase.text-red-600) {
    color: var(--color-red-600);
  }
  :is(.yg-service-showcase .text-red-700,.yg-service-showcase.text-red-700) {
    color: var(--color-red-700);
  }
  :is(.yg-service-showcase .text-white,.yg-service-showcase.text-white) {
    color: var(--color-white);
  }
  :is(.yg-service-showcase .uppercase,.yg-service-showcase.uppercase) {
    text-transform: uppercase;
  }
  :is(.yg-service-showcase .underline,.yg-service-showcase.underline) {
    text-decoration-line: underline;
  }
  :is(.yg-service-showcase .shadow-\[0_-4px_18px_rgba\(0\,0\,0\,0\.08\)\],.yg-service-showcase.shadow-\[0_-4px_18px_rgba\(0\,0\,0\,0\.08\)\]) {
    --tw-shadow: 0 -4px 18px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.yg-service-showcase .shadow-sm,.yg-service-showcase.shadow-sm) {
    --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);
  }
  :is(.yg-service-showcase .ring-2,.yg-service-showcase.ring-2) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.yg-service-showcase .ring-4,.yg-service-showcase.ring-4) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.yg-service-showcase .ring-\[\#FFD000\],.yg-service-showcase.ring-\[\#FFD000\]) {
    --tw-ring-color: #FFD000;
  }
  :is(.yg-service-showcase .ring-\[\#FFF8CC\],.yg-service-showcase.ring-\[\#FFF8CC\]) {
    --tw-ring-color: #FFF8CC;
  }
  :is(.yg-service-showcase .transition-colors,.yg-service-showcase.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));
  }
  :is(.yg-service-showcase .transition-opacity,.yg-service-showcase.transition-opacity) {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :is(.yg-service-showcase .transition-transform,.yg-service-showcase.transition-transform) {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :is(.yg-service-showcase .duration-300,.yg-service-showcase.duration-300) {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  :is(.yg-service-showcase .ease-out,.yg-service-showcase.ease-out) {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  :is(.yg-service-showcase .will-change-transform,.yg-service-showcase.will-change-transform) {
    will-change: transform;
  }
  :is(.yg-service-showcase .outline-none,.yg-service-showcase.outline-none) {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (hover: hover) {
    :is(.yg-service-showcase .hover\:border-\[\#FFD000\]:hover,.yg-service-showcase.hover\:border-\[\#FFD000\]:hover) {
      border-color: #FFD000;
    }
    :is(.yg-service-showcase .hover\:bg-\[\#E5BB00\]:hover,.yg-service-showcase.hover\:bg-\[\#E5BB00\]:hover) {
      background-color: #E5BB00;
    }
    :is(.yg-service-showcase .hover\:bg-\[\#FFF8CC\]:hover,.yg-service-showcase.hover\:bg-\[\#FFF8CC\]:hover) {
      background-color: #FFF8CC;
    }
    :is(.yg-service-showcase .hover\:bg-black\/5:hover,.yg-service-showcase.hover\:bg-black\/5:hover) {
      background-color: color-mix(in srgb, #000 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(.yg-service-showcase .hover\:bg-black\/5:hover,.yg-service-showcase.hover\:bg-black\/5:hover) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
    :is(.yg-service-showcase .hover\:bg-red-50:hover,.yg-service-showcase.hover\:bg-red-50:hover) {
      background-color: var(--color-red-50);
    }
    :is(.yg-service-showcase .hover\:text-\[\#0A0A0A\]:hover,.yg-service-showcase.hover\:text-\[\#0A0A0A\]:hover) {
      color: #0A0A0A;
    }
    :is(.yg-service-showcase .hover\:text-\[\#5A5A5A\]:hover,.yg-service-showcase.hover\:text-\[\#5A5A5A\]:hover) {
      color: #5A5A5A;
    }
    :is(.yg-service-showcase .hover\:text-red-500:hover,.yg-service-showcase.hover\:text-red-500:hover) {
      color: var(--color-red-500);
    }
    :is(.yg-service-showcase .hover\:opacity-80:hover,.yg-service-showcase.hover\:opacity-80:hover) {
      opacity: 80%;
    }
  }
  :is(.yg-service-showcase .focus\:ring-2:focus,.yg-service-showcase.focus\:ring-2:focus) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.yg-service-showcase .focus\:ring-\[\#FFD000\]:focus,.yg-service-showcase.focus\:ring-\[\#FFD000\]:focus) {
    --tw-ring-color: #FFD000;
  }
  :is(.yg-service-showcase .active\:shadow-none:active,.yg-service-showcase.active\:shadow-none:active) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.yg-service-showcase .disabled\:opacity-40:disabled,.yg-service-showcase.disabled\:opacity-40:disabled) {
    opacity: 40%;
  }
  :is(.yg-service-showcase .disabled\:opacity-50:disabled,.yg-service-showcase.disabled\:opacity-50:disabled) {
    opacity: 50%;
  }
  :is(.yg-service-showcase .disabled\:opacity-60:disabled,.yg-service-showcase.disabled\:opacity-60:disabled) {
    opacity: 60%;
  }
  @media (width < 48rem) {
    :is(.yg-service-showcase .max-md\:scale-110,.yg-service-showcase.max-md\:scale-110) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (width >= 40rem) {
    :is(.yg-service-showcase .sm\:aspect-\[4\/3\],.yg-service-showcase.sm\:aspect-\[4\/3\]) {
      aspect-ratio: 4/3;
    }
    :is(.yg-service-showcase .sm\:max-w-lg,.yg-service-showcase.sm\:max-w-lg) {
      max-width: var(--container-lg);
    }
    :is(.yg-service-showcase .sm\:grid-cols-2,.yg-service-showcase.sm\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :is(.yg-service-showcase .sm\:grid-cols-3,.yg-service-showcase.sm\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    :is(.yg-service-showcase .md\:flex,.yg-service-showcase.md\:flex) {
      display: flex;
    }
    :is(.yg-service-showcase .md\:hidden,.yg-service-showcase.md\:hidden) {
      display: none;
    }
    :is(.yg-service-showcase .md\:flex-row,.yg-service-showcase.md\:flex-row) {
      flex-direction: row;
    }
    :is(.yg-service-showcase .md\:px-6,.yg-service-showcase.md\:px-6) {
      padding-inline: calc(var(--spacing) * 6);
    }
    :is(.yg-service-showcase .md\:pb-0,.yg-service-showcase.md\:pb-0) {
      padding-bottom: 0px;
    }
  }
  @media (width >= 64rem) {
    :is(.yg-service-showcase .lg\:grid-cols-3,.yg-service-showcase.lg\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}