:root{--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-green-50: #f0fdfc;--color-green-100: #e1f9f7;--color-green-200: #c3f3eb;--color-green-300: #a0ece5;--color-green-400: #7ddcd3;--color-green-500: #5bc9c0;--color-green-600: #4db7b2;--color-green-700: #3da69e;--color-green-800: #2d8c82;--color-green-900: #1e7a6e;--color-red-50: #fdf2f2;--color-red-100: #fde8e8;--color-red-200: #fcd9d9;--color-red-300: #fbcbcb;--color-red-400: #f8b5b5;--color-red-500: #f49f9f;--color-red-600: #e57373;--color-red-700: #d73a3a;--color-red-800: #c62e2e;--color-red-900: #ad1c1c;--color-theme-header-title: var(--color-gray-900);--color-theme-titles: var(--color-gray-700);--color-theme-code-bg: var(--color-gray-800);--color-theme-inline-code-bg: var(--color-red-200);--color-theme-inline-code: var(--color-red-700);--color-theme-link: var(--color-blue-600);--color-theme-link-hover: var(--color-blue-700);--color-theme-text: var(--color-gray-600);--color-theme-background: var(--color-gray-100);--color-theme-border: var(--color-gray-200);--color-theme-icon: var(--color-gray-400);--color-theme-menu-item: var(--color-gray-500);--color-theme-menu-item-active-bg: var(--color-gray-400);--color-theme-header-background: rgb(241 245 249 / .5);--color-theme-preview-block-bg: var(--color-grey-100)}h2,h3,h4,h5,h6{margin-top:24px;margin-bottom:10px;color:var(--color-theme-titles)}h1{margin:28px 0;color:var(--color-theme-header-title)}body{font-family:Inter,system}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:10px}body,button,caption{font-size:13px;font-weight:400}code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background-color:var(--color-theme-code-bg);font-size:16px}pre{padding:14px;border-radius:14px;background-color:var(--color-theme-code-bg)!important;position:relative;margin:0;max-width:100%}p>code{padding:2px 6px;border-radius:4px;background-color:var(--color-theme-inline-code-bg);color:var(--color-theme-inline-code)}a{color:var(--color-theme-link)}a:hover{color:var(--color-theme-link-hover)}p{font-size:16px;line-height:24px;color:var(--color-theme-text)}.container{max-width:1376px;margin:auto}@media screen and (max-width: 1376px){body{overflow:auto}.container{padding-left:20px!important;padding-right:20px!important}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-theme-background)}::-webkit-scrollbar-thumb{background-color:var(--color-theme-border);border-radius:10px;border:3px solid var(--color-theme-background)}*{scrollbar-width:thin;scrollbar-color:var(--color-theme-border) var(--color-theme-background)}body{-ms-overflow-style:-ms-autohiding-scrollbar}:root[data-theme=dark]{--color-theme-titles: var(--color-gray-100);--color-theme-code-bg: var(--color-gray-800);--color-theme-inline-code-bg: var(--color-green-900);--color-theme-inline-code: var(--color-green-300);--color-theme-link: var(--color-blue-400);--color-theme-link-hover: var(--color-blue-300);--color-theme-text: var(--color-gray-300);--color-theme-background: var(--color-gray-900);--color-theme-icon: var(--color-gray-600);--color-theme-menu-item: var(--color-gray-400);--color-theme-menu-item-active-bg: var(--color-gray-600);--color-theme-header-title: var(--color-gray-100);--color-theme-border: var(--color-gray-700);--color-theme-header-background: rgba(59, 61, 63, .5);--color-theme-preview-block-bg: var(--color-gray-800)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--color-theme-background);margin:0;padding:0}.component-preview{padding:4rem;display:flex;gap:1rem;justify-content:center;align-items:center;background-color:var(--color-theme-preview-block-bg);background-image:url(/modern-grid-dot.svg);background-repeat:repeat;background-size:1.5rem;border-radius:14px;border:1px solid var(--color-theme-border);resize:both}.copyBlock{position:relative}.copyButton{position:absolute;right:20px;top:12px;width:24px;height:24px;z-index:1;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='13' height='13' x='9' y='9' rx='2' ry='2' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='13' height='13' x='9' y='9' rx='2' ry='2' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");-webkit-mask-size:cover;background-color:var(--color-gray-400);border:none;cursor:pointer;opacity:0;transition:opacity .3s}.showCopyButton{opacity:1}.copyButtonCopied{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M20 6 9 17l-5-5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}@media screen and (max-width: 1376px){body{overflow:auto}}.theme-toggle[data-astro-cid-x3pjskd3]{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.theme-toggle[data-astro-cid-x3pjskd3]:hover{background-color:var(--border)}.moon-icon[data-astro-cid-x3pjskd3],[data-astro-cid-x3pjskd3][data-theme=dark] .sun-icon[data-astro-cid-x3pjskd3]{display:none}[data-astro-cid-x3pjskd3][data-theme=dark] .moon-icon[data-astro-cid-x3pjskd3]{display:block}.header[data-astro-cid-xbstl6g3]{position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background-color:var(--color-theme-header-background);border-bottom:1px solid var(--color-theme-border)!important;height:64px}.headerContent[data-astro-cid-xbstl6g3]{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.title[data-astro-cid-xbstl6g3]{text-decoration:none;display:flex;align-items:end}.title[data-astro-cid-xbstl6g3] h1[data-astro-cid-xbstl6g3]{margin:0 12px 0 0;color:var(--color-theme-titles);font-size:22px}.socials[data-astro-cid-xbstl6g3]{display:flex;gap:14px}.packageVersion[data-astro-cid-xbstl6g3]{background-color:var(--color-blue-600);color:#fff;padding:4px 8px;border-radius:8px;font-weight:700}.socialIcon[data-astro-cid-xbstl6g3]{padding:4px;border-radius:100%;transition:background-color .3s;display:flex;width:28px;height:28px;justify-content:center;align-items:center}.socialIconGithub[data-astro-cid-xbstl6g3]:hover{background-color:var(--color-theme-border)}.socialIconNpm[data-astro-cid-xbstl6g3]:hover{background-color:var(--color-red-400)}.themeToggle[data-astro-cid-xbstl6g3]:hover{background-color:var(--color-theme-border)}@media screen and (max-width: 500px){.title[data-astro-cid-xbstl6g3] h1[data-astro-cid-xbstl6g3]{font-size:16px;margin-right:4px}.packageVersion[data-astro-cid-xbstl6g3]{background-color:var(--color-blue-600);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}}