*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Noto Sans SC,sans-serif;background:#fff}html{overflow-x:hidden}html::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.home{padding:0 20px;width:100%}.home_content{height:92vh}.footer{width:100%;padding:20px;border-top:1px solid #878787}.table_preview{border-left:2px solid #ccc}.table_preview table{margin-top:8%;margin-left:auto;margin-right:auto}.header{padding:8px 20px;border-bottom:2px solid #ccc}.header button{float:right}.header .bold_header{font-weight:700}.header .bold_header,.header .normal_header{font-size:1.5rem;color:#525252}h5{color:#e51c22;font-weight:600;font-size:1rem}.tab_button{background:none;min-width:80px;margin-left:5px;border-radius:4px;border:none;margin-top:4px;color:#525252}.tab_button_active{color:#e51c22}.tab_button:active,.tab_button:focus,.tab_button_active:active,.tab_button_active:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.vue-swatches__trigger{width:28px!important;height:28px!important;border-radius:4px!important}.code_div{text-align:left;margin-left:auto;margin-right:auto;width:60%;background:#12183d;color:#fff;padding:15px;border-radius:4px;margin-top:20px;margin-bottom:20px}.code_menu{padding:10px;background:#ebebeb}.none{display:none}#font,#general{padding:10px 0}input,select{border:1px solid grey;border-radius:4px}input{width:2.5rem}input:active,input:focus,select:active,select:focus{outline:none;border:1px solid #1c216e}.t_border select{margin-left:1px}.t_fontsize input,.t_margin_bottom select,.t_padding input{margin-bottom:4px}.collapse_div{margin-top:20px}.border_color{float:left}.hidden_text{color:#fff}.copy_code_btn{font-size:.9rem;background:#e51c22;color:#fff;border-radius:4px;border:1px solid #e51c22;padding:4px 10px}@media screen and (max-width:1024px){.hide_md{display:none}}@media screen and (max-width:500px){.home_content{height:auto}.code_div{width:100%}.table_preview{border-left:0 solid #ccc;border-top:2px solid #ccc}.font_family_MT{margin-top:20px}}@media screen and (max-width:500px){.home_content{width:100%}.tab_button{min-width:50px}}