*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000;height:100%;font-family:sans-serif;line-height:1.5}html:focus-within{scroll-behavior:smooth}body{height:100%;text-rendering:optimizeSpeed;margin:0}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,button,input,select{margin:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}b,strong{font-weight:bolder}small{font-size:80%}ol,ul{padding:0;list-style:none}pre,code,kbd,samp{font-family:monospace;font-size:1em}img,video,picture{max-width:100%;height:auto}svg{stroke:none;fill:currentColor}input,button,textarea,select{font:inherit;line-height:1.5}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{cursor:pointer}iframe{border:0}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}dt{font-weight:700}hr{box-sizing:content-box;height:0;overflow:visible}option{padding:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}abbr[title]{cursor:help;text-decoration-skip-ink:none;text-decoration:underline dotted}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}[tabindex]:not([tabindex*="-"]),a[href],button,[type=button],[type=reset],[type=submit],[role=button],label,select,summary{cursor:pointer}[tabindex]:not([tabindex*="-"]),a[href],button,input,label,select,textarea,summary{touch-action:manipulation}[aria-busy=true i]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true i],[disabled]{cursor:not-allowed}/*! shokika.css v1.8.0 | MIT License | github.com/hiro0218/shokika.css/ */:root{--color-brand-primary:#646cff;--color-text-primary:#213547;--color-text-secondary:#3c506a;--color-text-tertiary:#8e8e8e;--color-bg-primary:#fff;--color-bg-secondary:#f6f6f6;--color-bg-tertiary:#f0f0f0;--color-border-primary:#e2e2e2;--color-divider:#e2e2e2;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--font-size-base:1rem;--font-size-up-1:clamp(1.25rem,1.1875rem + .3125vw,1.5625rem);--font-size-up-2:clamp(1.5625rem,1.4063rem + .7813vw,2.4414rem);--font-size-up-3:clamp(1.9531rem,1.6406rem + 1.5625vw,3.8147rem);--font-size-up-4:clamp(2.4414rem,1.9531rem + 2.4414vw,5.9605rem);--font-size-up-5:clamp(3.0518rem,2.3438rem + 3.5156vw,9.3132rem);--font-size-down-1:clamp(.8rem,.75rem + .25vw,1rem);--font-size-down-2:clamp(.64rem,.6rem + .2vw,.8rem);--space-xs:clamp(.25rem,.2rem + .25vw,.5rem);--space-sm:clamp(.5rem,.4rem + .5vw,1rem);--space-md:clamp(1rem,.8rem + 1vw,2rem);--space-lg:clamp(1.5rem,1.2rem + 1.5vw,3rem);--space-xl:clamp(2rem,1.6rem + 2vw,4rem);--space-2xl:clamp(3rem,2.4rem + 3vw,6rem);--space-3xl:clamp(4rem,3.2rem + 4vw,8rem);--header-height:56px;--sidebar-width:clamp(200px,15vw,280px);--content-padding:var(--space-lg);--content-max-width:800px}html[data-theme=dark]{--color-brand-primary:#646cff;--color-text-primary:#f0f0f0;--color-text-secondary:#b0b0b0;--color-text-tertiary:#707070;--color-bg-primary:#1a1a1a;--color-bg-secondary:#242424;--color-bg-tertiary:#161616;--color-border-primary:#3c3c3c;--color-divider:#3c3c3c}html{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html:focus-within{scroll-behavior:auto}}@media (prefers-contrast:high){:root{--color-border-primary:currentColor;--color-divider:currentColor}}@media (forced-colors:active){:root{--color-border-primary:ButtonBorder;--color-divider:ButtonBorder;--color-bg-primary:Canvas;--color-text-primary:CanvasText;--color-brand-primary:LinkText}}body{margin:0}[id]{scroll-margin-top:calc(var(--header-height) + 2ex)}.app-layout{display:flex}.header{z-index:10;height:var(--header-height);padding:0 var(--content-padding);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.sidebar{top:var(--header-height);width:var(--sidebar-width);height:100vh;padding:var(--space-md)var(--space-md)var(--space-md)var(--content-padding);border-right:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);position:fixed;left:0;overflow-y:auto}.main-wrapper{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);padding:calc(var(--header-height) + var(--content-padding))var(--content-padding)var(--content-padding)}.main-content{max-width:800px;padding:var(--content-padding)0 calc(var(--content-padding)*4);margin:0 auto}.header__logo{font-size:var(--font-size-up-1);margin:0;font-weight:700}.header__logo a{color:var(--color-text-primary);text-decoration:none}.sidebar__nav-group{margin-top:calc(var(--space-lg)*1.5)}.sidebar__nav-group:first-child{margin-top:0}.sidebar__nav-heading{margin-top:var(--space-sm)}.sidebar__nav-group .sidebar__nav-heading{color:var(--color-text-tertiary);font-size:var(--font-size-down-1);letter-spacing:.05em;text-transform:uppercase;margin-top:0;font-weight:600}.sidebar__nav-list{margin-top:var(--space-xs);padding:0;list-style:none}.sidebar__nav-list a{padding:var(--space-xs)0;color:var(--color-text-secondary);font-size:var(--font-size-down-1);text-decoration:none;transition:color .2s;display:block}.footer a{color:var(--color-brand-primary);text-decoration:none}.footer a:hover{text-decoration:underline}.sidebar__nav-list a:hover{color:var(--color-text-primary)}.header__nav a:active{color:var(--color-brand-primary)}.section-container{margin-top:var(--space-3xl)}.section-container:first-of-type{margin-top:0}.section-heading{margin-top:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-divider);font-size:var(--font-size-up-2);font-weight:700}.section-container:first-of-type .section-heading{padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-divider);font-size:var(--font-size-up-2);margin-top:0;font-weight:700}.content-wrapper{margin-top:var(--space-lg);margin-bottom:var(--space-md)}.content-heading{font-size:var(--font-size-up-1);font-weight:600}.content-sub-heading{padding-bottom:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:600}.content-wrapper>.content-sub-heading:not(:first-child){margin-top:var(--space-md)}.playground{padding:var(--space-lg);border:1px solid var(--color-border-primary);background-color:#fff;border-radius:4px}html[data-theme=dark] .playground{background-color:#303030}.playground__item:not(:first-child){margin-top:var(--space-md)}.content-list{gap:var(--space-md);flex-wrap:wrap;display:flex}.install-content__preformatted{padding:var(--space-md);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-down-1);-webkit-user-select:all;user-select:all;border-radius:4px;overflow:auto}.theme-toggle-button{z-index:100;right:var(--space-lg);bottom:var(--space-lg);border:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s;display:flex;position:fixed}.theme-toggle-button svg,.header__nav a svg{width:24px;height:24px;color:var(--color-text-primary)}.footer{margin-top:var(--space-2xl);padding:var(--space-xl)0;border-top:1px solid var(--color-divider);color:var(--color-text-secondary);font-size:var(--font-size-down-1);text-align:center}.footer p{margin:0}.theme-toggle-button:hover{background-color:var(--color-bg-tertiary)}@media (width<=1024px){:root{--sidebar-width:200px;--content-padding:var(--space-md)}}@media (width<=768px){:root{--content-padding:var(--space-sm)}.sidebar{display:none}.main-wrapper{width:100%;margin-left:0}.header{padding:0 var(--space-md)}.section-heading{font-size:var(--font-size-up-1)}.content-heading{font-size:var(--font-size-base)}}@media (width<=480px){:root{--content-padding:var(--space-sm)}.header{padding:0 var(--space-sm)}.theme-toggle-button{right:var(--space-sm);bottom:var(--space-sm);width:40px;height:40px}.install-content__preformatted{padding:var(--space-sm);font-size:var(--font-size-down-2)}}
