._wrapper_1w5dl_1._wrapper_1w5dl_1{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:4rem 2rem;overflow:hidden}._wrapper_1w5dl_1._wrapper_1w5dl_1 *{-webkit-user-select:none;-moz-user-select:none;user-select:none}._wrapper_1w5dl_1._wrapper_1w5dl_1._offset_1w5dl_13{padding-top:7rem}._overlay_1w5dl_17{position:absolute;inset:0;background-color:#ffffff80;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}._overlay_1w5dl_17 button{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:var(--brand-1);color:#fff;font-size:15px;border-radius:100px;padding:8px 20px}._overlayElement_1w5dl_37{display:none;position:absolute;inset:0;background-color:#c22c9fb3;clip-path:circle(200px at 50% 50%)}._page_1w5dl_45{position:relative;width:100%;height:100%;display:grid;grid-template-columns:150px 1fr;grid-template-areas:"aside main" "footer footer";gap:1rem;padding:1rem;height:250px;max-width:650px}._item_1w5dl_58{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_1w5dl_69{grid-area:aside}._main_1w5dl_73{grid-area:main;background-color:#3b14ff26}._footer_1w5dl_78{grid-area:footer}._gridCopy_1w5dl_82{position:absolute;inset:-20px 0;display:grid;grid-template-columns:inherit;gap:inherit;padding:inherit}._gridCopy_1w5dl_82>*{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_1w5dl_82._lineNumbers_1w5dl_100{counter-reset:col-lines}._gridCopy_1w5dl_82._lineNumbers_1w5dl_100>*: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_1w5dl_82._lineNumbers_1w5dl_100>*: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_1w5dl_82._lineNumbers_1w5dl_100>*:nth-child(2):before,._gridCopy_1w5dl_82._lineNumbers_1w5dl_100>*:nth-child(3):before,._gridCopy_1w5dl_82._lineNumbers_1w5dl_100>*:nth-child(4):before,._gridCopy_1w5dl_82._lineNumbers_1w5dl_100>*:nth-child(5):before{left:-19px}._gridCopy_1w5dl_82._lineNumbers_1w5dl_100>*:last-child:before,._gridCopy_1w5dl_82._lineNumbers_1w5dl_100>*:last-child:after{display:none}._gridCopy_1w5dl_82._lineNumbers_1w5dl_100>*:nth-child(3):before{display:none}._gridCopy2_1w5dl_137{grid-template-columns:1fr}._gridCopy2_1w5dl_137>*{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_1w5dl_137._lineNumbers2_1w5dl_151{counter-reset:col-lines2}._gridCopy2_1w5dl_137._lineNumbers2_1w5dl_151 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_1w5dl_137._lineNumbers2_1w5dl_151 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_1w5dl_137._lineNumbers2_1w5dl_151 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}._code_1w5dl_191{display:flex;flex-wrap:wrap;width:100%}._code_1w5dl_191>*{flex:1}._code_1w5dl_191 pre:nth-child(1){border-right:1px solid rgba(255,255,255,.25)}._code_1w5dl_191 pre{height:100%;border-radius:0!important;margin:0!important;padding:1rem 1.25rem!important;font-size:14px!important}._dynamicBlock_1w5dl_210{display:flex;flex-direction:column;gap:.5rem;font-family:monospace}._demoInput_1w5dl_217{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;border-bottom:1px solid #222;font-size:14px;width:100px;font-family:monospace;padding-block:2px;margin-inline-start:4px;transition:.3s ease-out;border-radius:0;text-align:center}._demoInput_1w5dl_217:hover{box-shadow:inset 0 -1px 0 0 var(--brand-1)}._demoInput_1w5dl_217:focus{outline:none;background-color:#fff;border-bottom-color:var(--brand-1);box-shadow:inset 0 -1px 0 0 var(--brand-1)}._icon_1w5dl_241{position:relative;width:16px;height:16px}._icon_1w5dl_241 svg{position:absolute}._actionList_1w5dl_250{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}._optionItem_1w5dl_257{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;border-radius:12px;background-color:#fff;box-shadow:0 3px 3px #0000001a}._optionItem_1w5dl_257 p{font-size:14px;text-transform:capitalize}._optionsList_1w5dl_271{display:flex;flex-wrap:wrap;gap:.5rem}._input_1w5dl_278:checked+label{color:#fff;background-color:var(--brand-1);border-color:var(--brand-1);-webkit-user-select:none;-moz-user-select:none;user-select:none}._input_1w5dl_278:focus-visible+label{outline:solid 2px #9c3ce7}._label_1w5dl_288{display:flex;align-items:center;gap:.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:capitalize;border:1px solid lightgrey;padding:4px 12px;font-size:14px;border-radius:100px}._chip_1w5dl_301:has(input[data-correct=false]:checked) ._label_1w5dl_288{background-color:#f83d56;border-color:#f83d56}._chip_1w5dl_301:has(input[data-correct=true]:checked) ._label_1w5dl_288{background-color:#5ed235;border-color:#5ed235}._optionsList_1w5dl_271:has(input[data-correct=false]:checked) input[data-correct=true]+._label_1w5dl_288{animation:_flash_1w5dl_1 1s infinite alternate}@keyframes _flash_1w5dl_1{0%{background-color:#fff}to{background-color:#5ed235;border-color:#5ed235}}