.modeo-color-filter{display:flex;flex-direction:column;gap:.75rem}.modeo-color-filter .flex{display:flex;flex-wrap:wrap;gap:.5rem}.modeo-color-filter-dot{position:relative;width:2rem;height:2rem;border-radius:9999px;border-width:1px;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;text-decoration:none}.modeo-color-filter-dot:hover{transform:none;box-shadow:0 0 0 2px #030712}.modeo-color-filter-dot:focus{outline:none;ring-width:1px;ring-color:#9ca3af;ring-offset-width:1px}.modeo-color-filter-dot.ring-2{transform:none;--tw-ring-color:#030712 !important}.modeo-color-filter-dot.ring-2 svg{filter:drop-shadow(0 1px 2px rgb(0 0 0 / .3))}.modeo-color-filter .inline-flex{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:0;font-size:.75rem;line-height:1rem}.modeo-color-filter .bg-primary\/10{background-color:#fff}.modeo-color-filter .text-primary{color:#030712}.modeo-color-filter a[href*="filter_color"]:last-child{font-size:.875rem;line-height:1.25rem;text-decoration:none;transition:color 0.2s ease-in-out}.modeo-color-filter a[href*="filter_color"]:last-child:hover{color:#b91c1c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:640px){.modeo-color-filter-dot{width:1.75rem;height:1.75rem}}