#preview>div{background-color:var(--gray);border-radius:3rem;height:3rem;padding:.5rem}#preview>div div{background-color:var(--darker-gray);border-radius:3rem;height:100%}#options form{display:flex;flex-flow:column nowrap;gap:1rem;background-color:var(--dark-gray);border-radius:.5rem;padding:3rem;min-height:11.6rem}#options form label{display:flex;justify-content:flex-start;align-items:center;gap:3rem}#options form span{flex:0 1 100%}#options form input[type=checkbox]{width:1.5rem;height:1.5rem}#options form input:not([type=checkbox]){background-color:var(--white);border:1px solid transparent;border-radius:.3rem;padding:0 1rem;min-width:6rem;height:2rem;transition:box-shadow .15s}#options form input:not([type=checkbox]):focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 .2rem #3bf8}#options form select{background-color:var(--white);border:1px solid transparent;border-radius:.3rem;padding:0 1rem;min-width:8rem;height:2rem;transition:box-shadow .15s}#colors>ul:first-of-type{display:flex;align-items:flex-end;gap:.5rem;min-height:4rem}#colors>ul:first-of-type li button{box-sizing:content-box;background-color:var(--gray);border:0;border-radius:.5rem .5rem 0 0;font-weight:700;color:var(--text);white-space:pre;padding:1rem 2rem;transition:background-color .15s,margin-top .15s,padding-bottom .15s}#colors>ul:first-of-type li.active button{background-color:var(--darker-gray)}#colors>ul:first-of-type li button:hover,#colors>ul:first-of-type li button:focus-visible{padding-bottom:1.5rem}#colors>ul.colorpicker{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;background-color:var(--darker-gray);border-radius:0 0 .5rem .5rem;padding:3rem;min-height:12rem}#colors>ul.colorpicker li:not(:last-child),#colors>ul.colorpicker li:first-child{transition:background-color .15s ease-in-out}#colors>ul.colorpicker li:not(:last-child):hover,#colors>ul.colorpicker li:first-child:hover{background-color:var(--text)}#colors>ul.colorpicker li{background-color:var(--dark-gray);border-radius:.5rem;padding:.5rem}#colors>ul.colorpicker li div,#colors>ul.colorpicker li input.color-input{border:0;border-radius:.3rem;text-align:center;width:5rem;height:5rem;padding:2rem 0}#colors>ul.colorpicker li:has(input.color-input){position:absolute;opacity:0}#colors>ul.colorpicker li:has(+li input.color-input:focus-visible){background-color:var(--text)}#json-output{resize:none;outline:0;background-color:var(--static-darker-gray);border:.3rem solid transparent;border-radius:.5rem;box-sizing:content-box;color:var(--white);white-space:pre-wrap;margin:1.5rem 0;padding:1rem;max-width:100%;min-height:8.05rem;transition:border-color .15s ease-in-out}#json-output:focus{border-color:var(--primary)}#json-output .property-color{color:#58b6c1}#json-output .string-color{color:#e5c081}#json-output .boolean-color,#json-output .null-color{color:#05c081}#json-output .number-color{color:#c579d9}#json-message{transition:background-color .15s,color .15s}#json-message,#json-message-error{display:flex;align-items:center;gap:1.5rem;background-color:var(--darker-gray);border-radius:.3rem;color:var(--text);font-weight:700;padding:0 1.5rem;width:100%;min-height:3rem}#json-message[hidden],#json-message-error[hidden]{display:none}#json-message.pending,#json-message-error.pending{background-color:var(--primary);color:var(--static-darker-gray)}#json-message.success,#json-message-error.success{background-color:var(--success);color:var(--black)}#json-message.error,#json-message-error.error{background-color:var(--error);color:var(--white)}#json-message p,#json-message-error p{margin:.35rem 0}#json button:first-of-type{background-color:var(--darker-gray);border:.3rem solid var(--text);border-radius:.3rem;font-weight:700;color:var(--text);margin:0;padding:0 1.5rem;height:3rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}#json button:first-of-type:hover,#json button:first-of-type:focus-visible{background-color:var(--primary);border-color:var(--primary);color:var(--black)}#json button:first-of-type.error:hover,#json button:first-of-type.error:focus-visible{background-color:var(--error);border-color:var(--error);color:var(--white)}#json button:first-of-type:active:not([disabled]){filter:brightness(.8)}#json button:first-of-type[disabled]{cursor:wait}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v283/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}