.preview-container[data-v-f78ee1fa]{background-color:#2d2d2d;display:flex;min-height:10rem;padding:2.8rem .6rem;position:relative}.preview-container[data-v-f78ee1fa]:before{color:#7f7f7f;content:"プレビュー";font-size:1.6rem;left:.4rem;position:absolute;top:.2rem}.preview[data-v-f78ee1fa]{display:flex;justify-content:center;width:100%}.code-block[data-v-f78ee1fa]{display:flex;gap:.1rem;position:relative}.code-block-container[data-v-f78ee1fa]{font-size:1.6rem;height:32rem;width:100%}.code-block-html[data-v-f78ee1fa]{height:100%;overflow:auto}.language-html.code-block-html[data-v-f78ee1fa]{margin:.1rem 0;padding:0 1rem}.code-block-css[data-v-f78ee1fa]{height:100%;overflow:auto;white-space:nowrap}.language-css.code-block-css[data-v-f78ee1fa]{margin:.1rem 0;padding:0 1rem}.code-block-toggle-container[data-v-f78ee1fa]{border:.2rem solid #1d8b56;display:flex;font-size:1.6rem;left:0;position:absolute;top:.1rem}.code-block-toggle[data-v-f78ee1fa]{background-color:#f2f2f2;color:#2d2d2d;cursor:pointer;padding:.2rem;text-align:center;width:6rem}.code-block-toggle-active[data-v-f78ee1fa]{background-color:#51b883;color:#f2f2f2}.code-block-edit[data-v-f78ee1fa]{display:block}.clipboard[data-v-f78ee1fa]{cursor:pointer;position:absolute;right:.5rem;top:.5rem}@media (width >= 960px){.preview-container[data-v-f78ee1fa]{margin:0 1.6rem;padding:2.4rem}.preview-container[data-v-f78ee1fa]:before{color:#7f7f7f;content:"プレビュー";font-size:1.6rem;left:.4rem;position:absolute;top:.2rem}.code-block[data-v-f78ee1fa]{margin:0 1.6rem}.code-block-container[data-v-f78ee1fa]{font-size:1.6rem}.code-block-toggle[data-v-f78ee1fa]{padding:.4rem;width:7rem}}