.code-guide-cards[data-astro-cid-ogpdcgws]{display:grid;gap:1rem;margin:1.25rem 0;padding:0;list-style:none}.code-guide-cards[data-astro-cid-ogpdcgws]>li[data-astro-cid-ogpdcgws]{min-width:0;padding:1rem;border:.1875rem solid var(--playground-border);background:var(--playground-surface)}h4[data-astro-cid-ogpdcgws]{margin:0 0 .75rem}figure[data-astro-cid-ogpdcgws]{min-width:0;margin:.75rem 0}figcaption[data-astro-cid-ogpdcgws]{padding:.4rem .6rem;background:var(--playground-highlight);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;font-weight:800}figure[data-astro-cid-ogpdcgws] pre{min-width:0;margin:0;overflow-x:auto;border:.125rem solid var(--playground-border)}li[data-astro-cid-ogpdcgws]>p[data-astro-cid-ogpdcgws]{margin:.75rem 0 0}/**
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
* @license MIT
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
* Originally forked from (with the author's permission):
*   Fabrice Bellard's javascript vt100 for jslinux:
*   http://bellard.org/jslinux/
*   Copyright (c) 2011 Fabrice Bellard
*   The original design remains. The terminal itself
*   has been extended to include xterm CSI codes, among
*   other features.
*/.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.code-playground{--playground-text: var(--color-text);--playground-surface: var(--color-surface);--playground-background: var(--color-background);--playground-primary: var(--color-primary);--playground-highlight: var(--color-highlight);--playground-danger: var(--color-accent-text);--playground-dirty: var(--color-pink);--playground-focus: var(--color-focus);--playground-lemon: var(--color-lemon);--playground-code: var(--color-code);--playground-border: var(--color-border);--playground-shadow: var(--shadow-hard)}.case-file .code-playground{--playground-text: var(--case-ink);--playground-surface: var(--case-paper);--playground-background: var(--case-mint);--playground-primary: var(--case-line);--playground-highlight: var(--case-mint);--playground-danger: var(--case-coral);--playground-dirty: var(--case-coral);--playground-focus: var(--case-coral);--playground-lemon: var(--case-lemon);--playground-code: var(--case-ink);--playground-border: var(--case-line);--playground-shadow: .375rem .375rem 0 var(--case-line)}.session-code-playground{width:min(100%,70ch);min-width:0}.session-code-playground [data-code-explorer]{min-width:0}.code-playground.session-code-playground .code-explorer__workspace{grid-template-columns:minmax(0,1fr)}.code-playground.session-code-playground .code-explorer__workspace nav{max-height:18rem}.code-playground [data-code-explorer]{min-width:0;padding:clamp(.75rem,2vw,1.25rem);border:.25rem solid var(--playground-text);border-radius:var(--radius);background:var(--playground-surface);box-shadow:var(--playground-shadow)}.code-playground .code-explorer{min-width:0}.code-playground .code-explorer>p{margin-bottom:1rem;font-weight:900}.code-playground .code-explorer__workspace{display:grid;grid-template-columns:minmax(10rem,13rem) minmax(0,1fr);gap:.75rem;min-width:0}.code-playground [data-code-overview] .code-explorer__workspace{grid-template-columns:minmax(0,1fr)}.code-playground .code-explorer__workspace nav{min-width:0;max-height:38rem;padding:.5rem;overflow:auto;border:.1875rem solid var(--playground-text);border-radius:var(--radius);background:var(--playground-background);font-size:.8125rem;line-height:1.4;overscroll-behavior:contain}.code-playground .code-explorer__guides{min-width:0;max-height:38rem;margin:0;padding:.75rem;overflow:auto;border:.1875rem solid var(--playground-text);border-radius:var(--radius);background:var(--playground-background);list-style:none}.code-playground .code-explorer__guides li+li{margin-top:.5rem}.code-playground .code-explorer__guides button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);gap:.625rem;padding:.625rem;border:.125rem solid transparent;border-radius:.375rem;background:transparent;color:var(--playground-text);text-align:left;cursor:pointer}.code-playground .code-explorer__guides button[aria-pressed=true]{border-color:var(--playground-primary);background:var(--playground-highlight);font-weight:900}.code-playground .code-explorer__workspace nav ul{min-width:0;margin:0;padding:0;list-style:none}.code-playground .code-explorer__workspace nav ul ul{margin:.125rem 0 .25rem .25rem;padding-left:.5rem;border-left:.125rem solid var(--playground-border)}.code-playground .code-explorer__workspace nav li+li{margin-top:.125rem}.code-playground .code-explorer__folder{display:block;padding:.125rem .25rem;font-weight:950}.code-playground .code-explorer__workspace nav button{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:.25rem;padding:.25rem .35rem;border:.125rem solid transparent;border-radius:.375rem;background:transparent;color:var(--playground-text);text-align:left;cursor:pointer}.code-playground .code-explorer__workspace nav button>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-playground .code-explorer__workspace nav button[aria-pressed=true]{border-color:var(--playground-primary);background:var(--playground-highlight);font-weight:900}.code-playground .code-explorer__dirty{flex:none;padding:.1rem .35rem;border-radius:999px;background:var(--playground-dirty);color:var(--playground-surface);font-size:.6875rem;font-weight:950}.code-playground .code-explorer__editor{min-width:0;overflow:hidden;border:.1875rem solid var(--playground-text);border-radius:var(--radius);background:var(--playground-code)}.code-playground .code-explorer__guide-detail{margin-bottom:.75rem;padding:.75rem;border-left:.375rem solid var(--playground-danger);background:var(--playground-lemon)}.code-playground .code-explorer__monaco{position:relative;min-width:0;min-height:32rem}.code-playground .code-explorer__monaco>pre{position:absolute;inset:0;z-index:1;margin:0;padding:1rem;overflow:auto;background:var(--playground-code);color:var(--playground-surface);line-height:1.55;overscroll-behavior:contain}.code-playground .code-explorer__source-path,.code-playground .code-explorer__source-line{display:block}.code-playground .code-explorer__highlighted-line,.code-playground .code-explorer__source-line--highlighted{background:color-mix(in srgb,var(--playground-danger) 24%,transparent)}.code-playground .code-explorer__highlighted-gutter{border-left:.25rem solid var(--playground-danger)}.code-playground .code-explorer__monaco>div[aria-label^="コードエディタ:"]{min-width:0;min-height:32rem}.code-playground .code-explorer__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;padding:.75rem;border-top:.1875rem solid var(--playground-text);background:var(--playground-surface)}.code-playground .code-explorer__actions>p{flex:1 1 100%;margin:0;color:var(--playground-danger);font-weight:900}.code-playground :is(.code-explorer__actions,.code-explorer__terminal) button{min-height:2.75rem;padding:.45rem .8rem;border:.1875rem solid var(--playground-text);border-radius:.375rem;background:var(--playground-lemon);color:var(--playground-text);font-weight:950;cursor:pointer}.code-playground .code-explorer__empty{min-height:32rem;margin:0;padding:1rem;background:var(--playground-code);color:var(--playground-surface)}.code-playground .code-explorer__terminal{width:100%;min-width:0;margin-top:.75rem;overflow:hidden;border:.1875rem solid var(--playground-text);border-radius:var(--radius);background:var(--playground-surface)}.code-playground .code-explorer__terminal[data-state=preparing]{border-color:var(--playground-primary)}.code-playground .code-explorer__terminal[data-state=failed]{border-color:var(--playground-danger);border-left-width:.75rem}.code-playground :is(.code-explorer__terminal-prompt,.code-explorer__terminal-status,.code-explorer__terminal-exit){padding:.75rem}.code-playground .code-explorer__terminal-prompt{display:flex;align-items:center;justify-content:space-between;gap:1rem}.code-playground :is(.code-explorer__terminal-prompt,.code-explorer__terminal-status,.code-explorer__terminal-exit) p{margin:0;font-weight:850}.code-playground .code-explorer__terminal-status button{margin-top:.75rem}.code-playground .code-explorer__terminal-shell{min-width:0;overflow:hidden}.code-playground .code-explorer__terminal-viewport{min-width:0;padding:.5rem;background:var(--playground-code)}.code-playground .code-explorer__terminal-screen{width:100%;height:clamp(18rem,34vh,24rem);min-width:0;overflow:hidden;background:var(--playground-code)}.code-playground .code-explorer__terminal-exit{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:.1875rem solid var(--playground-text);background:var(--playground-lemon)}.code-playground :is(a,button):focus-visible{outline:.25rem solid var(--playground-focus);outline-offset:.1875rem}.code-playground button:disabled{opacity:.55;cursor:not-allowed}@media (min-width: 40rem){.code-playground [data-code-overview] .code-explorer__guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:none}.code-playground [data-code-overview] .code-explorer__guides li+li{margin-top:0}}@media (max-width: 63.99rem){.code-playground .code-explorer__workspace{grid-template-columns:minmax(0,1fr)}.code-playground .code-explorer__workspace nav{max-height:18rem}.code-playground .code-explorer__guides{max-height:18rem}.code-playground .code-explorer__monaco,.code-playground .code-explorer__monaco>div[aria-label^="コードエディタ:"]{min-height:24rem}.code-playground .code-explorer__actions button{flex:1 1 12rem}.code-playground .code-explorer__terminal-prompt,.code-playground .code-explorer__terminal-exit{align-items:stretch;flex-direction:column}.code-playground .code-explorer__terminal-screen{height:15rem}}