.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}:root{--viteplay-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--viteplay-font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--viteplay-c-text-light-1: #2c3e50;--viteplay-c-text-light-2: #476582;--viteplay-c-text-light-3: #90a4b7;--viteplay-c-text: var(--viteplay-c-text-light-1);--viteplay-c-text-light: var(--viteplay-c-text-light-2);--viteplay-c-text-lighter: var(--viteplay-c-text-light-3);--vp-c-brand-dark: #666ff0;--viteplay-c-brand: #886beb;--viteplay-c-brand-light: #a366e4;--viteplay-c-brand-lighter: #ba61dc;--viteplay-c-white: #ffffff;--viteplay-c-white-dark: #f8f8f8;--viteplay-c-gray: #e0e0e0;--viteplay-c-divider-light: rgba(60, 60, 67, .12);--viteplay-c-divider-dark: rgba(84, 84, 88, .48);--viteplay-c-divider: var(--viteplay-c-divider-light);--viteplay-c-bg: var(--viteplay-c-white);--viteplay-c-bg-accent: var(--viteplay-c-white-dark);--viteplay-c-bg-light: var(--viteplay-c-gray);--viteplay-z-index-navbar: 10;--viteplay-z-index-sidebar: 6;--viteplay-header-height: 3.6rem;--viteplay-example-dark-bg: rgb(13, 17, 23);--viteplay-example-dark-color: #fff;--viteplay-example-bg: var(--viteplay-c-white);--viteplay-example-color: black}*,:before,:after{box-sizing:border-box}body{margin:0;background-color:var(--viteplay-c-bg);-webkit-text-size-adjust:100%;font-family:var(--viteplay-font-sans);color:var(--viteplay-c-text)}.viteplay-navbar h1,.viteplay-navbar h2,.viteplay-navbar h3,.viteplay-navbar h4,.viteplay-navbar h5,.viteplay-navbar h6,.viteplay-sidebar h1,.viteplay-sidebar h2,.viteplay-sidebar h3,.viteplay-sidebar h4,.viteplay-sidebar h5,.viteplay-sidebar h6,.viteplay-content>h1,.viteplay-content>h2,.viteplay-content>h3,.viteplay-content>h4,.viteplay-content>h5,.viteplay-content>h6,.viteplay-example>h1,.viteplay-example>h2,.viteplay-example>h3,.viteplay-example>h4,.viteplay-example>h5,.viteplay-example>h6,.viteplay-example>.example-header>h1,.viteplay-example>.example-header>h2,.viteplay-example>.example-header>h3,.viteplay-example>.example-header>h4,.viteplay-example>.example-header>h5,.viteplay-example>.example-header>h6,.viteplay-docs h1,.viteplay-docs h2,.viteplay-docs h3,.viteplay-docs h4,.viteplay-docs h5,.viteplay-docs h6{margin:0;line-height:1.25}.viteplay-navbar h1,.viteplay-navbar h2,.viteplay-navbar h3,.viteplay-navbar h4,.viteplay-navbar h5,.viteplay-navbar h6,.viteplay-navbar strong,.viteplay-navbar b,.viteplay-sidebar h1,.viteplay-sidebar h2,.viteplay-sidebar h3,.viteplay-sidebar h4,.viteplay-sidebar h5,.viteplay-sidebar h6,.viteplay-sidebar strong,.viteplay-sidebar b,.viteplay-content>h1,.viteplay-content>h2,.viteplay-content>h3,.viteplay-content>h4,.viteplay-content>h5,.viteplay-content>h6,.viteplay-content>strong,.viteplay-content>b,.viteplay-example>h1,.viteplay-example>h2,.viteplay-example>h3,.viteplay-example>h4,.viteplay-example>h5,.viteplay-example>h6,.viteplay-example>strong,.viteplay-example>b,.viteplay-example>.example-header>h1,.viteplay-example>.example-header>h2,.viteplay-example>.example-header>h3,.viteplay-example>.example-header>h4,.viteplay-example>.example-header>h5,.viteplay-example>.example-header>h6,.viteplay-example>.example-header>strong,.viteplay-example>.example-header>b,.viteplay-docs h1,.viteplay-docs h2,.viteplay-docs h3,.viteplay-docs h4,.viteplay-docs h5,.viteplay-docs h6,.viteplay-docs strong,.viteplay-docs b{font-weight:600}.viteplay-navbar h1,.viteplay-sidebar h1,.viteplay-content>h1,.viteplay-example>h1,.viteplay-example>.example-header>h1,.viteplay-docs h1{margin-top:1.5rem;font-size:1.9rem}@media screen and (min-width: 420px){.viteplay-navbar h1,.viteplay-sidebar h1,.viteplay-content>h1,.viteplay-example>h1,.viteplay-example>.example-header>h1,.viteplay-docs h1{font-size:2.2rem}}.viteplay-navbar h2,.viteplay-sidebar h2,.viteplay-content>h2,.viteplay-example>h2,.viteplay-example>.example-header>h2,.viteplay-docs h2{margin-top:2.25rem;margin-bottom:1.25rem;line-height:1.25;font-size:1.65rem}.viteplay-navbar h2+h3,.viteplay-sidebar h2+h3,.viteplay-content>h2+h3,.viteplay-example>h2+h3,.viteplay-example>.example-header>h2+h3,.viteplay-docs h2+h3{margin-top:1.5rem}.viteplay-navbar h3,.viteplay-sidebar h3,.viteplay-content>h3,.viteplay-example>h3,.viteplay-example>.example-header>h3,.viteplay-docs h3{margin-top:2rem;font-size:1.35rem}.viteplay-navbar h4,.viteplay-sidebar h4,.viteplay-content>h4,.viteplay-example>h4,.viteplay-example>.example-header>h4,.viteplay-docs h4{font-size:1.15rem}.viteplay-navbar p,.viteplay-navbar ol,.viteplay-navbar ul,.viteplay-sidebar p,.viteplay-sidebar ol,.viteplay-sidebar ul,.viteplay-content>p,.viteplay-content>ol,.viteplay-content>ul,.viteplay-example>p,.viteplay-example>ol,.viteplay-example>ul,.viteplay-example>.example-header>p,.viteplay-example>.example-header>ol,.viteplay-example>.example-header>ul,.viteplay-docs p,.viteplay-docs ol,.viteplay-docs ul{margin:1rem 0;line-height:1.7}.viteplay-navbar a,.viteplay-navbar area,.viteplay-navbar button,.viteplay-navbar [role=button],.viteplay-navbar input,.viteplay-navbar label,.viteplay-navbar select,.viteplay-navbar summary,.viteplay-navbar textarea,.viteplay-sidebar a,.viteplay-sidebar area,.viteplay-sidebar button,.viteplay-sidebar [role=button],.viteplay-sidebar input,.viteplay-sidebar label,.viteplay-sidebar select,.viteplay-sidebar summary,.viteplay-sidebar textarea,.viteplay-content>a,.viteplay-content>area,.viteplay-content>button,.viteplay-content>[role=button],.viteplay-content>input,.viteplay-content>label,.viteplay-content>select,.viteplay-content>summary,.viteplay-content>textarea,.viteplay-example>a,.viteplay-example>area,.viteplay-example>button,.viteplay-example>[role=button],.viteplay-example>input,.viteplay-example>label,.viteplay-example>select,.viteplay-example>summary,.viteplay-example>textarea,.viteplay-example>.example-header>a,.viteplay-example>.example-header>area,.viteplay-example>.example-header>button,.viteplay-example>.example-header>[role=button],.viteplay-example>.example-header>input,.viteplay-example>.example-header>label,.viteplay-example>.example-header>select,.viteplay-example>.example-header>summary,.viteplay-example>.example-header>textarea,.viteplay-docs a,.viteplay-docs area,.viteplay-docs button,.viteplay-docs [role=button],.viteplay-docs input,.viteplay-docs label,.viteplay-docs select,.viteplay-docs summary,.viteplay-docs textarea{touch-action:manipulation}.viteplay-navbar a,.viteplay-sidebar a,.viteplay-content>a,.viteplay-example>a,.viteplay-example>.example-header>a,.viteplay-docs a{text-decoration:none;color:var(--viteplay-c-brand)}.viteplay-navbar a:hover,.viteplay-navbar a:focus,.viteplay-sidebar a:hover,.viteplay-sidebar a:focus,.viteplay-content>a:hover,.viteplay-content>a:focus,.viteplay-example>a:hover,.viteplay-example>a:focus,.viteplay-example>.example-header>a:hover,.viteplay-example>.example-header>a:focus,.viteplay-docs a:hover,.viteplay-docs a:focus{text-decoration:underline;color:var(--viteplay-c-brand-light)}.viteplay-navbar a:active,.viteplay-sidebar a:active,.viteplay-content>a:active,.viteplay-example>a:active,.viteplay-example>.example-header>a:active,.viteplay-docs a:active{color:var(--viteplay-c-brand-lighter)}.viteplay-navbar a:focus,.viteplay-navbar a:focus-visible,.viteplay-navbar button:focus,.viteplay-navbar button:focus-visible,.viteplay-sidebar a:focus,.viteplay-sidebar a:focus-visible,.viteplay-sidebar button:focus,.viteplay-sidebar button:focus-visible,.viteplay-content>a:focus,.viteplay-content>a:focus-visible,.viteplay-content>button:focus,.viteplay-content>button:focus-visible,.viteplay-example>a:focus,.viteplay-example>a:focus-visible,.viteplay-example>button:focus,.viteplay-example>button:focus-visible,.viteplay-example>.example-header>a:focus,.viteplay-example>.example-header>a:focus-visible,.viteplay-example>.example-header>button:focus,.viteplay-example>.example-header>button:focus-visible,.viteplay-docs a:focus,.viteplay-docs a:focus-visible,.viteplay-docs button:focus,.viteplay-docs button:focus-visible{outline-color:var(--viteplay-c-brand-light)}.viteplay-navbar figure,.viteplay-sidebar figure,.viteplay-content>figure,.viteplay-example>figure,.viteplay-example>.example-header>figure,.viteplay-docs figure{margin:0}.viteplay-navbar img,.viteplay-sidebar img,.viteplay-content>img,.viteplay-example>img,.viteplay-example>.example-header>img,.viteplay-docs img{max-width:100%}.viteplay-navbar ul,.viteplay-navbar ol,.viteplay-sidebar ul,.viteplay-sidebar ol,.viteplay-content>ul,.viteplay-content>ol,.viteplay-example>ul,.viteplay-example>ol,.viteplay-example>.example-header>ul,.viteplay-example>.example-header>ol,.viteplay-docs ul,.viteplay-docs ol{padding-left:1.25em}.viteplay-navbar li>ul,.viteplay-navbar li>ol,.viteplay-sidebar li>ul,.viteplay-sidebar li>ol,.viteplay-content>li>ul,.viteplay-content>li>ol,.viteplay-example>li>ul,.viteplay-example>li>ol,.viteplay-example>.example-header>li>ul,.viteplay-example>.example-header>li>ol,.viteplay-docs li>ul,.viteplay-docs li>ol{margin:0}.viteplay-navbar table,.viteplay-sidebar table,.viteplay-content>table,.viteplay-example>table,.viteplay-example>.example-header>table,.viteplay-docs table{display:block;border-collapse:collapse;margin:1rem 0;overflow-x:auto}.viteplay-navbar tr,.viteplay-sidebar tr,.viteplay-content>tr,.viteplay-example>tr,.viteplay-example>.example-header>tr,.viteplay-docs tr{border-top:1px solid #dfe2e5}.viteplay-navbar tr:nth-child(2n),.viteplay-sidebar tr:nth-child(2n),.viteplay-content>tr:nth-child(2n),.viteplay-example>tr:nth-child(2n),.viteplay-example>.example-header>tr:nth-child(2n),.viteplay-docs tr:nth-child(2n){background-color:#f6f8fa}.viteplay-navbar th,.viteplay-navbar td,.viteplay-sidebar th,.viteplay-sidebar td,.viteplay-content>th,.viteplay-content>td,.viteplay-example>th,.viteplay-example>td,.viteplay-example>.example-header>th,.viteplay-example>.example-header>td,.viteplay-docs th,.viteplay-docs td{border:1px solid #dfe2e5;padding:.6em 1em}.viteplay-navbar blockquote,.viteplay-sidebar blockquote,.viteplay-content>blockquote,.viteplay-example>blockquote,.viteplay-example>.example-header>blockquote,.viteplay-docs blockquote{margin:1rem 0;border-left:.2rem solid #dfe2e5;padding:.25rem 0 .25rem 1rem;font-size:1rem;color:#999}.viteplay-navbar blockquote>p,.viteplay-sidebar blockquote>p,.viteplay-content>blockquote>p,.viteplay-example>blockquote>p,.viteplay-example>.example-header>blockquote>p,.viteplay-docs blockquote>p{margin:0}.viteplay-navbar form,.viteplay-sidebar form,.viteplay-content>form,.viteplay-example>form,.viteplay-example>.example-header>form,.viteplay-docs form{margin:0}.viteplay-navbar :not(pre)>code,.viteplay-sidebar :not(pre)>code,.viteplay-content>:not(pre)>code,.viteplay-example>:not(pre)>code,.viteplay-example>.example-header>:not(pre)>code,.viteplay-docs :not(pre)>code{background-color:#eee;border-radius:4px;padding:2px 4px}.viteplay-icon-button{border:none;background-color:transparent;color:var(--viteplay-c-text);cursor:pointer;border-radius:33px;width:32px;height:32px;padding:0}.viteplay-icon-button:not(.active):hover{background-color:var(--viteplay-c-bg-light)}.viteplay-icon-button.active{color:var(--viteplay-c-brand)}.viteplay-link{color:var(--viteplay-c-brand);cursor:pointer;position:relative}.viteplay-link:before{position:absolute;content:"";bottom:0;left:0;right:0;border-bottom:1px solid var(--viteplay-c-brand)}.viteplay-sidebar .sidebar-links{margin:0;padding:0;list-style:none}.viteplay-sidebar .sidebar-link-item{display:flex;margin:0;border-left:.25rem solid transparent;color:var(--viteplay-c-text);justify-content:space-between;text-align:start}.viteplay-sidebar .focus-button{opacity:0}.viteplay-sidebar a.sidebar-link-item:hover{text-decoration:none;color:var(--viteplay-c-brand)}.viteplay-sidebar a.sidebar-link-item:hover .focus-button{opacity:1}.viteplay-sidebar a.sidebar-link-item.active{color:var(--viteplay-c-brand);font-weight:600}.viteplay-sidebar>.sidebar-links{padding:.75rem 0 5rem}@media (min-width: 768px){.viteplay-sidebar>.sidebar-links{padding:1.5rem 0}}.viteplay-sidebar>.sidebar-links>.sidebar-link+.sidebar-link{padding-top:.5rem}@media (min-width: 768px){.viteplay-sidebar>.sidebar-links>.sidebar-link+.sidebar-link{padding-top:1.25rem}}.viteplay-sidebar .sidebar-link-item{display:flex;align-items:center}.viteplay-sidebar .sidebar-link-item[data-depth="1"]{padding:.35rem 1.5rem .35rem 1.25rem;font-size:1.1rem;font-weight:700}.viteplay-sidebar .sidebar-link-item[data-depth="1"].active{border-left-color:var(--viteplay-c-brand);font-weight:600}.viteplay-sidebar .sidebar-link-item[data-depth="2"]{display:flex;padding:.1rem 1.5rem .1rem 2rem;line-height:1.4;font-size:1rem;font-weight:400}.example-header{position:relative;display:flex;align-items:center;justify-content:space-between}a.header-anchor{position:absolute;top:.1em;left:-.8em;font-size:.85em;opacity:0;padding:0 .1em;color:var(--viteplay-c-brand)}.example-header:hover a.header-anchor,a.header-anchor:focus{opacity:1;text-decoration:none}.example-header-buttons{display:flex;align-items:center}.example-header-buttons>*:not(.active){opacity:0}.viteplay-example:hover .example-header-buttons>*{opacity:1}.playground-error{background-color:#dc143c;color:#fff;white-space:pre-wrap;padding:20px;border-radius:6px}.playground-preview{border:1px solid var(--viteplay-c-divider);border-radius:8px;margin:15px 0;background-color:var(--viteplay-example-bg);color:var(--viteplay-example-color);width:100%}.playground-preview iframe{width:100%;height:100%;border:none}.playground-preview.dark{background-color:var(--viteplay-example-dark-bg);color:var(--viteplay-example-dark-color)}.playground-editor{background-color:#011627;color:#c4c4c4;border-radius:8px;margin:15px 0}.playground-editor.has-error{outline:thick solid crimson}.playground-header{font-size:.75em;text-transform:uppercase;height:40px;display:flex;align-items:center;justify-content:space-between;color:#9b9b9b;position:relative;padding:0 15px;cursor:se-resize}.expanded .playground-header{cursor:nw-resize}.playground-header h3{font-weight:400;font-size:1rem;font-size:inherit;margin:0;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.playground-header h3 span{margin-left:5px}.playground-buttons{display:flex}.playground-buttons>div+div{margin-left:5px}.playground-buttons>div{cursor:pointer}.playground-buttons>div:hover:not(.playground-icon-error){color:var(--viteplay-c-white)}.playground-icon-error{color:#dc143c;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:10px}.playground-icon-error.enabled{border-radius:100%;outline:2px solid #6694f8;outline-offset:-2px}.VPButton[data-v-949d71c5]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:500;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-949d71c5]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-949d71c5]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-949d71c5]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-949d71c5]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-949d71c5]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-949d71c5]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-949d71c5]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-949d71c5]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-949d71c5]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-949d71c5]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-949d71c5]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-949d71c5]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-463ba582]{display:none}.dark .VPImage.light[data-v-463ba582]{display:none}.VPHero[data-v-ab9069c7]{margin-top:calc(var(--vp-nav-height) * -1);padding:calc(var(--vp-nav-height) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-ab9069c7]{padding:calc(var(--vp-nav-height) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-ab9069c7]{padding:calc(var(--vp-nav-height) + 80px) 64px 64px}}.container[data-v-ab9069c7]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-ab9069c7]{flex-direction:row}}.main[data-v-ab9069c7]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-ab9069c7]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-ab9069c7]{text-align:left}}@media (min-width: 960px){.main[data-v-ab9069c7]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-ab9069c7]{max-width:592px}}.name[data-v-ab9069c7],.text[data-v-ab9069c7]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-ab9069c7],.VPHero.has-image .text[data-v-ab9069c7]{margin:0 auto}.name[data-v-ab9069c7]{color:var(--vp-home-hero-name-color)}.clip[data-v-ab9069c7]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-ab9069c7],.text[data-v-ab9069c7]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-ab9069c7],.text[data-v-ab9069c7]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-ab9069c7],.VPHero.has-image .text[data-v-ab9069c7]{margin:0}}.tagline[data-v-ab9069c7]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-ab9069c7]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-ab9069c7]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-ab9069c7]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-ab9069c7]{margin:0}}.actions[data-v-ab9069c7]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-ab9069c7]{justify-content:center}@media (min-width: 640px){.actions[data-v-ab9069c7]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-ab9069c7]{justify-content:flex-start}}.action[data-v-ab9069c7]{flex-shrink:0;padding:6px}.image[data-v-ab9069c7]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-ab9069c7]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-ab9069c7]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-ab9069c7]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-ab9069c7]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-ab9069c7]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-ab9069c7]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-ab9069c7]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-ab9069c7]{width:320px;height:320px}}[data-v-ab9069c7] .image-src{position:absolute;top:50%;left:50%;max-width:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-ab9069c7] .image-src{max-width:256px}}@media (min-width: 960px){[data-v-ab9069c7] .image-src{max-width:320px}}:root{--vp-c-white: #ffffff;--vp-c-white-soft: #f9f9f9;--vp-c-white-mute: #f1f1f1;--vp-c-black: #1a1a1a;--vp-c-black-pure: #000000;--vp-c-black-soft: #242424;--vp-c-black-mute: #2f2f2f;--vp-c-gray: #8e8e8e;--vp-c-gray-light-1: #aeaeae;--vp-c-gray-light-2: #c7c7c7;--vp-c-gray-light-3: #d1d1d1;--vp-c-gray-light-4: #e5e5e5;--vp-c-gray-light-5: #f2f2f2;--vp-c-gray-dark-1: #636363;--vp-c-gray-dark-2: #484848;--vp-c-gray-dark-3: #3a3a3a;--vp-c-gray-dark-4: #282828;--vp-c-gray-dark-5: #202020;--vp-c-divider-light-1: rgba(60, 60, 60, .29);--vp-c-divider-light-2: rgba(60, 60, 60, .12);--vp-c-divider-dark-1: rgba(84, 84, 84, .65);--vp-c-divider-dark-2: rgba(84, 84, 84, .48);--vp-c-text-light-1: var(--vp-c-indigo);--vp-c-text-light-2: rgba(60, 60, 60, .7);--vp-c-text-light-3: rgba(60, 60, 60, .33);--vp-c-text-light-4: rgba(60, 60, 60, .18);--vp-c-text-dark-1: rgba(255, 255, 255, .87);--vp-c-text-dark-2: rgba(235, 235, 235, .6);--vp-c-text-dark-3: rgba(235, 235, 235, .38);--vp-c-text-dark-4: rgba(235, 235, 235, .18);--vp-c-indigo: #213547;--vp-c-indigo-soft: #476582;--vp-c-indigo-light: #aac8e4;--vp-c-indigo-lighter: #c9def1;--vp-c-indigo-dark: #1d2f3f;--vp-c-indigo-darker: #14212e;--vp-c-green: #42b883;--vp-c-green-light: #42d392;--vp-c-green-lighter: #35eb9a;--vp-c-green-dark: #33a06f;--vp-c-green-darker: #155f3e;--vp-c-green-dimm-1: rgba(66, 184, 131, .5);--vp-c-green-dimm-2: rgba(66, 184, 131, .25);--vp-c-green-dimm-3: rgba(66, 184, 131, .05);--vp-c-yellow: #ffc517;--vp-c-yellow-light: #fcd253;--vp-c-yellow-lighter: #fcfc7c;--vp-c-yellow-dark: #e0ad15;--vp-c-yellow-darker: #ad850e;--vp-c-yellow-dimm-1: rgba(255, 197, 23, .5);--vp-c-yellow-dimm-2: rgba(255, 197, 23, .25);--vp-c-yellow-dimm-3: rgba(255, 197, 23, .05);--vp-c-red: #ed3c50;--vp-c-red-light: #f54e82;--vp-c-red-lighter: #fd1d7c;--vp-c-red-dark: #cd2d3f;--vp-c-red-darker: #ab2131;--vp-c-red-dimm-1: rgba(237, 60, 80, .5);--vp-c-red-dimm-2: rgba(237, 60, 80, .25);--vp-c-red-dimm-3: rgba(237, 60, 80, .05)}:root{--vp-c-bg: var(--vp-c-white);--vp-c-bg-soft: var(--vp-c-white-soft);--vp-c-bg-mute: var(--vp-c-white-mute);--vp-c-bg-alt: var(--vp-c-white-soft);--vp-c-divider: var(--vp-c-divider-light-1);--vp-c-divider-light: var(--vp-c-divider-light-2);--vp-c-divider-inverse: var(--vp-c-divider-dark-1);--vp-c-divider-inverse-light: var(--vp-c-divider-dark-2);--vp-c-text-1: var(--vp-c-text-light-1);--vp-c-text-2: var(--vp-c-text-light-2);--vp-c-text-3: var(--vp-c-text-light-3);--vp-c-text-4: var(--vp-c-text-light-4);--vp-c-text-inverse-1: var(--vp-c-text-dark-1);--vp-c-text-inverse-2: var(--vp-c-text-dark-2);--vp-c-text-inverse-3: var(--vp-c-text-dark-3);--vp-c-text-inverse-4: var(--vp-c-text-dark-4);--vp-c-text-code: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-green);--vp-c-brand-light: var(--vp-c-green-light);--vp-c-brand-lighter: var(--vp-c-green-lighter);--vp-c-brand-dark: var(--vp-c-green-dark);--vp-c-brand-darker: var(--vp-c-green-darker);--vp-c-sponsor: #fd1d7c}.dark{--vp-c-bg: var(--vp-c-black-soft);--vp-c-bg-soft: var(--vp-c-black-mute);--vp-c-bg-mute: var(--vp-c-gray-dark-3);--vp-c-bg-alt: var(--vp-c-black);--vp-c-divider: var(--vp-c-divider-dark-1);--vp-c-divider-light: var(--vp-c-divider-dark-2);--vp-c-divider-inverse: var(--vp-c-divider-light-1);--vp-c-divider-inverse-light: var(--vp-c-divider-light-2);--vp-c-text-1: var(--vp-c-text-dark-1);--vp-c-text-2: var(--vp-c-text-dark-2);--vp-c-text-3: var(--vp-c-text-dark-3);--vp-c-text-4: var(--vp-c-text-dark-4);--vp-c-text-inverse-1: var(--vp-c-text-light-1);--vp-c-text-inverse-2: var(--vp-c-text-light-2);--vp-c-text-inverse-3: var(--vp-c-text-light-3);--vp-c-text-inverse-4: var(--vp-c-text-light-4);--vp-c-text-code: var(--vp-c-indigo-lighter)}:root{--vp-font-family-base: "Inter var experimental", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--vp-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-local-nav: 10;--vp-z-index-nav: 20;--vp-z-index-backdrop: 30;--vp-z-index-sidebar: 40;--vp-z-index-footer: 50}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E")}:root{--vp-layout-max-width: 1440px}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-block-color: var(--vp-c-text-dark-1);--vp-code-block-bg: #292d3e;--vp-code-line-highlight-color: rgba(0, 0, 0, .5);--vp-code-line-number-color: var(--vp-c-text-dark-3);--vp-code-copy-code-hover-bg: rgba(255, 255, 255, .05);--vp-code-copy-code-active-text: var(--vp-c-text-dark-2)}.dark{--vp-code-block-bg: var(--vp-c-bg-alt)}:root{--vp-button-brand-border: var(--vp-c-brand-light);--vp-button-brand-text: var(--vp-c-text-dark-1);--vp-button-brand-bg: var(--vp-c-brand);--vp-button-brand-hover-border: var(--vp-c-brand-light);--vp-button-brand-hover-text: var(--vp-c-text-dark-1);--vp-button-brand-hover-bg: var(--vp-c-brand-light);--vp-button-brand-active-border: var(--vp-c-brand-light);--vp-button-brand-active-text: var(--vp-c-text-dark-1);--vp-button-brand-active-bg: var(--vp-button-brand-bg);--vp-button-alt-border: var(--vp-c-gray-light-3);--vp-button-alt-text: var(--vp-c-text-light-1);--vp-button-alt-bg: var(--vp-c-gray-light-5);--vp-button-alt-hover-border: var(--vp-c-gray-light-3);--vp-button-alt-hover-text: var(--vp-c-text-light-1);--vp-button-alt-hover-bg: var(--vp-c-gray-light-4);--vp-button-alt-active-border: var(--vp-c-gray-light-3);--vp-button-alt-active-text: var(--vp-c-text-light-1);--vp-button-alt-active-bg: var(--vp-c-gray-light-3);--vp-button-sponsor-border: var(--vp-c-gray-light-3);--vp-button-sponsor-text: var(--vp-c-text-light-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}.dark{--vp-button-brand-border: var(--vp-c-brand-light);--vp-button-brand-text: var(--vp-c-text-dark-1);--vp-button-brand-bg: var(--vp-c-brand-dark);--vp-button-brand-hover-border: var(--vp-c-brand-lighter);--vp-button-brand-hover-text: var(--vp-c-text-dark-1);--vp-button-brand-hover-bg: var(--vp-c-brand);--vp-button-brand-active-border: var(--vp-c-brand-lighter);--vp-button-brand-active-text: var(--vp-c-text-dark-1);--vp-button-brand-active-bg: var(--vp-button-brand-bg);--vp-button-alt-border: var(--vp-c-gray-dark-2);--vp-button-alt-text: var(--vp-c-text-dark-1);--vp-button-alt-bg: var(--vp-c-bg-mute);--vp-button-alt-hover-border: var(--vp-c-gray-dark-2);--vp-button-alt-hover-text: var(--vp-c-text-dark-1);--vp-button-alt-hover-bg: var(--vp-c-gray-dark-2);--vp-button-alt-active-border: var(--vp-c-gray-dark-2);--vp-button-alt-active-text: var(--vp-c-text-dark-1);--vp-button-alt-active-bg: var(--vp-button-alt-bg);--vp-button-sponsor-border: var(--vp-c-gray-dark-1);--vp-button-sponsor-text: var(--vp-c-text-dark-2)}:root{--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: var(--vp-c-divider-light);--vp-custom-block-info-text: var(--vp-c-text-2);--vp-custom-block-info-bg: var(--vp-c-white-soft);--vp-custom-block-info-code-bg: var(--vp-c-gray-light-4);--vp-custom-block-tip-border: var(--vp-c-green-dimm-1);--vp-custom-block-tip-text: var(--vp-c-green-darker);--vp-custom-block-tip-bg: var(--vp-c-green-dimm-3);--vp-custom-block-tip-code-bg: var(--vp-custom-block-tip-bg);--vp-custom-block-warning-border: var(--vp-c-yellow-dimm-1);--vp-custom-block-warning-text: var(--vp-c-yellow-darker);--vp-custom-block-warning-bg: var(--vp-c-yellow-dimm-3);--vp-custom-block-warning-code-bg: var(--vp-custom-block-warning-bg);--vp-custom-block-danger-border: var(--vp-c-red-dimm-1);--vp-custom-block-danger-text: var(--vp-c-red-darker);--vp-custom-block-danger-bg: var(--vp-c-red-dimm-3);--vp-custom-block-danger-code-bg: var(--vp-custom-block-danger-bg);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-details-bg)}.dark{--vp-custom-block-info-border: var(--vp-c-divider-light);--vp-custom-block-info-bg: var(--vp-c-black-mute);--vp-custom-block-info-code-bg: var(--vp-c-gray-dark-4);--vp-custom-block-tip-border: var(--vp-c-green-dimm-2);--vp-custom-block-tip-text: var(--vp-c-green-light);--vp-custom-block-warning-border: var(--vp-c-yellow-dimm-2);--vp-custom-block-warning-text: var(--vp-c-yellow-light);--vp-custom-block-danger-border: var(--vp-c-red-dimm-2);--vp-custom-block-danger-text: var(--vp-c-red-light)}:root{--vp-nav-height: var(--vp-nav-height-mobile);--vp-nav-height-mobile: 56px;--vp-nav-height-desktop: 72px}@media (min-width: 960px){:root{--vp-nav-height: var(--vp-nav-height-desktop)}}:root{--vp-sidebar-width: 272px}:root{--vp-home-hero-name-color: var(--vp-c-brand);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--c-gradient-light: linear-gradient( to right bottom, #ffeab7, #ffd7ac, #ffc3ab, #ffb1b4, #ffa3c3, #fda1d2, #f7a1e2, #eba3f3, #ddabfa, #d0b2fe, #c4b8ff, #babeff );--c-gradient-dark: linear-gradient( to right bottom, #fed369, #ffb564, #ff956e, #ff7882, #ff629c, #f45bad, #e459c0, #cd5cd2, #ba61dc, #a366e4, #886beb, #666ff0 )}:root{--vp-c-brand-dark: #666ff0;--vp-c-brand: #886beb;--vp-c-brand-light: #a366e4;--vp-c-brand-lighter: #ba61dc}:root{--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: var(--c-gradient-dark)}.page-title[data-v-bca2a945]{display:flex}.open-in-editor-button[data-v-bca2a945]{margin-left:5px;cursor:pointer;color:var(--viteplay-c-text-light-3)}.open-in-editor-button[data-v-bca2a945]:hover{color:var(--viteplay-c-text-light-2)}.props-table thead[data-v-1b888144]{font-weight:700}.viteplay-sidebar{position:fixed;top:var(--viteplay-header-height);bottom:0;left:0;z-index:var(--viteplay-z-index-sidebar);border-right:1px solid var(--viteplay-c-divider);width:16.4rem;background-color:var(--viteplay-c-bg);overflow-y:auto;transform:translate(-100%);transition:transform .25s ease}@media (min-width: 960px){.viteplay-sidebar{width:20rem}}.viteplay-sidebar.open{transform:translate(0)}.viteplay-page[data-v-ffb5bcf4]{position:relative;z-index:0;display:block;padding-top:var(--viteplay-header-height);transition:margin-left .15s ease-out}@media (min-width: 768px){.viteplay-page.side-bar-open[data-v-ffb5bcf4]{margin-left:16.4rem}}@media (min-width: 960px){.viteplay-page.side-bar-open[data-v-ffb5bcf4]{margin-left:20rem}}.viteplay-container[data-v-ffb5bcf4]{margin:0 auto;padding:0 1.5rem 4rem;max-width:48rem}.viteplay-base .viteplay-container[data-v-ffb5bcf4]{padding:0;max-width:initial}.viteplay-content[data-v-ffb5bcf4]{position:relative;padding-bottom:1.5rem}.navbar-title[data-v-fdc8aa09]{font-size:1.3rem;font-weight:600;color:var(--viteplay-c-text);display:flex;justify-content:center;align-items:center;white-space:nowrap}.navbar-title[data-v-fdc8aa09]:hover{text-decoration:none}.logo[data-v-fdc8aa09]{height:1.3rem;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-button{background:none;border:none;cursor:pointer;padding:0 .2rem;line-height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--viteplay-c-text)}._search_10yg9_1{position:relative}._search_input_wrapper_10yg9_5{border-radius:999px;display:flex;border:1px solid #e2e2e2;overflow:hidden;padding:0 5px;height:32px}._search_input_wrapper__focused_10yg9_14{border-color:var(--viteplay-c-brand)}._search_icon_10yg9_18{color:#ccc}._search_input_10yg9_5{border:none;min-width:50px}._search_input_10yg9_5:focus{outline:none}._search_result_10yg9_31{position:absolute;right:0;font-size:14px}._search_result_content_10yg9_37{border:1px solid #e2e2e2;background:var(--viteplay-c-bg);margin-top:3px;min-width:260px;border-radius:6px;padding:5px;max-height:80vh;overflow:auto}._search_result_content_10yg9_37>ul{margin:0;padding:0}._search_result_item_10yg9_53{list-style:none}._search_result_item_10yg9_53+._search_result_item_10yg9_53{margin-top:1px}._search_result_item_10yg9_53>div{padding:3px 8px;cursor:pointer;display:flex;align-items:center;border-radius:6px}._search_result_item_10yg9_53>div:hover,._search_result_item__selected_10yg9_70>div{background:#e7e7e7;color:var(--viteplay-c-brand)}._search_result_item_10yg9_53>div>span+span{margin-left:5px}._search_result_item_10yg9_53>div>span:first-child{font-weight:700}._no_result_10yg9_83{padding:5px;text-align:center}@media screen and (max-width: 768px){._search_input_wrapper_10yg9_5{max-width:120px}}.viteplay-navbar[data-v-4db07996]{position:fixed;top:0;right:0;left:0;z-index:var(--viteplay-z-index-navbar);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--viteplay-c-divider);padding:.7rem 1.5rem;height:var(--viteplay-header-height);background-color:var(--viteplay-c-bg)}.viteplay-navbar>*[data-v-4db07996]:first-child{margin-right:.8rem}.navbar-right[data-v-4db07996]{display:flex;flex:1;justify-content:flex-end}.navbar-right[data-v-4db07996] input{background-color:inherit}.viteplay-page>*{background-color:var(--viteplay-c-bg)}