body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,ulhtml,var,video{border:0;margin:0;padding:0}section{border:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}h1,h3,h4,h5,h6{font-weight:700}:active,:focus,:hover{outline:none}input{font-family:serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;line-height:normal;font:initial}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none}input[type=checkbox]:focus{-moz-outline:1px solid #000!important;-moz-outline-offset:-1px!important}a{color:inherit;text-decoration:none}img{max-width:100%}a,button,span,svg{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none!important;transition:all .2s ease}a:active,a:focus,a:hover,button:active,button:focus,button:hover,span:active,span:focus,span:hover,svg:active,svg:focus,svg:hover{outline:none!important;-webkit-user-select:none!important;user-select:none!important}button{background-color:#0000;border:none;padding:0}button.loading{font-size:0;position:relative}input,textarea{background-color:#0000;border:none;font-family:inherit;padding:0}*,:after,:before{box-sizing:border-box}hr{border:0;border-top:1px solid #eee}input[type=checkbox]{margin:0}.flex{display:flex}.inline-flex{display:inline-flex}.flex-center-vertical{align-items:center}.flex-center-horizontal{justify-content:center}.flex-space-between{justify-content:space-between}.flex-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.grid{display:grid}.grecaptcha-badge{display:none!important}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf);src:url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/static/media/Roboto-Medium.7c8d04cd831df3033c8a.ttf);src:url(/static/media/Roboto-Medium.7c8d04cd831df3033c8a.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/static/media/Roboto-Bold.f80816a5455d171f948d.ttf);src:url(/static/media/Roboto-Bold.f80816a5455d171f948d.ttf) format("truetype")}button{cursor:pointer;font-family:inherit}body{font-family:Roboto,sans-serif;font-size:16px}.mgt24{margin-top:24px}.mgt18{margin-top:18px}.step3--item{border-bottom:1px solid #ebebeb;margin-bottom:10px;padding-bottom:10px}.step3--item:last-child{border-bottom:0;margin-bottom:0}.step3--title{font-weight:600;margin-top:10px}.step3--block{border-radius:6px;text-align:center}.step3--image{aspect-ratio:1/1;border-radius:10px;overflow:hidden}.step3--palette-wrap{gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-top:10px}.step3--palette-wrap>div{flex:1 1}.smc--desc{flex:1 1;padding-right:24px;word-break:break-word}.smc--modal-buttons{gap:16px;margin-top:20px}.smc--modal-buttons button{background:var(--sf-tertiary-container);border:0;border-radius:6px;color:var(--sf-on-tertiary-container);flex:1 1;font-size:16px;font-weight:500;line-height:24px;padding:10px 16px}.smc--modal-buttons button:hover{background:var(--sf-tertiary-container-hover);color:var(--sf-secondary)}.smc--modal-close{height:32px;padding:6px;position:absolute;right:6px;top:6px;width:32px}.smc--modal-close svg{height:100%;width:100%}.smc--color-input{flex:1 1;height:40px;padding:5px 10px;width:100%}.smc--color-input.secondary{background:var(--sf-surface-2);border:1px solid var(--sf-outline);border-radius:10px;color:var(--sf-on-surface)}.smc--color-input_wrap{background:var(--sf-surface-4);border:1px solid var(--sf-outline);border-radius:6px}.smc--hue-picker{background-image:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red);border-radius:6px;padding:12px}.smc--bt,.smc--bt input{color:var(--sf-on-surface);font-size:20px;line-height:28px;text-transform:capitalize}.smc--colors-wrap{gap:16px}.smc--bd{color:var(--sf-color--text-secondary);font-size:16px;font-weight:400;line-height:24px}.smc--block-save{gap:4px}.smc--block-save button{display:flex}.smc--block-save svg{height:24px;width:24px}.smc--block-menu{background:var(--sf-surface-2);border-radius:16px;gap:4px;left:100%;min-width:220px;padding:6px 16px;position:absolute;top:0}.smc--block-menu button{font-weight:500;padding:2px 4px}.smc--block-menu button:hover{color:var(--sf-secondary-hover)}.smc--block-bottom{display:none}.smc--block-bottom.active{display:block}.smc--block-name{color:var(--sf-on-primary);font-size:16px;font-weight:500;line-height:24px;text-transform:capitalize}.smc--block-state{margin-left:auto;margin-top:auto;text-transform:capitalize}.smc--block-single{border-radius:6px;cursor:pointer;font-size:16px;font-style:normal;font-weight:500;gap:80px;line-height:24px;padding:16px}.smc--block-title span{text-transform:capitalize}.smc--block-color{gap:16px;position:relative}.smc--block-arr{border-radius:16px;color:var(--sf-color--text-secondary);gap:4px;padding:6px 12px;position:absolute;right:0;top:0;transition:all .3s ease}.smc--block-arr:hover{background:var(--sf-color--surface-high)}.smc--block-arr span{background:var(--sf-on-primary-container);border-radius:50%;display:block;height:4px;width:4px}.smc--block-arr.active{transform:translateY(-50%) rotate(180deg)}.smc--bc{border-radius:6px;height:52px;width:52px}.smc--bc.add--color{background:var(--sf-primary-container);color:var(--sf-on-primary-container);cursor:pointer;font-size:26px;font-weight:700}.smc--bc.add--color svg{width:20px}.smc--image-preview img{display:none;max-height:400px}.smc--image-preview img.active{display:flex}.smc--image-progress{background:var(--sf-primary);border-radius:8px;flex:1 1;height:8px}.smc--image-progress-wrap{gap:12px;padding-left:56px;width:100%}.smc--image-progress-text{color:var(--sf-on-primary);font-size:14px;font-weight:400;line-height:20px}.smc--image-complete{background:var(--sf-primary);border:1px solid var(--sf-primary);border-radius:50%;color:var(--sf-color--primary-inverse);padding:3px;position:absolute;right:16px;top:16px}.smc--image-name{color:var(--sf-on-primary);font-size:14px;font-weight:500;line-height:20px;padding-right:20px}.smc--image-size{color:var(--sf-color--text-secondary);font-size:14px;font-weight:400;line-height:20px}.smc--image-text{font-size:14px;font-style:normal;gap:4px;line-height:20px;text-align:center}.smc--image-text button{color:var(--sf-primary);font-weight:500}.smc--image-main{gap:16px}.smc--image-wrap{background:var(--sf-surface-4);border:1px solid var(--sf-color--outline-tertiary);border-radius:14px;gap:12px;padding:16px 24px;position:relative}.smc--image-wrap.dragOver{border-style:dashed}.smc--image-wrap.hasImage{padding:16px 36px 16px 16px}.smc--image-wrap.hasImage .smc--image-text{display:none}.smc--image-icon{position:relative}.smc--image-icon label{background:var(--sf-surface-1);border-radius:20px;cursor:pointer;padding:10px}.smc--image-icon input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.smc--image-icon svg{color:var(--sf-on-primary)}.smc--theme-change{gap:16px}.smc--theme-change div{color:var(--sf-on-primary);font-weight:500;line-height:24px}.smc--theme-change button{background:var(--sf-surface-1);border:1px solid var(--sf-secondary);border-radius:12px;height:24px;padding:5px;position:relative;width:44px}.smc--theme-change button span{background:var(--sf-secondary);border-radius:50%;display:block;height:14px;left:5px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:14px}.smc--theme-change.active span{left:24px}.smc--steps{display:none}.smc--steps.active{display:block}.smc--steps-save{gap:12px}.smc--button{border:1px solid var(--sf-primary);border-radius:6px;color:var(--sf-primary);font-size:16px;font-style:normal;font-weight:500;line-height:24px;padding:10px 16px}.smc--button span{padding:0 8px}.smc--button.next{margin-left:auto}.smc--button.hidden{display:none}.smc--button.prev svg{transform:rotate(180deg)}.smc--chroma-picker{border-radius:6px;padding:12px}.smc--range.noUi-horizontal{border:0;box-shadow:none;height:8px}.smc--range.noUi-horizontal .noUi-connects{background:var(--sf-on-surface-variant);border-radius:4px}.smc--range.noUi-horizontal .noUi-connects .noUi-connect{background:var(--sf-primary)}.smc--range.noUi-horizontal .noUi-handle{background:var(--sf-primary);border-radius:50%;box-shadow:none;cursor:grab;height:24px;padding:5px;right:-12px;top:-8px;width:24px}.smc--range.noUi-horizontal .noUi-handle:active{cursor:grabbing}.smc--range.noUi-horizontal .noUi-handle .noUi-touch-area{background:var(--sf-surface-4);border-radius:50%}.smc--range.noUi-horizontal .noUi-handle:after,.smc--range.noUi-horizontal .noUi-handle:before{content:none}.smc--blocks-column{gap:20px}.smc--block{background:var(--sf-surface-1);border-radius:16px;padding:14px}.smc--block-rColor{border-radius:6px;height:52px;width:52px}.smc--block-hex,.smc--block-token{border:1px solid var(--sf-color--text-secondary);border-radius:6px;color:var(--sf-color--text-secondary);font-size:14px;font-weight:500;line-height:20px;padding:6px 8px}.smc--block-right_item{align-items:flex-start;display:none;gap:12px;justify-content:flex-start;padding-left:24px}.smc--block-right_item.active{display:flex}.smc--block-left{grid-gap:16px;align-content:flex-start;border-right:1px solid var(--sf-outline);display:grid;gap:16px;grid-template-columns:1fr 1fr;max-width:calc(100% - 296px);padding-right:24px;width:100%}.smc--block-main{gap:16px}.smc--block-top{margin-bottom:16px}.smc--tooltip{background:var(--sf-color--surface-inverse);border-radius:8px;bottom:calc(100% + 4px);color:var(--sf-color--text-inverse);font-size:14px;font-style:normal;font-weight:500;left:50%;line-height:20px;opacity:0;padding:6px 10px;position:absolute;transform:translate(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap}.smc--title{color:var(--sf-on-surface);font-size:20px;font-style:normal;font-weight:400;line-height:28px}.smc--title-top{gap:8px}.smc--title-tooltip{position:relative}.smc--title-tooltip:hover .smc--tooltip{opacity:1;visibility:visible}.smc--tab{display:none}.smc--tab.active{display:block}.smc--tab-input{background:var(--sf-surface-2);border:1px solid var(--sf-outline);border-radius:6px;padding:6px 10px}.smc--tab-input input{color:var(--sf-on-surface);font-size:14px;font-weight:400;line-height:20px;max-width:75px;padding:0 8px;text-align:center;width:100%}.smc--tab-title{font-size:20px;line-height:28px}.smc--tab-text,.smc--tab-title{color:var(--sf-on-surface);font-weight:400;margin-bottom:4px}.smc--tab-text{font-size:16px;line-height:24px}.smc--tab-desc{gap:24px}.smc--tab-color{align-items:center;background:#614db4;border-radius:12px;color:var(--sf-on-surface);display:flex;justify-content:center;padding:68px 52px 72px}.smc--wrap{margin:0 auto;max-width:420px;padding:16px}.smc--theme-tabs{gap:10px;width:100%}.smc--theme-tabs span{margin-left:8px}.smc--theme-tabs button{background:var(--sf-tertiary-container);border:0;border-radius:6px;color:var(--sf-on-tertiary);flex:1 1;font-size:16px;font-weight:500;line-height:24px;padding:10px 16px}.smc--theme-tabs button.active{background:var(--sf-primary-container);color:var(--sf-on-primary-container)}.smc--theme-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%)}.smc--theme-select-wrap{background:var(--sf-surface-4);border:1px solid var(--sf-outline);border-radius:6px;padding:12px 16px 11px;position:relative}.smc--theme-holder-wrap{position:relative}.smc--theme-current{color:var(--sf-on-primary)}.smc--theme-current-title{font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:8px}.picker{border-radius:6px;border-bottom-right-radius:0;border-top-right-radius:0;cursor:pointer;height:100%;width:40px}.hr{border-color:var(--sf-color--outline-tertiary);margin:24px 0}.ReactModal__Content{margin:0 auto;max-width:420px}.theme--light{--sf-primary:var(--sf-primary-40);--sf-primary-hover:var(--sf-primary-35);--sf-primary-active:var(--sf-primary-30);--sf-primary-container:var(--sf-primary-90);--sf-primary-container-hover:var(--sf-primary-85);--sf-primary-container-active:var(--sf-primary-80);--sf-primary-transparent-hover:var(--sf-primary-50--alfa-4);--sf-primary-transparent-select:var(--sf-primary-50--alfa-8);--sf-primary-transparent-active:var(--sf-primary-50--alfa-12);--sf-primary-transparent-overlay:var(--sf-primary-50--alfa-24);--sf-on-primary:var(--sf-white);--sf-on-primary-container:var(--sf-primary-10);--sf-on-primary-container-graphic:var(--sf-primary-50);--sf-outline-primary:var(--sf-primary-50);--sf-secondary:var(--sf-secondary-40);--sf-secondary-hover:var(--sf-secondary-35);--sf-secondary-active:var(--sf-secondary-30);--sf-secondary-container:var(--sf-secondary-90);--sf-secondary-container-hover:var(--sf-secondary-85);--sf-secondary-container-active:var(--sf-secondary-80);--sf-secondary-transparent-hover:var(--sf-secondary-50--alfa-4);--sf-secondary-transparent-select:var(--sf-secondary-50--alfa-8);--sf-secondary-transparent-active:var(--sf-secondary-50--alfa-12);--sf-secondary-transparent-overlay:var(--sf-secondary-50--alfa-24);--sf-on-secondary:var(--sf-white);--sf-on-secondary-container:var(--sf-secondary-10);--sf-on-secondary-container-graphic:var(--sf-secondary-50);--sf-outline-secondary:var(--sf-secondary-50);--sf-tertiary:var(--sf-tertiary-40);--sf-tertiary-hover:var(--sf-tertiary-35);--sf-tertiary-active:var(--sf-tertiary-30);--sf-tertiary-container:var(--sf-tertiary-90);--sf-tertiary-container-hover:var(--sf-tertiary-85);--sf-tertiary-container-active:var(--sf-tertiary-80);--sf-tertiary-transparent-hover:var(--sf-tertiary-50--alfa-4);--sf-tertiary-transparent-select:var(--sf-tertiary-50--alfa-8);--sf-tertiary-transparent-active:var(--sf-tertiary-50--alfa-12);--sf-tertiary-transparent-overlay:var(--sf-tertiary-50--alfa-24);--sf-on-tertiary:var(--sf-white);--sf-on-tertiary-container:var(--sf-tertiary-10);--sf-on-tertiary-container-graphic:var(--sf-tertiary-50);--sf-outline-tertiary:var(--sf-tertiary-50);--sf-error:var(--sf-error-40);--sf-error-hover:var(--sf-error-35);--sf-error-active:var(--sf-error-30);--sf-error-container:var(--sf-error-90);--sf-error-container-hover:var(--sf-error-85);--sf-error-container-active:var(--sf-error-80);--sf-error-transparent-hover:var(--sf-error-50--alfa-4);--sf-error-transparent-select:var(--sf-error-50--alfa-8);--sf-error-transparent-active:var(--sf-error-50--alfa-12);--sf-error-transparent-overlay:var(--sf-error-50--alfa-24);--sf-on-error:var(--sf-white);--sf-on-error-container:var(--sf-error-10);--sf-on-error-container-graphic:var(--sf-error-50);--sf-outline-error:var(--sf-error-50);--sf-warning:var(--sf-warning-40);--sf-warning-hover:var(--sf-warning-35);--sf-warning-active:var(--sf-warning-30);--sf-warning-container:var(--sf-warning-90);--sf-warning-container-hover:var(--sf-warning-85);--sf-warning-container-active:var(--sf-warning-80);--sf-warning-transparent-hover:var(--sf-warning-50--alfa-4);--sf-warning-transparent-select:var(--sf-warning-50--alfa-8);--sf-warning-transparent-active:var(--sf-warning-50--alfa-12);--sf-warning-transparent-overlay:var(--sf-warning-50--alfa-24);--sf-on-warning:var(--sf-white);--sf-on-warning-container:var(--sf-warning-10);--sf-on-warning-container-graphic:var(--sf-warning-50);--sf-outline-warning:var(--sf-warning-50);--sf-success:var(--sf-success-40);--sf-success-hover:var(--sf-success-35);--sf-success-active:var(--sf-success-30);--sf-success-container:var(--sf-success-90);--sf-success-container-hover:var(--sf-success-85);--sf-success-container-active:var(--sf-success-80);--sf-success-transparent-hover:var(--sf-success-50--alfa-4);--sf-success-transparent-select:var(--sf-success-50--alfa-8);--sf-success-transparent-active:var(--sf-success-50--alfa-12);--sf-success-transparent-overlay:var(--sf-success-50--alfa-24);--sf-on-success:var(--sf-white);--sf-on-success-container:var(--sf-success-10);--sf-on-success-container-graphic:var(--sf-success-50);--sf-outline-success:var(--sf-success-50);--sf-surface-0:var(--sf-white);--sf-surface-1:var(--sf-neutral-98);--sf-surface-2:var(--sf-neutral-95);--sf-surface-3:var(--sf-neutral-90);--sf-surface-4:var(--sf-neutral-85);--sf-surface-inverse:var(--sf-neutral-20);--sf-surface-inverse-fixed:var(--sf-neutral-20);--sf-surface-container:var(--sf-neutral-90);--sf-surface-container-hover:var(--sf-neutral-85);--sf-surface-container-active:var(--sf-neutral-80);--sf-on-surface:var(--sf-neutral-10);--sf-on-surface-fixed:var(--sf-neutral-10);--sf-on-surface-hover:var(--sf-neutral-15);--sf-on-surface-active:var(--sf-neutral-20);--sf-on-surface-variant:var(--sf-neutral-40);--sf-on-surface-inverse:var(--sf-neutral-90);--sf-on-surface-inverse-fixed:var(--sf-neutral-90);--sf-surface-transparent-hover:var(--sf-neutral-50--alfa-4);--sf-surface-transparent-select:var(--sf-neutral-50--alfa-8);--sf-surface-transparent-active:var(--sf-neutral-50--alfa-12);--sf-surface-transparent-overlay:var(--sf-neutral-50--alfa-24);--sf-disable:var(--sf-neutral-50--alfa-12);--sf-on-disable:var(--sf-neutral-50--alfa-24);--sf-outline-disable:var(--sf-neutral-50--alfa-24);--sf-outline:var(--sf-neutral-50);--sf-outline-variant:var(--sf-neutral-50--alfa-24);--sf-link:var(--sf-primary-40);--sf-link-hover:var(--sf-primary-35);--sf-link-active:var(--sf-primary-30);--sf-link-visited:var(--sf-tertiaty-40);--sf-focus--color:var(--sf-primary-50--alfa-24);--sf-mark:var(--sf-warning-50--alfa-24)}
/*! nouislider - 14.7.0 - 4/6/2021 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none}.noUi-target{position:relative}.noUi-base,.noUi-connects{height:100%;position:relative;width:100%;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;will-change:transform;z-index:1}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{height:28px;right:-17px;top:-6px;width:34px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{height:34px;right:-6px;top:-17px;width:28px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border:1px solid #d3d3d3;border-radius:4px;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{background:#fff;border:1px solid #d9d9d9;border-radius:3px;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;cursor:default}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{background:#e8e7e6;content:"";display:block;height:14px;left:14px;position:absolute;top:6px;width:1px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{height:1px;left:6px;top:14px;width:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{color:#999;position:absolute}.noUi-value{position:absolute;text-align:center;white-space:nowrap}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{background:#ccc;position:absolute}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{height:80px;left:0;padding:10px 0;top:100%;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{height:5px;margin-left:-1px;width:2px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{height:100%;left:100%;padding:0 10px;top:0}.noUi-value-vertical{padding-left:25px;transform:translateY(-50%)}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{height:2px;margin-top:-1px;width:5px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{background:#fff;border:1px solid #d9d9d9;border-radius:3px;color:#000;display:block;padding:5px;position:absolute;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{bottom:120%;left:50%;transform:translate(-50%)}.noUi-vertical .noUi-tooltip{right:120%;top:50%;transform:translateY(-50%)}.noUi-horizontal .noUi-origin>.noUi-tooltip{bottom:10px;left:auto;transform:translate(50%)}.noUi-vertical .noUi-origin>.noUi-tooltip{right:28px;top:auto;transform:translateY(-18px)}.picker_wrapper.no_additionally .picker_name,.picker_wrapper.no_alpha .picker_alpha{display:none}.onlyHue.layout_default.picker_wrapper{border:0;box-shadow:none;padding:0;width:100%}.onlyHue.layout_default.picker_wrapper .picker_hue{border:0;border-radius:6px;box-shadow:none;margin:0;overflow:hidden;padding:12px 16px}.onlyHue .picker_done,.onlyHue .picker_editor,.onlyHue .picker_sample,.onlyHue .picker_sl,.onlyHue .picker_tonal,.onlyHue.layout_default.picker_wrapper .picker_selector{display:none}.picker_wrapper.no_editor .picker_editor{opacity:0;position:absolute;z-index:-1}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{align-items:stretch;display:flex;flex-flow:row wrap;font-size:10px;justify-content:space-between;padding:.5em;width:25em}.layout_default.picker_wrapper button,.layout_default.picker_wrapper input{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper:before{content:"";display:block;height:0;order:1;width:100%}.layout_default .picker_selector,.layout_default .picker_slider{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl:before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{height:100%;width:100%}.layout_default .picker_sample{flex:1 1 auto;order:1}.layout_default .picker_cancel,.layout_default .picker_done,.layout_default .picker_name{order:1}.layout_default .picker_name{width:100%}.layout_default .picker_tonal_wrap{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.layout_default .picker_tonal_wrap label{display:flex}.layout_default .picker_tonal_wrap span{display:block}.layout_default .picker_tonal_title{font-size:16px;margin-bottom:6px;text-align:left}.layout_default .picker_tonal_wrap>div{align-items:center;display:flex;flex-direction:column;gap:6px}.layout_default .picker_tonal_wrap label{height:16px;width:16px}.layout_default .picker_tonal_wrap input{border:0;box-shadow:none;margin:0;padding:0}.layout_default .picker_tonal{order:1;width:100%}.picker_wrapper{background:#f2f2f2;box-shadow:0 0 0 1px silver;box-sizing:border-box;color:#444;cursor:default;font-family:sans-serif;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{border:none;box-shadow:0 0 0 1px silver;box-sizing:border-box;outline:none}.picker_wrapper button:active,.picker_wrapper button:focus,.picker_wrapper input:active,.picker_wrapper input:focus{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{background-color:#f5f5f5;background-image:linear-gradient(0deg,#dcdcdc,#0000);cursor:pointer;padding:.4em .6em}.picker_wrapper button:active{background-image:linear-gradient(0deg,#0000,#dcdcdc)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{background:currentColor;border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;cursor:pointer;display:block;position:absolute;transform:translate(-50%,-50%);z-index:1}.picker_slider .picker_selector{border-radius:2px}.picker_hue{background-image:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red)}.picker_hue,.picker_sl{box-shadow:0 0 0 1px silver;position:relative}.picker_sl{background-image:linear-gradient(180deg,#fff,#fff0 50%),linear-gradient(0deg,#000,#0000 50%),linear-gradient(90deg,grey,#80808000)}.picker_alpha,.picker_sample{background:linear-gradient(45deg,#d3d3d3 25%,#0000 0,#0000 75%,#d3d3d3 0) 0 0/2em 2em,linear-gradient(45deg,#d3d3d3 25%,#fff 0,#fff 75%,#d3d3d3 0) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver;position:relative}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample:before{background:currentColor;content:"";display:block;height:100%;position:absolute;width:100%}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{margin:1.5em;position:absolute;z-index:2}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow:after,.picker_wrapper.popup .picker_arrow:before{background:#f2f2f2;box-shadow:0 0 10px 1px #0006}.picker_wrapper.popup .picker_arrow{height:3em;margin:0;width:3em}.picker_wrapper.popup .picker_arrow:after,.picker_wrapper.popup .picker_arrow:before{content:"";display:block;left:0;position:absolute;top:0;z-index:-99}.picker_wrapper.popup .picker_arrow:before{height:100%;transform:skew(45deg);transform-origin:0 100%;width:100%}.picker_wrapper.popup .picker_arrow:after{box-shadow:none;height:150%;width:150%}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;transform:rotate(-90deg)}.popup.popup_bottom{left:0;top:100%}.popup.popup_bottom .picker_arrow{left:0;top:0;transform:rotate(90deg) scaleY(-1)}.popup.popup_left{right:100%;top:0}.popup.popup_left .picker_arrow{right:0;top:0;transform:scaleX(-1)}.popup.popup_right{left:100%;top:0}.popup.popup_right .picker_arrow{left:0;top:0}
/*# sourceMappingURL=main.ac8172e9.css.map*/