.thh-leopard-colors{margin:1.8rem 0}.thh-leopard-colors__list{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;padding:0;margin:0}.thh-leopard-colors__choice{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.6rem 1rem;border:1px solid #c9cdd2;border-radius:999px;background:#fff;color:#202b38;text-decoration:none;font-size:1.4rem}.thh-leopard-colors__choice.is-current{border:2px solid #202b38;padding:calc(.6rem - 1px) calc(1rem - 1px);font-weight:700}.thh-leopard-colors__choice:focus-visible{outline:3px solid #2f5e9e;outline-offset:3px}.thh-leopard-colors__dot{display:block;width:22px;height:22px;border-radius:50%;background:var(--leopard-color);border:1px solid rgba(0,0,0,.2);flex-shrink:0}.thh-leopard-designs{list-style:none;padding:0;margin:0;max-width:44rem}.thh-leopard-design-count{margin:0 0 1.8rem}.thh-leopard-card{border:1px solid #d9dde1;border-radius:1.6rem;overflow:hidden;background:#fff;box-shadow:0 1rem 2.6rem rgba(32,43,56,.06)}.thh-leopard-card__image-link{display:block;background:#fff}.thh-leopard-card__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.thh-leopard-card__body{padding:2rem}.thh-leopard-card__body h2{margin:0 0 .8rem}.thh-leopard-card__body h2 a{color:inherit;text-decoration:none}.thh-leopard-card__price{margin:.5rem 0;color:#5b626b}.thh-leopard-card__color{margin:1.6rem 0 .8rem}.thh-leopard-card__button{margin-top:2rem;width:100%}@media(max-width:749px){.thh-leopard-designs{max-width:100%}.thh-leopard-card__body{padding:1.6rem}}

.thh-leopard-standard-card .thh-leopard-card__image{aspect-ratio:auto}
.thh-leopard-standard-card .thh-leopard-card-options{position:relative;z-index:2}
.thh-leopard-standard-card .thh-leopard-card__color{margin:1rem 0 .6rem;font-size:1.3rem}
.thh-leopard-standard-card .thh-leopard-colors__list{justify-content:center;gap:4px}
.thh-leopard-standard-card .thh-leopard-colors__choice{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;gap:0;border:0;border-radius:50%;background:transparent;justify-content:center;flex:0 0 auto}
.thh-leopard-standard-card .thh-leopard-colors__choice.is-current{padding:0;border:0}
.thh-leopard-standard-card .thh-leopard-colors__dot{width:20px;height:20px}
.thh-leopard-standard-card .thh-leopard-colors__choice.is-current .thh-leopard-colors__dot{outline:2px solid #202b38;outline-offset:1px}
.thh-leopard-standard-card .thh-leopard-colors__choice:focus-visible{outline:2px solid #2f5e9e;outline-offset:2px}
@media(max-width:749px){.thh-leopard-standard-card .thh-leopard-colors__choice{width:24px;height:24px;min-width:24px;min-height:24px}.thh-leopard-standard-card .thh-leopard-colors__dot{width:18px;height:18px}}

.thh-leopard-colors--compact .thh-leopard-colors__list{gap:4px;max-width:284px}
.thh-leopard-colors--compact .thh-leopard-colors__choice{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;gap:0;border:0;border-radius:50%;background:transparent;justify-content:center}
.thh-leopard-colors--compact .thh-leopard-colors__choice.is-current{padding:0;border:0}
.thh-leopard-colors--compact .thh-leopard-colors__dot{width:34px;height:34px}
.thh-leopard-colors--compact .thh-leopard-colors__choice.is-current .thh-leopard-colors__dot{outline:2px solid #202b38;outline-offset:2px}
.thh-leopard-colors--compact .thh-leopard-colors__choice:focus-visible{outline:2px solid #2f5e9e;outline-offset:1px}

.thh-card-color-indicators{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:1.2rem 0 0}
.thh-card-color-indicators__item{display:flex;padding:0;margin:0;cursor:default}
.thh-card-color-indicators__dot{display:block;box-sizing:border-box;width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.2);background:var(--thh-card-color)}
.thh-card-color-indicators__dot--pattern{background:radial-gradient(var(--thh-card-ink) 1px,transparent 1.5px) 0 0/6px 6px,var(--thh-card-color)}
@media(max-width:749px){.thh-card-color-indicators{gap:6px}.thh-card-color-indicators__dot{width:18px;height:18px}}