:root{color:#24272e;font-synthesis:none;--accent:#6f4ef2;--accent-soft:#f1edff;--border:#e7e7ea;--muted:#6b6f76;--sidebar:#fafafa;--code:#f7f7f8;--sidebar-width:240px;--drawer-width:var(--sidebar-width);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:92px}body{margin:0}body.sidebar-open{overflow:hidden}body.has-workspace-tabs{scroll-padding-top:140px}#app{min-height:100vh;min-height:-webkit-fill-available}button,input{font:inherit;-webkit-appearance:none;appearance:none}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.docs-header{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;align-items:center;height:64px;padding:0 28px 0 16px;display:flex;position:fixed;top:0;left:0;right:0}.docs-header>*+*{margin-left:8px}.brand{min-width:calc(var(--sidebar-width) - 32px);align-items:center;font-weight:700;display:flex}.brand>*+*{margin-left:10px}.brand-home{align-items:center;display:flex}.brand-home:hover{opacity:.72}.brand-logo{object-fit:contain;object-position:left center;filter:invert();width:112px;height:48px;display:block}.brand-divider{background:var(--border);width:1px;height:22px;margin:0 3px}.brand-product{color:var(--muted);font-size:14px;font-weight:600}.brand-product:hover{opacity:.72}.search-trigger{width:min(440px,42vw);height:38px;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#f7f7f8;border-radius:9px;align-items:center;margin:0 auto;padding:0 12px;display:flex}.search-trigger>*+*{margin-left:9px}.search-trigger svg{flex-shrink:0;width:16px}.search-trigger kbd{background:#fff;border:1px solid #dddde1;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:11px}.header-link{color:var(--muted);align-items:center;font-size:12px;font-weight:600;line-height:1.15;display:flex}.header-link>*+*{margin-left:4px}.header-link__label{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.header-link__icon{flex-shrink:0;font-size:13px;line-height:1}.header-link:hover{color:var(--accent)}.menu-button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:7px;display:none}.menu-button svg{width:22px}.docs-sidebar{z-index:30;width:var(--sidebar-width);-webkit-overflow-scrolling:touch;border-right:1px solid var(--border);background:var(--sidebar);padding:30px 16px 40px;position:fixed;top:64px;bottom:0;left:0;right:auto;overflow-y:auto}.sidebar-label{color:#94979d;letter-spacing:.08em;text-transform:uppercase;margin:20px 10px 8px;font-size:11px;font-weight:700}.sidebar-label:first-child{margin-top:0}.nav-list{margin:0;padding:0;list-style:none}.nav-list>li+li{margin-top:3px}.nav-link{color:#575b63;border-radius:7px;align-items:center;width:100%;padding:8px 10px;font-size:14px;display:flex}.nav-link>*+*{margin-left:9px}.nav-link .nav-link-icon{color:#92959b;stroke-width:1.8px;flex-shrink:0;width:14px;height:14px;margin-left:auto;transition:transform .18s}.nav-link:hover{color:#24272e;background:#f0f0f2}.nav-link:hover .nav-link-icon{transform:translate(2px)}.nav-link.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.nav-link.active svg{color:var(--accent)}.nav-sub{border-left:1px solid #dedee2;margin-left:12px;padding-left:10px}.nav-link.parent-active{color:#24272e;font-weight:600}.nav-section-toggle{color:#575b63;cursor:pointer;width:100%;font-family:inherit;font-size:14px;font-weight:600;line-height:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;padding:8px 10px;display:flex}.nav-section-toggle:hover{color:#24272e;background:#f0f0f2}.nav-section-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-section-toggle.parent-active{color:#24272e}.nav-section-toggle .nav-toggle-icon{color:#92959b;stroke-width:1.8px;flex-shrink:0;width:15px;height:15px;margin-left:auto;transition:transform .18s}.nav-section-toggle[aria-expanded=false] .nav-toggle-icon{transform:rotate(0)}.nav-section-toggle[aria-expanded=true] .nav-toggle-icon{transform:rotate(180deg)}.nav-children{border-left:1px solid #dedee2;margin:4px 0 8px 12px;padding:0 0 0 10px;list-style:none}.nav-children>li+li{margin-top:2px}.nav-children .nav-link{padding:7px 10px;font-size:13px}.nav-children .nav-introduction{font-weight:600}.sidebar-footer{border-top:1px solid var(--border);color:#92959b;margin-top:34px;padding:14px 10px 0;font-size:12px}.docs-shell{min-width:0;min-height:100vh;min-height:-webkit-fill-available;padding:64px 248px 0 var(--sidebar-width)}body.has-workspace-tabs .docs-shell{padding-top:108px}.docs-workspace{z-index:35;top:64px;right:0;left:var(--sidebar-width);border-bottom:1px solid var(--border);background:#f6f6f8;min-width:0;height:44px;position:fixed;overflow:visible}.docs-workspace-bar{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;width:100%;min-width:0;height:100%;display:grid}.docs-workspace-list-wrap{scrollbar-width:thin;clip-path:inset(0);contain:paint;isolation:isolate;grid-column:1;width:auto;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden}.docs-workspace-list{align-items:stretch;width:-webkit-max-content;width:max-content;min-width:0;min-height:100%;display:flex}.docs-workspace-item{border-right:1px solid var(--border);background:0 0;flex:none;align-items:stretch;max-width:16rem;display:inline-flex}.docs-workspace-item.is-active{background:#fff}.docs-workspace-tab{min-width:0;color:var(--muted);align-items:center;padding:0 12px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.docs-workspace-tab:hover{color:#24272e}.docs-workspace-tab.is-active{color:var(--accent)}.docs-workspace-item:not(.is-solo) .docs-workspace-tab{padding-right:4px}.docs-workspace-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.docs-workspace-close{color:#9a9ea6;cursor:pointer;background:0 0;border:0;flex:0 0 28px;justify-content:center;align-items:center;width:28px;margin-right:8px;padding:0;display:inline-flex}.docs-workspace-close svg{width:12px;height:12px}.docs-workspace-close:hover{color:#24272e}.docs-workspace-controls{z-index:2;border-left:1px solid var(--border);background:#f6f6f8;flex:none;grid-column:2;place-self:stretch end;align-items:center;gap:4px;padding:0 8px;display:inline-flex;position:relative;overflow:visible;box-shadow:-.75rem 0 .5rem -.5rem #f6f6f8f2}.docs-workspace-nav{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.docs-workspace-nav svg{width:14px;height:14px}.docs-workspace-nav:hover:not(:disabled){color:#24272e}.docs-workspace-nav:disabled{opacity:.45;cursor:not-allowed}.docs-workspace-more{z-index:3;position:relative;overflow:visible}.docs-workspace-menu{--docs-workspace-menu-item-height:36px;--docs-workspace-menu-padding:6px;z-index:50;min-width:12rem;max-width:min(18rem,70vw);max-height:calc(var(--docs-workspace-menu-item-height) * 5 + var(--docs-workspace-menu-padding) * 2);padding:var(--docs-workspace-menu-padding);border:1px solid var(--border);scrollbar-width:thin;background:#fff;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-x:hidden;overflow-y:auto;box-shadow:0 10px 30px #181a1f1f}.docs-workspace-menu[hidden]{display:none}.docs-workspace-menu-item{box-sizing:border-box;min-height:var(--docs-workspace-menu-item-height);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.docs-workspace-menu-item:hover{background:var(--accent-soft);color:#24272e}.docs-workspace-menu-item.is-active{color:var(--accent);background:var(--accent-soft)}.docs-content{width:100%;min-width:0;max-width:100%;padding:64px 56px 80px}.docs-content h1{color:#181a1f;font-size:36px;letter-spacing:-.035em;margin:0;font-size:max(36px,min(5vw,52px));line-height:1.08}.docs-content h2{color:#1f2127;letter-spacing:-.02em;margin:48px 0 14px;padding-top:4px;font-size:25px}.docs-content h3{margin:28px 0 10px;font-size:18px}.docs-content p,.docs-content li{color:#4f535b;font-size:16px;line-height:1.78}.docs-content ul{padding-left:22px}.eyebrow{color:var(--accent);margin:0 0 14px;font-size:13px;font-weight:700}.guide-title{align-items:center;display:flex}.guide-title>*+*{margin-left:14px}.guide-title img{object-fit:contain;filter:invert();width:auto;height:2.08em}.lead{color:var(--muted);margin:20px 0 42px;font-size:19px;line-height:1.7}.markdown-body{overflow-wrap:anywhere;min-width:0;max-width:100%}.markdown-body table{table-layout:fixed;border-spacing:0;border-collapse:separate;border:1px solid var(--border);border-radius:10px;width:100%;min-width:280px;margin:24px 0 32px;font-size:14px;overflow:hidden}.markdown-body th,.markdown-body td{word-wrap:break-word;overflow-wrap:break-word;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:13px 16px;line-height:1.6}.markdown-body th{color:#353840;background:#f7f7f8;font-weight:700}.markdown-body th+th,.markdown-body td+td{border-left:1px solid var(--border)}.markdown-body tr:last-child td{border-bottom:0}.markdown-body th:first-child,.markdown-body td:first-child{width:32%}.markdown-body [id=컴포넌트-목록]+table th:first-child,.markdown-body [id=컴포넌트-목록]+table td:first-child{width:20%}.markdown-body [id=storybook-프레임워크-지원]+p+table th:first-child,.markdown-body [id=storybook-프레임워크-지원]+p+table td:first-child{width:14%}.markdown-body [id=컴포넌트-구성]+table th:nth-child(2),.markdown-body [id=컴포넌트-구성]+table td:nth-child(2){width:10%}.markdown-body [id=컴포넌트-구성]+table td:nth-child(3) a{color:var(--accent);-webkit-text-decoration:underline #6f4ef259;text-decoration:underline #6f4ef259}.markdown-body [id=컴포넌트-구성]+table td:nth-child(3) a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.markdown-body td:first-child{color:#292c33;font-weight:600}.markdown-body td:first-child a{color:var(--accent);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:-webkit-text-decoration-color .18s,text-decoration-color .18s}.markdown-body td:first-child a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.markdown-body a[data-storybook-path]:after{content:"↗";margin-left:4px;font-size:.85em;font-weight:500;line-height:1;text-decoration:none;display:inline-block}.markdown-body .external-document-link{color:var(--accent);text-underline-offset:2px;-webkit-text-decoration:underline #6f4ef259;text-decoration:underline #6f4ef259}.markdown-body .external-document-link:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.markdown-body .external-link-icon{vertical-align:-.08em;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.9em;height:.9em;margin-left:4px;display:inline-block}.callout{background:#f8f6ff;border:1px solid #dcd4ff;border-radius:10px;align-items:center;margin:28px 0;padding:17px 18px;display:flex}.callout-icon{color:var(--accent);flex-shrink:0;margin-right:13px;font-weight:800}.callout p{margin:0;font-size:14px}.code-block{-webkit-overflow-scrolling:touch;color:#e7e7ea;background:#17181c;border-radius:10px;margin:24px 0;padding:20px;font:14px/1.7 Menlo,Monaco,Consolas,monospace;position:relative;overflow-x:auto}.code-label{color:#8e929b;text-transform:uppercase;margin-bottom:10px;font:11px/1.2 -apple-system,sans-serif;display:block}.feature-grid{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 0;display:flex}.feature-card{border:1px solid var(--border);border-radius:10px;width:calc(50% - 6px);padding:18px}.feature-card strong{margin-bottom:6px;font-size:15px;display:block}.feature-card p{margin:0;font-size:14px}.page-nav{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;margin:64px -6px 0;padding-top:24px;display:flex}.page-nav>a,.page-nav>span{width:calc(50% - 12px);margin:0 6px 12px}.page-nav a{border:1px solid var(--border);border-radius:10px;padding:16px}.page-nav a:last-child{text-align:right}.page-nav small{color:#92959b;margin-bottom:4px;display:block}.page-nav strong{color:var(--accent);font-size:14px}.page-outline{z-index:20;-webkit-overflow-scrolling:touch;width:248px;padding:66px 28px;position:fixed;top:64px;bottom:0;left:auto;right:0;overflow-y:auto}body.has-workspace-tabs .page-outline{padding-top:24px;top:108px}.page-outline strong{margin-bottom:13px;font-size:12px;display:block}.page-outline a{color:#85888f;padding:5px 0;font-size:13px;line-height:1.4;display:block}.page-outline a:hover,.page-outline a.active{color:var(--accent)}.search-dialog{border:1px solid var(--border);border-radius:14px;width:min(600px,100% - 32px);max-width:calc(100% - 32px);padding:0;box-shadow:0 24px 80px #19192333}.search-dialog:not([open]){display:none}.search-dialog[open]{z-index:80;margin:0;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.search-dialog::backdrop{background:#12131661}.search-box{border-bottom:1px solid var(--border);align-items:center;padding:17px;display:flex}.search-box>*+*{margin-left:12px}.search-box svg{width:18px;color:var(--muted);flex-shrink:0}.search-box input{background:0 0;border:0;outline:0;flex:1;width:0;min-width:0;padding:0;font-size:16px}.search-close{width:32px;height:32px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:7px;flex:0 0 32px;justify-content:center;align-items:center;padding:0;display:flex}.search-close:hover{color:#24272e;background:var(--accent-soft)}.search-close svg{width:18px}.search-results{-webkit-overflow-scrolling:touch;max-height:60vh;padding:10px;overflow-y:auto}.search-result{border-radius:8px;padding:12px;display:block}.search-result[hidden]{display:none}.search-result:hover{background:var(--accent-soft)}.search-result strong{color:#24272e;font-size:14px}.search-result-path{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.search-result-separator{color:var(--muted)}.search-empty{color:var(--muted);text-align:center;padding:28px}.sidebar-backdrop{display:none}@media (max-width:1100px){.docs-shell{padding-right:0}.page-outline{display:none}}@media (max-width:760px){.docs-header{height:58px;padding:0 12px 0 8px}.docs-header>*+*{margin-left:8px}.docs-workspace{display:none!important}body.has-workspace-tabs{scroll-padding-top:92px}body.has-workspace-tabs .docs-shell{padding-top:58px}.brand{flex:1;min-width:0}.brand>*+*{margin-left:8px}.brand-logo{width:96px;height:42px}.brand-product{white-space:nowrap;display:block}.brand-divider{margin:0 1px;display:block}.header-link{white-space:nowrap;flex-shrink:0;min-height:38px;font-size:11px}.menu-button{margin-left:-2px;padding:4px;display:block}.search-trigger{flex:0 0 38px;justify-content:center;align-items:center;width:38px;margin:0;padding:0;display:flex}.search-trigger>*+*{margin-left:0}.search-trigger span,.search-trigger kbd{display:none}.docs-sidebar{z-index:60;width:var(--drawer-width);-webkit-transition:-webkit-transform .22s;max-width:82vw;padding-top:78px;transition:transform .22s;top:0;transform:translate(-100%)}.docs-sidebar.open{transform:translate(0,0)}.sidebar-backdrop{z-index:50;visibility:hidden;opacity:0;pointer-events:none;touch-action:manipulation;background:#00000052;border:0;transition:opacity .22s,visibility .22s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-backdrop.open{visibility:visible;opacity:1;pointer-events:auto}.docs-shell{padding:58px 0 0}.docs-content{padding:44px 16px 64px}.docs-content h2{font-size:22px}.feature-card{width:100%}.page-nav>a,.page-nav>span{width:calc(100% - 12px)}.markdown-body th,.markdown-body td{padding:11px 10px;font-size:13px}.markdown-body th:first-child,.markdown-body td:first-child{width:38%}.page-nav a:last-child{text-align:left}.lead{font-size:17px}}@media (max-width:380px){.brand{flex-direction:column;align-items:flex-start}.brand>*+*{margin-left:0}.brand-logo{width:72px;height:28px}.brand-divider{display:none}.brand-product{font-size:10px}}