.app-color-picker__trigger[data-v-8fdc563a]{color:#000000d9;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;align-items:center;gap:8px;max-width:220px;padding:0 10px;display:inline-flex}.app-color-picker__trigger--small[data-v-8fdc563a]{height:24px;font-size:12px}.app-color-picker__trigger--middle[data-v-8fdc563a]{height:32px}.app-color-picker__trigger--large[data-v-8fdc563a]{height:40px;font-size:16px}.app-color-picker__trigger[data-v-8fdc563a]:disabled{cursor:not-allowed;opacity:.55}.app-color-picker__preview[data-v-8fdc563a]{border:1px solid #0000001f;border-radius:3px;flex:none;width:20px;height:20px}.app-color-picker__value[data-v-8fdc563a]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.app-color-picker__panel[data-v-8fdc563a]{width:280px}.app-color-picker__main[data-v-8fdc563a]{gap:8px;display:flex}.app-color-picker__main>input[type=color][data-v-8fdc563a]{border:1px solid #d9d9d9;border-radius:4px;width:42px;height:32px;padding:2px}.app-color-picker__alpha[data-v-8fdc563a]{grid-template-columns:48px 1fr 42px;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:grid}.app-color-picker__presets[data-v-8fdc563a]{grid-template-columns:repeat(10,1fr);gap:6px;margin-top:12px;display:grid}.app-color-picker__presets button[data-v-8fdc563a]{cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;padding:0;box-shadow:0 0 0 1px #d9d9d9}.app-color-picker__footer[data-v-8fdc563a]{border-top:1px solid #f0f0f0;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.app-color-picker__footer>span[data-v-8fdc563a]{flex:1}