product-form.ht-pdp-form .ht-pdp-form__opts--color{display:flex;flex-wrap:wrap;gap:10px}product-form.ht-pdp-form .ht-pdp-form__opt--color{flex:0 0 80px;width:80px;min-height:0;padding:0;border:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;background:transparent;color:var(--ht-text)}product-form.ht-pdp-form .ht-pdp-form__opt--color:hover,product-form.ht-pdp-form .ht-pdp-form__opt--color.is-active{background:transparent;color:var(--ht-text)}product-form.ht-pdp-form .ht-pdp-form__opt-media{display:block;width:100%;aspect-ratio:1;padding:3px;border:1px solid var(--ht-border);background:var(--ht-surface);overflow:hidden;transition:border-color .15s}product-form.ht-pdp-form .ht-pdp-form__opt-image{display:block;width:100%;height:100%;object-fit:cover}product-form.ht-pdp-form .ht-pdp-form__opt--color:hover .ht-pdp-form__opt-media{border-color:var(--ht-text-muted)}product-form.ht-pdp-form .ht-pdp-form__opt--color.is-active .ht-pdp-form__opt-media{border:2px solid var(--ht-text);padding:2px}product-form.ht-pdp-form .ht-pdp-form__opt--color:focus-visible{outline:2px solid var(--ht-accent);outline-offset:4px}product-form.ht-pdp-form .ht-pdp-form__opt-name{font-family:var(--ht-font-body);font-size:11px;font-weight:700;letter-spacing:0;line-height:1.25;overflow-wrap:anywhere}product-form.ht-pdp-form .ht-pdp-form__opt--photo .ht-pdp-form__opt-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}product-form.ht-pdp-form .ht-pdp-form__opt-media--color{display:flex;align-items:center;justify-content:center}product-form.ht-pdp-form .ht-pdp-form__opt-media--color .ht-pdp-form__opt-dot{width:36px;height:36px}product-form.ht-pdp-form .ht-pdp-form__opt--text-only{flex-basis:auto;width:auto;padding:10px 14px;border:1px solid var(--ht-border)}product-form.ht-pdp-form .ht-pdp-form__opt--text-only.is-active{border-color:var(--ht-text)}@media(max-width:749px){product-form.ht-pdp-form .ht-pdp-form__opts--color{gap:6px}product-form.ht-pdp-form .ht-pdp-form__opt--photo{flex-basis:min(80px,calc((100% - 18px)/4));width:min(80px,calc((100% - 18px)/4))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pineypets-color-tiles.css.map */