:where(.preview){line-height:2;--tw-text-opacity:1;color:rgb(62 70 77/var(--tw-text-opacity));font-size:clamp(1rem,1rem + 0vw,1rem)}:where(.preview) :where(section,div)>:not([hidden])~:where(:not([class*=browser])){margin-top:1lh}:where(.preview) h1,:where(.preview) h2,:where(.preview) h3,:where(.preview) h4,:where(.preview) h5,:where(.preview) h6{font-weight:700;line-height:1.5;margin-bottom:1rlh;margin-top:2lh;--tw-text-opacity:1;color:rgb(27 28 32/var(--tw-text-opacity));word-break:auto-phrase}:where(.preview) h1{font-size:clamp(2rem,1.9rem + .5vw,2.5rem)}:where(.preview) h2{font-size:clamp(1.5rem,1.4rem + .5vw,2rem)}:where(.preview) h3{font-size:clamp(1.25rem,1.2rem + .25vw,1.5rem)}:where(.preview) h4{font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem)}:where(.preview) h5{font-size:clamp(1rem,.975rem + .125vw,1.125rem)}:where(.preview) h6{font-size:clamp(.875rem,.85rem + .125vw,1rem)}:where(.preview) ol,:where(.preview) ul{padding-left:1.25rem}:where(.preview) ol ::marker,:where(.preview) ul ::marker{color:#359d9e;font-weight:700}:where(.preview) ol::marker,:where(.preview) ul::marker{color:#359d9e;font-weight:700}:where(.preview) ul{list-style-type:disc}:where(.preview) ol{list-style-type:decimal}:where(.preview) dl{border-left-width:1px;--tw-border-opacity:1;background-color:#f4f4fcb3;border-color:rgb(53 157 158/var(--tw-border-opacity));font-size:.875em;padding:1.5rem}:where(.preview) dl dt{font-weight:700}:where(.preview) dl dd{margin-left:.5rem}:where(.preview) dl dd+dt{margin-top:1rem}:where(.preview) table{table-layout:auto;text-align:left;width:100%}:where(.preview) caption{margin-top:1lh;text-align:left;--tw-text-opacity:1;color:rgb(123 136 147/var(--tw-text-opacity))}:where(.preview) td,:where(.preview) th{line-height:1.75;padding:.75em 1rem}:where(.preview) thead{border-bottom:1px solid #eee}:where(.preview) thead th{font-weight:600;vertical-align:bottom;--tw-text-opacity:1;color:rgb(27 28 32/var(--tw-text-opacity))}:where(.preview) tbody tr{border-bottom:1px solid #eee}:where(.preview) em{font-style:normal;font-weight:700;--tw-text-opacity:1;color:rgb(27 28 32/var(--tw-text-opacity));-webkit-text-emphasis:dot #359d9e;text-emphasis:dot #359d9e}:where(.preview) strong{font-weight:700;--tw-text-opacity:1;color:rgb(53 157 158/var(--tw-text-opacity))}:where(.preview) mark{background-color:#fef3c8cc;padding-left:.25rem;padding-right:.25rem;--tw-text-opacity:1;color:rgb(27 28 32/var(--tw-text-opacity))}:where(.preview) code:not([class*=language-]){border-radius:.375rem;margin-left:2px;margin-right:2px;--tw-bg-opacity:1;background-color:rgb(244 244 252/var(--tw-bg-opacity));font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Noto Sans JP,monospace,monospace;font-size:.875em;font-weight:500;padding:.125em .5em;--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}:where(.preview) a:where([href]:not(.blockLink)){border-bottom-width:1px;border-style:dotted;--tw-border-opacity:1;border-color:rgb(53 157 158/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(53 157 158/var(--tw-text-opacity))}:where(.preview) a:where([href]:not(.blockLink)):hover{border-color:transparent}:where(.preview) a:where([href]:not(.blockLink)):focus-visible{border-color:transparent}:where(.preview) .tableBlock{margin-bottom:1lh;margin-top:1lh;overflow:auto;width:100%}:where(.preview) .codeBlock{border-radius:.5rem;margin-bottom:1lh;margin-top:2lh;overflow:hidden;position:relative}:where(.preview) .training .answer{position:relative;z-index:0}:where(.preview) .training .answer:before{background-color:#1b1c20cc;display:grid;top:0;right:0;bottom:0;left:0;place-content:center;position:absolute;z-index:10;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);--tw-content:"すべてチェックを入れると回答例が見れます。";content:var(--tw-content);font-size:clamp(1.125rem,1.0178571428571428rem + .5357142857142857vw,1.5rem)}:where(.preview) .training.is-allCheck .answer:before{content:var(--tw-content);opacity:0;touch-action:none;visibility:hidden}:where(.preview) .training .checkText{font-size:.875rem;font-weight:500;letter-spacing:.05em;line-height:1.25rem;line-height:1.75;margin-top:2em;text-align:center;--tw-text-opacity:1;color:rgb(123 136 147/var(--tw-text-opacity))}:where(.preview) .training .checkProgress{font-weight:700;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(53 157 158/var(--tw-text-opacity));font-size:clamp(1.5rem,1.0714285714285714rem + 2.142857142857143vw,3rem)}:where(.preview) .training .checkUnit{font-size:clamp(1.125rem,1.0892857142857142rem + .17857142857142858vw,1.25rem);font-weight:700;margin-left:.25rem}:where(.preview) .training .task-list-item:has(:checked){opacity:.5}:where(.preview) .training .task-list-item+.task-list-item{margin-top:1lh}:where(.preview) .training input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1/1;border-radius:.125rem;border-width:1px;display:inline-block;position:relative;width:1.25rem;--tw-border-opacity:1;border-color:rgb(172 182 189/var(--tw-border-opacity));vertical-align:text-bottom}:where(.preview) .training input[type=checkbox]:checked{--tw-border-opacity:1;border-color:rgb(53 157 158/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(53 157 158/var(--tw-bg-opacity))}:where(.preview) .training input[type=checkbox]:checked:before{aspect-ratio:1/1;background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23e8eaed%22%3E%3Cpath%20d%3D%22M382-240%20154-468l57-57%20171%20171%20367-367%2057%2057-424%20424Z%22%2F%3E%3C%2Fsvg%3E);background-position:50%;background-repeat:none;background-size:contain;content:"";display:inline-block;top:1;right:1;bottom:1;left:1;line-height:1;position:absolute;width:100%}:where(.preview) .codeInfo{align-items:center;border-bottom-width:1px;display:flex;position:sticky;top:0;--tw-border-opacity:1;border-color:rgb(27 28 32/var(--tw-border-opacity));font-size:.75rem;line-height:1rem;line-height:2;--tw-text-opacity:1;color:rgb(172 182 189/var(--tw-text-opacity))}:where(.preview) .filename{flex-grow:1;flex-shrink:0;font-weight:500;padding-left:1rem;padding-right:1rem}:where(.preview) .copyButton,:where(.preview) .langname{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;height:100%;--tw-bg-opacity:1;background-color:rgb(27 28 32/var(--tw-bg-opacity));font-size:.75em;font-weight:900;padding:1em .5em}@media (min-width:1024px){:where(.preview) .copyButton,:where(.preview) .langname{font-size:.875em;padding:1em}}:where(.preview) .langname{order:-9999}:where(.preview) .langname[data-lang=html]{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity));text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=css]{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=javascript],:where(.preview) .langname[data-lang=typescript]{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity));text-transform:capitalize;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=js],:where(.preview) .langname[data-lang=ts]{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity));text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=sass],:where(.preview) .langname[data-lang=scss]{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity));text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=json]{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity));text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=php]{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity));text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=sql]{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity));text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=vue]{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity));text-transform:capitalize;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .langname[data-lang=astro]{text-transform:capitalize;--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity))}:where(.preview) .copyButton{margin-left:auto;vertical-align:middle;--tw-text-opacity:1;color:rgb(172 182 189/var(--tw-text-opacity))}:where(.preview) .copyButton:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .copyButton:focus-visible{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .copyButton span{font-size:1.25rem;vertical-align:middle}:where(.preview) .copyButton .copiedText{font-size:.75rem;font-weight:900;line-height:1rem;padding:.5em 1em}:where(.preview) code[class*=language-],:where(.preview) pre.shiki{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Noto Sans JP,monospace,monospace;font-size:1em;font-weight:500;-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}:where(.preview) .code{overflow-x:auto}:where(.preview) pre.shiki{counter-reset:line-numbers var(--start-line,0);overflow-x:auto;padding-bottom:1rem;padding-top:1rem;position:relative}:where(.preview) code[class*=language-]{background-color:inherit;display:block;width:100%}:where(.preview) .line{--line-number-width:3em;--line-number-padding:1.5em;background-color:inherit;display:inline-block;min-height:1rem;position:relative;width:100%;z-index:0}:where(.preview) .line:not(.remove+.add):not(.add+.remove):before{counter-increment:line-numbers}:where(.preview) .line:before{background-color:inherit;display:inline-block;font-weight:500;left:0;padding-left:1rem;padding-right:var(--line-number-padding);position:sticky;text-align:right;width:var(--line-number-width);--tw-text-opacity:1;color:rgb(90 104 115/var(--tw-text-opacity));--tw-content:counter(line-numbers);content:var(--tw-content)}:where(.preview) .line.highlighted{background-color:#0006}:where(.preview) .line.diff.add{background-color:#10b98129}:where(.preview) .line.diff.remove{background-color:#f43f5e29}:where(.preview) .highlighted-word{background-color:#202127;border:1px solid #3c3f44;border-radius:4px;margin:-1px -3px;padding:1px 3px}:where(.preview) .space{position:relative}:where(.preview) .space:before{position:absolute;--tw-text-opacity:1;color:rgb(206 213 219/var(--tw-text-opacity));opacity:.3;--tw-content:"·";content:var(--tw-content)}:where(.preview) .browerWrap{margin-bottom:1lh;margin-top:1lh}:where(.preview) .browerWrap figcaption{margin-top:1lh}:where(.preview) .formatBlock{border-radius:.5rem;margin-bottom:1lh;margin-top:1lh;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(244 244 252/var(--tw-bg-opacity))}:where(.preview) .formatBlock figcaption{line-height:1.5}:where(.preview) .formatLabel{display:inline-block;margin-bottom:1rem;--tw-bg-opacity:1;background-color:rgb(53 157 158/var(--tw-bg-opacity));font-size:.75rem;font-weight:700;line-height:1rem;padding:.5em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .format{font-size:clamp(1rem,.9285714285714286rem + .35714285714285715vw,1.25rem);font-weight:700;-webkit-hyphens:none;hyphens:none;line-height:1;overflow-x:auto;padding:.25rem 1.5rem;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}:where(.preview) .format p{line-height:1.5;margin-bottom:0;margin-top:0}:where(.preview) .format em{font-style:normal;--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity));-webkit-text-emphasis:none;text-emphasis:none}:where(.preview) .format strong{font-weight:700;--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity))}:where(.preview) .format ruby{ruby-position:under;--margin:0}:where(.preview) .format ruby:has(.u){--margin:.5em}:where(.preview) .format rt{--tw-translate-y:var(--translate-y);font-size:.5em;font-weight:500;margin-block-start:var(--margin);text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.preview) .format .s{padding-left:.125em;padding-right:.125em;position:relative}:where(.preview) .format .s:before{top:0;right:0;bottom:0;left:0;position:absolute;transform-origin:center bottom;--tw-scale-x:.7;--tw-scale-y:.7;font-size:1em;font-weight:700;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(172 182 189/var(--tw-text-opacity));--tw-content:"␣";content:var(--tw-content)}:where(.preview) .format .u{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity))}:where(.preview) .props{position:relative}:where(.preview) .props figcaption{display:inline-block;--tw-bg-opacity:1;background-color:rgb(53 157 158/var(--tw-bg-opacity));font-size:.875em;font-weight:500;padding-left:.5rem;padding-right:2rem;vertical-align:bottom;--tw-text-opacity:1;-webkit-clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%);color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .pdf-block{aspect-ratio:4/3;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:where(.preview) .pdf-block iframe{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:where(.preview) .message-box{-moz-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:auto 1fr;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));font-size:.875rem;line-height:1.75;padding:1lh}:where(.preview) .message-box:before{content:"💡";font-size:1.125rem;line-height:1.75rem}:where(.preview) .message-box>div>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1lh*var(--tw-space-y-reverse));margin-top:calc(1lh*(1 - var(--tw-space-y-reverse)))}:where(.preview) .message-label{font-size:1.125rem;font-weight:700;line-height:1.75rem}:where(.preview) .message-label+*{margin-top:0}:where(.preview) .caution{background-color:#fffbebb3}:where(.preview) .alert{background-color:#fff1f2b3}:where(.preview) .label{border-radius:.375rem;display:inline-block;margin-left:.5rem;margin-right:.5rem;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity));font-size:.7em;font-weight:700;line-height:1rem;padding:.125em .5em;vertical-align:middle}:where(.preview) .label.-init{--tw-bg-opacity:1;background-color:rgb(53 157 158/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .label.-cr{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .label.-wd{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:where(.preview) .font-lg{font-size:1.125rem;line-height:1.75rem}:where(.preview) .font-xl{font-size:1.25rem;line-height:1.75rem}:where(.preview) .font-2xl{font-size:1.5rem;line-height:2rem}:where(.preview) .loose{line-height:2}:where(.preview) .space-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}:where(.preview) .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}:where(.preview) .grid-2>*{margin-bottom:0;margin-top:0}:where(.preview).is-lesson{counter-reset:chapter}:where(.preview).is-lesson *{scroll-margin-top:4.5rem}:where(.preview).is-lesson>div>section{padding:2rem}:where(.preview).is-lesson>div>section:not(:first-child){border-top:1px solid #eee}:where(.preview).is-lesson>div>section>*{margin-left:auto;margin-right:auto;max-width:50ric}:where(.preview).is-lesson h2{counter-reset:step;margin-top:0}:where(.preview).is-lesson h2:before{display:block;font-size:.5em;--tw-content:"Chapter "counter(chapter);content:var(--tw-content)}:where(.preview).is-lesson h2:not(.intro){counter-increment:chapter}:where(.preview).is-lesson h2.intro:before{--tw-content:"Introduction";content:var(--tw-content)}:where(.preview).is-lesson h2.summary:before{--tw-content:"Summary";content:var(--tw-content)}:where(.preview).is-lesson h2.exercise:before{--tw-content:"Exercise";content:var(--tw-content)}:where(.preview).is-lesson h3.step{counter-increment:step}:where(.preview).is-lesson h3.step:before{display:block;font-size:.5em;--tw-text-opacity:1;color:rgb(53 157 158/var(--tw-text-opacity));--tw-content:"Step "counter(step);content:var(--tw-content)}