@container (calc(960 / 16 * 1em) <= inline-size){}@container (inline-size < calc(960 / 16 * 1em)){}.box_sample_item:is(.is-full-width){margin-inline:calc(50% - 50vw + var(--scrollbar-width, 0px)/2)}.box_sample_item:is(.box_sample_item:not(.is-full-width)){margin-inline:auto;width:90%}.box_sample_item .box_sample_part{max-width:100%;margin-bottom:calc(20/var(--base)*1em);padding-block:calc(40/var(--base)*1em);resize:horizontal;overflow:hidden}.box_sample_item+.box_sample_item{margin-top:calc(80/var(--base)*1em)}.box_sample_code{--prism-border-radius: calc(32 / var(--base) * 1em);--prism-line-number-width: calc(16 * 3 / var(--base) * 1em);--prism-line-number-margin-right: calc(16 / var(--base) * 1em);--prism-padding-left: calc(var(--prism-line-number-width) + var(--prism-line-number-margin-right));position:relative;transition:.15s}.box_sample_code:has(.copy-to-clipboard-button:active){transform:scale(0.99);transition:0s}.box_sample_code:has(.copy-to-clipboard-button:hover){opacity:.9}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;font-family:"Noto Sans Mono","Noto Sans JP","Courier New",monospace;font-size:calc(16/var(--base)*1em);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:0;overflow:auto;border-radius:0 0 var(--prism-border-radius) var(--prism-border-radius);corner-shape:squircle}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:var(--prism-border-radius);corner-shape:squircle;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:hsl(24,20%,95%);font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,.2)}pre[class*=language-].line-numbers{position:relative;padding-left:var(--prism-padding-left);counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:calc(var(--prism-padding-left)*-1);width:var(--prism-line-number-width);letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.code-toolbar{display:grid;position:relative}.code-toolbar>.toolbar{order:-1;display:flex;gap:calc(10/var(--base)*1em);padding:calc(10/var(--base)*1em) calc(20/var(--base)*1em);font-family:"Noto Sans JP",sans-serif;color:#fff;background:#333;border-radius:var(--prism-border-radius) var(--prism-border-radius) 0 0;corner-shape:squircle}.code-toolbar>.toolbar>.toolbar-item:has(.copy-to-clipboard-button){margin-left:auto}.code-toolbar>.toolbar>.toolbar-item:has(.copy-to-clipboard-button) button{position:static}.code-toolbar>.toolbar>.toolbar-item:has(.copy-to-clipboard-button) button::before{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--prism-border-radius);corner-shape:squircle}.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}.code-toolbar>.toolbar>.toolbar-item>button{background:none;border:0;color:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;user-select:none}.command-line-prompt{border-right:1px solid #999;display:block;float:left;font-size:100%;letter-spacing:-1px;margin-right:1em;pointer-events:none;text-align:right;-webkit-user-select:none;user-select:none}.command-line-prompt>span:before{opacity:.7;content:" ";display:block;padding-right:.8em}.command-line-prompt>span[data-user]:before{content:"[" attr(data-user) "@" attr(data-host) "] $"}.command-line-prompt>span[data-user=root]:before{content:"[" attr(data-user) "@" attr(data-host) "] #"}.command-line-prompt>span[data-prompt]:before{content:attr(data-prompt)}.command-line-prompt>span[data-continuation-prompt]:before{content:attr(data-continuation-prompt)}.command-line span.token.output{opacity:.7}[class*=lang-] script[type="text/plain"],[class*=language-] script[type="text/plain"],script[type="text/plain"][class*=lang-],script[type="text/plain"][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto}