.sny-tiles{border:0;margin:0 0 1.6rem;padding:0;min-width:0}.sny-tiles__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:1rem;padding:0;font-size:1.4rem;color:var(--sny-soft)}.sny-tiles__now{color:var(--sny-ink);font-weight:600}.sny-tiles__count{color:var(--sny-soft)}.sny-tiles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.4rem,1fr));gap:.8rem}.sny-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem .5rem .7rem;border:1px solid var(--sny-line);border-radius:1.2rem;background:var(--sny-white);cursor:pointer;text-align:center;transition:border-color .2s var(--sny-ease),transform .2s var(--sny-ease)}.sny-tile__img{display:block;width:100%;aspect-ratio:1;border-radius:.8rem;overflow:hidden;background:var(--sny-panel)}.sny-tile__img img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.18)}.sny-tile__name{font-size:1.2rem;line-height:1.25;color:var(--sny-ink)}.sny-tile:hover{border-color:var(--sny-line-hover);transform:translateY(-2px)}.sny-tiles input[type=radio]:checked+.sny-tile{border:2px solid var(--sny-ink);padding:calc(.5rem - 1px) calc(.5rem - 1px) calc(.7rem - 1px)}.sny-tiles input[type=radio]:checked+.sny-tile .sny-tile__name{font-weight:600}.sny-tiles input[type=radio]:focus-visible+.sny-tile{outline:2px solid var(--sny-focus);outline-offset:2px}.sny-tiles input.disabled+.sny-tile .sny-tile__img{opacity:.4;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--sny-soft) 50%,transparent calc(50% + 1px)),var(--sny-panel)}.sny-tiles input.disabled+.sny-tile .sny-tile__name{color:var(--sny-soft);text-decoration:line-through}@media screen and (max-width:749px){.sny-tiles__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.sny-tile__name{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.sny-tile{transition:none}.sny-tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/sny-colour-tiles.css.map */