@font-face{font-family:kbfgText;src:url(../media/KBFGText_Light-s.0a6~hj552ft9n.woff)format("woff");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:kbfgText;src:url(../media/KBFGText_Medium-s.17pzgmps5e915.woff)format("woff");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:kbfgText;src:url(../media/KBFGText_Bold-s.0c1qssbg~koos.woff)format("woff");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:kbfgText Fallback;src:local(Arial);ascent-override:96.15%;descent-override:28.17%;line-gap-override:0.0%;size-adjust:102.96%}.kbfgtext_92be79a-module__hk-xOW__className{font-family:kbfgText,kbfgText Fallback,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.kbfgtext_92be79a-module__hk-xOW__variable{--pfm-font-kbfg-text:"kbfgText", "kbfgText Fallback", Arial, Apple SD Gothic Neo, Noto Sans KR, sans-serif}
@font-face{font-family:roboto;src:url(../media/Roboto_wdth_wght-s.14t5zj_p3ikkg.ttf)format("truetype");font-display:swap;font-weight:400 500;font-style:normal}@font-face{font-family:roboto Fallback;src:local(Arial);ascent-override:92.43%;descent-override:24.32%;line-gap-override:0.0%;size-adjust:100.37%}.roboto_102c7ccb-module__tZcEva__className{font-family:roboto,roboto Fallback,Arial,sans-serif}.roboto_102c7ccb-module__tZcEva__variable{--pfm-font-roboto:"roboto", "roboto Fallback", Arial, sans-serif}
@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pfm-color-brand-yellow:#ffd338;--pfm-color-brand-point-gold:#7d6c59;--pfm-color-brand-warm-gray:#b0986a;--pfm-color-black:#000;--pfm-color-gray-950:#26282c;--pfm-color-gray-800:#484b51;--pfm-color-gray-700:#696e76;--pfm-color-gray-600:#838b94;--pfm-color-gray-400:#aab0b8;--pfm-color-gray-300:#c6cbd0;--pfm-color-gray-200:#dde1e4;--pfm-color-gray-100:#ebeef0;--pfm-color-gray-50:#f7f7f8;--pfm-color-white:#fff;--pfm-color-blue-500:#287eff;--pfm-color-red-500:#ff5858;--pfm-color-red-legacy:#f23f3f;--pfm-color-text-primary:var(--pfm-color-gray-950);--pfm-color-text-secondary:var(--pfm-color-gray-800);--pfm-color-text-tertiary:var(--pfm-color-gray-700);--pfm-color-text-disabled:var(--pfm-color-gray-400);--pfm-color-text-inverse:var(--pfm-color-white);--pfm-color-text-information:color-mix(in srgb, var(--pfm-color-blue-500) 75%, var(--pfm-color-gray-950));--pfm-color-text-danger:color-mix(in srgb, var(--pfm-color-red-500) 65%, var(--pfm-color-gray-950));--pfm-color-surface-default:var(--pfm-color-white);--pfm-color-surface-subtle:var(--pfm-color-gray-50);--pfm-color-surface-muted:var(--pfm-color-gray-100);--pfm-color-surface-disabled:var(--pfm-color-gray-100);--pfm-color-surface-information:color-mix(in srgb, var(--pfm-color-blue-500) 10%, var(--pfm-color-white));--pfm-color-surface-danger:color-mix(in srgb, var(--pfm-color-red-500) 12%, var(--pfm-color-white));--pfm-color-surface-brand-subtle:color-mix(in srgb, var(--pfm-color-brand-yellow) 24%, var(--pfm-color-white));--pfm-color-border-subtle:var(--pfm-color-gray-200);--pfm-color-border-default:var(--pfm-color-gray-300);--pfm-color-border-strong:var(--pfm-color-gray-600);--pfm-color-border-focus:var(--pfm-color-gray-950);--pfm-color-border-danger:var(--pfm-color-red-500);--pfm-color-action-primary-background:var(--pfm-color-brand-yellow);--pfm-color-action-primary-background-hover:color-mix(in srgb, var(--pfm-color-brand-yellow) 92%, var(--pfm-color-gray-950));--pfm-color-action-primary-background-pressed:color-mix(in srgb, var(--pfm-color-brand-yellow) 84%, var(--pfm-color-gray-950));--pfm-color-action-primary-background-disabled:var(--pfm-color-gray-100);--pfm-color-action-primary-foreground:var(--pfm-color-gray-950);--pfm-color-action-primary-foreground-disabled:var(--pfm-color-gray-400);--pfm-color-status-information:var(--pfm-color-blue-500);--pfm-color-status-danger:var(--pfm-color-red-500);--pfm-color-status-danger-legacy:var(--pfm-color-red-legacy);--pfm-color-compat-accent:var(--pfm-color-brand-point-gold);--pfm-color-compat-accent-soft:var(--pfm-color-surface-brand-subtle);--pfm-color-compat-warm-soft:color-mix(in srgb, var(--pfm-color-brand-warm-gray) 14%, var(--pfm-color-white));--pfm-color-compat-warning:var(--pfm-color-brand-point-gold);--pfm-color-compat-warning-soft:var(--pfm-color-surface-brand-subtle);--pfm-font-sans:var(--pfm-font-kbfg-text), arial, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--pfm-font-numeric:var(--pfm-font-roboto), roboto, arial, sans-serif;--pfm-font-serif:georgia, serif;--pfm-spacing-2:2px;--pfm-spacing-4:4px;--pfm-spacing-6:6px;--pfm-spacing-8:8px;--pfm-spacing-10:10px;--pfm-spacing-12:12px;--pfm-spacing-16:16px;--pfm-spacing-20:20px;--pfm-spacing-24:24px;--pfm-spacing-32:32px;--pfm-spacing-40:40px;--pfm-radius-2:2px;--pfm-radius-4:4px;--pfm-radius-8:8px;--pfm-radius-12:12px;--pfm-radius-16:16px;--pfm-radius-20:20px;--pfm-radius-24:24px;--pfm-radius-full:999px;--pfm-border-width-1:1px;--pfm-border-width-1-5:1.5px;--pfm-border-width-2:2px;--pfm-shadow-card:0 4px 6px #00000012;--pfm-shadow-floating:0 3px 8px #0000001a;--pfm-shadow-bottom-action:0 -4px 12px #0000001a;--pfm-color-ink:var(--pfm-color-text-primary);--pfm-color-muted:var(--pfm-color-text-secondary);--pfm-color-line:var(--pfm-color-border-subtle);--pfm-color-canvas:var(--pfm-color-surface-subtle);--pfm-color-surface:var(--pfm-color-surface-default);--pfm-color-accent:var(--pfm-color-compat-accent);--pfm-color-accent-soft:var(--pfm-color-compat-accent-soft);--pfm-color-warm-soft:var(--pfm-color-compat-warm-soft);--pfm-color-danger:var(--pfm-color-text-danger);--pfm-color-danger-soft:var(--pfm-color-surface-danger);--pfm-color-warning:var(--pfm-color-compat-warning);--pfm-color-warning-soft:var(--pfm-color-compat-warning-soft);--pfm-radius-sm:var(--pfm-radius-8);--pfm-radius-md:var(--pfm-radius-12);--pfm-radius-lg:var(--pfm-radius-20);--pfm-radius-pill:var(--pfm-radius-full);--pfm-space-1:var(--pfm-spacing-4);--pfm-space-2:var(--pfm-spacing-8);--pfm-space-3:var(--pfm-spacing-12);--pfm-space-4:var(--pfm-spacing-16);--pfm-space-5:var(--pfm-spacing-20);--pfm-space-6:var(--pfm-spacing-24);--pfm-shadow-surface:var(--pfm-shadow-card)}}
@layer foundations{*,:before,:after{box-sizing:border-box}html{background:var(--pfm-color-surface-default);min-width:320px}body{min-height:100dvh;color:var(--pfm-color-text-primary);background:var(--pfm-color-surface-default);font-family:var(--pfm-font-sans);margin:0}button,input,select,textarea{min-width:0;color:inherit;font:inherit;letter-spacing:inherit;margin:0}button{text-transform:none}textarea{resize:vertical}::placeholder{color:var(--pfm-color-text-tertiary);opacity:1}::selection{color:var(--pfm-color-action-primary-foreground);background:var(--pfm-color-action-primary-background)}a,button{touch-action:manipulation}a,button,input,select,textarea{-webkit-tap-highlight-color:color-mix(in srgb, var(--pfm-color-action-primary-background) 32%, transparent)}:focus-visible{outline:var(--pfm-border-width-2) solid var(--pfm-color-border-focus);outline-offset:var(--pfm-spacing-2)}input:disabled,select:disabled,textarea:disabled{color:var(--pfm-color-text-disabled);background-color:var(--pfm-color-surface-disabled);opacity:1;-webkit-text-fill-color:var(--pfm-color-text-disabled)}:disabled,[aria-disabled=true],[data-disabled=true]{cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}}
@layer recipes{.recipeTextCaption02{font-family:var(--pfm-font-sans);letter-spacing:-.01em;font-size:13px;font-weight:300;line-height:18px}.recipeTextCaption01{font-family:var(--pfm-font-sans);letter-spacing:-.01em;font-size:14px;font-weight:300;line-height:20px}.recipeTextGuide{font-family:var(--pfm-font-sans);letter-spacing:-.02em;font-size:15px;font-weight:300;line-height:21px}.recipeTextGuideMedium{font-family:var(--pfm-font-sans);letter-spacing:-.02em;font-size:15px;font-weight:500;line-height:21px}.recipeTextBody02{font-family:var(--pfm-font-sans);letter-spacing:-.02em;font-size:16px;font-weight:300;line-height:23px}.recipeTextBody02Medium{font-family:var(--pfm-font-sans);letter-spacing:-.02em;font-size:16px;font-weight:500;line-height:23px}.recipeTextBody01,.recipeTextTitle{font-family:var(--pfm-font-sans);letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:25px}.recipeNumberSmall{font-family:var(--pfm-font-numeric);letter-spacing:-.01em;font-size:14px;font-weight:400;line-height:20px}.recipeNumberSmallMedium{font-family:var(--pfm-font-numeric);letter-spacing:-.02em;font-size:14px;font-weight:500;line-height:20px}.recipeNumberBody{font-family:var(--pfm-font-numeric);letter-spacing:-.01em;font-size:15px;font-weight:400;line-height:20px}.recipeNumberBodyMedium{font-family:var(--pfm-font-numeric);letter-spacing:-.02em;font-size:15px;font-weight:500;line-height:20px}.recipeNumberMedium{font-family:var(--pfm-font-numeric);letter-spacing:-.02em;font-size:17px;font-weight:400;line-height:23px}.recipeNumberMediumEmphasis{font-family:var(--pfm-font-numeric);letter-spacing:-.02em;font-size:17px;font-weight:500;line-height:23px}.recipeNumberLarge{font-family:var(--pfm-font-numeric);letter-spacing:-.02em;font-size:19px;font-weight:500;line-height:25px}.recipeSurface{color:var(--pfm-color-text-primary);background-color:var(--pfm-color-surface-default)}.recipeSurfaceSubtle{color:var(--pfm-color-text-primary);background-color:var(--pfm-color-surface-subtle)}.recipeSurfaceMuted{color:var(--pfm-color-text-primary);background-color:var(--pfm-color-surface-muted)}.recipeSurfaceInformation{color:var(--pfm-color-text-information);background-color:var(--pfm-color-surface-information)}.recipeSurfaceDanger{color:var(--pfm-color-text-danger);background-color:var(--pfm-color-surface-danger)}.recipeSurfaceBrandSubtle{color:var(--pfm-color-text-primary);background-color:var(--pfm-color-surface-brand-subtle)}.recipeCard{border:var(--pfm-border-width-1) solid var(--pfm-color-border-subtle);border-radius:var(--pfm-radius-12);color:var(--pfm-color-text-primary);background-color:var(--pfm-color-surface-default);box-shadow:var(--pfm-shadow-card)}.recipeElevationCard{box-shadow:var(--pfm-shadow-card)}.recipeElevationFloating{box-shadow:var(--pfm-shadow-floating)}.recipeElevationBottomAction{box-shadow:var(--pfm-shadow-bottom-action)}.recipeInteractive{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.recipeInteractive:where(:disabled,[aria-disabled=true],[data-disabled=true]){cursor:not-allowed}.recipePrimaryAction{border:var(--pfm-border-width-1) solid transparent;color:var(--pfm-color-action-primary-foreground);background-color:var(--pfm-color-action-primary-background)}.recipePrimaryAction:where(:hover:not(:disabled,[aria-disabled=true],[data-disabled=true])){background-color:var(--pfm-color-action-primary-background-hover)}.recipePrimaryAction:where(:active:not(:disabled,[aria-disabled=true],[data-disabled=true])){background-color:var(--pfm-color-action-primary-background-pressed)}.recipePrimaryAction:where(:disabled,[aria-disabled=true],[data-disabled=true]){color:var(--pfm-color-action-primary-foreground-disabled);background-color:var(--pfm-color-action-primary-background-disabled)}}
@layer utilities{.uVisuallyHidden{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}}