.ff-color-filter{margin:25px 0 20px;padding:0;border:0;min-width:0}.ff-color-filter legend{font-size:17px;font-weight:700;color:#303840;padding:0}.ff-color-filter>p{font-size:11px;margin:7px 0 14px;color:#616c76}.ff-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ff-color-filter .ff-color-option{display:grid;margin:0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;position:relative;padding:9px 10px;border:1px solid transparent;border-radius:6px;font-size:11px;cursor:pointer;color:#424d58;background:#ffffff90;line-height:1.4}.ff-color-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.ff-color-chip{display:block;width:18px;height:18px;border:1px solid #7a849380;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff60}.ff-color-all{background:conic-gradient(#d83337,#f7b922,#3a925c,#376ab4,#b56baf,#d83337)}.ff-color-option small{display:none}.ff-color-option:has(input:checked){border-color:#d87525;background:#fff0e4;color:#8f3d06;box-shadow:0 3px 10px #cf752310}.ff-color-option:has(input:checked) small{color:#8f3d06}.ff-color-option:has(input:focus-visible){outline:3px solid #b44b0a;outline-offset:2px}.ff-color-option:hover{border-color:#e6b894}.ff-color-option.is-empty{opacity:.45;cursor:default}.ff-color-filter .ff-color-hint{font-size:9px;line-height:1.6;margin:13px 0 0}.ff-current-color{font-size:10px;color:#8b3a08;margin-top:6px}.filters .filter-options label[for=colorfilter]{font-size:10px}.ff-filter-summary{font-size:12px;color:#96420b;margin:0 0 14px}.ff-filter-summary:empty{display:none}
@media(max-width:760px){.ff-color-filter{margin:22px 0}.ff-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ff-color-option{grid-template-columns:18px minmax(0,1fr);gap:7px;padding:10px 8px;font-size:10px;min-height:45px}.ff-color-option small{display:none}.ff-color-filter>p{font-size:11px}.ff-color-filter .ff-color-hint{font-size:10px}.ff-color-chip{width:17px;height:17px}}
@media(max-width:360px){.ff-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
