.image-preset-picker{gap:var(--space-8);flex-direction:column;display:flex}.image-preset-picker--error .image-preset-picker__grid{outline:1px solid var(--color-red-border);outline-offset:4px;border-radius:var(--radius-2)}.image-preset-picker__grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}@media (max-width:767px){.image-preset-picker__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:575px){.image-preset-picker__grid{grid-template-columns:repeat(3,1fr)}}.image-preset-picker__cell{aspect-ratio:1}.image-preset-picker__item{border-radius:var(--radius-8);cursor:pointer;width:100%;height:100%;transition:border-color var(--duration-base) var(--ease-default);background:0 0;border:2px solid #0000;padding:0;display:block;overflow:hidden}.image-preset-picker__item:hover{border-color:var(--color-primary)}.image-preset-picker__item:focus-visible{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.image-preset-picker__thumb{object-fit:cover;width:100%;height:100%}