.content.svelte-k5avzm{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.content.svelte-k5avzm .left:where(.svelte-k5avzm){width:50%;padding-right:15px}.content.svelte-k5avzm .right:where(.svelte-k5avzm){width:50%;padding-left:15px}.content.svelte-k5avzm .section:where(.svelte-k5avzm){margin-bottom:30px}.content.svelte-k5avzm .section:where(.svelte-k5avzm):last-child{margin-bottom:0}.content.svelte-k5avzm .section:where(.svelte-k5avzm) pre:where(.svelte-k5avzm){display:block;margin:0;padding:0;color:var(--light-color);font-family:Courier New,monospace}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm){margin-bottom:15px}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm):last-child{margin-bottom:0}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .label:where(.svelte-k5avzm){font-size:15px;color:var(--secondary-text-color);margin-bottom:5px}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .info:where(.svelte-k5avzm){display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;font-size:15px;margin-bottom:5px}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .info:where(.svelte-k5avzm) .label:where(.svelte-k5avzm){padding-right:10px;margin-bottom:0}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .info:where(.svelte-k5avzm) .value:where(.svelte-k5avzm){margin-left:auto;color:var(--primary-color);font-weight:700}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .color:where(.svelte-k5avzm){display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .color:where(.svelte-k5avzm) .palette:where(.svelte-k5avzm){width:100px}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .color:where(.svelte-k5avzm) .code:where(.svelte-k5avzm){flex:1;padding-left:5px}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .tab-menu:where(.svelte-k5avzm){display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:10px;border:solid 1px var(--primary-border-color);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0px 0px 15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 15px rgba(0,0,0,.1);box-shadow:0 0 15px #0000001a}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .tab-menu:where(.svelte-k5avzm) button:where(.svelte-k5avzm){flex:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:40px;padding:0 5px;margin:0;background:transparent;border:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;outline:none;cursor:pointer;font-size:15px;font-weight:500;line-height:100%;color:var(--primary-text-color)}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .tab-menu:where(.svelte-k5avzm) button.active:where(.svelte-k5avzm){background:var(--primary-color);color:var(--light-color)}.content.svelte-k5avzm .preview:where(.svelte-k5avzm){height:200px;background:var(--primary-bg-color);border:solid 1px var(--primary-border-color);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;z-index:2}.content.svelte-k5avzm .preview:where(.svelte-k5avzm) .box:where(.svelte-k5avzm){position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media(max-width:1367px){.content.svelte-k5avzm .left:where(.svelte-k5avzm){padding-right:10px}.content.svelte-k5avzm .right:where(.svelte-k5avzm){padding-left:10px}.content.svelte-k5avzm .section:where(.svelte-k5avzm){margin-bottom:20px}.content.svelte-k5avzm .section:where(.svelte-k5avzm):last-child{margin-bottom:0}}@media(max-width:991px){.content.svelte-k5avzm{flex-wrap:wrap}.content.svelte-k5avzm .left:where(.svelte-k5avzm){width:100%;padding-right:0;margin-bottom:20px}.content.svelte-k5avzm .right:where(.svelte-k5avzm){width:100%;padding-left:0}}@media(max-width:481px){.content.svelte-k5avzm .left:where(.svelte-k5avzm){margin-bottom:15px}.content.svelte-k5avzm .section:where(.svelte-k5avzm){margin-bottom:15px}.content.svelte-k5avzm .section:where(.svelte-k5avzm):last-child{margin-bottom:0}.content.svelte-k5avzm .form:where(.svelte-k5avzm) .item:where(.svelte-k5avzm) .color:where(.svelte-k5avzm) .palette:where(.svelte-k5avzm){width:80px}}