#color-filters{display:block;width:100%;min-width:0}
.catalog-color-picker{border:1px solid #d5dace;border-radius:14px;background:#fffefb;color:#35473e;overflow:hidden}
.catalog-color-picker summary{padding:13px;cursor:pointer;list-style-position:inside;font-size:14px;line-height:1.5}
.catalog-color-picker summary:focus-visible{outline:2px solid #596b60;outline-offset:-3px}
.catalog-color-search{display:grid;gap:6px;padding:10px 12px;font-size:12px}.catalog-color-search input{width:100%;min-width:0;box-sizing:border-box}
.catalog-color-options{max-height:285px;overflow:auto;overscroll-behavior:contain;padding:4px 8px;scrollbar-width:thin}
#color-filters .catalog-color-picker button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;text-align:left;white-space:normal;background:transparent;color:#35473e;border:1px solid transparent;border-radius:9px;padding:10px 8px;margin:2px 0;box-shadow:none;min-height:44px;font-weight:400;transform:none}
#color-filters .catalog-color-picker button:hover,#color-filters .catalog-color-picker button:focus-visible{background:#edf1e7;border-color:#bdcdb5}
#color-filters .catalog-color-picker button[aria-pressed=true]{background:#e4ecdc;border-color:#a6b99b;font-weight:700}
.catalog-color-swatch{width:20px;height:20px;flex:0 0 20px;border:1px solid #9aa499;border-radius:50%}.catalog-color-options button small{display:block;color:#6e786d;font-size:10px}
.catalog-color-picker [data-color-status]{font-size:11px;color:#6e786d;margin:8px 12px 12px}
@media(max-width:680px){.catalog-color-options{max-height:240px}}