@font-face{font-family:ui-monospace;src:local(Menlo-Regular),local(CascadiaCode-Regular),local(Consolas),local(RobotoMono-Regular),local(Cantarell-Regular),local(UbuntuMono-Regular),local(OxygenMono-Regular),local(Courier)}@font-face{font-family:ui-monospace;font-weight:700;src:local(Menlo-Bold),local(CascadiaCode-Bold),local(Consolas),local(RobotoMono-Bold),local(Cantarell-Bold),local(UbuntuMono-Bold),local(OxygenMono-Bold),local(CourierBold)}*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){line-height:1.5;tab-size:4;text-size-adjust:100%;cursor:default;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word}:where(body){margin:0}:where(h1){margin:.67em 0;font-size:2em}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){block-size:0;color:inherit}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(pre){overflow:auto;font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){text-indent:0;border-collapse:collapse;border-color:inherit}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{block-size:auto}::input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:button}:where(dialog){block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content;inset-inline:0;margin:auto;padding:1em;position:absolute;background-color:var(--PrimaryColor);border:solid;color:var(--InverseColor)}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:root{--step: .25rem;--rpx: .0625rem}:root{--BrightBlue200Color: hsl(205 88% 90%);--BrightBlue400Color: hsl(209 100% 79%);--BrightBlue500Color: hsl(208 100% 65%);--BrightBlue600Color: hsl(209 61% 52%);--BrightBlue700Color: hsl(209 57% 39%);--BrightBlue850Color: hsl(211 45% 14%);--BrightBlue900Color: hsl(212 37% 10%);--DarkBlue400Color: hsl(203 56% 42%);--DarkBlue500Color: hsl(202 100% 28%);--DarkBlue600Color: hsl(202 100% 22%);--DarkBlue700Color: hsl(208 54% 24%);--DarkBlue800Color: hsl(209 39% 17%);--DarkBlue850Color: hsl(209 39% 17%);--DarkBlue850ColorA0: hsl(209 39% 17% / 0%);--DarkBlue900Color: hsl(210 39% 15%);--DarkBlue950Color: hsl(213 36% 5%);--Grey100Color: hsl(225, 25%, 97%);--Grey200Color: hsl(216 31% 94%);--Grey300Color: hsl(213 12% 85%);--Grey400Color: hsl(214 11% 76%);--Grey500Color: hsl(217 11% 68%);--Grey600Color: hsl(219 6% 51%);--Grey700Color: hsl(216 6% 34%);--Grey800Color: hsl(220 5% 24.7%);--Grey900Color: hsl(225 5% 16.86%);--HotOrange600Color: hsl(20, 89%, 36%);--Neutral000Color: hsl(0 0% 100%);--Black000Color: hsl(0, 0%, 0%);--Orange400Color: hsl(42 100% 67%);--Orange600Color: hsl(35 100% 62%);--Orange700Color: hsl(33 100% 50%);--AstroOrangeColor: hsl(31, 92%, 54%);--Pink200Color: hsl(290, 61%, 76%);--Pink400Color: hsl(290, 61%, 51%);--Pink600Color: hsl(290 100% 30%);--Purple500Color: hsl(246, 54%, 63%);--Red700Color: hsl(350, 85%, 42%);--Green900Color: hsl(120, 100%, 18%);--Teal600Color: hsl(181 100% 32%);--InverseColor: var(--DarkBlue950Color);--PlaceholderColor: var(--Grey500Color);--PrimaryColor: var(--Neutral000Color);--SecondaryColor: var(--Grey300Color);--FocusLight: var(--Pink200Color);--FocusDark: var(--Pink400Color);--BaseColor: var(--BrightBlue900Color);--BaseColorDefault: var(--DarkBlue800Color);--BaseHeaderColor: var(--DarkBlue900Color);--InteractiveColor: var(--BrightBlue500Color);--InteractiveHoverColor: var(--BrightBlue400Color);--InteractiveMutedColor: var(--BrightBlue700Color);--SurfaceColor: var(--DarkBlue850Color);--SurfaceColorTransparent: var(--DarkBlue850ColorA0);--SurfaceHeaderColor: var(--DarkBlue900Color);--SurfaceSelectedColor: var(--DarkBlue700Color);--SystemType: system-ui;--SystemMonoType: ui-monospace;--FontFamilyBase: "Roboto";--EdgeRadius: max(3 * var(--rpx));--TopLayer: 2147483647}a-slots-control ul{margin:0;padding:0;list-style:none}a-slots-control ul li{display:flex;align-items:center;padding-block:max(1 * var(--step));position:relative}a-slots-control ul li[disabled]{color:var(--Grey500Color)}a-slots-control ul li[disabled] button{display:none}a-slots-control ul li button{padding:max(2 * var(--step));background-color:transparent;border:none;border:1px solid transparent;border-radius:3px;cursor:pointer}a-slots-control ul li button[data-slot-name]{margin-inline-start:auto}a-slots-control ul li button[data-slot-name]:disabled{cursor:not-allowed;opacity:.3}a-slots-control ul li button[data-slot-hide],a-slots-control ul li button[data-slot-question]{margin-inline-end:max(2 * var(--step));padding:0;background-color:transparent}a-slots-control ul li button svg{block-size:max(5 * var(--step));inline-size:max(5 * var(--step));fill:var(--DarkBlue500Color)}a-slots-control ul li button:hover svg{fill:var(--DarkBlue600Color)}a-slots-control ul li button[aria-selected=true][data-slot-name]{background-color:var(--Grey200Color)}a-slots-control ul li button[aria-selected=true][data-slot-name] svg{fill:var(--DarkBlue500Color)}a-slots-control ul li span[data-inactive-slot-name]{opacity:.3}a-slots-control ul li .slot-hide_question-description{inset-block-end:max(8 * var(--step));margin:0;padding:max(2 * var(--step));position:absolute;z-index:2;font-size:max(14 * var(--rpx));background-color:var(--Grey200Color);border-radius:var(--EdgeRadius);box-shadow:0 2px 5px #0003}:where(:root){overflow:hidden;font-family:"Helvetica",var(--SystemType)}@media (width > 700px){:where(:root,html,body,main.app){block-size:100%}}@media (width <= 700px){:where(:root,html,body,main.app){block-size:auto}}:where(h1,h2,h3,h4,h5,h6){margin-block:0;font-size:inherit;font-weight:inherit}:where(input){margin:0;padding:0;font:inherit;background-color:transparent;color:inherit;border-width:0}:where(select){margin:0;font:inherit;letter-spacing:inherit;text-align:inherit;text-transform:inherit;white-space:inherit;word-spacing:inherit;appearance:none;background-color:transparent;border-style:none;color:inherit}:where(:root){--BackColor: Canvas;--FillColor: CanvasText;--TextColor: var(--FillColor);--EdgeColor: var(--FillColor);--EdgeSize: 1px;--EdgeRadius: 3px;--RadiusBase: 3px;--RadiusRound: 9e9px}:where(svg){fill:var(--FillColor)}.app{display:grid;gap:1px;min-block-size:max(68 * var(--step));overflow:hidden;padding:1px;background-color:var(--EdgeColor);border-radius:var(--EdgeRadius);box-shadow:var(--EdgeColor) 0 0 0 var(--EdgeSize) inset;--EdgeColor: var(--Grey600Color);--EdgeSizeInner: calc(var(--EdgeRadius) - var(--EdgeSize))}@media (width <= 700px){.app{grid-template-columns:100%;grid-template-rows:max(80 * var(--step)) auto max-content;--max-height: 400px}.app .panel-nav-area{display:none}}@media (width > 700px){.app{grid-template-areas:"sandbox control nav" "codedrawer codedrawer codedrawer";grid-template-columns:1fr max-content max-content;grid-template-rows:auto max-content;overflow:initial;--max-height: 100%}.app .sandbox-area{grid-area:sandbox}.app .control-area{grid-area:control}.app .panel-nav-area{grid-area:nav}.app .code-drawer-area{grid-area:codedrawer}}.app .sandbox-area,.app .control-area,.app .panel-nav-area{display:grid;block-size:100%;grid-auto-rows:auto 1fr;overflow:hidden;background-color:var(--Neutral000Color);color:var(--Grey900Color)}@media (width < 700px){.app .sandbox-area{border-start-start-radius:var(--EdgeSizeInner);border-start-end-radius:var(--EdgeSizeInner)}}@media (width >= 700px){.app .sandbox-area{min-block-size:400px;border-start-start-radius:var(--EdgeSizeInner)}}.app .control-area{max-block-size:var(--max-height)}@media (width < 700px){.app .control-area{overflow:initial}}@media (width >= 700px){.app .control-area{grid-auto-rows:minmax(0,1fr);min-block-size:400px}}@media (width >= 700px){.app .panel-nav-area{border-start-end-radius:var(--EdgeSizeInner);min-block-size:400px}}@media (width < 700px){.app .panel-nav-area{display:none}}.app .code-drawer-area{max-block-size:400px;border-end-start-radius:var(--EdgeSizeInner);border-end-end-radius:var(--EdgeSizeInner)}@media (width >= 700px){a-panel+a-panel{box-shadow:var(--Grey600Color) 0 -1px 0 0}}:is(:focus-visible):not(a-switch){border-radius:var(--EdgeRadius);outline:max(1 * var(--rpx)) solid var(--FocusDark);outline-offset:max(2 * var(--rpx))}