@font-face{font-family:GowFont;src:url(/assets/GODOFWAR-DwkWyKUt.TTF)}:root{--deep-purple:rgb(26 31 44);--gold:rgb(212, 204, 55);--red:rgb(239 68 68);--white: rgb(255 255 255);--deep-purple-c:26 31 44;--gold-c:212 175 55;--red-c:239 68 68;--white-c: 255 255 255}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--deep-purple);color:var(--white);overflow-x:hidden}h1{font-family:GowFont,sans-serif;font-size:3.815rem;text-align:center;color:var(--red);-webkit-text-stroke:6px rgb(var(--red-c)/.2)}h2{font-family:GowFont,sans-serif;font-size:3.052rem;text-align:center;color:var(--red);-webkit-text-stroke:6px rgb(var(--red-c)/.2)}h3{font-family:GowFont,sans-serif;font-size:2.441rem;text-align:center;color:var(--red);-webkit-text-stroke:6px rgb(var(--red-c)/.2)}h4{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:800;font-size:1.953rem;text-align:center}h5{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:800;font-size:1.563rem;text-align:center}h6{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:800;font-size:1.25rem;text-align:center}p{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:500;font-size:1rem;text-indent:1rem;margin:6px 0}small{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:500;font-size:.8rem;text-indent:1rem}.font-gow{font-family:GowFont;font-weight:500}.font-normal{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:500}.text-center{text-align:center}.text-left{text-align:left;text-indent:1rem}.text-indent{text-indent:1rem}.text-indent-none{text-indent:0}.text-red{color:var(--red)}.text-deep-purple{color:var(--deep-purple)}.text-gold{color:var(--gold)}.text-white{color:var(--white)}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;width:100vw}.json-visualizer{display:flex;flex-direction:column;margin:auto;justify-content:center;align-items:center;padding:20px 0;width:80%}.json-visualizer-form{display:inline-flex;border:1px solid black;border-radius:10px;overflow:hidden;width:60%;flex-grow:0}.json-visualizer-form-label{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:500;font-size:16px;padding:8px 15px 8px 16px;background-color:#d8d8d8;color:#595959}.json-visualizer-form-input{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:500;font-size:16px;flex-grow:1;padding:8px 15px 8px 16px;border:none;border-radius:0}.json-visualizer-form-copy{font-size:16px;background-color:#fff;border:none;border-radius:0;cursor:pointer}.json-visualizer-form-copy:hover{background-color:#f1f1f1}.popup-copy{animation:popup-copy-Start 1.5s ease;margin:10px 0 0;color:var(--gold)}@keyframes popup-copy-Start{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.json-visualizer-form-button{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:500;font-size:16px;padding:8px 15px 8px 16px;border:none;background-color:var(--gold);color:#fff;border-radius:0}.json-visualizer-form-button:hover{cursor:pointer;background-color:#d60c0c;color:#fff}.json-visualizer-form-button:active{cursor:pointer;background-color:#a50000;color:#fff}.toggle-visualizer{position:relative;background:#161616;width:80px;height:40px;padding:6px;display:inline-flex;justify-content:flex-start;border-radius:50px;margin:10px;transition:all .25s ease 0s}.button-visualizer{height:100%;aspect-ratio:1/1;background:#ccc;display:block;align-self:center;cursor:pointer;border-radius:50px;transition:all .25s ease 0s}#check-visualizer{display:none}#check-visualizer:checked~.button-visualizer{transform:translate(calc(-150% + 80px));background:red}.json-visualizer-json.disabled{display:none}.button{color:#b5bdca9f;background:none;outline:none;border:1px solid var(--gold);padding:5px 10px;border-radius:4px;transition:all .2s ease}.button:hover{color:var(--gold)}.active{background-color:rgb(var(--gold-c) / .4);color:var(--gold)}.toggle-switch{position:relative;height:30px;aspect-ratio:2/1;padding:5px;display:inline-flex;background-color:transparent;border:2px solid var(--gold);justify-content:flex-start;border-radius:50px;margin:10px;cursor:pointer}.button-switch{position:absolute;top:50%;left:0;transform:translate(5px,-50%);aspect-ratio:1/1;height:calc(100% - 10px);background-color:var(--gold);border-radius:100%;transition:all .3s ease 0s}.button-switch.active{left:100%;transform:translate(calc(-100% - 5px),-50%)}