.ColorSelector-module-scss-module__idNXTG__selector{margin-top:10px;position:relative}.ColorSelector-module-scss-module__idNXTG__inputRow{gap:7px;display:flex}.ColorSelector-module-scss-module__idNXTG__input{color:#242424;min-width:0;font:inherit;background:#fff;border:1px solid #d9d9d9;flex:1;padding:7px 9px;font-size:12px}.ColorSelector-module-scss-module__idNXTG__input:focus{border-color:#4f7a3f;outline:2px solid #4f7a3f1f}.ColorSelector-module-scss-module__idNXTG__confirm{color:#fff;cursor:pointer;background:#4f7a3f;border:1px solid #4f7a3f;padding:0 10px;font-size:11px}.ColorSelector-module-scss-module__idNXTG__confirm:disabled{cursor:not-allowed;opacity:.55}.ColorSelector-module-scss-module__idNXTG__dropdown{z-index:20;background:#fff;border:1px solid #d9d9d9;max-height:245px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000001a}.ColorSelector-module-scss-module__idNXTG__option{color:#242424;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #ededed;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:8px 9px;display:grid}.ColorSelector-module-scss-module__idNXTG__option:hover,.ColorSelector-module-scss-module__idNXTG__option.ColorSelector-module-scss-module__idNXTG__active{background:#f3f6f1}.ColorSelector-module-scss-module__idNXTG__swatch{border:1px solid #d9d9d9;flex:none;width:22px;height:22px;display:inline-block}.ColorSelector-module-scss-module__idNXTG__optionName{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ColorSelector-module-scss-module__idNXTG__optionHex{color:#777;font-size:10px}.ColorSelector-module-scss-module__idNXTG__preview{color:#666;align-items:center;gap:8px;margin-top:7px;font-size:11px;display:flex}.ColorSelector-module-scss-module__idNXTG__customHint{color:#666;padding:9px;font-size:11px}