body{font-size:14px;line-height:1.4}button:disabled,input:disabled{opacity:.5!important;cursor:default}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.error-boundary-content{background:#fff;border-radius:12px;padding:40px;max-width:600px;box-shadow:0 10px 40px rgba(0,0,0,.2);text-align:center}.error-boundary-title{color:#e53e3e;font-size:28px;margin-bottom:16px;font-weight:700}.error-boundary-message{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:24px}.error-boundary-details{text-align:left;margin:24px 0;padding:16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.error-boundary-details summary{cursor:pointer;color:#2d3748;font-weight:600;margin-bottom:12px}.error-boundary-details summary:hover{color:#667eea}.error-boundary-stack{margin-top:12px;font-family:"Courier New",monospace;font-size:12px;color:#2d3748}.error-boundary-stack pre{background:#fff;padding:12px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;border:1px solid #cbd5e0}.error-boundary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s;margin-top:16px}.error-boundary-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.error-boundary-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.error-boundary-help{margin-top:24px;font-size:14px;color:#718096}.error-boundary-help a{color:#667eea;text-decoration:none;font-weight:600}.error-boundary-help a:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.error-boundary-content{background:#2d3748}.error-boundary-title{color:#fc8181}.error-boundary-message{color:#e2e8f0}.error-boundary-details{background:#1a202c;border-color:#4a5568}.error-boundary-details summary,.error-boundary-stack{color:#e2e8f0}.error-boundary-stack pre{background:#1a202c;border-color:#4a5568}.error-boundary-help{color:#a0aec0}}.navbar-compact{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:transparent;border-bottom:1px solid hsla(0,0%,50.2%,.2);margin-bottom:1.5rem}.navbar-brand{font-size:1.25rem;font-weight:600;color:#e2b714}.light-mode .navbar-brand{color:#333}.navbar-brand a{color:#e67e22;text-decoration:none;transition:color .2s}.navbar-brand a:hover{color:#d35400}.theme-controls{display:flex;align-items:center;grid-gap:1rem;gap:1rem;position:static!important}.theme-label-compact{font-size:.875rem;white-space:nowrap;position:static!important;color:#e2b714}.light-mode .theme-label-compact{color:#333}.theme-toggle{margin:0;display:inline-block;position:relative;width:85px;height:37px}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle .slider{border-radius:6px}.theme-toggle .slider:before{height:26px;width:26px;left:5px;bottom:5px;border-radius:5px}.theme-toggle .theme-slider:checked+.slider:before{-webkit-transform:translateX(48px);transform:translateX(48px)}.theme-btn-list-compact{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center;position:static!important}.theme-btn-list-compact .theme-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.theme-btn-list-compact .theme-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:hsla(0,0%,100%,.3)}.theme-btn-list-compact .theme-btn.selected{border-color:#e67e22;box-shadow:0 0 8px rgba(230,126,34,.5)}.theme-btn-list-compact .theme-btn svg{font-size:14px;color:#fff}.theme-btn-list-compact .btn-monkey{background:#4a4d51}.theme-btn-list-compact .btn-dracula{background:#707eaa}.theme-btn-list-compact .btn-synth-wave{background:#5d4c75}.theme-btn-list-compact .btn-solarize{background:#fff6dd}.theme-btn-list-compact .btn-solarize svg{color:#ffa800}.theme-btn-list-compact .btn-horizon{background:#ffb7c9}.theme-btn-list-compact .btn-horizon svg{color:#ce748a}.theme-btn-list-compact .btn-tomorrow{background:#e8e8e8}.theme-btn-list-compact .btn-tomorrow svg{color:#666}@media only screen and (max-width:1024px){.navbar-compact{flex-wrap:wrap;grid-gap:1rem;gap:1rem}.theme-controls{flex-wrap:wrap;grid-gap:.75rem;gap:.75rem}.theme-label-compact{font-size:.75rem}}@media only screen and (max-width:768px){.navbar-compact{padding:1rem;flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}.navbar-brand{font-size:1.1rem}.theme-controls{width:100%;justify-content:space-between}}.container{width:100%}:root{--action-green-bg:#28a745;--action-green-border:#1f8a39;--action-green-shadow:#17742c;--action-green-thumb:#d4ecd9;--toggle-off-shadow:#a9a9a9;--theme-toggle-off-shadow:#ae8a2d;--theme-toggle-on-shadow:#222426}.main-heading{margin-top:2.5rem}.button-3d,.button-3d-sm{font-family:"Space Mono",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:700;display:inline-block;width:auto;color:#fff;border-radius:5px;border:1px solid #f39c12;background:#e67e22;text-align:center;padding:8px 0 7px;transition:all .1s;margin-bottom:6px;width:85px;box-shadow:0 6px 0 #d35400;cursor:pointer}.generate-btn{align-self:flex-end}.button-3d.generate{border:1px solid #1f8a39;border:1px solid var(--action-green-border);background:#28a745;background:var(--action-green-bg);box-shadow:0 5px 0 #17742c;box-shadow:0 5px 0 var(--action-green-shadow);margin-bottom:6px}.button-3d.generate:active{box-shadow:0 2px 0 #17742c;box-shadow:0 2px 0 var(--action-green-shadow);position:relative;top:4px}.button-3d-sm{box-shadow:0 5px 0 #d35400;margin-bottom:15px}.button-container{margin-top:1rem}.button-3d-sm:active,.button-3d:active{box-shadow:0 2px 0 #d35400;position:relative;top:4px}.button-3d-sm:focus,.button-3d:focus{outline:0}.mb-16{margin-bottom:16px}.mb-32{margin-bottom:32px}.d-flex{display:flex}.fd-column{flex-direction:column}.j-center{justify-content:center}.text-area-container{position:relative}.right-btn-container{margin-left:1rem}.left-btn-container{margin-right:1rem;justify-content:space-between;width:85px}.empty-container-left{width:7rem}.empty-container-right{width:8.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.ai-center{align-items:center}.jc-between{justify-content:space-between}.p-relative{position:relative}.auto-container{position:absolute;left:100%;margin-bottom:14px;margin-left:14px;width:100%}.auto-text{margin-left:12px;vertical-align:initial;vertical-align:text-top}.auto-label,.auto-text{-webkit-user-select:none;user-select:none;font-size:.875rem}.auto-label{display:block;padding-left:27px;cursor:pointer}.auto-label .auto-validate{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:28px;width:29px;background-color:#222426;border-radius:3px}.checkmark-disabled{opacity:.5}.light-mode .checkmark{background-color:#fdf6e3;box-shadow:0 0 0 .4px #eee8d5}.dracula .checkmark{background-color:#21222c}.synth-wave .checkmark{background:#2b213a}.horizon .checkmark{background-color:#fce5df;box-shadow:0 0 0 .4px #ffd5cb}.tomorrow .checkmark{background-color:#f1f1f1;box-shadow:0 0 0 .4px #d4d4d4}.auto-label .auto-validate:checked~.checkmark,.auto-label:hover .auto-validate~.checkmark{background-color:#222426}.light-mode .auto-label .auto-validate:checked~.checkmark,.light-mode .auto-label:hover .auto-validate~.checkmark{background-color:#fdf6e3}.dracula .auto-label .auto-validate:checked~.checkmark,.dracula .auto-label:hover .auto-validate~.checkmark{background-color:#21222c}.synth-wave .auto-label .auto-validate:checked~.checkmark,.synth-wave .auto-label:hover .auto-validate~.checkmark{background-color:#2b213a}.horizon .auto-label .auto-validate:checked~.checkmark,.horizon .auto-label:hover .auto-validate~.checkmark{background-color:#fce5df;box-shadow:0 0 0 .4px #ffd5cb}.tomorrow .auto-label .auto-validate:checked~.checkmark,.tomorrow .auto-label:hover .auto-validate~.checkmark{background-color:#f1f1f1;box-shadow:0 0 0 .4px #d4d4d4}.checkmark:after{content:"";position:absolute;display:none}.auto-label .auto-validate:checked~.checkmark:after{display:block}.auto-label .checkmark:after{left:10px;top:5px;width:6px;height:12px;border:solid #e2b714;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.dracula .auto-label .checkmark:after{border:solid #ffca28;border-width:0 3px 3px 0}.synth-wave .auto-label .checkmark:after{border:solid #eedfa8;border-width:0 3px 3px 0}.light-mode .auto-label .checkmark:after{border:solid #b58900;border-width:0 3px 3px 0}.horizon .auto-label .checkmark:after{border:solid #fa577f;border-width:0 3px 3px 0}.tomorrow .auto-label .checkmark:after{border:solid #cd9f00;border-width:0 3px 3px 0}.button-3d-disabled{border:1px solid #e3e3e3;background:#e3e3e3;color:#928983;cursor:auto;box-shadow:0 6px 0 #928983}.button-3d-valid{border:1px solid #1f8a39;border:1px solid var(--action-green-border);background:#28a745;background:var(--action-green-bg);box-shadow:0 6px 0 #17742c;box-shadow:0 6px 0 var(--action-green-shadow)}.button-3d-valid:active{box-shadow:0 2px 0 #17742c;box-shadow:0 2px 0 var(--action-green-shadow)}.button-3d-invalid{border:1px solid #fd6459;background:#f44336;box-shadow:0 6px 0 #d84237}.button-3d-invalid:active{box-shadow:0 2px 0 #d84237}.styled-text-box{font-family:"Roboto Mono",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;outline:none;cursor:text;padding:5px 10px;line-height:1.5rem;font-size:15px;letter-spacing:.5px;border-radius:4px;font-weight:500}.styled-text-box::-webkit-scrollbar{width:7px}.styled-text-box::-webkit-scrollbar-thumb,.styled-text-box::-webkit-scrollbar-track{border-radius:100px}.styled-text-box:focus{outline:none}.styled-text-box.light-hacker{background:#e8e8e8;color:#149414;scrollbar-color:#149414 #e8e8e8;scrollbar-width:7px}.styled-text-box.light-hacker::-webkit-scrollbar-thumb{background:#149414}.styled-text-box.light{background:#e8e8e8;color:#616161;scrollbar-color:#616161 #e8e8e8;scrollbar-width:7px}.styled-text-box.light::-webkit-scrollbar-track{background:#e8e8e8}.styled-text-box.light::-webkit-scrollbar-thumb{background:#616161}.styled-text-box.dark{background:#323437;color:#e2b714;scrollbar-color:#e2b714 #323437;scrollbar-width:7px}.styled-text-box.dark::-webkit-scrollbar-track{background:#323437}.styled-text-box.dark::-webkit-scrollbar-thumb{background:#e2b714}.styled-text-box.dark::-webkit-input-placeholder{color:rgba(226,181,20,.7176470588235294);opacity:1}.styled-text-box.dark::placeholder{color:rgba(226,181,20,.7176470588235294);opacity:1}.light-mode .styled-text-box.dark::-webkit-scrollbar-thumb{background:rgba(181,136,0,.8156862745098039)}.light-mode .styled-text-box.dark::-webkit-input-placeholder{color:rgba(181,137,0,.8156862745098039);opacity:1}.light-mode .styled-text-box.dark::placeholder{color:rgba(181,137,0,.8156862745098039);opacity:1}.styled-text-box.dark-hacker{background:#191919;color:#20c20e}.styled-text-box.dark-hacker::-webkit-scrollbar-thumb{background:#20c20e}.styled-text-box.dark-hacker::-webkit-scrollbar-track{background:#191919}.styled-text-box.dark-hacker::-webkit-input-placeholder{color:rgba(32,194,14,.7176470588235294);opacity:1}.styled-text-box.dark-hacker::placeholder{color:rgba(32,194,14,.7176470588235294);opacity:1}.error-messsage-container{height:100%}.error-message{text-align:center;color:red}.success-message{text-align:center;color:#00b900}.custom-editor{text-align:left;width:50rem}.custom-editor .CodeMirror{font-size:13px;font-size:var(--editor-font-size,13px);line-height:19.5px;line-height:calc(var(--editor-font-size, 13px)*1.5)}.custom-editor .CodeMirror pre.CodeMirror-line,.custom-editor .CodeMirror pre.CodeMirror-line-like{line-height:inherit}.light-mode .custom-editor{box-shadow:0 0 0 .4px #eee8d5;border-radius:4px}@media only screen and (min-width:1600px){.custom-editor{width:60rem}}@media only screen and (max-width:1200px){.custom-editor{width:35rem}table{margin-top:100rem;margin-bottom:100rem}}.switch{position:relative;display:inline-block;width:85px;height:37px;margin-left:0;margin-bottom:7px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border:1px solid #dbdada;transition:all .1s;box-shadow:0 6px 0 #a9a9a9;box-shadow:0 6px 0 var(--toggle-off-shadow)}.switch:active .slider{-webkit-transform:translateY(4px);transform:translateY(4px);box-shadow:0 2px 0 #a9a9a9;box-shadow:0 2px 0 var(--toggle-off-shadow)}.switch:active .data-slider:checked+.slider{box-shadow:0 2px 0 #17742c;box-shadow:0 2px 0 var(--action-green-shadow)}.slider:before{position:absolute;content:"";height:26px;width:26px;left:5px;bottom:5px;transition:all .1s}.data-slider:checked+.slider{background-color:#28a745;background-color:var(--action-green-bg);border:1px solid #1f8a39;border:1px solid var(--action-green-border);box-shadow:0 6px 0 #17742c;box-shadow:0 6px 0 var(--action-green-shadow)}.data-slider+.slider:before{background-color:#f0f0f0}.data-slider:checked+.slider:before{background-color:#d4ecd9;background-color:var(--action-green-thumb);-webkit-transform:translateX(48px);transform:translateX(48px)}.slider.custom{border-radius:6px}.slider.custom:before{border-radius:5px}.reformat-input{height:27px;width:27px;border-radius:3px;background-color:#222426;color:#e2b714;border:none;font-size:1rem;font-weight:bolder}.font-size-controls{display:flex;width:85px;justify-content:space-between;margin-bottom:15px}.font-size-button{height:27px;width:39px;border-radius:3px;background-color:#222426;color:#e2b714;border:none;font-size:1rem;font-weight:bolder;cursor:pointer;position:relative;transition:all .1s;box-shadow:0 5px 0 #131415}.font-size-button:focus{outline:none}.font-size-button:active{box-shadow:0 2px 0 #131415;top:4px}.font-size-button:disabled{opacity:.5;cursor:not-allowed}.light-mode .font-size-button{color:#b58900;background-color:#fdf6e3;box-shadow:0 5px 0 #c9c4b6}.dracula .font-size-button{background-color:#21222c;color:#ffca28}.synth-wave .font-size-button{background:#2b213a;color:#eedfa8;text-shadow:0 0 3px #e2b714}.horizon .font-size-button{color:#fa577f;background-color:#fce5df;box-shadow:0 5px 0 #d9bdb7}.tomorrow .font-size-button{color:#cd9f00;background-color:#f1f1f1;box-shadow:0 5px 0 #c9c9c9}.light-mode .reformat-input{color:#b58900;background-color:#fdf6e3;box-shadow:0 0 0 .4px #eee8d5}.dracula .reformat-input{background-color:#21222c;color:#ffca28}.synth-wave .reformat-input{background:#2b213a;color:#eedfa8;text-shadow:0 0 3px #e2b714}.horizon .reformat-input{color:#fa577f;background-color:#fce5df;box-shadow:0 0 0 .4px #ffd5cb}.tomorrow .reformat-input{color:#cd9f00;background-color:#f1f1f1;box-shadow:0 0 0 .4px #d4d4d4}.reformat-input:focus{outline:none}.reformat-text{position:absolute;margin-top:2px;width:5.2rem;margin-left:7px;font-size:.875rem}.reformat-container{position:absolute;left:100%;margin-bottom:14px;margin-left:14px}.space-error-message{position:absolute;color:red;width:35px;margin:0;font-size:.8rem}.copy-message-text{position:absolute;left:100%;margin:8px 0 0 14px;color:#28a745}.example-text{font-weight:bolder;margin-top:0;margin-bottom:9px;font-size:.875rem}.left-btn-container a{font-size:.875rem;line-height:1.5}.data-type-container{margin-bottom:9px;position:relative}.data-type-text-container{position:absolute;right:100%;top:.5rem;margin-right:1rem;text-align:right;width:9rem}.data-type-text{margin:0;width:100%}.example-container{text-align:right}.copy-button-wrapper{position:absolute;top:8px;right:12px}.copy-button{display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;background-color:#222426;width:34px;height:30px;border-radius:4px;border:1px solid hsla(0,0%,50.2%,.35);box-sizing:border-box}.copy-button .copy-icon{width:100%;height:100%;align-items:center}.copy-button .copy-icon>img{width:18px}.copy-button-icon{color:#e2b714;font-size:14px}.copy-button-icon.copied,.copy-check-icon{color:#28a745;font-size:14px}.dracula .copy-button-icon{color:#ffca28}.synth-wave .copy-button-icon{color:#eedfa8}.light-mode .copy-button-icon{color:#b58900}.horizon .copy-button-icon{color:#fe6a8e}.tomorrow .copy-button-icon{color:#cd9f00}.light-mode .copy-button{background-color:#fdf6e3;border-color:#eee8d5}.dracula .copy-button{background-color:#343746;border-color:#4d5165}.synth-wave .copy-button{background-color:#2f2442;border-color:#4f3e72}.horizon .copy-button{background-color:#fce5df;border-color:#ffd5cb}.tomorrow .copy-button{background-color:#f1f1f1;border-color:#d4d4d4}.CodeMirror-vscrollbar::-webkit-scrollbar{width:5px}.CodeMirror-hscrollbar,.CodeMirror-vscrollbar{-ms-overflow-style:6px;scrollbar-width:6px}.CodeMirror-hscrollbar::-webkit-scrollbar{height:5px}.CodeMirror:hover .CodeMirror-hscrollbar::-webkit-scrollbar-thumb,.CodeMirror:hover .CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:rgba(226,183,20,.5333333333333333);border-radius:100px}.light-mode .CodeMirror:hover .CodeMirror-hscrollbar::-webkit-scrollbar-thumb,.light-mode .CodeMirror:hover .CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:rgba(181,136,0,.5333333333333333)}.CodeMirror .CodeMirror-hscrollbar,.CodeMirror .CodeMirror-vscrollbar{scrollbar-width:none}.CodeMirror:hover .CodeMirror-hscrollbar,.CodeMirror:hover .CodeMirror-vscrollbar{scrollbar-color:rgba(226,183,20,.5333333333333333) transparent;scrollbar-width:thin}.light-mode .CodeMirror:hover .CodeMirror-hscrollbar,.light-mode .CodeMirror:hover .CodeMirror-vscrollbar{scrollbar-color:rgba(181,136,0,.3764705882352941) transparent;scrollbar-width:thin}.custom-editor .CodeMirror-scrollbar-filler{background-color:initial}.CodeMirror-placeholder{font-style:normal;color:hsla(0,0%,100%,.274)!important;padding-left:10px!important}.light-mode .CodeMirror-placeholder{font-style:normal;color:rgba(181,136,0,.5333333333333333)!important;padding-left:10px!important}.reformat-input::-webkit-inner-spin-button,.reformat-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;background:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z' fill='%23e2b714'/></svg>") no-repeat 50% 50%;width:4px;height:12px;padding:4px;position:relative;right:0;border-radius:3px;cursor:pointer}.light-mode .reformat-input::-webkit-inner-spin-button,.light-mode .reformat-input::-webkit-outer-spin-button{background:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z' fill='%23b58900'/></svg>") no-repeat 50% 50%}.reformat-input{-moz-appearance:textfield}.header-text-container{width:50rem;text-align:center;margin-left:auto;margin-right:auto}@media only screen and (min-width:1600px){.header-text-container{width:60rem}}@media only screen and (max-width:1200px){.header-text-container{width:35rem}}@media only screen and (max-width:779px){.header-text-container{width:48.6rem}.header-text{-webkit-transform:translateX(12.5%);transform:translateX(12.5%)}}.theme-button{position:absolute;right:-5.563rem;top:.5rem}.theme-slider+.slider{background-color:#dcad35;border:1px solid #ae8a2d;box-shadow:0 6px 0 #ae8a2d;box-shadow:0 6px 0 var(--theme-toggle-off-shadow)}.theme-slider:checked+.slider{background-color:#666;border:1px solid #222426;box-shadow:0 6px 0 #222426;box-shadow:0 6px 0 var(--theme-toggle-on-shadow)}.theme-slider+.slider:before{background-color:#f0f0f0;box-shadow:none}.theme-slider:checked+.slider:before{background-color:#fdf4e0;-webkit-transform:translateX(48px);transform:translateX(48px);box-shadow:none}.theme-toggle:active .slider{-webkit-transform:translateY(4px);transform:translateY(4px);box-shadow:0 2px 0 #ae8a2d;box-shadow:0 2px 0 var(--theme-toggle-off-shadow)}.theme-toggle:active .theme-slider:checked+.slider{box-shadow:0 2px 0 #222426;box-shadow:0 2px 0 var(--theme-toggle-on-shadow)}.theme-label{position:absolute;left:0;top:-2.75rem;font-size:16px;font-weight:400;margin-top:.5rem;width:-webkit-max-content;width:max-content;text-align:left}.navbar{background:#666;justify-content:center;align-items:center;height:74.84px;margin-bottom:21.24px}.navbar-bg-light{background:#fdf4e0}.navbar-bg-dark{background:#666}.nav-item-dark{font-weight:400;color:#e4e4e4}.nav-item-dark,.nav-item-selected-dark{font-family:"Space Mono";font-style:normal;font-size:28px;line-height:41px}.nav-item-selected-dark{font-weight:700;text-align:center;color:#ffd64e}.nav-item-light{font-weight:400;color:#2c2e30}.nav-item-light,.nav-item-selected-light{font-family:"Space Mono";font-style:normal;font-size:28px;line-height:41px}.nav-item-selected-light{font-weight:700;text-align:center;color:#ae7c1c}.mr-3{margin-right:2rem}.gap-3{grid-gap:3rem;gap:3rem}.mb-2{margin-bottom:2rem}.cursor-pointer{cursor:pointer}.bar-parent-dark{position:relative}.bar-parent-dark:before{position:absolute;content:"";background-color:#ffd64e;width:48px;height:4px;bottom:-15px;left:29%}.bar-parent-light{position:relative}.bar-parent-light:before{position:absolute;content:"";background-color:#ae7c1c;width:48px;height:4px;bottom:-15px;left:29%}.json-one,.json-two{width:121px;text-align:center}.CodeMirror{font-family:"Roboto Mono",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;color:#000;direction:ltr;height:415px;line-height:1.5rem;font-size:13px;letter-spacing:.5px;border-radius:4px;font-weight:500}@media only screen and (min-width:1600px){.CodeMirror{height:425px}}@media only screen and (max-width:1200px){.CodeMirror{height:385px}}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 4px 0 6px;min-width:21px;text-align:right;color:#999;font-weight:400;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5)}.cm-animate-fat-cursor,.cm-fat-cursor-mark{-webkit-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;background-color:#7e7}@-webkit-keyframes blink{50%{background-color:initial}}@keyframes blink{50%{background-color:initial}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:initial}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:initial}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;-webkit-font-feature-settings:"calt";font-feature-settings:"calt";font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:initial}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.dracula .CodeMirror-gutters{background:#21222c!important;border:none}.dracula .CodeMirror-scroll{background:#343746;border:none}.dracula .CodeMirror-linenumber{color:#ffca28!important}.dracula .cm-property.cm-string{color:#ff79c6!important}.dracula .cm-number{color:#bd93f9!important}.dracula .cm-string{color:#f1fa8c!important}.dracula .cm-atom{color:#ffb86c!important}.dracula .CodeMirror pre.CodeMirror-line{color:#f8f8f2}.synth-wave .CodeMirror-gutters{background:#2b213a!important;border:none}.synth-wave .CodeMirror-linenumber{color:#eedfa8!important;text-shadow:0 0 3px #e2b714}.synth-wave .CodeMirror-scroll{background:#2f2442;border:none}.synth-wave .cm-property.cm-string{color:#ff0!important}.synth-wave .cm-number{color:#ff6e50!important}.synth-wave .cm-string{color:violet!important}.synth-wave .cm-atom{color:#40e0d0!important}.synth-wave .CodeMirror pre.CodeMirror-line{color:#fafafa}.horizon .CodeMirror-gutter{background:#fadad2!important;border-color:#fadad2!important}.horizon .CodeMirror-gutters{border-color:#ffd5cb}.horizon .CodeMirror-linenumber{color:#fa577f!important}.horizon .CodeMirror-scroll{background:#fce5df;border:none}.horizon .cm-property.cm-string{color:#de284f!important}.horizon .cm-number{color:#a057c3!important}.horizon .cm-string{color:#47999f!important}.horizon .cm-atom{color:#f78637!important}.horizon .CodeMirror pre.CodeMirror-line{color:#535050}.tomorrow .CodeMirror-gutter{background:#e1e1e1!important;border-color:#e1e1e1!important}.tomorrow .CodeMirror-gutters{border-color:#d4d4d4!important}.tomorrow .CodeMirror-scroll{background:#f1f1f1;border:none}.tomorrow .CodeMirror-linenumber{color:#cd9f00!important}.tomorrow .cm-property.cm-string{color:#8b57ad!important}.tomorrow .cm-number{color:#738d00!important}.tomorrow .cm-string{color:#ca2b23!important}.tomorrow .cm-atom{color:#456fbd!important}.tomorrow .CodeMirror pre.CodeMirror-line{color:#4d4d64}.cm-s-monkeytype.CodeMirror{background-color:#222426;color:#d1d0c5}.cm-s-monkeytype .CodeMirror-gutters{background:#222325;color:#e2b714;border:none}.cm-s-monkeytype .CodeMirror-guttermarker,.cm-s-monkeytype .CodeMirror-guttermarker-subtle,.cm-s-monkeytype .CodeMirror-linenumber{color:#e2b714}.cm-s-monkeytype .CodeMirror-cursor{border-left:1px solid #e2b714}.cm-s-monkeytype.CodeMirror-focused div.CodeMirror-selected,.cm-s-monkeytype div.CodeMirror-selected{background:hsla(0,0%,68.6%,.2)}.cm-s-monkeytype .CodeMirror-line::selection,.cm-s-monkeytype .CodeMirror-line>span::selection,.cm-s-monkeytype .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-monkeytype .CodeMirror-line::-moz-selection,.cm-s-monkeytype .CodeMirror-line>span::-moz-selection,.cm-s-monkeytype .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-monkeytype .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-monkeytype .cm-keyword{color:#c792ea}.cm-s-monkeytype .cm-operator{color:#89ddff}.cm-s-monkeytype .cm-variable-2{color:#eff}.cm-s-monkeytype .cm-type,.cm-s-monkeytype .cm-variable-3{color:#ca4754}.cm-s-monkeytype .cm-builtin{color:#e2b714}.cm-s-monkeytype .cm-atom{color:#f78c6c}.cm-s-monkeytype .cm-number{color:#ff5370}.cm-s-monkeytype .cm-def{color:#82aaff}.cm-s-monkeytype .cm-string{color:#e2b714}.cm-s-monkeytype .cm-string-2{color:#ca4754}.cm-s-monkeytype .cm-comment{color:#646669}.cm-s-monkeytype .cm-variable{color:#ca4754}.cm-s-monkeytype .cm-tag{color:#ff5370}.cm-s-monkeytype .cm-meta{color:#e2b714}.cm-s-monkeytype .cm-attribute,.cm-s-monkeytype .cm-property{color:#ca4754}.cm-s-monkeytype .cm-qualifier,.cm-s-monkeytype .cm-type,.cm-s-monkeytype .cm-variable-3{color:rgba(226,181,20,.7176470588235294)}.cm-s-monkeytype .cm-error{color:#fff;background-color:#ff5370}.cm-s-monkeytype .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-solarized-light{background-color:#fdf6e3;color:#657b83}.cm-s-solarized-light .emphasis{font-weight:700}.cm-s-solarized-light .dotted{border-bottom:1px dotted #cb4b16}.cm-s-solarized-light .CodeMirror-gutter{background-color:#eee8d5;border-right:1px solid #eee8d5}.cm-s-solarized-light .CodeMirror-gutter .CodeMirror-gutter-text{color:#fff}.cm-s-solarized-light .CodeMirror-cursor{border-left-color:#b58900!important}.cm-s-solarized-light .CodeMirror-guttermarker,.cm-s-solarized-light .CodeMirror-guttermarker-subtle,.cm-s-solarized-light .CodeMirror-linenumber{color:#b58900}.cm-s-solarized-light .CodeMirror-matchingbracket{color:#002b36;background-color:#eee8d5;box-shadow:0 0 10px #eee8d5;font-weight:700}.cm-s-solarized-light .CodeMirror-nonmatchingbracket{color:#002b36;background-color:#eee8d5;box-shadow:0 0 10px #eee8d5;font-weight:700;color:#dc322f;border-bottom:1px dotted #cb4b16}.cm-s-solarized-light span.cm-keyword{color:#657b83;font-weight:700}.cm-s-solarized-light span.cm-atom{color:#2aa198}.cm-s-solarized-light span.cm-number{color:#586e75}.cm-s-solarized-light span.cm-def{color:#268bd2}.cm-s-solarized-light span.cm-variable,.cm-s-solarized-light span.cm-variable-2,.cm-s-solarized-light span.cm-variable-3{color:#cb4b16}.cm-s-solarized-light span.cm-comment{color:#93a1a1}.cm-s-solarized-light .cm-string.cm-property,.cm-s-solarized-light span.cm-property{color:#b58900}.cm-s-solarized-light span.cm-operator{color:#657b83}.cm-s-solarized-light span.cm-string{color:#6c71c4}.cm-s-solarized-light span.cm-error{font-weight:700;border-bottom:1px dotted #cb4b16}.cm-s-solarized-light span.cm-bracket{color:#cb4b16}.cm-s-solarized-light span.cm-tag{color:#657b83}.cm-s-solarized-light span.cm-attribute{color:#586e75;font-weight:700}.cm-s-solarized-light span.cm-meta{color:#268bd2}.empty-object{font-style:italic;text-align:center;margin:15px 0;font-weight:600}body{background-color:#323437;color:silver;transition:all .35s}body.light-mode{background-color:#fefbf3;color:#323437}.light-mode{transition:all .35s}body.dracula{background-color:#282a36;color:silver}.dracula{transition:all .35s}body.synth-wave{background:#20172e;color:#fafafa}.synth-wave{transition:all .35s}body.horizon{background:#fdf0ee;color:#323437}body.tomorrow{background:#fafafa;color:#4d4d64}.horizon{transition:all .35s}body.preload{transition:none}.button{display:block;margin-left:auto;margin-right:auto;margin-top:10px;background-color:#e7e9eb}a,a:visited{color:#e2b714;text-decoration:none}.light-mode a,.light-mode a:visited{color:#b58900}.dracula a,.dracula a:visited{color:#ffca28}.synth-wave a,.synth-wave a:visited{color:#eedfa8;text-shadow:0 0 3px #e2b714}.horizon a,.horizon a:visited{color:#fe6a8e}.tomorrow a,.tomorrow a:visited{color:#cd9f00}td{vertical-align:top;-webkit-hyphens:auto;hyphens:auto;font-size:14px}.keys,th{-webkit-hyphens:none;hyphens:none}th{text-align:left}.light-mode table{border-color:#eee8d5}table{margin:.3rem auto .5rem}.text-area{display:block;border:1px;background-color:#e7e9eb}.container{margin-left:auto;margin-right:auto}.ml-1{margin-left:1rem}.data-type{text-align:left;font-weight:400;color:#e2b714;font-size:.9rem;font-style:italic}.light-mode .data-type{color:#b58900}.keys{font-weight:700}.index{border:none}.text-area-heading{text-align:center}.paragraph-text-area{text-align:center;font-size:0}.collapse-button{font-family:"Space Mono",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background:#28a745;color:#fff}.fontawesome-button{background-color:#28a745;height:22px;width:22px;color:#e7e9eb;border-radius:5px;border-width:0;padding:2px;cursor:pointer}.fontawesome-button:focus{outline:none}.display-table-content{display:none}.button-div{margin-bottom:.2rem}.horizontal-container>div>.button-div,.vertical-container>div>.button-div{text-align:center}body{margin:0;font-family:"Space Mono",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:"Space Mono",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.nothing-to-display{font-size:normal;text-align:center;font-style:italic}.toast-container{background-color:#3c4043;width:340px;display:flex;align-items:center;padding-inline:12px;padding-block:16px;border-radius:5px;grid-gap:16px;gap:16px;margin:10px 6px;position:relative;-webkit-animation:rollout .4s;animation:rollout .4s;box-shadow:0 6px #222426;color:#fff}.toast-container>.img-wrapper{box-shadow:0 4px #064d2b;border-radius:50%;padding:6.4px 7px 7.7px 7.4px;background-color:#04b763;display:inherit}.light-mode .toast-container{background-color:#cac9c3;color:inherit}.light-mode .cancel-icon{fill:#323437}.cancel-icon{fill:#fff}.toast-btn{position:absolute;top:0;right:0;margin-top:7.7px;margin-right:11.7px}.toast-btn>button{background-color:inherit;border:none;padding:0;cursor:pointer}.site-content{max-width:1000px;margin:2rem auto 1rem;padding:0 1rem}.info-toggle-button{font-family:inherit;font-size:.875rem;background:transparent;border:1px solid hsla(0,0%,50.2%,.35);border-radius:4px;color:inherit;padding:.35rem .65rem;cursor:pointer;margin-bottom:.85rem}.content-section{border-top:0;margin-top:0;padding-top:0}.content-section--with-top-border{border-top:1px solid hsla(0,0%,50.2%,.25);margin-top:1rem;padding-top:1rem}.content-section h1{font-size:1.4rem;margin:0 0 .8rem}.content-section h2{font-size:1.1rem;margin:1rem 0 .6rem}.content-section p{margin:0;line-height:1.6}.content-section ul{margin:.5rem 0 0;padding-left:1.2rem}.content-section li{margin-bottom:.35rem}.site-footer{display:flex;grid-gap:1rem;gap:1rem;flex-wrap:wrap;padding:1.25rem 0 2rem;border-top:1px solid hsla(0,0%,50.2%,.25);margin-top:1.5rem}.site-footer a:not(:last-child):after{content:" \00B7";margin-left:.6rem}@media (max-width:768px){.content-section h1{font-size:1.15rem}}.shortkey-popover{font-size:12px;position:absolute;padding-inline:8px;padding-block:6px;background:#535353;border-radius:4px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;color:#ecf0f1;text-align:center;top:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:20}.top-x35{top:calc(100% + 4px)!important}.shortkey-popover .carrot-sign{padding:7px;position:absolute;background:inherit;top:-5px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);left:50%;z-index:0;border-radius:3px}.shortkey-popover>.code-value{display:flex;grid-gap:4px;gap:4px}.shortkey-popover>.code-value>div{background:#222426;padding:6px;border-radius:4px}.light-mode .shortkey-popover{background:#cac9c3;color:#323437}.light-mode .shortkey-popover>.code-value>div{background:#f9f8f1;color:#323437}.keymap-popover{background:#e5e4db;color:#323437;position:absolute;border-radius:4px;z-index:9999}.keymap-top{bottom:calc(100% + 8px)}.keymap-bottom,.keymap-top{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.keymap-bottom{top:calc(100% + 8px)}.keymap-right{top:50%;left:calc(100% + 8px);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.keymap-popover>.carrot-sign{padding:4px;position:absolute;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px}.keymap-popover>.carrot-top{top:calc(100% - 3px)}.keymap-popover>.carrot-bottom,.keymap-popover>.carrot-top{left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.keymap-popover>.carrot-bottom{bottom:calc(100% - 3px)}.keymap-popover>.carrot-right{top:50%;left:-3px;padding:3px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.checkbox-keymap{top:calc(100% + 8px);left:0;-webkit-transform:none;transform:none}.show-keymap-button-wrapper{position:absolute;right:12px;bottom:8px;z-index:999}.show-keymap-button{display:flex;align-items:center;justify-content:center;width:34px;height:30px;border-radius:4px;background-color:#222426;border:1px solid hsla(0,0%,50.2%,.35);box-sizing:border-box;cursor:pointer}.show-keymap-button.fa-keyboard{color:#e2b714;cursor:pointer}.dracula .show-keymap-button.fa-keyboard{color:#ffca28;cursor:pointer}.synth-wave .show-keymap-button.fa-keyboard{color:#eedfa8}.light-mode .show-keymap-button.fa-keyboard{color:#b58900;cursor:pointer}.horizon .show-keymap-button.fa-keyboard{color:#fe6a8e}.tomorrow .show-keymap-button.fa-keyboard{color:#cd9f00}.light-mode .show-keymap-button{background-color:#fdf6e3;border-color:#eee8d5}.dracula .show-keymap-button{background-color:#343746;border-color:#4d5165}.synth-wave .show-keymap-button{background-color:#2f2442;border-color:#4f3e72}.horizon .show-keymap-button{background-color:#fce5df;border-color:#ffd5cb}.tomorrow .show-keymap-button{background-color:#f1f1f1;border-color:#d4d4d4}.visible{display:block!important}.backdrop{position:absolute;z-index:1;background:rgba(19,20,21,.7000000000000001);width:100%;height:100%;top:0;left:0;display:none}.light-mode .backdrop{background:rgba(19,20,21,.5)}.keyboard-icon-popover{position:absolute;z-index:999;background:#535353;width:-webkit-max-content;width:max-content;border-radius:4px;padding:8px 6px;font-size:14px;top:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:10px}.keyboard-icon-carrot{position:absolute;padding:4px;top:-4px;left:50%;background:inherit;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.light-mode .keyboard-icon-popover{background:#f4f2e3;color:#323437}.theme-btn-list{position:absolute;display:flex;grid-gap:16px;gap:16px;top:.25rem;left:5rem;margin-left:1.5rem}.theme-btn{width:37px;height:37px;border-radius:50%;position:relative}.theme-btn>span{width:37px;height:37px;border-radius:50%;border:1px solid #fff;cursor:pointer;position:absolute;top:-8px;left:-1px;transition:all .75s}.theme-btn.selected>span{pointer-events:none;cursor:default;-webkit-transform:translateY(3px);transform:translateY(3px);transition:all .75s}.btn-monkey>span{border-color:#1e2022;background:#4a4d51}.btn-monkey{background:#1e2022}.btn-dracula>span{background-color:#707eaa;border-color:#384058}.btn-dracula{background:#384058}.btn-synth-wave>span{background-color:#5d4c75;border-color:#231b30}.btn-synth-wave{background:#231b30}.btn-solarize>span{background-color:#fff6dd;border-color:#b2a378}.btn-solarize{background:#b2a378}.btn-horizon>span{background-color:#ffb7c9;border-color:#ce748a}.btn-horizon{background:#ce748a}.btn-tomorrow>span{background-color:#e8e8e8;border-color:#a1a1a1}.btn-tomorrow{background:#a1a1a1}.btn-monkey .monkey-face{position:absolute;display:flex;flex-direction:column;top:7px;left:7.5px;grid-gap:2px;gap:2px;align-items:center}.btn-monkey .monkey-eyes{display:flex;grid-gap:7.5px;gap:7.5px;transition:height .6s;height:10px;align-items:center}.btn-monkey .monkey-eyes>div{height:10px;width:7.5px;border-radius:1000px;background:#ed640a;transition:height .6s}.btn-monkey:hover .monkey-eyes>div{height:1px}.dracula-svg>.moon{top:-10.5px}.dracula-svg>.cloud,.dracula-svg>.moon{position:absolute;left:8px;transition:all .5s}.dracula-svg>.cloud{top:-9px}.btn-dracula:hover .moon{-webkit-transform:translate(-2.5px,-2.5px);transform:translate(-2.5px,-2.5px);transition:all .5s}.btn-dracula:hover .cloud{-webkit-transform:translate(2.5px,2.5px);transform:translate(2.5px,2.5px);transition:all .5s}.btn-synth-wave .bg-star{position:absolute;display:flex;width:10px;height:10px;top:8.5px;left:9.5px;-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .5s}.btn-synth-wave .md-star{position:absolute;display:flex;width:6.5px;height:6.5px;top:21.5px;left:14.2px;transition:all .5s}.btn-synth-wave .sm-star{position:absolute;display:flex;width:5px;height:5px;top:14.5px;left:21.5px;transition:all .5s}.btn-synth-wave:hover .bg-star{-webkit-transform:rotate(90deg) scale(1.7);transform:rotate(90deg) scale(1.7);transition:all .5s;left:9px}.btn-synth-wave:hover .bg-star>img,.btn-synth-wave:hover .md-star>img,.btn-synth-wave:hover .sm-star>img{-webkit-filter:drop-shadow(0 0 1px #e2b714);filter:drop-shadow(0 0 1px #e2b714)}.btn-synth-wave:hover .md-star{-webkit-transform:rotate(90deg) scale(1.4);transform:rotate(90deg) scale(1.4);top:24.5px;left:15.2px;transition:all .5s}.btn-synth-wave:hover .sm-star{-webkit-transform:rotate(45deg) scale(1.5);transform:rotate(45deg) scale(1.5);transition:all .5s;top:15.5px;left:24px}.solarize-svg>div{display:flex;transition:all .5s;position:absolute}.btn-solarize .sun-centre{left:27%;top:26%}.btn-solarize .sun-ray{left:7%;top:6%;-webkit-transform:rotate(15deg) scale(.75);transform:rotate(15deg) scale(.75)}.btn-solarize:hover .sun-centre{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .5s}.btn-solarize:hover .sun-ray{-webkit-transform:rotate(70deg) scale(1);transform:rotate(70deg) scale(1);transition:all .5s}.btn-horizon .horizon-svg>div{position:absolute;display:flex}.btn-horizon .sun-fog{top:4px;left:4px}.btn-horizon .sun-shine-1{bottom:13px;left:7px;visibility:hidden;opacity:0;transition:visibility 1.5s,opacity 1s}.btn-horizon .sun-shine-2{bottom:10px;left:10px;visibility:hidden;opacity:0;transition:visibility .5s,opacity 1.5s}.btn-horizon .sun-shine-3{bottom:6px;left:13px;visibility:hidden;opacity:0;transition:visibility .2s,opacity 2s}.btn-horizon:hover .sun-shine-1,.btn-horizon:hover .sun-shine-2,.btn-horizon:hover .sun-shine-3{visibility:visible;opacity:1}.tomorrow-svg>div{display:flex;transition:all .5s}.btn-tomorrow .star{position:absolute;top:25%;left:25%;transition:all .5s}.btn-tomorrow .shooting-star{position:absolute;visibility:hidden;opacity:0;top:35%;left:13%}.btn-tomorrow:hover .star{-webkit-transform:rotate(45deg) scale(.6);transform:rotate(45deg) scale(.6);transition:all .5s;top:7.5px;right:-13px}.btn-tomorrow:hover .shooting-star{visibility:visible;opacity:1;-webkit-transform:translate(1.5px,1.5px);transform:translate(1.5px,1.5px)}.copy-icon,.keyboard-icon{width:31px;height:25px;display:flex;justify-content:center;cursor:pointer}.copy-icon>img{width:20px}.copy-icon-popover{position:absolute;width:-webkit-max-content;width:max-content;right:45px;font-size:14px;top:9px;background:rgba(50,52,55,.9333333333333333);padding:3px 11px;border-radius:4px}.copy-icon-carrot{background:inherit;height:6px;width:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:9px;right:-2.5px;border-radius:1px}.dracula .copy-icon-popover{color:#ffca28!important;background-color:rgba(40,42,54,.9686274509803922)}.synth-wave .copy-icon-popover{color:#eedfa8!important;text-shadow:0 0 3px #e2b714;background-color:rgba(32,23,46,.9450980392156862)}.light-mode .copy-icon-popover{color:#b58900!important;background-color:rgba(241,230,202,.8352941176470589)}.horizon .copy-icon-popover{color:#fe6a8e!important;background-color:rgba(239,205,200,.7803921568627451)}.tomorrow .copy-icon-popover{color:#cd9f00!important;background-color:hsla(0,2%,90.4%,.8980392156862745)}@-webkit-keyframes rollout{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes rollout{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.09974a31.chunk.css.map */