._wrapper_v0udk_1._wrapper_v0udk_1{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0 0;overflow:hidden}._wrapper_v0udk_1._wrapper_v0udk_1 *{-webkit-user-select:none;-moz-user-select:none;user-select:none}._wrapper_v0udk_1._wrapper_v0udk_1._offset_v0udk_13{padding-top:7rem}@media (min-width: 600px){._wrapper_v0udk_1._wrapper_v0udk_1{padding:2rem 0 0}}._test_v0udk_22{min-height:400px;width:100%;display:flex;flex-direction:column;gap:1rem;padding-inline:1rem}@media (min-width: 600px){._test_v0udk_22{gap:2rem;flex-direction:row;padding-inline:2rem}}._page_v0udk_38{position:relative;width:100%;height:300px;display:grid;grid-template-columns:150px 1fr;gap:1rem;padding-block:1rem;max-width:650px}@media (min-width: 600px){._page_v0udk_38{height:100%}}._page_v0udk_38._option1_v0udk_53{grid-template-areas:"aside main" "footer footer"}._page_v0udk_38._option2_v0udk_56{grid-template-areas:"aside main" ". footer"}._page_v0udk_38._option3_v0udk_59{grid-template-areas:"aside main" "footer main"}._page_v0udk_38._option4_v0udk_62{grid-template-areas:"aside aside" "main main" "footer footer"}._page_v0udk_38._option4_v0udk_62 ._aside_v0udk_65{min-height:40px}._page_v0udk_38._option4_v0udk_62 ._main_v0udk_68{min-height:150px}@media (min-width: 600px){._page_v0udk_38._option4_v0udk_62 ._main_v0udk_68{min-height:200px}}._item_v0udk_77{background-color:#ff149126;border:3px solid rgba(0,0,0,.1);border-radius:8px;text-align:center;align-content:center;text-transform:capitalize;font-size:1rem;text-shadow:0 0 15px #fff}._aside_v0udk_65{grid-area:aside}._main_v0udk_68{min-height:190px;grid-area:main;background-color:#3b14ff26}@media (min-width: 600px){._main_v0udk_68{min-height:250px}}._footer_v0udk_103{min-height:50px;grid-area:footer;background-color:#fff31426}._gridCopy_v0udk_109{position:absolute;inset:-20px 0;display:grid;grid-template-columns:inherit;gap:inherit;padding:inherit}._gridCopy_v0udk_109>*{position:relative;border-left:1.5px solid rgba(255,20,145,.5);border-right:1.5px solid rgba(255,20,145,.5);text-align:center;align-content:center;font-size:1rem;font-size:bold;text-transform:capitalize}._gridCopy_v0udk_109._lineNumbers_v0udk_127{counter-reset:col-lines}._gridCopy_v0udk_109._lineNumbers_v0udk_127>*:before{counter-increment:col-lines;content:counter(col-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_v0udk_109._lineNumbers_v0udk_127>*:nth-child(2):after{counter-increment:col-lines;content:counter(col-lines);position:absolute;bottom:100%;right:-10px;background-color:#ff1493;color:#fff;padding:3px 6px 3px 5px;font-size:14px;border-radius:20px 20px 0 0}._gridCopy_v0udk_109._lineNumbers_v0udk_127>*:nth-child(2):before,._gridCopy_v0udk_109._lineNumbers_v0udk_127>*:nth-child(3):before,._gridCopy_v0udk_109._lineNumbers_v0udk_127>*:nth-child(4):before,._gridCopy_v0udk_109._lineNumbers_v0udk_127>*:nth-child(5):before{left:-19px}._gridCopy_v0udk_109._lineNumbers_v0udk_127>*:last-child:before,._gridCopy_v0udk_109._lineNumbers_v0udk_127>*:last-child:after{display:none}._gridCopy_v0udk_109._lineNumbers_v0udk_127>*:nth-child(3):before{display:none}._gridCopy2_v0udk_164{grid-template-columns:1fr}._gridCopy2_v0udk_164>*{position:relative;border-inline:0;border-top:1.5px solid rgba(255,20,145,.5);border-bottom:1.5px solid rgba(255,20,145,.5);text-align:center;align-content:center;font-size:1rem;font-size:bold;text-transform:capitalize}._gridCopy2_v0udk_164._lineNumbers2_v0udk_178{counter-reset:col-lines2}._gridCopy2_v0udk_164._lineNumbers2_v0udk_178 span:first-child:before{counter-increment:col-lines2;content:counter(col-lines2);position:absolute;right:calc(100% - 1px);top:0;background-color:#ff1493;color:#fff;padding:3px 6px 3px 5px;font-size:14px;border-radius:20px 0 0 20px}._gridCopy2_v0udk_164._lineNumbers2_v0udk_178 span:first-child:after{counter-increment:col-lines2;content:counter(col-lines2);position:absolute;right:calc(100% - 1px);bottom:-22px;background-color:#ff1493;color:#fff;padding:3px 6px 3px 5px;font-size:14px;border-radius:20px 0 0 20px}._gridCopy2_v0udk_164._lineNumbers2_v0udk_178 span:last-child:before{counter-increment:col-lines2;content:counter(col-lines2);position:absolute;right:calc(100% - 1px);bottom:-2px;background-color:#ff1493;color:#fff;padding:3px 6px 3px 5px;font-size:14px;border-radius:20px 0 0 20px}._gridOptionWrapper_v0udk_218{display:flex;gap:12px}@media (min-width: 600px){._gridOptionWrapper_v0udk_218{flex-direction:column}}._gridOptionItem_v0udk_228{height:70px}._gridOptionItem_v0udk_228 ._gridOption_v0udk_218{padding:8px;height:100%;border-radius:12px;box-shadow:0 0 0 1px #d3d3d3;cursor:pointer;opacity:.85;transition:.3s ease-in-out}._gridOptionItem_v0udk_228 ._gridOption_v0udk_218:hover{background-color:#fff;opacity:1}._gridOptionItem_v0udk_228 input:checked+label ._gridOption_v0udk_218{background-color:#fff;box-shadow:0 0 0 2px #d3d3d3;opacity:1}._gridOption_v0udk_218{--size: 4rem;width:calc(var(--size) + 2rem);height:var(--size);display:grid;grid-template-columns:27px 1fr;gap:4px}._gridOption_v0udk_218>*{min-height:16px;padding:4px;background-color:#ff149126;border:1px solid rgba(0,0,0,.1);border-radius:4px}._gridOption_v0udk_218 ._asideIcon_v0udk_266{grid-area:aside}._gridOption_v0udk_218 ._mainIcon_v0udk_269{grid-area:main;background-color:#3b14ff26}._gridOption_v0udk_218 ._footerIcon_v0udk_273{grid-area:footer;background-color:#fff31426}._gridOption_v0udk_218 ._emptyIcon_v0udk_277{grid-area:empty;opacity:.5}._gridOption_v0udk_218._option1_v0udk_53{grid-template-areas:"aside main" "footer footer"}._gridOption_v0udk_218._option1_v0udk_53 ._emptyIcon_v0udk_277{display:none}._gridOption_v0udk_218._option2_v0udk_56{grid-template-areas:"aside main" "empty footer"}._gridOption_v0udk_218._option3_v0udk_59{grid-template-areas:"aside main" "footer main"}._gridOption_v0udk_218._option3_v0udk_59 ._emptyIcon_v0udk_277{display:none}._gridOption_v0udk_218._option4_v0udk_62{grid-template-areas:"aside aside" "main main" "footer footer"}._gridOption_v0udk_218._option4_v0udk_62 ._emptyIcon_v0udk_277{display:none}._code_v0udk_303{display:flex;flex-wrap:wrap;justify-content:center;width:100%;background-color:#282a36;min-height:150px}._code_v0udk_303 pre{height:100%;border-radius:0!important;margin:0!important;padding:1rem 1.25rem!important;font-size:14px!important}