:root{--grain-scale-color-gray-50:#fafafa;--grain-scale-color-gray-100:#f4f4f4;--grain-scale-color-gray-200:#e4e4e4;--grain-scale-color-gray-300:#c4c4c4;--grain-scale-color-gray-400:#a0a0a0;--grain-scale-color-gray-500:#5d5d5d;--grain-scale-color-gray-600:#474747;--grain-scale-color-gray-700:#303030;--grain-scale-color-gray-800:#272727;--grain-scale-color-gray-900:#191919;--grain-scale-color-gray-1000:#000;--grain-scale-color-gray-00:#fff;--grain-scale-color-gray-alpha-100:#5d5d5d0a;--grain-scale-color-gray-alpha-200:#5d5d5d14;--grain-scale-color-gray-alpha-300:#5d5d5d29;--grain-scale-color-gray-alpha-400:#5d5d5d3d;--grain-scale-color-red-100:#fdeef1;--grain-scale-color-red-200:#f8cad4;--grain-scale-color-red-300:#f09aab;--grain-scale-color-red-400:#ec7b93;--grain-scale-color-red-500:#cc2a4f;--grain-scale-color-red-600:#b3143a;--grain-scale-color-red-700:#8e0f2e;--grain-scale-color-red-800:#690b22;--grain-scale-color-red-900:#440715;--grain-scale-color-red-950:#26040c;--grain-scale-color-red-alpha-200:#b3143a14;--grain-scale-color-red-alpha-300:#b3143a29;--grain-scale-color-coral-100:#ffefeb;--grain-scale-color-coral-200:#ffbfaa;--grain-scale-color-coral-300:#ff916c;--grain-scale-color-coral-400:#ff6933;--grain-scale-color-coral-500:#ff4800;--grain-scale-color-coral-600:#d53f00;--grain-scale-color-coral-700:#ab3803;--grain-scale-color-coral-800:#823107;--grain-scale-color-coral-900:#582609;--grain-scale-color-coral-950:#2e1608;--grain-scale-color-coral-alpha-200:#ff480014;--grain-scale-color-coral-alpha-300:#ff480029;--grain-scale-color-blue-100:#ebf1ff;--grain-scale-color-blue-200:#b8cdff;--grain-scale-color-blue-300:#86a5ff;--grain-scale-color-blue-400:#5b7fff;--grain-scale-color-blue-500:#375fff;--grain-scale-color-blue-600:#203ff6;--grain-scale-color-blue-700:#1025e5;--grain-scale-color-blue-800:#0611bd;--grain-scale-color-blue-900:#010474;--grain-scale-color-blue-950:#003;--grain-scale-color-blue-alpha-200:#345fff14;--grain-scale-color-green-100:#eefee6;--grain-scale-color-green-200:#c2eeb2;--grain-scale-color-green-300:#81dc71;--grain-scale-color-green-400:#3fcb3c;--grain-scale-color-green-500:#12ba23;--grain-scale-color-green-600:#139e14;--grain-scale-color-green-700:#1e8215;--grain-scale-color-green-800:#246616;--grain-scale-color-green-900:#234a15;--grain-scale-color-yellow-100:#fff7f0;--grain-scale-color-yellow-200:#ffdfb9;--grain-scale-color-yellow-300:#ffc97f;--grain-scale-color-yellow-400:#ffb741;--grain-scale-color-yellow-500:#ffa800;--grain-scale-color-yellow-600:#d18d16;--grain-scale-color-yellow-700:#a37021;--grain-scale-color-yellow-800:#755322;--grain-scale-color-yellow-900:#47341b;--grain-scale-color-pink-100:#fff0f8;--grain-scale-color-pink-200:#ffdbef;--grain-scale-color-pink-300:#ffc0e4;--grain-scale-color-pink-400:#f772bd;--grain-scale-color-pink-500:#f043ae;--grain-scale-color-pink-600:#d30f88;--grain-scale-color-pink-700:#a80c6c;--grain-scale-color-pink-800:#7c0950;--grain-scale-color-pink-900:#4f0633;--grain-scale-color-pink-950:#2a041b;--grain-scale-color-pink-alpha-200:#f043ae14;--grain-scale-color-pink-alpha-300:#f043ae29;--grain-static-color-black:#000;--grain-static-color-white:#fff;--grain-static-color-black-alpha-100:#0000000a;--grain-static-color-black-alpha-300:#00000029;--grain-static-color-black-alpha-500:#00000080;--grain-static-color-black-alpha-700:#000000b3;--grain-static-color-white-alpha-300:#ffffff29;--grain-static-color-white-alpha-700:#ffffffb3;--grain-static-color-white-alpha-900:#ffffffe6;--grain-scale-dimension-x0_5:2px;--grain-scale-dimension-x1:4px;--grain-scale-dimension-x1_5:6px;--grain-scale-dimension-x2:8px;--grain-scale-dimension-x2_5:10px;--grain-scale-dimension-x3:12px;--grain-scale-dimension-x3_5:14px;--grain-scale-dimension-x4:16px;--grain-scale-dimension-x4_5:18px;--grain-scale-dimension-x5:20px;--grain-scale-dimension-x6:24px;--grain-scale-dimension-x7:28px;--grain-scale-dimension-x7_5:30px;--grain-scale-dimension-x8:32px;--grain-scale-dimension-x10:40px;--grain-scale-dimension-x12:48px;--grain-scale-dimension-x14:56px;--grain-scale-dimension-x16:64px;--grain-scale-dimension-x20:80px;--grain-scale-dimension-x24:96px;--grain-scale-font-size-t1:.625rem;--grain-scale-font-size-t2:.6875rem;--grain-scale-font-size-t3:.75rem;--grain-scale-font-size-t4:.8125rem;--grain-scale-font-size-t5:.875rem;--grain-scale-font-size-t6:.9375rem;--grain-scale-font-size-t7:1rem;--grain-scale-font-size-t8:1.125rem;--grain-scale-font-size-t9:1.25rem;--grain-scale-font-size-t10:1.375rem;--grain-scale-font-size-t11:1.5rem;--grain-scale-font-size-t12:1.75rem;--grain-scale-font-size-t13:1.875rem;--grain-scale-font-size-t14:2.25rem;--grain-scale-font-size-t15:3rem;--grain-scale-font-size-t1-static:10px;--grain-scale-font-size-t2-static:11px;--grain-scale-font-size-t3-static:12px;--grain-scale-font-size-t4-static:13px;--grain-scale-font-size-t5-static:14px;--grain-scale-font-weight-regular:400;--grain-scale-font-weight-medium:500;--grain-scale-font-weight-bold:700;--grain-scale-line-height-1:100%;--grain-scale-line-height-2:120%;--grain-scale-line-height-3:136%;--grain-scale-line-height-4:140%;--grain-scale-line-height-5:150%;--grain-scale-line-height-6:160%;--grain-scale-letter-spacing:0;--grain-scale-font-family-default:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", NanumBarunGothic, "Malgun Gothic", dotum, sans-serif;--grain-scale-radius-r0:0px;--grain-scale-radius-r1:2px;--grain-scale-radius-r2:4px;--grain-scale-radius-r3:8px;--grain-scale-radius-r4:16px;--grain-scale-radius-r5:20px;--grain-scale-radius-full:9999px;--grain-scale-shadow-s1:0 1px 4px 0 #00000014;--grain-scale-shadow-s2:0 2px 10px 0 #0000001a;--grain-scale-shadow-s3:0 4px 16px 0 #0000001f;--grain-scale-duration-d1:50ms;--grain-scale-duration-d2:.1s;--grain-scale-duration-d3:.15s;--grain-scale-duration-d4:.2s;--grain-scale-duration-d5:.25s;--grain-scale-duration-d6:.3s;--grain-scale-easing:cubic-bezier(.35, 0, .35, 1);--grain-scale-easing-enter:cubic-bezier(0, 0, .15, 1);--grain-scale-easing-exit:cubic-bezier(.35, 0, 1, 1);--grain-scale-easing-enter-expressive:cubic-bezier(.03, .4, .1, 1);--grain-scale-easing-exit-expressive:cubic-bezier(.35, 0, .95, .55);--grain-color-bg-neutral-solid:var(--grain-scale-color-gray-1000);--grain-color-bg-neutral-solid-hover:var(--grain-scale-color-gray-800);--grain-color-bg-neutral-solid-pressed:var(--grain-scale-color-gray-700);--grain-color-bg-neutral:var(--grain-scale-color-gray-00);--grain-color-bg-neutral-weak:var(--grain-scale-color-gray-100);--grain-color-bg-neutral-weak-hover:var(--grain-scale-color-gray-200);--grain-color-bg-neutral-weak-pressed:var(--grain-scale-color-gray-200);--grain-color-bg-neutral-muted:var(--grain-scale-color-gray-50);--grain-color-bg-neutral-contrast:var(--grain-scale-color-gray-900);--grain-color-bg-inset:var(--grain-scale-color-gray-100);--grain-color-bg-raised:var(--grain-scale-color-gray-00);--grain-color-bg-neutral-disabled:var(--grain-scale-color-gray-100);--grain-color-bg-silent:transparent;--grain-color-bg-silent-hover:var(--grain-scale-color-gray-alpha-200);--grain-color-bg-silent-pressed:var(--grain-scale-color-gray-alpha-300);--grain-color-bg-brand-solid:var(--grain-scale-color-pink-500);--grain-color-bg-brand-solid-hover:var(--grain-scale-color-pink-600);--grain-color-bg-brand-solid-pressed:var(--grain-scale-color-pink-700);--grain-color-bg-brand-weak:var(--grain-scale-color-pink-100);--grain-color-bg-accent-solid:var(--grain-scale-color-coral-700);--grain-color-bg-accent-weak:var(--grain-scale-color-coral-alpha-200);--grain-color-bg-positive-solid:var(--grain-scale-color-green-500);--grain-color-bg-positive-weak:var(--grain-scale-color-green-100);--grain-color-bg-warning-solid:var(--grain-scale-color-yellow-500);--grain-color-bg-warning-weak:var(--grain-scale-color-yellow-100);--grain-color-bg-critical-solid:var(--grain-scale-color-red-600);--grain-color-bg-critical-solid-hover:var(--grain-scale-color-red-700);--grain-color-bg-critical-solid-pressed:var(--grain-scale-color-red-800);--grain-color-bg-critical-weak:var(--grain-scale-color-red-100);--grain-color-bg-informative-solid:var(--grain-scale-color-blue-500);--grain-color-bg-informative-weak:var(--grain-scale-color-blue-alpha-200);--grain-color-fg-neutral:var(--grain-scale-color-gray-1000);--grain-color-fg-neutral-hover:var(--grain-scale-color-gray-600);--grain-color-fg-neutral-pressed:var(--grain-scale-color-gray-600);--grain-color-fg-neutral-muted:var(--grain-scale-color-gray-600);--grain-color-fg-neutral-subtle:var(--grain-scale-color-gray-500);--grain-color-fg-neutral-disabled:var(--grain-scale-color-gray-300);--grain-color-fg-neutral-inverted:var(--grain-scale-color-gray-00);--grain-color-fg-on-solid:var(--grain-scale-color-gray-00);--grain-color-fg-on-neutral-solid:var(--grain-scale-color-gray-00);--grain-color-fg-on-brand-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-on-accent-solid:var(--grain-scale-color-gray-00);--grain-color-fg-on-positive-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-on-warning-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-on-critical-solid:var(--grain-scale-color-gray-00);--grain-color-fg-on-informative-solid:var(--grain-scale-color-gray-00);--grain-color-fg-brand:var(--grain-scale-color-pink-600);--grain-color-fg-accent:var(--grain-scale-color-coral-700);--grain-color-fg-positive:var(--grain-scale-color-green-700);--grain-color-fg-warning:var(--grain-scale-color-yellow-800);--grain-color-fg-critical:var(--grain-scale-color-red-600);--grain-color-fg-informative:var(--grain-scale-color-blue-500);--grain-color-stroke-neutral:var(--grain-scale-color-gray-200);--grain-color-stroke-control:var(--grain-scale-color-gray-500);--grain-color-stroke-neutral-hover:var(--grain-scale-color-gray-400);--grain-color-stroke-neutral-pressed:var(--grain-scale-color-gray-400);--grain-color-stroke-neutral-selected:var(--grain-scale-color-gray-1000);--grain-color-stroke-neutral-solid:var(--grain-scale-color-gray-1000);--grain-color-stroke-neutral-disabled:var(--grain-scale-color-gray-100);--grain-color-stroke-divider:var(--grain-scale-color-gray-100);--grain-color-stroke-divider-strong:var(--grain-scale-color-gray-1000);--grain-color-stroke-critical:var(--grain-scale-color-red-600);--grain-color-stroke-focus:var(--grain-scale-color-gray-1000);--grain-color-layer-basement:var(--grain-scale-color-gray-100);--grain-color-layer-default:var(--grain-scale-color-gray-00);--grain-color-layer-floating:var(--grain-scale-color-gray-00);--grain-color-layer-alert:var(--grain-scale-color-gray-00);--grain-color-layer-inverse:var(--grain-scale-color-gray-1000);--grain-color-overlay-dimmed:var(--grain-static-color-black-alpha-500);--grain-color-overlay-scrim:var(--grain-static-color-black-alpha-700);--grain-space-gap-inline:var(--grain-scale-dimension-x1);--grain-space-gap-component:var(--grain-scale-dimension-x2);--grain-space-gap-block:var(--grain-scale-dimension-x4);--grain-space-gap-grid:var(--grain-scale-dimension-x4);--grain-space-gap-section-inner:var(--grain-scale-dimension-x8);--grain-space-gap-section:var(--grain-scale-dimension-x16);--grain-space-global-gutter:16px;--grain-space-column-gutter:16px;--grain-layout-columns:4;--grain-radius-media:var(--grain-scale-radius-r0);--grain-radius-badge:var(--grain-scale-radius-r1);--grain-radius-control:var(--grain-scale-radius-r2);--grain-radius-card:var(--grain-scale-radius-r3);--grain-radius-surface:var(--grain-scale-radius-r4);--grain-radius-sheet:var(--grain-scale-radius-r5);--grain-radius-pill:var(--grain-scale-radius-full);--grain-shadow-sticky:var(--grain-scale-shadow-s1);--grain-shadow-sheet:var(--grain-scale-shadow-s2);--grain-shadow-dialog:var(--grain-scale-shadow-s3);--grain-motion-color:var(--grain-scale-duration-d3) var(--grain-scale-easing);--grain-motion-micro:var(--grain-scale-duration-d4) var(--grain-scale-easing);--grain-motion-enter:var(--grain-scale-duration-d5) var(--grain-scale-easing-enter);--grain-motion-exit:var(--grain-scale-duration-d4) var(--grain-scale-easing-exit);--grain-easing-base:var(--grain-scale-easing);--grain-easing-enter:var(--grain-scale-easing-enter);--grain-easing-exit:var(--grain-scale-easing-exit);--grain-duration-color:var(--grain-scale-duration-d3);--grain-duration-micro:var(--grain-scale-duration-d4);--grain-duration-enter:var(--grain-scale-duration-d5);--grain-duration-exit:var(--grain-scale-duration-d4);--grain-opacity-disabled:.5;--grain-opacity-dimmed:.3;--grain-layout-container:1040px;--grain-layout-container-wide:1280px;--grain-layout-header-height:56px;--grain-layout-product-card-min:274px;--grain-ratio-product:5 / 6;--grain-ratio-content:4 / 5;--grain-ratio-square:1 / 1;--grain-ratio-banner:5 / 4;--grain-ratio-hero-m:320 / 506;--grain-ratio-hero-d:2 / 1;--grain-size-touch-min:44px;--grain-size-control-xs:32px;--grain-size-control-sm:36px;--grain-size-control-md:44px;--grain-size-control-lg:52px;--grain-size-square-xs:24px;--grain-size-square-sm:32px;--grain-size-row:40px;--grain-size-thumb:64px;--grain-size-bar:56px;--grain-size-avatar-xs:24px;--grain-size-avatar-sm:32px;--grain-size-avatar-md:40px;--grain-size-avatar-lg:56px;--grain-size-avatar-xl:80px;--grain-size-dialog-sm:320px;--grain-size-dialog-md:420px;--grain-size-dialog-lg:560px;--grain-size-icon-xs:12px;--grain-size-icon-sm:16px;--grain-size-icon-md:20px;--grain-size-icon-lg:24px;--grain-size-icon-xl:32px;--grain-size-icon-2xl:40px;--grain-size-icon-3xl:48px}@media (min-width:480px){:root{--grain-space-global-gutter:16px;--grain-space-column-gutter:16px;--grain-layout-columns:8}}@media (min-width:768px){:root{--grain-space-global-gutter:24px;--grain-space-column-gutter:32px;--grain-layout-columns:12;--grain-space-gap-grid:var(--grain-scale-dimension-x6);--grain-space-gap-section-inner:var(--grain-scale-dimension-x12);--grain-space-gap-section:var(--grain-scale-dimension-x24)}}@media (min-width:1280px){:root{--grain-space-global-gutter:24px;--grain-space-column-gutter:32px;--grain-layout-columns:12}}@media (min-width:1440px){:root{--grain-space-global-gutter:24px;--grain-space-column-gutter:32px;--grain-layout-columns:12}}@media (prefers-color-scheme:dark){:root:not([data-grain-theme=light]){--grain-color-bg-neutral-solid:var(--grain-scale-color-gray-00);--grain-color-bg-neutral-solid-hover:var(--grain-scale-color-gray-200);--grain-color-bg-neutral-solid-pressed:var(--grain-scale-color-gray-300);--grain-color-bg-brand-solid:var(--grain-scale-color-gray-00);--grain-color-bg-brand-solid-hover:var(--grain-scale-color-gray-200);--grain-color-bg-brand-solid-pressed:var(--grain-scale-color-gray-300);--grain-color-bg-neutral:var(--grain-scale-color-gray-900);--grain-color-bg-neutral-weak:var(--grain-scale-color-gray-800);--grain-color-bg-neutral-weak-hover:var(--grain-scale-color-gray-700);--grain-color-bg-neutral-weak-pressed:var(--grain-scale-color-gray-700);--grain-color-bg-neutral-muted:var(--grain-scale-color-gray-800);--grain-color-bg-neutral-contrast:var(--grain-scale-color-gray-50);--grain-color-bg-inset:var(--grain-scale-color-gray-1000);--grain-color-bg-raised:var(--grain-scale-color-gray-700);--grain-color-bg-neutral-disabled:var(--grain-scale-color-gray-800);--grain-color-bg-silent-hover:#ffffff14;--grain-color-bg-silent-pressed:#ffffff29;--grain-color-bg-positive-weak:var(--grain-scale-color-green-900);--grain-color-bg-warning-weak:var(--grain-scale-color-yellow-900);--grain-color-bg-critical-weak:var(--grain-scale-color-red-900);--grain-color-fg-neutral:var(--grain-scale-color-gray-00);--grain-color-fg-on-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-on-neutral-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-on-brand-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-neutral-hover:var(--grain-scale-color-gray-300);--grain-color-fg-neutral-pressed:var(--grain-scale-color-gray-300);--grain-color-fg-neutral-muted:var(--grain-scale-color-gray-300);--grain-color-fg-neutral-subtle:var(--grain-scale-color-gray-400);--grain-color-fg-neutral-disabled:var(--grain-scale-color-gray-600);--grain-color-fg-neutral-inverted:var(--grain-scale-color-gray-1000);--grain-color-fg-accent:var(--grain-scale-color-coral-400);--grain-color-fg-positive:var(--grain-scale-color-green-400);--grain-color-fg-warning:var(--grain-scale-color-yellow-400);--grain-color-fg-critical:var(--grain-scale-color-red-400);--grain-color-fg-informative:var(--grain-scale-color-blue-300);--grain-color-fg-brand:var(--grain-scale-color-pink-300);--grain-color-stroke-neutral:var(--grain-scale-color-gray-700);--grain-color-stroke-control:var(--grain-scale-color-gray-400);--grain-color-stroke-neutral-hover:var(--grain-scale-color-gray-500);--grain-color-stroke-neutral-pressed:var(--grain-scale-color-gray-500);--grain-color-stroke-neutral-selected:var(--grain-scale-color-gray-00);--grain-color-stroke-neutral-solid:var(--grain-scale-color-gray-00);--grain-color-stroke-neutral-disabled:var(--grain-scale-color-gray-800);--grain-color-stroke-divider:var(--grain-scale-color-gray-800);--grain-color-stroke-divider-strong:var(--grain-scale-color-gray-00);--grain-color-stroke-focus:var(--grain-scale-color-gray-00);--grain-color-layer-basement:var(--grain-scale-color-gray-1000);--grain-color-layer-default:var(--grain-scale-color-gray-900);--grain-color-layer-floating:var(--grain-scale-color-gray-800);--grain-color-layer-alert:var(--grain-scale-color-gray-800);--grain-color-layer-inverse:var(--grain-scale-color-gray-00)}}[data-grain-theme=dark]{--grain-color-bg-neutral-solid:var(--grain-scale-color-gray-00);--grain-color-bg-neutral-solid-hover:var(--grain-scale-color-gray-200);--grain-color-bg-neutral-solid-pressed:var(--grain-scale-color-gray-300);--grain-color-bg-brand-solid:var(--grain-scale-color-gray-00);--grain-color-bg-brand-solid-hover:var(--grain-scale-color-gray-200);--grain-color-bg-brand-solid-pressed:var(--grain-scale-color-gray-300);--grain-color-bg-neutral:var(--grain-scale-color-gray-900);--grain-color-bg-neutral-weak:var(--grain-scale-color-gray-800);--grain-color-bg-neutral-weak-hover:var(--grain-scale-color-gray-700);--grain-color-bg-neutral-weak-pressed:var(--grain-scale-color-gray-700);--grain-color-bg-neutral-muted:var(--grain-scale-color-gray-800);--grain-color-bg-neutral-contrast:var(--grain-scale-color-gray-50);--grain-color-bg-inset:var(--grain-scale-color-gray-1000);--grain-color-bg-raised:var(--grain-scale-color-gray-700);--grain-color-bg-neutral-disabled:var(--grain-scale-color-gray-800);--grain-color-bg-silent-hover:#ffffff14;--grain-color-bg-silent-pressed:#ffffff29;--grain-color-bg-positive-weak:var(--grain-scale-color-green-900);--grain-color-bg-warning-weak:var(--grain-scale-color-yellow-900);--grain-color-bg-critical-weak:var(--grain-scale-color-red-900);--grain-color-fg-neutral:var(--grain-scale-color-gray-00);--grain-color-fg-on-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-on-neutral-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-on-brand-solid:var(--grain-scale-color-gray-1000);--grain-color-fg-neutral-hover:var(--grain-scale-color-gray-300);--grain-color-fg-neutral-pressed:var(--grain-scale-color-gray-300);--grain-color-fg-neutral-muted:var(--grain-scale-color-gray-300);--grain-color-fg-neutral-subtle:var(--grain-scale-color-gray-400);--grain-color-fg-neutral-disabled:var(--grain-scale-color-gray-600);--grain-color-fg-neutral-inverted:var(--grain-scale-color-gray-1000);--grain-color-fg-accent:var(--grain-scale-color-coral-400);--grain-color-fg-positive:var(--grain-scale-color-green-400);--grain-color-fg-warning:var(--grain-scale-color-yellow-400);--grain-color-fg-critical:var(--grain-scale-color-red-400);--grain-color-fg-informative:var(--grain-scale-color-blue-300);--grain-color-fg-brand:var(--grain-scale-color-pink-300);--grain-color-stroke-neutral:var(--grain-scale-color-gray-700);--grain-color-stroke-control:var(--grain-scale-color-gray-400);--grain-color-stroke-neutral-hover:var(--grain-scale-color-gray-500);--grain-color-stroke-neutral-pressed:var(--grain-scale-color-gray-500);--grain-color-stroke-neutral-selected:var(--grain-scale-color-gray-00);--grain-color-stroke-neutral-solid:var(--grain-scale-color-gray-00);--grain-color-stroke-neutral-disabled:var(--grain-scale-color-gray-800);--grain-color-stroke-divider:var(--grain-scale-color-gray-800);--grain-color-stroke-divider-strong:var(--grain-scale-color-gray-00);--grain-color-stroke-focus:var(--grain-scale-color-gray-00);--grain-color-layer-basement:var(--grain-scale-color-gray-1000);--grain-color-layer-default:var(--grain-scale-color-gray-900);--grain-color-layer-floating:var(--grain-scale-color-gray-800);--grain-color-layer-alert:var(--grain-scale-color-gray-800);--grain-color-layer-inverse:var(--grain-scale-color-gray-00)}[class^=grain-t-],[class*=\ grain-t-]{font-family:var(--grain-scale-font-family-default);letter-spacing:var(--grain-scale-letter-spacing);margin:0}.grain-t-display{font-size:var(--grain-scale-font-size-t14);font-weight:var(--grain-scale-font-weight-medium);line-height:var(--grain-scale-line-height-2)}.grain-t-screen-title{font-size:var(--grain-scale-font-size-t11);font-weight:var(--grain-scale-font-weight-bold);line-height:var(--grain-scale-line-height-3)}.grain-t-section-title{font-size:var(--grain-scale-font-size-t9);font-weight:var(--grain-scale-font-weight-medium);line-height:var(--grain-scale-line-height-3)}.grain-t-card-title{font-size:var(--grain-scale-font-size-t8);font-weight:var(--grain-scale-font-weight-medium);line-height:var(--grain-scale-line-height-3)}.grain-t-section-caption{font-size:var(--grain-scale-font-size-t5);font-weight:var(--grain-scale-font-weight-regular);line-height:var(--grain-scale-line-height-5);color:var(--grain-color-fg-neutral-muted)}.grain-t-article-body{font-size:var(--grain-scale-font-size-t6);font-weight:var(--grain-scale-font-weight-regular);line-height:var(--grain-scale-line-height-5);color:var(--grain-color-fg-neutral-muted)}.grain-t-body{font-size:var(--grain-scale-font-size-t5);font-weight:var(--grain-scale-font-weight-regular);line-height:var(--grain-scale-line-height-4)}.grain-t-label{font-size:var(--grain-scale-font-size-t4);font-weight:var(--grain-scale-font-weight-medium);line-height:var(--grain-scale-line-height-4)}.grain-t-caption{font-size:var(--grain-scale-font-size-t3);font-weight:var(--grain-scale-font-weight-regular);line-height:var(--grain-scale-line-height-3)}.grain-t-product-brand{font-size:var(--grain-scale-font-size-t4);font-weight:var(--grain-scale-font-weight-medium);line-height:var(--grain-scale-line-height-4);color:var(--grain-color-fg-neutral)}.grain-t-product-name{font-size:var(--grain-scale-font-size-t5);font-weight:var(--grain-scale-font-weight-regular);line-height:var(--grain-scale-line-height-4);color:var(--grain-color-fg-neutral-muted)}.grain-t-price{font-size:var(--grain-scale-font-size-t7);font-weight:var(--grain-scale-font-weight-bold);line-height:var(--grain-scale-line-height-4);color:var(--grain-color-fg-neutral);font-variant-numeric:tabular-nums}.grain-t-price-discount{font-size:var(--grain-scale-font-size-t7);font-weight:var(--grain-scale-font-weight-bold);line-height:var(--grain-scale-line-height-4);color:var(--grain-color-fg-accent);font-variant-numeric:tabular-nums}.grain-t-price-original{font-size:var(--grain-scale-font-size-t4);font-weight:var(--grain-scale-font-weight-regular);line-height:var(--grain-scale-line-height-4);color:var(--grain-color-fg-neutral-subtle);font-variant-numeric:tabular-nums;text-decoration:line-through}.grain-t-badge{font-size:var(--grain-scale-font-size-t2-static);font-weight:var(--grain-scale-font-weight-medium);line-height:var(--grain-scale-line-height-3)}.grain-t-meta{font-size:var(--grain-scale-font-size-t3);font-weight:var(--grain-scale-font-weight-regular);line-height:var(--grain-scale-line-height-3);color:var(--grain-color-fg-neutral-subtle);font-variant-numeric:tabular-nums}@media (min-width:768px){.grain-t-display{font-size:var(--grain-scale-font-size-t15)}.grain-t-screen-title{font-size:var(--grain-scale-font-size-t12)}.grain-t-section-title{font-size:var(--grain-scale-font-size-t11)}}.grain-w-regular{font-weight:var(--grain-scale-font-weight-regular)}.grain-w-medium{font-weight:var(--grain-scale-font-weight-medium)}.grain-w-bold{font-weight:var(--grain-scale-font-weight-bold)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--grain-color-stroke-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--grain-color-fg-neutral:#0f0f0f;--grain-color-fg-neutral-muted:#777;--grain-color-fg-neutral-subtle:#999;--grain-color-fg-neutral-disabled:#bfbfbf;--grain-color-fg-neutral-inverted:#fff;--grain-color-fg-brand:#f043ae;--grain-color-fg-critical:#ff4747;--grain-color-fg-positive:#00b856;--grain-color-fg-informative:#1c72eb;--grain-color-fg-accent:#ff4747;--grain-color-fg-on-brand-solid:#fff;--grain-color-layer-default:#fff;--grain-color-bg-neutral:#fff;--grain-color-bg-neutral-muted:#f8f8f8;--grain-color-bg-neutral-weak:#f5f5f5;--grain-color-bg-inset:#f0f0f0;--grain-color-bg-raised:#fff;--grain-color-bg-neutral-solid:#0f0f0f;--grain-color-bg-neutral-contrast:#0f0f0f;--grain-color-bg-neutral-disabled:#f0f0f0;--grain-color-bg-brand-solid:#f043ae;--grain-color-bg-brand-weak:#fff0f8;--grain-color-bg-critical-solid:#ff4747;--grain-color-bg-critical-weak:#fff0f0;--grain-color-bg-positive-solid:#00b856;--grain-color-bg-positive-weak:#ebf9f1;--grain-color-bg-informative-solid:#1c72eb;--grain-color-bg-informative-weak:#eaf3ff;--grain-color-bg-accent-solid:#ff4747;--grain-color-bg-accent-weak:#fff0f0;--grain-color-layer-inverse:#0f0f0f;--grain-color-overlay-dimmed:#0f0f0f80;--grain-color-stroke-divider:#f0f0f0;--grain-color-stroke-neutral:#e6e6e6;--grain-color-stroke-neutral-solid:#0f0f0f;--grain-color-stroke-control:#464646;--grain-color-stroke-critical:#ff4747}
:root{--safe-area-top:env(safe-area-inset-top);--safe-area-bottom:env(safe-area-inset-bottom)}html,body{font-family:var(--font-pretendard), "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{background-color:#e8e8e8}body:has([data-docs-root]),body:has([data-fullwidth-root]){background-color:#fff}.app-frame:has([data-docs-root]),.app-frame:has([data-fullwidth-root]){max-width:none;box-shadow:none;margin-left:0;margin-right:0;overflow:visible}body:has([data-docs-root]) .desktop-sidebar,body:has([data-fullwidth-root]) .desktop-sidebar{display:none}@media (max-width:640px){body{background-color:var(--BG-Ground,#f5f5f5)}}.no-scroll{overflow-y:hidden}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}