@layer reset,base,tokens,recipes,utilities;@layer base{:root{--made-with-panda: "🐼" }*,*:before,*:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1 }}@layer reset{*{margin:0;padding:0;font:inherit}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--global-color-border, currentColor)}html{line-height:1.5;--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--global-font-body, var(--font-fallback))}hr{height:0;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}code,kbd,pre,samp{font-size:1em}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}button,input,optgroup,select,textarea{color:inherit}button,select{text-transform:none}table{text-indent:0;border-color:inherit;border-collapse:collapse}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--global-color-placeholder, #9ca3af)}input::placeholder,textarea::placeholder{opacity:1;color:var(--global-color-placeholder, #9ca3af)}textarea{resize:vertical}summary{display:list-item}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-size:1em;--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono, var(--font-fallback))}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=number]{-moz-appearance:textfield}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}}@layer tokens{:where(:root,:host){--shadows-elevation_01: 0px 1px 2px 0px rgba(0, 0, 0, .1);--shadows-elevation_02: 0px 2px 4px 0px rgba(0, 0, 0, .1);--shadows-elevation_03: 0px 2px 6px 0px rgba(0, 0, 0, .1);--shadows-elevation_04: 0px 3px 8px 0px rgba(0, 0, 0, .1);--shadows-elevation_06: 0px 5px 12px 0px rgba(0, 0, 0, .1);--shadows-elevation_08: 0px 6px 16px 0px rgba(0, 0, 0, .1);--shadows-elevation_12: 0px 10px 24px 0px rgba(0, 0, 0, .1);--shadows-elevation_16: 0px 13px 32px 0px rgba(0, 0, 0, .1);--shadows-elevation_24: 0px 16px 48px 0px rgba(0, 0, 0, .1);--fonts-sans: "IBM Plex Sans KR", system-ui, -apple-system, sans-serif;--fonts-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--colors-background: #ffffff;--colors-keycolor-primary: #fb4866;--colors-keycolor-on_primary: #ffffff;--colors-keycolor-primary_ink: #c43850;--colors-keycolor-secondary: #fee5ea;--colors-keycolor-secondary2: #fee5ea;--colors-keycolor-tertiary: #f6f2f3;--colors-keycolor-tertiary2: #f3eef0;--colors-keycolor-on_secondary_tertiary: #c43850;--colors-keycolor-alt_blue: #3d5afe;--colors-keycolor-alt_green: #00a97f;--colors-keycolor-alt_orange: #ff8a00;--colors-mono-primary: #2b2630;--colors-mono-primary2: #4a4450;--colors-mono-on_primary: #ffffff;--colors-mono-secondary: #e3dcdf;--colors-mono-secondary2: #e3dcdf;--colors-mono-tertiary: #f6f2f3;--colors-mono-tertiary2: #f3eef0;--colors-mono-on_secondary_tertiary: #5b5560;--colors-selected-on: #5a8df0;--colors-selected-secondary: #4880ee;--colors-selected-secondary2: #e9f0fd;--colors-selected-secondary3: rgba(72, 128, 238, .22);--colors-selected-on_secondary: #5a8df0;--colors-line-string: #16131a;--colors-line-one: #efe9eb;--colors-line-two: #e3dcdf;--colors-line-three: #cfc8cc;--colors-line-four: #b9b1b6;--colors-text-strong: #16131a;--colors-text-one: #2b2630;--colors-text-two: #4a4450;--colors-text-three: #5b5560;--colors-text-four: #6b6570;--colors-text-five: #928b93;--colors-text-six: #b9b1b6;--colors-text-disabled: #cfc8cc;--colors-text-reverse: rgba(253, 253, 255, .96);--colors-surface-basic_01: #ffffff;--colors-surface-basic_02: #fbf8f9;--colors-surface-basic_03: #f6f2f3;--colors-surface-basic_04: #efe9eb;--colors-surface-basic_pressed: rgba(22, 19, 26, .05) }.dark{--colors-background: #0f0d12;--colors-keycolor-primary: #fa5571;--colors-keycolor-on_primary: #ffffff;--colors-keycolor-primary_ink: #fa5571;--colors-keycolor-secondary: #fee5ea;--colors-keycolor-secondary2: #321e24;--colors-keycolor-tertiary: #fbf8f9;--colors-keycolor-tertiary2: #2b2630;--colors-keycolor-on_secondary_tertiary: #fa5571;--colors-keycolor-alt_blue: #3d5afe;--colors-keycolor-alt_green: #00a97f;--colors-keycolor-alt_orange: #ff8a00;--colors-mono-primary: #efe9eb;--colors-mono-primary2: #e3dcdf;--colors-mono-on_primary: #16131a;--colors-mono-secondary: #fbf8f9;--colors-mono-secondary2: #3a3442;--colors-mono-tertiary: #fbf8f9;--colors-mono-tertiary2: #2b2630;--colors-mono-on_secondary_tertiary: #cfc8cc;--colors-selected-on: #4170ce;--colors-selected-secondary: rgba(72, 128, 238, .12);--colors-selected-secondary2: #1d2434;--colors-selected-secondary3: rgba(72, 128, 238, .22);--colors-selected-on_secondary: #4170ce;--colors-line-string: #fbf8f9;--colors-line-one: #26212b;--colors-line-two: #2b2630;--colors-line-three: #4a4450;--colors-line-four: #5b5560;--colors-text-strong: #fbf8f9;--colors-text-one: #efe9eb;--colors-text-two: #e3dcdf;--colors-text-three: #cfc8cc;--colors-text-four: #b9b1b6;--colors-text-five: #928b93;--colors-text-six: #6b6570;--colors-text-disabled: #4a4450;--colors-text-reverse: rgba(22, 19, 26, .87);--colors-surface-basic_01: #16131a;--colors-surface-basic_02: #1e1a23;--colors-surface-basic_03: #2b2630;--colors-surface-basic_04: #4a4450;--colors-surface-basic_pressed: rgba(243, 238, 240, .12) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}}@layer utilities{.tracking_0\.04em{letter-spacing:.04em}.after\:content_\"\":after{content:""}.after\:pos_absolute:after{position:absolute}.after\:inset_0:after{inset:0}.after\:rounded_0\.5rem:after{border-radius:.5rem}.h_5\.75rem{height:5.75rem}.w_10rem{width:10rem}.w_160{width:160}.\[\&_img\]\:aspect_16\/9 img{aspect-ratio:16/9}.min-h_2\.75rem{min-height:2.75rem}.px_1\.125rem{padding-inline:1.125rem}.transition_background-color_0\.125s_ease-in-out\,_color_0\.125s_ease-in-out\,_border-color_0\.125s_ease-in-out{transition:background-color .125s ease-in-out,color .125s ease-in-out,border-color .125s ease-in-out}.border_text\.strong{border-color:var(--colors-text-strong)}.justify_flex-start{justify-content:flex-start}.min-w_5rem{min-width:5rem}.text_text\.five{color:var(--colors-text-five)}.transition_color_0\.125s_ease-in-out{transition:color .125s ease-in-out}.border-top-width_1px{border-top-width:1px}.justify-self_flex-end{justify-self:flex-end}.px_0\.75rem{padding-inline:.75rem}.d_inline-block{display:inline-block}.text_text\.six{color:var(--colors-text-six)}.gap_1\.5rem{gap:1.5rem}.pb_3\.5rem{padding-bottom:3.5rem}.mt_0\.25rem{margin-top:.25rem}.w_36{width:36}.h_36{height:36}.py_0\.75rem{padding-block:.75rem}.transition_color_0\.125s_ease-in-out\,_background-color_0\.125s_ease-in-out{transition:color .125s ease-in-out,background-color .125s ease-in-out}.pos_sticky{position:sticky}.top_0{top:0}.z_10{z-index:10}.border-bottom-width_1px{border-bottom-width:1px}.py_1rem{padding-block:1rem}.w_2\.5rem{width:2.5rem}.m_3rem_auto_0{margin:3rem auto 0}.grid-cols_1fr{grid-template-columns:1fr}.gap_1rem{gap:1rem}.aspect_16\/9{aspect-ratio:16/9}.w_320{width:320}.p_0\.75rem{padding:.75rem}.text_inherit{color:inherit}.transition_box-shadow_0\.125s_ease-in-out{transition:box-shadow .125s ease-in-out}.d_inline-flex{display:inline-flex}.gap_0\.125rem{gap:.125rem}.border_mono\.secondary{border-color:var(--colors-mono-secondary)}.bg_surface\.basic_01{background-color:var(--colors-surface-basic_01)}.text_mono\.on_secondary_tertiary{color:var(--colors-mono-on_secondary_tertiary)}.shrink_0{flex-shrink:0}.white-space_nowrap{white-space:nowrap}.px_0\.25rem{padding-inline:.25rem}.rounded_0\.25rem{border-radius:.25rem}.py_0\.25rem{padding-block:.25rem}.min-h_2rem{min-height:2rem}.rounded_0\.5rem{border-radius:.5rem}.min-h_2\.5rem{min-height:2.5rem}.px_0\.875rem{padding-inline:.875rem}.rounded_999px{border-radius:999px}.border_line\.two{border-color:var(--colors-line-two)}.transition_background-color_0\.125s_ease-in-out\,_border-color_0\.125s_ease-in-out{transition:background-color .125s ease-in-out,border-color .125s ease-in-out}.stroke-width_2\.4{stroke-width:2.4}.gap_0\.25rem{gap:.25rem}.gap_10px{gap:10px}.fs_0\.875rem{font-size:.875rem}.h_20{height:20px}.max-w_36rem{max-width:36rem}.w_fit-content{width:-moz-fit-content;width:fit-content}.mb_1rem{margin-bottom:1rem}.max-w_50rem{max-width:50rem}.m_2rem_auto{margin:2rem auto}.w_48rem{width:48rem}.max-w_calc\(100vw_-_2rem\){max-width:calc(100vw - 2rem)}.bg_surface\.basic_02{background:var(--colors-surface-basic_02)}.rounded_1rem{border-radius:1rem}.text_center{text-align:center}.transition_all_0\.25s_ease-in-out{transition:all .25s ease-in-out}.text_balance{text-wrap:balance}.cursor_pointer{cursor:pointer}.overflow_visible{overflow:visible}.open\:animation_fadein_0\.4s:is([open],[data-open],[data-state=open]){animation:fadein .4s}.\[\&\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\.8\)::backdrop{background-color:#000c}.ml_auto{margin-left:auto}.w_3\.5rem{width:3.5rem}.h_3\.5rem{height:3.5rem}.p_1rem{padding:1rem}.bg_transparent{background:transparent}.\[\&_img\]\:bg_surface\.basic_01 img{background:var(--colors-surface-basic_01)}.\[\&_img\]\:m_auto img{margin:auto}.\[\&_img\]\:w_calc\(100vw_-_2rem\) img{width:calc(100vw - 2rem)}.\[\&_img\]\:object_contain img{-o-object-fit:contain;object-fit:contain}.\[\&_img\]\:max-h_80vh img{max-height:80vh}.\[\&_img\]\:max-w_100rem img{max-width:100rem}.\[\&_img\]\:rounded_0\.5rem img{border-radius:.5rem}.w_400{width:400px}.h_400{height:400px}.w_512{width:512px}.h_512{height:512px}.max-w_75rem{max-width:75rem}.pt_4rem{padding-top:4rem}.pb_4\.5rem{padding-bottom:4.5rem}.pt_2\.5rem{padding-top:2.5rem}.mb_3rem{margin-bottom:3rem}.pb_6rem{padding-bottom:6rem}.bg_background{background-color:var(--colors-background)}.items_flex-end{align-items:flex-end}.gap_1\.25rem{gap:1.25rem}.h_13\.125rem{height:13.125rem}.rounded_1\.25rem{border-radius:1.25rem}.transition_transform_0\.2s_ease{transition:transform .2s ease}.h_100\%{height:100%}.font_700{font-weight:700}.w_640{width:640}.h_420{height:420}.items_stretch{align-items:stretch}.gap_0\.875rem{gap:.875rem}.mt_0\.125rem{margin-top:.125rem}.max-h_2rem{max-height:2rem}.d_grid{display:grid}.grid-cols_repeat\(auto-fill\,_minmax\(18\.75rem\,_1fr\)\){grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr))}.gap-y_2rem{-moz-column-gap:2rem;column-gap:2rem}.gap-x_3\.5rem{row-gap:3.5rem}.m_0{margin:0}.px_0\.625rem{padding-inline:.625rem}.py_0\.375rem{padding-block:.375rem}.rounded_0\.375rem{border-radius:.375rem}.font_mono{font-family:var(--fonts-mono)}.fs_0\.8125rem{font-size:.8125rem}.font_500{font-weight:500}.text_keycolor\.primary_ink{color:var(--colors-keycolor-primary_ink)}.text_text\.three{color:var(--colors-text-three)}.max-w_32\.5rem{max-width:32.5rem}.font_600{font-weight:600}.bg_surface\.basic_03{background-color:var(--colors-surface-basic_03)}.d_block{display:block}.h_auto{height:auto}.aspect_16_\/_10{aspect-ratio:16 / 10}.object_cover{-o-object-fit:cover;object-fit:cover}.w_1024{width:1024}.h_640{height:640}.p_1\.5rem{padding:1.5rem}.rounded_2rem{border-radius:2rem}.bg_surface\.basic_02{background-color:var(--colors-surface-basic_02)}.border-width_1px{border-width:1px}.border_line\.one{border-color:var(--colors-line-one)}.shadow_elevation_04{box-shadow:var(--shadows-elevation_04)}.transition_transform_0\.2s_ease-out\,_box-shadow_0\.2s_ease-out{transition:transform .2s ease-out,box-shadow .2s ease-out}.gap_1\.375rem{gap:1.375rem}.flex_1_1_27\.5rem{flex:1 1 27.5rem}.min-w_0{min-width:0}.gap_0\.625rem{gap:.625rem}.text_text\.four{color:var(--colors-text-four)}.mt_0\.375rem{margin-top:.375rem}.min-h_3rem{min-height:3rem}.px_1\.375rem{padding-inline:1.375rem}.rounded_0\.75rem{border-radius:.75rem}.z_1{z-index:1}.transition_opacity_0\.125s_ease-in-out\,_transform_0\.2s_ease-out{transition:opacity .125s ease-in-out,transform .2s ease-out}.pos_absolute{position:absolute}.left_-3\.75rem{left:-3.75rem}.bottom_-5\.625rem{bottom:-5.625rem}.w_13\.75rem{width:13.75rem}.h_13\.75rem{height:13.75rem}.rounded_50\%{border-radius:50%}.opacity_0\.9{opacity:.9}.d_none{display:none}.text_keycolor\.primary{color:var(--colors-keycolor-primary)}.text_surface\.basic_01{color:var(--colors-surface-basic_01)}.justify_space-between{justify-content:space-between}.overflow_hidden{overflow:hidden}.bg_text\.strong{background-color:var(--colors-text-strong)}.rounded_1\.75rem{border-radius:1.75rem}.p_2rem{padding:2rem}.gap_2rem{gap:2rem}.items_flex-start{align-items:flex-start}.gap_0\.75rem{gap:.75rem}.flex_1_1_26\.25rem{flex:1 1 26.25rem}.pl_0{padding-left:0}.pos_relative{position:relative}.min-h_3\.25rem{min-height:3.25rem}.px_1\.5rem{padding-inline:1.5rem}.rounded_0\.875rem{border-radius:.875rem}.bg_keycolor\.primary{background-color:var(--colors-keycolor-primary)}.text_text\.strong{color:var(--colors-text-strong)}.transition_opacity_0\.125s_ease-in-out{transition:opacity .125s ease-in-out}.tracking_0\.08em{letter-spacing:.08em}.justify_center{justify-content:center}.mt_2rem{margin-top:2rem}.max-w_17\.5rem{max-width:17.5rem}.gap_0\.375rem{gap:.375rem}.m_auto{margin:auto}.mb_0\.5rem{margin-bottom:.5rem}.text-decor_none{text-decoration:none}.mb_2rem{margin-bottom:2rem}.gap_0\.5rem{gap:.5rem}.flex_row{flex-direction:row}.flex-wrap_wrap{flex-wrap:wrap}.list_none{list-style-type:none}.p_0{padding:0}.w_100\%{width:100%}.grow_1{flex-grow:1}.max-w_64rem{max-width:64rem}.mx_auto{margin-inline:auto}.px_1rem{padding-inline:1rem}.mb_2\.5rem{margin-bottom:2.5rem}.mt_2\.5rem{margin-top:2.5rem}.mb_0\.25rem{margin-bottom:.25rem}.text_text\.two{color:var(--colors-text-two)}.d_flex{display:flex}.items_center{align-items:center}.gap_0{gap:0}.flex_column{flex-direction:column}.min-h_100dvh{min-height:100dvh}.hover\:border_text\.strong:is(:hover,[data-hover]){border-color:var(--colors-text-strong)}.hover\:bg_surface\.basic_03:is(:hover,[data-hover]){background-color:var(--colors-surface-basic_03)}.hover\:text_text\.strong:is(:hover,[data-hover]){color:var(--colors-text-strong)}.hover\:shadow_var\(--box-shadow\):is(:hover,[data-hover]){box-shadow:var(--box-shadow)}.hover\:bg_surface\.basic_02:is(:hover,[data-hover]){background-color:var(--colors-surface-basic_02)}.hover\:border_mono\.on_secondary_tertiary:is(:hover,[data-hover]){border-color:var(--colors-mono-on_secondary_tertiary)}.hover\:underline-offset_3px:is(:hover,[data-hover]){text-underline-offset:3px}.hover\:opacity_0\.88:is(:hover,[data-hover]){opacity:.88}.hover\:text-decor_underline:is(:hover,[data-hover]){text-decoration:underline}@layer compositions{.textStyle_Heading4_600{font-size:1.25rem;font-weight:600;line-height:1.625rem}.textStyle_Heading3_600{font-size:1.375rem;font-weight:600;line-height:1.75rem}.textStyle_Body1_600{font-size:1rem;font-weight:600;line-height:1.375rem}.textStyle_Caption1_400{font-size:.75rem;font-weight:400;line-height:.875rem}.textStyle_Body2_400{font-size:.9375rem;font-weight:400;line-height:1.25rem}.textStyle_BlogBody3_500{font-size:.9375rem;font-weight:500;line-height:1.4}.textStyle_BlogHeading7_700{font-size:1.25rem;font-weight:700;line-height:1.4;letter-spacing:-.02em}.textStyle_Heading1_600{font-size:1.625rem;font-weight:600;line-height:2rem}.textStyle_Heading4_400{font-size:1.25rem;font-weight:400;line-height:1.625rem}.textStyle_BlogHeading2_700{font-size:1.875rem;font-weight:700;line-height:1.3;letter-spacing:-.03em}.textStyle_BlogHeading6_700{font-size:1.3125rem;font-weight:700;line-height:1.4;letter-spacing:-.02em}.textStyle_BlogProse4_400{font-size:.9375rem;font-weight:400;line-height:1.65}.textStyle_BlogBody4_500{font-size:.875rem;font-weight:500;line-height:1.4}.textStyle_BlogCaption_500{font-size:.8125rem;font-weight:500;line-height:1.4}.textStyle_BlogDisplay5_700{font-size:2.75rem;font-weight:700;line-height:1.2;letter-spacing:-.035em}.textStyle_BlogProse2_400{font-size:1.125rem;font-weight:400;line-height:1.85}.textStyle_BlogBody4_400{font-size:.875rem;font-weight:400;line-height:1.4}.textStyle_BlogLabel1_700{font-family:var(--fonts-mono);font-size:.8125rem;font-weight:700;line-height:1.2;letter-spacing:.08em}.textStyle_BlogHeading3_700{font-size:1.75rem;font-weight:700;line-height:1.35;letter-spacing:-.03em}.textStyle_BlogBody1_600{font-size:1rem;font-weight:600;line-height:1.4}.textStyle_Body3_400{font-size:.875rem;line-height:1.125rem}.textStyle_Caption1_600{font-size:.75rem;font-weight:600;line-height:.875rem}.textStyle_Body3_600{font-weight:600}.textStyle_Body3_600,.textStyle_Body3_400{font-size:.875rem;line-height:1.125rem}.textStyle_Body3_400{font-weight:400}.textStyle_Display1_600{font-size:2rem;font-weight:600;line-height:2.375rem}.textStyle_Body1_400{font-size:1rem;font-weight:400;line-height:1.375rem}@media screen and (min-width: 40em){.sm\:textStyle_Heading2_600{font-size:1.5rem;font-weight:600;line-height:1.875rem}.sm\:textStyle_PC_Display1_600{font-size:2.5rem;font-weight:600;line-height:3.125rem}}@media screen and (min-width: 48em){.md\:textStyle_BlogDisplay3_700{font-size:3.25rem;font-weight:700;line-height:1.18;letter-spacing:-.035em}.md\:textStyle_BlogHeading1_700{font-size:2.125rem;font-weight:700;line-height:1.3;letter-spacing:-.03em}}}@media screen and (min-width: 40em){.sm\:flex_row{flex-direction:row}.sm\:grid-cols_repeat\(3\,_1fr\){grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 48em){.md\:justify_flex-end{justify-content:flex-end}.md\:p_2rem{padding:2rem}.md\:d_block{display:block}.md\:p_3\.5rem{padding:3.5rem}.md\:pl_7\.5rem{padding-left:7.5rem}}@media screen and (min-width: 64em){.lg\:gap_3rem{gap:3rem}.lg\:p_2\.5rem{padding:2.5rem}}}@layer recipes{.button--theme_mono{--primary: var(--colors-mono-primary2);--secondary: var(--colors-mono-secondary);--on_primary: var(--colors-mono-on_primary);--tertiary: var(--colors-mono-tertiary);--on_secondary_tertiary: var(--colors-mono-on_secondary_tertiary) }.button--size_h40{padding:0 .75rem;height:2.5rem;font-size:.9375rem;font-weight:500;line-height:1.25rem}.button--shape_round{border-radius:6.25rem}.button--variants_outline{border:1px solid;background-color:var(--colors-surface-basic_01);border-color:var(--colors-line-three);color:var(--on_secondary_tertiary)}.button--size_h48{padding:0 1rem;height:3rem;font-size:1rem;font-weight:500;line-height:1.375rem}.button--theme_keycolor{--primary: var(--colors-keycolor-primary);--secondary: var(--colors-keycolor-secondary);--on_primary: var(--colors-keycolor-on_primary);--tertiary: var(--colors-keycolor-tertiary);--on_secondary_tertiary: var(--colors-keycolor-on_secondary_tertiary) }.button--variants_primary{background-color:var(--primary);color:var(--on_primary)}.button--size_h24{padding:0 .5rem;height:1.5rem;font-size:.75rem;font-weight:600;line-height:.875rem}.button--shape_square{border-radius:.5rem}@layer _base{.button{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-shrink:0;--transition-duration: .125s;transition-duration:.125s;--transition-prop: filter outline;transition-property:filter outline;--transition-easing: ease-in-out;transition-timing-function:ease-in-out;position:relative}.button:is(:disabled,[disabled],[data-disabled]){opacity:.24}.button _focus-visible{outline:1px solid;outline-color:var(--colors-selected-on)}.button:is(:hover,[data-hover]){filter:brightness(.95)}.button:is(:active,[data-active]){filter:brightness(.9)}}}