.sh-support-colors{margin:2rem 0 2.4rem;max-width:48rem}.sh-support-colors__heading{margin:0 0 1.2rem;font-size:1.4rem;line-height:1.4}.sh-support-colors__heading strong{font-weight:650}.sh-support-colors__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}.sh-support-colors__item{min-width:0}.sh-support-colors__link{display:block;color:rgb(var(--color-foreground));text-align:center;text-decoration:none;border-radius:1rem}.sh-support-colors__frame{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;border:1px solid #d9d9d4;border-radius:1rem;transition:border-color .15s ease,box-shadow .15s ease}.sh-support-colors__image{display:block;width:84%;height:84%;object-fit:contain}.sh-support-colors__swatch{position:absolute;right:.4rem;bottom:.4rem;width:.9rem;height:.9rem;border-radius:50%;border:1px solid #fff;background:var(--sh-support-swatch);box-shadow:0 0 0 1px #dededb}.sh-support-colors__name{display:block;margin-top:.7rem;font-size:1.1rem;letter-spacing:0;line-height:1.3;overflow-wrap:break-word}.sh-support-colors__link:hover .sh-support-colors__frame{border-color:#555}.sh-support-colors__link[aria-current=page] .sh-support-colors__frame{border-color:#2f4a3a;box-shadow:inset 0 0 0 1px #2f4a3a}.sh-support-colors__link[aria-current=page] .sh-support-colors__name{font-weight:700}.sh-support-colors__link:focus-visible{outline:2px solid #2f4a3a;outline-offset:4px}@media(max-width:749px){.sh-support-colors__list{gap:.6rem}.sh-support-colors__name{font-size:1rem}}@media(prefers-reduced-motion:reduce){.sh-support-colors__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/sh-support-color-thumbnails.css.map */
