.color-choice{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #dce1d2;border-radius:10px;background:#fcfbfa;color:#293027;text-align:left;font:inherit;cursor:pointer}.color-choice>span:nth-child(2){overflow-wrap:anywhere}.color-choice:focus-visible,.color-option:focus-visible{outline:2px solid #86a348;outline-offset:2px}.color-choice:disabled{opacity:.55;cursor:not-allowed}.color-swatch{display:inline-block;width:22px;height:22px;flex:0 0 22px;border:1px solid #0003;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff40}.color-arrow{margin-left:auto}.color-options{position:fixed;z-index:10000;overflow-y:auto;padding:6px;background:#fff;border:1px solid #d6ddca;border-radius:12px;box-shadow:0 10px 30px #27301c26}.color-option{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;border:0;border-radius:7px;padding:9px;background:#fff;color:#293027;text-align:left;font:inherit;cursor:pointer}.color-option:hover,.color-option[aria-selected=true]{background:#edf3df}.color-option small{margin-left:auto;color:#727b67;font-size:11px}.colorcontrol{min-width:0}.colorcontrol select[hidden]{display:none!important}