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