.content.svelte-ygqva9{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.content.svelte-ygqva9 .left:where(.svelte-ygqva9){width:50%;padding-right:15px}.content.svelte-ygqva9 .right:where(.svelte-ygqva9){width:50%;padding-left:15px}.content.svelte-ygqva9 .section:where(.svelte-ygqva9){margin-bottom:30px}.content.svelte-ygqva9 .section:where(.svelte-ygqva9):last-child{margin-bottom:0}.content.svelte-ygqva9 .section:where(.svelte-ygqva9) pre:where(.svelte-ygqva9){display:block;margin:0;padding:0;color:var(--light-color);font-family:Courier New,monospace}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .item:where(.svelte-ygqva9){margin-bottom:15px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .item:where(.svelte-ygqva9):last-child{margin-bottom:0}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .item:where(.svelte-ygqva9) .label:where(.svelte-ygqva9){font-size:15px;color:var(--secondary-text-color);margin-bottom:5px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .item:where(.svelte-ygqva9) .info:where(.svelte-ygqva9){display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;font-size:15px;margin-bottom:5px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .item:where(.svelte-ygqva9) .info:where(.svelte-ygqva9) .label:where(.svelte-ygqva9){padding-right:10px;margin-bottom:0}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .item:where(.svelte-ygqva9) .info:where(.svelte-ygqva9) .value:where(.svelte-ygqva9){margin-left:auto;color:var(--primary-color);font-weight:700}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .track-section:where(.svelte-ygqva9) .track:where(.svelte-ygqva9){height:30px;border-radius:15px;position:relative;cursor:crosshair;border:3px solid var(--light-color);-webkit-box-shadow:0 0 0 1px var(--primary-border-color);-moz-box-shadow:0 0 0 1px var(--primary-border-color);box-shadow:0 0 0 1px var(--primary-border-color)}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .track-section:where(.svelte-ygqva9) .handle:where(.svelte-ygqva9){width:32px;height:32px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid var(--light-color);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:grab;-webkit-box-shadow:0px 2px 8px rgba(0,0,0,.25);-moz-box-shadow:0px 2px 8px rgba(0,0,0,.25);box-shadow:0 2px 8px #00000040;z-index:2}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .track-section:where(.svelte-ygqva9) .handle.active:where(.svelte-ygqva9){border:3px solid var(--dark-color);z-index:5}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .track-hint:where(.svelte-ygqva9){padding-top:10px;font-size:12px;color:var(--secondary-text-color);font-style:italic}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .type-select:where(.svelte-ygqva9){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-ygqva9 .form:where(.svelte-ygqva9) .type-select:where(.svelte-ygqva9) button:where(.svelte-ygqva9){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-ygqva9 .form:where(.svelte-ygqva9) .type-select:where(.svelte-ygqva9) button.active:where(.svelte-ygqva9){background:var(--primary-color);color:var(--light-color)}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9){display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;padding:10px;background:var(--primary-bg-color);border:solid 1px var(--primary-border-color);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:10px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9):last-child{margin-bottom:0}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item.selected:where(.svelte-ygqva9){border:solid 1px var(--third-color)}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9){width:150px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9) .palette:where(.svelte-ygqva9){width:60px;margin-right:5px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9) .code:where(.svelte-ygqva9){width:85px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .alpha:where(.svelte-ygqva9){flex:1;padding:0 10px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .delete:where(.svelte-ygqva9){width:32px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .delete:where(.svelte-ygqva9) button:where(.svelte-ygqva9){display:block;width:32px;height:32px;margin:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:12px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 64 64'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='60 51.7 39.8 31.5 59 12.3 51.9 5.1 32.7 24.3 12.3 4 4 12.3 24.3 32.7 4.2 52.8 11.3 59.9 31.5 39.8 51.7 60 60 51.7' fill='%23ff6201'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border:solid 1px var(--secondary-color);outline:none;cursor:pointer;text-indent:-9999px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .delete:where(.svelte-ygqva9) button:where(.svelte-ygqva9):disabled,.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .delete:where(.svelte-ygqva9) button[disabled]:where(.svelte-ygqva9){opacity:.25;cursor:not-allowed}.content.svelte-ygqva9 .preview:where(.svelte-ygqva9){height:200px;background-color:var(--primary-bg-color);background-repeat:repeat;background-position:top left;background-image:url(../../../assets/images/transparent.png);border:solid 1px var(--primary-border-color);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;z-index:2;overflow:hidden}.content.svelte-ygqva9 .preview:where(.svelte-ygqva9) .box:where(.svelte-ygqva9){width:100%;height:100%;position:absolute;left:0;top:0;z-index:3}@media(max-width:1367px){.content.svelte-ygqva9 .left:where(.svelte-ygqva9){padding-right:10px}.content.svelte-ygqva9 .right:where(.svelte-ygqva9){padding-left:10px}.content.svelte-ygqva9 .section:where(.svelte-ygqva9){margin-bottom:20px}.content.svelte-ygqva9 .section:where(.svelte-ygqva9):last-child{margin-bottom:0}}@media(max-width:1199px){.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9){width:130px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9) .palette:where(.svelte-ygqva9){width:40px}}@media(max-width:991px){.content.svelte-ygqva9{flex-wrap:wrap}.content.svelte-ygqva9 .left:where(.svelte-ygqva9){width:100%;padding-right:0;margin-bottom:20px}.content.svelte-ygqva9 .right:where(.svelte-ygqva9){width:100%;padding-left:0}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9){width:150px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9) .palette:where(.svelte-ygqva9){width:60px}}@media(max-width:481px){.content.svelte-ygqva9 .left:where(.svelte-ygqva9){margin-bottom:15px}.content.svelte-ygqva9 .section:where(.svelte-ygqva9){margin-bottom:15px}.content.svelte-ygqva9 .section:where(.svelte-ygqva9):last-child{margin-bottom:0}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9){padding:5px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9){width:130px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .color:where(.svelte-ygqva9) .palette:where(.svelte-ygqva9){width:40px}.content.svelte-ygqva9 .form:where(.svelte-ygqva9) .color-list:where(.svelte-ygqva9) .color-item:where(.svelte-ygqva9) .alpha:where(.svelte-ygqva9){padding:0 5px}}