.playground_outer__y5R0b{display:flex;flex-direction:column}.playground_heading__CO4Ik{text-align:center;color:var(--theme-text)}.playground_wrapper__KSf_G{display:flex;flex-direction:column;padding:0 2rem 2rem;gap:1rem}.playground_wrapper__KSf_G.playground_frameless__jYWCm{padding-top:2rem}.playground_output__5HNQl{display:flex;background:repeating-linear-gradient(-45deg,#f0f0f0,#f0f0f0 10px,#e8e8e8 0,#e8e8e8 20px);box-shadow:0 0 .5rem var(--shadow-color);border-radius:var(--rounded-block);padding:1rem;overflow:auto;height:400px;width:100%;filter:blur(0);transition:filter .5s}.playground_output__5HNQl.playground_loading__UDpFN{filter:blur(6px)}.dark .playground_output__5HNQl{background:repeating-linear-gradient(-45deg,#1a1a1a,#1a1a1a 10px,#141414 0,#141414 20px)}.playground_input__VFEBk{display:flex;flex-direction:column;width:100%;border-left:3px solid var(--theme-blue-2);border-radius:var(--rounded-block);box-shadow:0 0 .5rem var(--shadow-color);overflow:hidden}.playground_header__lE7Ee{color:var(--theme-inverted-text);display:flex;align-items:center;padding:0 0 0 1rem;background:var(--theme-blue-2);height:30px}.playground_htmlBlock__LaIdq{display:flex;width:100%}.playground_styleBlock__Eqlvq{display:block;width:100%}.playground_codeBlock__UIMnS{font-family:var(--ffamily);font-style:var(--fstyle);display:block;overflow-x:scroll;position:relative;-webkit-overflow-scrolling:touch;color:white;padding:1rem;height:400px;border:none;background:#282a36;resize:none}.playground_codeBlock__UIMnS:focus{outline:2px solid red}.playground_inputs__TdOhw{display:flex;gap:1rem}.playground_framelessFooter__uP47d{padding-top:1rem;display:flex}.playground_framelessFooter__uP47d a{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--theme-text)}.playground_field__3N_2U{padding:0;color:var(--theme-text);font-size:1.5rem;border:none;text-align:center;font-weight:600;margin-bottom:2rem;background:transparent}.playground_button__sT1e_{cursor:pointer;color:var(--theme-inverted-text);font-size:.8em;border:none;background:transparent;margin-left:auto;font-size:1rem;padding:0 1rem;position:relative;width:3rem;height:100%;overflow:hidden}.playground_button__sT1e_.playground_inline__gi0fO{margin-left:0}.playground_clicker__4tTYq{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease-in-out}.playground_clicker__4tTYq.playground_copy__WCgqw{transform:translateY(-1.6rem)}.playground_clicker__4tTYq.playground_clicked__FqUDd{transform:translateY(.4rem)}.playground_twLoading__wthqy{margin-left:auto;display:flex;align-items:center;gap:4px;opacity:.8}.playground_twLoadingText__2VnqN{font-size:.8rem}.playground_description__c8qwN{font-size:.8rem;color:var(--theme-text);text-align:center;max-width:700px;margin:0 auto}@media screen and (max-width:768px){.playground_inputs__TdOhw{flex-direction:column}.playground_codeBlock__UIMnS{height:300px}}