.product-family{--grid-item-border-radius:8px}.product-family .product-badge{font:var(--font-weight-bold) 11px/150% var(--font-family-wide);left:50%;padding:4px 8px;right:auto;top:-12px;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;z-index:1}@media (min-width:1024px){.product-family .product-badge{max-width:calc(100% - 28px);width:100%}}.product-family__grid{display:grid;gap:8px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.product-family__grid:not(:last-child){margin-bottom:16px}@media (min-width:768px){.product-family__grid:not(:last-child){margin-bottom:24px}}@media (min-width:640px){.product-family__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.product-family__grid{gap:16px 24px}}.product-family__item{border-radius:var(--grid-item-border-radius);position:relative}.product-family__item img{margin:auto;max-width:30%}.product-family__grid-item{border-radius:var(--grid-item-border-radius);display:flex;flex-direction:column;height:100%;position:relative;text-decoration:none}.product-family__grid-item.active,.product-family__grid-item:hover{border-color:var(--color-purple-800);opacity:1}.product-family__grid-item.active .product-family__grid-item-label,.product-family__grid-item:hover .product-family__grid-item-label{background-color:var(--color-purple-800);color:var(--color-white)}.product-family__grid-item.active .product-family__grid-item-check,.product-family__grid-item:hover .product-family__grid-item-check{opacity:1}.product-family__grid-item{border:thin solid transparent;transition:opacity .2s cubic-bezier(.87,0,.13,1) 0s,border-color .2s cubic-bezier(.87,0,.13,1) 0s}.product-family__grid-item-check{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Crect width='21' height='21' x='.5' y='.5' fill='%23fcfc62' rx='10.5'/%3E%3Crect width='21' height='21' x='.5' y='.5' stroke='%23570783' rx='10.5'/%3E%3Cpath fill='%23570783' d='m8.919 13.275-2.742-2.742L5 11.712l3.919 3.918L17 7.548l-1.177-1.177z'/%3E%3C/svg%3E");content:"";height:22px;opacity:0;pointer-events:none;position:absolute;right:-8px;top:-8px;transition:opacity .2s cubic-bezier(.87,0,.13,1) 0s;width:22px;z-index:1}.product-family__grid-item-thumbnail{background-color:var(--color-purple-800);border-top-left-radius:calc(var(--grid-item-border-radius) - 2px);border-top-right-radius:calc(var(--grid-item-border-radius) - 2px);height:94px}.product-family__grid-item-thumbnail img,.product-family__grid-item-thumbnail svg{max-width:45px;-o-object-fit:contain;object-fit:contain}.product-family__grid-item-thumbnail{align-items:center;display:flex;justify-content:center}.product-family__grid-item-label{background-color:var(--color-white);border-bottom-left-radius:calc(var(--grid-item-border-radius) - 2px);border-bottom-right-radius:calc(var(--grid-item-border-radius) - 2px);font:var(--font-weight-bold) 13px/var(--body-sm-line-height) var(--body-sm-family);padding:6px 10px;text-align:center;transition:background-color .2s cubic-bezier(.87,0,.13,1) 0s,color .2s cubic-bezier(.87,0,.13,1) 0s}@media (min-width:768px){.product-family__grid-item-label{padding:8px}}