.styles_variants__Rmw4c{display:inline-grid;grid-template-columns:repeat(12,1fr);overflow:auto;width:100%;max-width:678px;padding-top:.5rem;padding-left:.5rem;padding-right:.5rem;column-gap:.625rem;row-gap:.875rem;margin-bottom:0;list-style:none}@media(max-width:1100px){.styles_variants__Rmw4c{grid-template-columns:unset;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:.75rem;white-space:nowrap;width:calc(100% + var(--column-gap)*2);max-width:unset;margin-left:calc(-1*var(--column-gap));margin-right:calc(-1*var(--column-gap));padding-left:var(--column-gap);padding-right:var(--column-gap);padding-bottom:.5rem}}.styles_circle__GeS8I{display:inline-block;border-radius:100%;width:2.875rem;height:2.875rem;border:2px solid var(--base-700)}.styles_circle__GeS8I:focus-visible{outline:2px auto var(--info);outline-offset:4px}@media(min-width:720px){.styles_modal__8Zg_M{padding:0!important}}.styles_list__L0vBw{margin:1rem 0 0;padding:.5rem;list-style:none;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 21.5rem)}@media(min-width:720px){.styles_list__L0vBw{max-height:calc(100vh - 17.5rem)}}.styles_container__0kqR3{border-radius:1rem;padding:1rem;background:var(--base-50);display:flex;align-items:center;gap:.5rem}.styles_img__iv_nb{width:5rem;height:5rem;object-fit:contain}.styles_right__ja85P{display:flex;flex-direction:column;gap:2px}.ColorPickerWithFavorite_wrapper__ZHI4x{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.ColorPickerWithFavorite_button__0iGa1{flex-shrink:0}