._wrapper_6ayt7_1._wrapper_6ayt7_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:5rem 3rem}._wrapper_6ayt7_1._wrapper_6ayt7_1 input{width:100%}._wrapper_6ayt7_1._wrapper_6ayt7_1 *{-webkit-user-select:none;-moz-user-select:none;user-select:none}._wrapper_6ayt7_1._wrapper_6ayt7_1._offset_6ayt7_14{padding-top:11rem}._page_6ayt7_18{position:relative;width:100%;height:100%;display:grid;grid-template-columns:[aside-start footer-start] 120px [aside-end main-start] 1fr [main-end footer-end];grid-template-rows:[aside-start main-start] auto [aside-end main-end footer-start] 40px [footer-end];gap:1rem;padding:1rem;height:250px;max-width:600px}._page_6ayt7_18._v2_6ayt7_30 ._item1_6ayt7_30{grid-area:aside}._page_6ayt7_18._v2_6ayt7_30 ._item2_6ayt7_33{grid-area:main}._page_6ayt7_18._v2_6ayt7_30 ._item3_6ayt7_36{background-color:#20ff1426;grid-area:footer}._item_6ayt7_30{background-color:#ff149126;border:2px solid rgba(0,0,0,.1);border-radius:8px;text-align:center;align-content:center;text-transform:capitalize;font-size:.85rem;font-weight:700;text-shadow:0 0 15px #fff}._item2_6ayt7_33{background-color:#3b14ff26}._gridCopy_6ayt7_57{position:absolute;inset:-20px 0;display:grid;grid-template-columns:inherit;gap:8px;padding:1rem}._gridCopy_6ayt7_57>*{position:relative;border-left:2px solid rgba(0,0,0,.2);border-right:2px solid rgba(0,0,0,.2);text-align:center;align-content:center;font-size:1rem;font-size:bold;text-transform:capitalize}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*{text-transform:initial}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:before{content:"";position:absolute;bottom:100%;left:-2px;color:#222;font-weight:700;font-size:13px;border-left:2px solid deeppink;padding-left:3px;white-space:nowrap;padding-bottom:9px}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:nth-child(1){border-right:0}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:nth-child(1):before{content:"aside-start"}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:nth-child(2):before{content:"aside-end \amain-start";white-space:pre-wrap}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:nth-child(2):after{content:"main-end";position:absolute;right:-2px;bottom:90%!important;color:#222;font-weight:700;font-size:13px;border-right:2px solid deeppink;padding-right:3px;white-space:nowrap;padding-bottom:9px}@media (min-width: 450px){._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:nth-child(2):after{bottom:100%!important}}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:nth-child(3){border-left:0}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:nth-child(3):before{display:none}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:nth-child(3):after{content:"full-end";left:100%}._gridCopy_6ayt7_57._lineNames_6ayt7_75>*:last-child:after{position:absolute;right:-2px;left:auto;bottom:100%;color:#222;font-weight:700;font-size:13px;border-right:2px solid deeppink;padding-right:3px;padding-bottom:9px;white-space:nowrap}._gridCopy_6ayt7_57._lineNumbers_6ayt7_142{counter-reset:lines}._gridCopy_6ayt7_57._lineNumbers_6ayt7_142>*:before{counter-increment:lines;content:counter(lines);position:absolute;bottom:100%;left:-10px;background-color:#ff1493;color:#fff;padding:3px 6px 3px 5px;font-size:14px;border-radius:20px 20px 0 0}._gridCopy_6ayt7_57._lineNumbers_6ayt7_142>*:nth-child(1){border-right:0}._gridCopy_6ayt7_57._lineNumbers_6ayt7_142>*:nth-child(3){border-left:0}._gridCopy_6ayt7_57._lineNumbers_6ayt7_142>*:nth-child(3):before{left:-27px}._gridCopy_6ayt7_57._lineNumbers_6ayt7_142>*:last-child:after{counter-increment:lines;content:counter(lines);position:absolute;bottom:100%;background-color:#ff1493;color:#fff;padding:3px 6px 3px 5px;font-size:14px;border-radius:20px 20px 0 0}._gridCopy_6ayt7_57._lineNumbers_6ayt7_142>*:last-child:after{right:-10px}._gridCopy_6ayt7_57._optionalLines_6ayt7_180._lineNames_6ayt7_75 span:nth-child(1):before{opacity:0}._gridCopy_6ayt7_57._optionalLines_6ayt7_180._lineNames_6ayt7_75 span:nth-child(3):after{opacity:0}._gridCopy2_6ayt7_187{top:-75px;transition:.3s ease-in-out}._gridCopy2_6ayt7_187._optionalLines_6ayt7_180 span:nth-child(2){opacity:.15}._gridCopy2_6ayt7_187._optionalLines_6ayt7_180 span:nth-child(3):before{opacity:.15}._code_6ayt7_198{display:flex;flex-wrap:wrap;width:100%}._code_6ayt7_198>*{flex:1}._code_6ayt7_198 pre:nth-child(1){border-right:1px solid rgba(255,255,255,.25)}._code_6ayt7_198 pre{height:100%;border-radius:0!important;margin:0!important;padding:1rem 1.25rem!important;font-size:14px!important}