.swatches-vBKBthtD{display:flex;flex-wrap:wrap;margin:0 -3px 6px}.swatch-vBKBthtD{position:relative;flex:0 0 15px;width:15px;height:15px;margin:3px;border:1px solid currentColor;border-radius:2px;background-color:currentColor}.swatch-vBKBthtD:after{content:"";position:absolute;box-sizing:content-box;right:-5px;top:-5px;width:100%;height:100%;padding:3px;border:2px solid;border-color:transparent;border-radius:6px;transition:border-color .35s ease}.swatch-vBKBthtD.hover-vBKBthtD:after{border-color:#d1d4dc}@media (any-hover:hover),(min--moz-device-pixel-ratio:0){.swatch-vBKBthtD:hover:after{border-color:#d1d4dc}}html.theme-dark .swatch-vBKBthtD.hover-vBKBthtD:after{border-color:#50535e}@media (any-hover:hover),(min--moz-device-pixel-ratio:0){html.theme-dark .swatch-vBKBthtD:hover:after{border-color:#50535e}}.swatch-vBKBthtD.empty-vBKBthtD{border-color:#000;background-color:transparent}html.theme-dark .swatch-vBKBthtD.empty-vBKBthtD{border-color:#fff}.swatch-vBKBthtD.empty-vBKBthtD:before{content:"";position:absolute;width:1px;height:21px;right:7px;top:-3px;transform:rotate(-45deg);background-color:#ef5350}html.theme-dark .swatch-vBKBthtD.empty-vBKBthtD:before{background-color:#ef5350}.swatch-vBKBthtD.white-vBKBthtD{border-color:#d1d4dc}html.theme-dark .swatch-vBKBthtD.white-vBKBthtD{border-color:transparent}.swatch-vBKBthtD.selected-vBKBthtD:after{z-index:1;border-color:#2196f3}html.theme-dark .swatch-vBKBthtD.selected-vBKBthtD:after{border-color:#1976d2}.contextItem-vBKBthtD{height:32px;box-sizing:border-box}.opacity-2UqCUhku{display:flex;align-items:center}.opacitySlider-2UqCUhku{position:relative;flex:1 0 auto;height:10px;border-radius:5px;background-color:#fff;background-image:url(a6506134daec7169f68f563f084a9d41.svg);background-position:1px}html.theme-dark .opacitySlider-2UqCUhku{background-color:#000}.opacitySliderGradient-2UqCUhku{display:block;width:100%;height:100%;border-radius:4px;border:1px solid currentColor;color:inherit;background-image:linear-gradient(270deg,transparent,currentColor)}.opacitySliderGradient-2UqCUhku,.pointer-2UqCUhku{box-sizing:border-box;background-color:transparent}.pointer-2UqCUhku{position:absolute;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.5);transition:right .1s,top .1s;width:12px;height:12px;margin:-1px 0 0;border-radius:50%}.pointer-2UqCUhku,html.theme-dark .pointer-2UqCUhku{background-color:#fff}html.theme-dark .pointer-2UqCUhku{border:2px solid #fff}.pointer-2UqCUhku.dragged-2UqCUhku{transition:right 0s}.opacityPointerWrap-2UqCUhku{position:absolute;left:0;top:0;width:calc(100% - 12px)}.opacityInputWrap-2UqCUhku{display:flex;position:relative;align-items:center;color:#131722}html.theme-dark .opacityInputWrap-2UqCUhku{color:#b2b5be}.opacityInput-2UqCUhku{display:flex;padding:0 5px;height:26px;border:1px solid #d1d4dc;box-sizing:border-box;border-radius:4px;line-height:24px;background-color:transparent;width:47px;margin-right:8px;padding-left:14px;text-align:left}html.theme-dark .opacityInput-2UqCUhku{border:1px solid #50535e}.opacityInput-2UqCUhku:focus{border-color:#2196f3}html.theme-dark .opacityInput-2UqCUhku:focus{border-color:#1976d2}.opacityInputPercent-2UqCUhku{position:absolute;top:5px;right:40px;text-align:left;pointer-events:none}.saturation-2uNV-KY0{position:relative;z-index:0;border-radius:2px;overflow:hidden}.saturation-2uNV-KY0:after,.saturation-2uNV-KY0:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%}.saturation-2uNV-KY0:before{background-image:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}.saturation-2uNV-KY0:after{background-image:linear-gradient(0deg,#000,transparent)}.saturation-2uNV-KY0 .pointer-2uNV-KY0{position:absolute;border:2px solid #fff;background-color:transparent;box-shadow:0 1px 2px rgba(0,0,0,.5);transition:right .1s,top .1s;z-index:1;width:10px;height:10px;margin:-6px -6px 0 0;border-radius:50%}html.theme-dark .saturation-2uNV-KY0 .pointer-2uNV-KY0{border:2px solid #fff}.hue-1Mi0KyO-{display:flex;align-items:stretch;border-radius:2px;background-image:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.hue-1Mi0KyO- .pointer-1Mi0KyO-{position:absolute;border:2px solid #fff;background-color:transparent;box-shadow:0 1px 2px rgba(0,0,0,.5);transition:right .1s,top .1s;width:100%;height:5px;margin:-4px -2px 0 0;border-radius:2px}html.theme-dark .hue-1Mi0KyO- .pointer-1Mi0KyO-{border:2px solid #fff}.pointerContainer-1Mi0KyO-{position:relative;margin:3px 0;width:100%}.container-1r82-bI2{width:224px;padding:6px 12px}.form-1r82-bI2{display:flex;margin-bottom:12px}.swatch-1r82-bI2{width:26px;height:26px;box-sizing:border-box;border-radius:4px}.inputWrap-1r82-bI2{display:flex;position:relative;align-items:center;color:#131722}html.theme-dark .inputWrap-1r82-bI2{color:#b2b5be}.inputHash-1r82-bI2{position:absolute;top:5px;width:21px;text-align:left;pointer-events:none}.input-1r82-bI2{display:flex;padding:0 5px;height:26px;border:1px solid #d1d4dc;box-sizing:border-box;border-radius:4px;line-height:24px;background-color:transparent;width:68px;margin-right:8px;padding-right:12px}html.theme-dark .input-1r82-bI2{border:1px solid #50535e}.input-1r82-bI2:focus{border-color:#2196f3}html.theme-dark .input-1r82-bI2:focus{border-color:#1976d2}.buttonWrap-1r82-bI2{height:26px;margin-right:auto}.hueSaturationWrap-1r82-bI2{display:flex;height:184px}.saturation-1r82-bI2{width:200px;height:100%;margin-left:7px}.hue-1r82-bI2{width:17px;height:100%}.container-TZggBcGZ{width:224px;padding:6px 12px}.sectionTitle-TZggBcGZ{margin:12px 0 4px;font-size:12px;line-height:14px;color:#787b86}html.theme-dark .sectionTitle-TZggBcGZ{color:#787b86}.separator-TZggBcGZ{height:1px;margin:12px 0;background-color:#d1d4dc}html.theme-dark .separator-TZggBcGZ{background-color:#434651}.separator-TZggBcGZ:last-child{display:none}.customButton-TZggBcGZ{position:relative;flex:0 0 17px;width:17px;height:17px;margin:3px;border-radius:2px;transition:background-color .35s}@media (any-hover:hover),(min--moz-device-pixel-ratio:0){.customButton-TZggBcGZ:hover{background-color:#f0f3fa}}@media (any-hover:hover),(min--moz-device-pixel-ratio:0){html.theme-dark .customButton-TZggBcGZ:hover{background-color:#2a2e39}}.customButton-TZggBcGZ:after,.customButton-TZggBcGZ:before{content:"";position:absolute;background-color:#131722}html.theme-dark .customButton-TZggBcGZ:after,html.theme-dark .customButton-TZggBcGZ:before{background-color:#b2b5be}.customButton-TZggBcGZ:before{width:1px;height:13px;right:8px;top:2px}.customButton-TZggBcGZ:after{width:13px;height:1px;right:2px;top:8px}