@layer uno-theme{:root,:host{--spacing:.25rem;--font-heading:"Clash Display", sans-serif;--fontWeight-medium:500;--radius-lg:.5rem;--radius-xl:.75rem;--fontWeight-semibold:600;--tracking-wide:.025em;--colors-black:#000;--container-sm:24rem;--leading-snug:1.375;--font-body:"Red Hat Display", system-ui, sans-serif;--font-mono:"Red Hat Mono", ui-monospace, monospace;--colors-white:#fff;--text-sm-fontSize:.875rem;--text-sm-lineHeight:1.25rem;--text-base-fontSize:1rem;--text-base-lineHeight:1.5rem;--font-sans: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";--default-font-family:var(--font-body);--default-monoFont-family:var(--font-mono)}}@layer uno-base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-featureSettings,normal);font-variation-settings:var(--default-font-variationSettings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-monoFont-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-monoFont-featureSettings,normal);font-variation-settings:var(--default-monoFont-variationSettings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden~=until-found])){display:none!important}}@layer uno-icons{.i-solar\:check-circle-linear{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m8.5 12.5l2 2l5-5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-solar\:full-screen-linear{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M22 14c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22m-4 0c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14m8-12C6.229 2 4.343 2 3.172 3.172S2 6.229 2 10m12-8c3.771 0 5.657 0 6.828 1.172S22 6.229 22 10'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-solar\:quit-full-screen-linear{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M14 22c0-3.771 0-5.657 1.172-6.828S18.229 14 22 14M2 14c3.771 0 5.657 0 6.828 1.172S10 18.229 10 22M2 10c3.771 0 5.657 0 6.828-1.172S10 5.771 10 2m12 8c-3.771 0-5.657 0-6.828-1.172S14 5.771 14 2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-solar\:settings-linear{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M13.765 2.152C13.398 2 12.932 2 12 2s-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083c-.092.223-.129.484-.143.863a1.62 1.62 0 0 1-.79 1.353a1.62 1.62 0 0 1-1.567.008c-.336-.178-.579-.276-.82-.308a2 2 0 0 0-1.478.396C4.04 5.79 3.806 6.193 3.34 7s-.7 1.21-.751 1.605a2 2 0 0 0 .396 1.479c.148.192.355.353.676.555c.473.297.777.803.777 1.361s-.304 1.064-.777 1.36c-.321.203-.529.364-.676.556a2 2 0 0 0-.396 1.479c.052.394.285.798.75 1.605c.467.807.7 1.21 1.015 1.453a2 2 0 0 0 1.479.396c.24-.032.483-.13.819-.308a1.62 1.62 0 0 1 1.567.008c.483.28.77.795.79 1.353c.014.38.05.64.143.863a2 2 0 0 0 1.083 1.083C10.602 22 11.068 22 12 22s1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083c.092-.223.129-.483.143-.863c.02-.558.307-1.074.79-1.353a1.62 1.62 0 0 1 1.567-.008c.336.178.579.276.819.308a2 2 0 0 0 1.479-.396c.315-.242.548-.646 1.014-1.453s.7-1.21.751-1.605a2 2 0 0 0-.396-1.479c-.148-.192-.355-.353-.676-.555A1.62 1.62 0 0 1 19.562 12c0-.558.304-1.064.777-1.36c.321-.203.529-.364.676-.556a2 2 0 0 0 .396-1.479c-.052-.394-.285-.798-.75-1.605c-.467-.807-.7-1.21-1.015-1.453a2 2 0 0 0-1.479-.396c-.24.032-.483.13-.82.308a1.62 1.62 0 0 1-1.566-.008a1.62 1.62 0 0 1-.79-1.353c-.014-.38-.05-.64-.143-.863a2 2 0 0 0-1.083-1.083Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-solar\:share-linear{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Cpath d='M9 12a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Z'/%3E%3Cpath stroke-linecap='round' d='M14 6.5L9 10m5 7.5L9 14'/%3E%3Cpath d='M19 18.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Zm0-13a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}}@layer uno-default{.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.1em\]{font-size:1.1em}.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight))}.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight))}.text-\[var\(--v0-on-primary\)\]{color:color-mix(in oklab, var(--v0-on-primary) var(--un-text-opacity), transparent) }.text-\[var\(--v0-on-surface-variant\)\]{color:color-mix(in oklab, var(--v0-on-surface-variant) var(--un-text-opacity), transparent) }.text-\[var\(--v0-on-surface\)\]{color:color-mix(in oklab, var(--v0-on-surface) var(--un-text-opacity), transparent) }.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }.leading-snug{--un-leading:var(--leading-snug);line-height:var(--leading-snug)}.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.font-body{font-family:var(--font-body)}.font-heading{font-family:var(--font-heading)}.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium)}.font-mono{font-family:var(--font-mono)}.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold)}.m-0{margin:calc(var(--spacing) * 0)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.p-0{padding:calc(var(--spacing) * 0)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-divider{border-color:color-mix(in srgb, var(--v0-divider) var(--un-border-opacity), transparent) }.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.bg-background{background-color:color-mix(in srgb, var(--v0-background) var(--un-bg-opacity), transparent) }.bg-black\/55{background-color:color-mix(in srgb, var(--colors-black) 55%, transparent) }.bg-error{background-color:color-mix(in srgb, var(--v0-error) var(--un-bg-opacity), transparent) }.bg-primary{background-color:color-mix(in srgb, var(--v0-primary) var(--un-bg-opacity), transparent) }.bg-surface{background-color:color-mix(in srgb, var(--v0-surface) var(--un-bg-opacity), transparent) }.bg-transparent{background-color:#0000}.hover\:bg-white\/8:hover{background-color:color-mix(in srgb, var(--colors-white) 8%, transparent) }.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.grid{display:grid}.size-\[1\.1em\]{width:1.1em;height:1.1em}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.h-\[874px\]{height:874px}.h-12{height:calc(var(--spacing) * 12)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h2{height:calc(var(--spacing) * 2)}.h3{height:calc(var(--spacing) * 3)}.max-h-full{max-height:100%}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-w-0{min-width:calc(var(--spacing) * 0)}.w-\[402px\]{width:402px}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.block{display:block}.cursor-col-resize{cursor:col-resize}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.uppercase{text-transform:uppercase}.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color,#00000040);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color,#0000001a),0 8px 10px -6px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.items-center{align-items:center}.items-stretch{align-items:stretch}.inset-0{inset:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.top-\[calc\(100\%\+6px\)\]{top:calc(100% + 6px)}.top-4{top:calc(var(--spacing) * 4)}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.place-content-center{place-content:center}.place-items-center{place-items:center}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-\[100\]{z-index:100}.z-\[51\]{z-index:51}.z-40{z-index:40}.z-50{z-index:50}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.hover\:brightness-110:hover{--un-brightness:brightness(110%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@supports (color:color-mix(in lab, red, red)){.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }.bg-black\/55{background-color:color-mix(in oklab, var(--colors-black) 55%, transparent) }.hover\:bg-white\/8:hover{background-color:color-mix(in oklab, var(--colors-white) 8%, transparent) }}html{height:100%;font-family:var(--font-body)}body,#app{height:100%;margin:0}body,input,button,textarea,select{font-family:inherit;font-weight:500}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);word-spacing:.15em;font-weight:500}}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--un-bg-opacity:100%;--un-leading:initial;--un-text-opacity:100%;--un-border-opacity:100%}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-leading{syntax:"*";inherits:false}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}.split-pane[data-v-a9fd0472]{height:100%;display:flex;position:relative}.split-pane.dragging[data-v-a9fd0472]{cursor:ew-resize}.dragging .left[data-v-a9fd0472],.dragging .right[data-v-a9fd0472]{pointer-events:none}.left[data-v-a9fd0472],.right[data-v-a9fd0472]{height:100%;position:relative}.view-size[data-v-a9fd0472]{color:var(--text-light);z-index:100;font-size:12px;position:absolute;top:40px;left:10px}.left[data-v-a9fd0472]{border-right:1px solid var(--border)}.dragger[data-v-a9fd0472]{z-index:3;cursor:ew-resize;width:10px;position:absolute;top:0;bottom:0;right:-5px}.toggler[data-v-a9fd0472]{z-index:3;font-family:var(--font-code);color:var(--text-light);background-color:var(--bg);border-radius:8px;padding:8px 12px;display:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #00000040}.dark .toggler[data-v-a9fd0472]{background-color:var(--bg)}@media (width>=721px){.split-pane.vertical[data-v-a9fd0472]{display:block}.split-pane.vertical.dragging[data-v-a9fd0472]{cursor:ns-resize}.vertical .dragger[data-v-a9fd0472]{cursor:ns-resize;width:100%;height:10px;inset:auto 0 -5px}.vertical .left[data-v-a9fd0472],.vertical .right[data-v-a9fd0472]{width:100%}.vertical .left[data-v-a9fd0472]{border-right:none;border-bottom:1px solid var(--border)}}@media (width<=720px){.left[data-v-a9fd0472],.right[data-v-a9fd0472]{position:absolute;inset:0;width:auto!important;height:auto!important}.dragger[data-v-a9fd0472]{display:none}.split-pane .toggler[data-v-a9fd0472]{display:block}.split-pane .right[data-v-a9fd0472],.split-pane.show-output.reverse .right[data-v-a9fd0472],.split-pane.show-output .left[data-v-a9fd0472],.split-pane.reverse .left[data-v-a9fd0472]{z-index:-1;pointer-events:none}.split-pane .left[data-v-a9fd0472],.split-pane.show-output.reverse .left[data-v-a9fd0472],.split-pane.show-output .right[data-v-a9fd0472],.split-pane.reverse .right[data-v-a9fd0472]{z-index:0;pointer-events:all}}.msg.err[data-v-024df844]{--color:#f56c6c;--bg-color:#fef0f0}.dark .msg.err[data-v-024df844]{--bg-color:#2b1d1d}.msg.warn[data-v-024df844]{--color:#e6a23c;--bg-color:#fdf6ec}.dark .msg.warn[data-v-024df844]{--bg-color:#292218}pre[data-v-024df844]{margin:0;padding:12px 20px;overflow:auto}.msg[data-v-024df844]{z-index:20;font-family:var(--font-code);white-space:pre-wrap;min-height:40px;max-height:calc(100% - 300px);color:var(--color);border:2px solid #0000;border-color:var(--color);background-color:var(--bg-color);border-radius:6px;align-items:stretch;margin-bottom:8px;display:flex;position:absolute;bottom:0;left:8px;right:8px}.dismiss[data-v-024df844]{text-align:center;width:18px;height:18px;color:var(--bg-color);background-color:var(--color);border-radius:9px;padding:0;font-size:9px;line-height:18px;display:block;position:absolute;top:2px;right:2px}@media (width<=720px){.dismiss[data-v-024df844]{top:-9px;right:-9px}.msg[data-v-024df844]{bottom:50px}}.fade-enter-active[data-v-024df844],.fade-leave-active[data-v-024df844]{transition:all .15s ease-out}.fade-enter-from[data-v-024df844],.fade-leave-to[data-v-024df844]{opacity:0;transform:translateY(10px)}.iframe-container[data-v-f5948b43],.iframe-container[data-v-f5948b43] iframe{background-color:#fff;border:none;width:100%;height:100%}.iframe-container.dark[data-v-f5948b43] iframe{background-color:#1e1e1e}.ssr-output[data-v-23aca22a]{background:var(--bg);box-sizing:border-box;color:var(--text-light);width:100%;height:100%;padding:10px;overflow:auto}.ssr-output-pre[data-v-23aca22a]{font-family:var(--font-code);white-space:pre-wrap}.output-container[data-v-d8257147]{height:calc(100% - var(--header-height));position:relative;overflow:hidden}.tab-buttons[data-v-d8257147]{box-sizing:border-box;border-bottom:1px solid var(--border);background-color:var(--bg);height:var(--header-height);overflow:hidden}.tab-buttons button[data-v-d8257147]{box-sizing:border-box;padding:0}.tab-buttons span[data-v-d8257147]{font-size:13px;font-family:var(--font-code);text-transform:uppercase;color:var(--text-light);padding:8px 16px 6px;line-height:20px;display:inline-block}button.active[data-v-d8257147]{color:var(--color-branding-dark);border-bottom:3px solid var(--color-branding-dark)}.open-sourcemap[data-v-d8257147]{position:absolute;top:0;right:0}.file-selector[data-v-13b607d1]{box-sizing:border-box;border-bottom:1px solid var(--border);background-color:var(--bg);white-space:nowrap;height:var(--header-height);display:flex;position:relative;overflow:auto hidden}.file-selector[data-v-13b607d1]::-webkit-scrollbar{height:1px}.file-selector[data-v-13b607d1]::-webkit-scrollbar-track{background-color:var(--border)}.file-selector[data-v-13b607d1]::-webkit-scrollbar-thumb{background-color:var(--color-branding)}@-moz-document url-prefix(){.file-selector[data-v-13b607d1]{scrollbar-width:thin;scrollbar-color:var(--color-branding) var(--border)}}.file-selector.has-import-map .add[data-v-13b607d1]{margin-right:10px}.file[data-v-13b607d1]{font-size:13px;font-family:var(--font-code);cursor:pointer;color:var(--text-light);box-sizing:border-box;display:inline-block;position:relative}.file.active[data-v-13b607d1]{color:var(--color-branding);border-bottom:3px solid var(--color-branding);cursor:text}.file span[data-v-13b607d1]{padding:8px 10px 6px;line-height:20px;display:inline-block}.file.pending span[data-v-13b607d1]{color:#0000;background-color:#c8c8c833;min-width:50px;min-height:34px;padding-right:32px}.file.pending input[data-v-13b607d1]{font-size:13px;font-family:var(--font-code);min-width:1px;color:inherit;background-color:#0000;border:none;outline:none;padding:0 3px;line-height:20px;position:absolute;inset:8px 7px auto}.file .remove[data-v-13b607d1]{vertical-align:middle;cursor:pointer;padding-left:0;line-height:12px;display:inline-block}.add[data-v-13b607d1]{font-size:18px;font-family:var(--font-code);color:#999;vertical-align:middle;margin-left:6px;position:relative;top:-1px}.add[data-v-13b607d1]:hover{color:var(--color-branding)}.icon[data-v-13b607d1]{margin-top:-1px}.import-map-wrapper[data-v-13b607d1]{background-color:var(--bg);background:linear-gradient(90deg,#fff0 0%,#fff 25%);margin-left:auto;padding-left:30px;position:sticky;top:0;right:0}.dark .import-map-wrapper[data-v-13b607d1]{background:linear-gradient(90deg,#1a1a1a00 0%,#1a1a1a 25%)}.wrapper[data-v-17ef6099]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.toggle[data-v-17ef6099]{background-color:var(--border);border-radius:12px;width:32px;height:18px;margin-left:4px;display:inline-block;position:relative}.indicator[data-v-17ef6099]{background-color:var(--text-light);width:14px;height:14px;color:var(--bg);text-align:center;border-radius:50%;font-size:12px;transition:transform .2s ease-in-out;position:absolute;top:2px;left:2px}.active .indicator[data-v-17ef6099]{background-color:var(--color-branding);color:#fff;transform:translate(14px)}.editor-container[data-v-145d5330]{height:calc(100% - var(--header-height));position:relative;overflow:hidden}.editor-floating[data-v-145d5330]{z-index:11;background-color:var(--bg);color:var(--text-light);flex-direction:column;align-items:end;gap:8px;padding:8px;display:flex;position:absolute;bottom:16px;right:16px}.vue-repl{--bg:#fff;--bg-soft:#f8f8f8;--border:#ddd;--text-light:#888;--font-code:Menlo, Monaco, Consolas, "Courier New", monospace;--color-branding:#42b883;--color-branding-dark:#416f9c;--header-height:38px;background-color:var(--bg-soft);height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px;overflow:hidden}.dark .vue-repl{--bg:#1a1a1a;--bg-soft:#242424;--border:#383838;--text-light:#aaa;--color-branding:#42d392;--color-branding-dark:#89ddff}.vue-repl button{cursor:pointer;background-color:#0000;border:none;outline:none;margin:0}@font-face{font-family:Red Hat Display;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-display-latin-ext-500-normal-1Gu2JayI.woff2)format("woff2"),url(/assets/red-hat-display-latin-ext-500-normal-BVAh5fhN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Display;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-display-latin-500-normal-q2vn4sTq.woff2)format("woff2"),url(/assets/red-hat-display-latin-500-normal-BuXLKpl5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/red-hat-display-latin-ext-600-normal-DVGr6C0S.woff2)format("woff2"),url(/assets/red-hat-display-latin-ext-600-normal-C64L2Vfk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/red-hat-display-latin-600-normal-BbN_fQ7Z.woff2)format("woff2"),url(/assets/red-hat-display-latin-600-normal-B3rzeGOx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/red-hat-mono-latin-ext-400-normal-CTgQ0k1t.woff2)format("woff2"),url(/assets/red-hat-mono-latin-ext-400-normal-CQ9iMEKY.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/red-hat-mono-latin-400-normal-C-lyubUB.woff2)format("woff2"),url(/assets/red-hat-mono-latin-400-normal-CG-MPK9d.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-mono-latin-ext-500-normal-DzmeEbMl.woff2)format("woff2"),url(/assets/red-hat-mono-latin-ext-500-normal-C50_0SE6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-mono-latin-500-normal-CjZS5o_4.woff2)format("woff2"),url(/assets/red-hat-mono-latin-500-normal-C00uZsq5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Clash Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ClashDisplay-Regular.woff2)format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ClashDisplay-Medium.woff2)format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ClashDisplay-Semi-Bold.woff2)format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ClashDisplay-Bold.woff2)format("woff2")}.icon-btn{width:36px;height:36px;color:var(--v0-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:20px;transition:background-color .12s,color .12s;display:inline-flex}.icon-btn:hover{color:var(--v0-on-surface);background:#ffffff14}.icon-btn>i{width:1em;height:1em;display:block}.switch{background:var(--v0-surface-variant);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .15s;position:relative}.switch[aria-checked=true]{background:var(--v0-primary)}.switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true] .switch-thumb{transform:translate(18px)}.splitter{cursor:col-resize;background:var(--v0-divider);flex-shrink:0;width:5px;position:relative}.splitter:after{content:"";position:absolute;inset:0 -3px}.splitter:hover,.workspace-resizing .splitter{background:var(--v0-primary)}.playground-editor .split-pane .right,.playground-editor .split-pane .dragger,.playground-editor .split-pane .divider,.playground-editor .editor-floating,.playground-editor .import-map-wrapper,.playground-editor .file-selector,.playground-preview .toggler{display:none!important}.playground-editor .split-pane .left{border:none!important;width:100%!important}.playground-editor .editor-container,.playground-editor .vue-repl,.playground-editor .split-pane{border:none;width:100%!important;height:100%!important}.playground-preview .iframe-container,.playground-preview iframe{border:none;position:absolute;inset:0;width:100%!important;height:100%!important}.playground-editor .vue-repl{--bg:var(--v0-background);--bg-soft:var(--v0-surface);--border:var(--v0-divider);--text-light:var(--v0-on-surface-variant);--color-branding:var(--v0-primary);--color-branding-dark:var(--v0-secondary);--header-height:0px;color:var(--v0-on-surface);background:var(--v0-background)!important}.playground-editor .editor-container,.playground-editor .split-pane,.playground-editor .split-pane .left{background:var(--v0-background)!important}.playground-editor .monaco-editor,.playground-editor .monaco-editor .margin,.playground-editor .monaco-editor .monaco-editor-background,.playground-editor .monaco-editor .inputarea.ime-input,.playground-editor .overflow-guard,.playground-editor .monaco-editor .sticky-widget{background-color:var(--v0-background)!important}.playground-editor .monaco-editor{--vscode-editorStickyScroll-background:var(--v0-background);--vscode-editorStickyScrollHover-background:var(--v0-surface)}