.color-input-container[data-v-1cc5be84]{background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;align-items:stretch;height:36px;transition:all .2s;display:inline-flex;overflow:hidden}.color-input-container[data-v-1cc5be84]:not(.no-text){width:100%;display:flex}.color-input-container[data-v-1cc5be84]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb,0, 122, 255), .1)}.color-preview-wrapper[data-v-1cc5be84]{cursor:pointer;border-right:1px solid var(--border-color);flex-shrink:0;width:36px;height:36px;position:relative}.checkerboard[data-v-1cc5be84]{background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 4px,4px 4px,4px 0;background-size:8px 8px;position:absolute;top:0;bottom:0;left:0;right:0}.color-block[data-v-1cc5be84]{position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 3px #0000001a}.color-hex-input[data-v-1cc5be84]{color:var(--text-primary);flex:1;min-width:0;height:100%;padding:0 10px;font-family:monospace;font-size:.9rem;background:0 0!important;border:none!important}.color-hex-input[data-v-1cc5be84]:focus{outline:none}.reset-btn[data-v-1cc5be84]{border:none;border-left:1px solid var(--border-color);width:30px;color:var(--text-secondary);cursor:pointer;opacity:.5;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.reset-btn[data-v-1cc5be84]:hover:not(:disabled){opacity:1;color:var(--color-primary);background:#00000008}.reset-btn[data-v-1cc5be84]:disabled{cursor:not-allowed;opacity:.2}.no-text .color-hex-input[data-v-1cc5be84]{display:none}.no-text[data-v-1cc5be84]{flex:none;width:auto}.no-text .reset-btn svg[data-v-1cc5be84]{width:13px;height:13px}