*{margin:0;padding:0}body{background-image:url(/ui_practice/snap_code/dist/assets/bg.42ec8f2f.png);background-attachment:fixed;background-size:cover}input,textarea{outline:none}._body_xwqxd_19{width:100%;display:flex;flex-direction:column;text-align:center}._font_ubuntu_xwqxd_26{font-family:Ubuntu;font-style:normal}._title_xwqxd_31{margin:2rem 0 .5rem;width:100%;color:#fff;font-weight:600;font-size:70px;text-transform:capitalize;color:#ffcd05;text-shadow:-4px 4px 20px #000000;height:fit-content}._description_xwqxd_43{margin:0;font-size:21px;text-transform:capitalize;color:#fff;text-shadow:2px 4px 9px rgba(0,0,0,.7)}._main_xwqxd_51{display:flex;flex-direction:column;margin:2em 5em;border-radius:15px;background-color:#323232}._main_head_xwqxd_59{display:flex;flex-direction:row;width:100%;height:auto;align-items:center;justify-content:center}@media (max-width: 800px){._main_head_xwqxd_59{flex-direction:column;align-items:center}}._dropdown_xwqxd_75{min-width:14em;max-width:14em;position:relative;margin:1em}._dropdown_xwqxd_75 *{box-sizing:border-box}._select_xwqxd_86{color:#ffcd05;display:flex;justify-content:space-between;align-items:center;border:2px #FFCD05 solid;border-radius:10px;padding:.4em 1em;cursor:pointer;text-align:center;transition:background .3s;transition:color .3s}._select_clicked_xwqxd_100{background-color:#ffcd05;color:#323232;box-shadow:2 0 3px #aaa}._select_xwqxd_86:hover{background-color:#ffcd05;color:#323232;box-shadow:#000000b3}._caret_xwqxd_112{width:0;height:0;border-left:5px transparent solid;border-right:5px transparent solid;border-top:6px #FFCD05 solid;transition:.3s}._caret_rotate_xwqxd_121{transform:rotate(180deg)}._select_xwqxd_86:hover ._caret_xwqxd_112{border-top:6px #323232 solid}._menu_xwqxd_129{list-style:none;margin:.5rem;padding:.09em .1em;background-color:#ffcd05;border-radius:.7rem;color:#fff;width:80%;height:300px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;position:absolute;transform:translate(10%);opacity:0;display:none;transition:display .3s;transition:opacity .3s;z-index:1}._menu_xwqxd_129::-webkit-scrollbar{display:none}._menu_xwqxd_129 li{background-color:#323232;padding:.3em .2em;margin:.3em;cursor:pointer;border-radius:.5em;font-size:.8em}._main_xwqxd_51 li:hover{color:#ffcd05;box-shadow:1px 2px 5px #000}._active_xwqxd_170{background-color:#00f}._menu_open_xwqxd_174{display:block;opacity:1}._show_line_number_xwqxd_179{color:#fff}._code_string_xwqxd_183{padding:10px;margin:15px;border-radius:10px;background-color:#fff;border:2px #000 solid}._font_size_xwqxd_191{color:#fff}._font_size_input_xwqxd_195{margin:0 5px;border:2;border:2px #FFCD05 solid;border-radius:11px;height:25px;width:180;padding:5px;background:no-repeat;color:#ffcd05}._syntax_highlighter_xwqxd_209{display:block;text-align:left;direction:ltr;width:90%;margin:15px auto;max-width:max-content;border-radius:10px;overflow:hidden}._download_button_xwqxd_220{max-width:max-content;background-color:transparent;color:#ffcd05;border:2px #FFCD05 solid;border-radius:10px;padding:.4em 1em;cursor:pointer;text-align:center;transition:background .3s;transition:color .3s;margin:1em auto}