.color-picker-field__controls{display:flex;align-items:center;gap:.5rem}.color-picker-field__picker-wrapper{position:relative;flex-shrink:0;width:42px;height:42px}.color-picker-field__picker-wrapper--empty .color-picker-field__picker{opacity:0}.color-picker-field__picker{width:42px;height:42px;padding:2px;border:1px solid var(--theme-elevation-300);border-radius:4px;cursor:pointer;background:none;position:relative;z-index:1}.color-picker-field__picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker-field__picker::-webkit-color-swatch{border:none;border-radius:2px}.color-picker-field__picker::-moz-color-swatch{border:none;border-radius:2px}.color-picker-field__empty-overlay{position:absolute;inset:0;border:1px solid var(--theme-elevation-300);border-radius:4px;pointer-events:none;background:linear-gradient(45deg,var(--theme-elevation-100) 25%,transparent 25%,transparent 75%,var(--theme-elevation-100) 75%),linear-gradient(45deg,var(--theme-elevation-100) 25%,transparent 25%,transparent 75%,var(--theme-elevation-100) 75%);background-size:10px 10px;background-position:0 0,5px 5px;background-color:var(--theme-elevation-50)}.color-picker-field__clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--theme-elevation-300);border-radius:3px;background:var(--theme-elevation-50);color:var(--theme-elevation-600);font-size:.7rem;line-height:1;cursor:pointer;transition:background .15s;padding:0}.color-picker-field__clear:hover{background:var(--theme-elevation-200)}.seedButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;text-decoration:underline}.seedButton:hover{cursor:pointer;opacity:.85}