product-pack-selector{display:block;margin-bottom:1.8rem}.product-packs{border:0;margin:0;padding:0}.product-packs legend{margin-bottom:2rem;font-weight:600}.product-packs__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.product-packs__option{position:relative;min-width:0}.product-packs__option input{position:absolute;width:1px;height:1px;opacity:0}.product-packs__option label{position:relative;display:flex;height:100%;flex-direction:column;align-items:center;gap:.6rem;padding:1.8rem .5rem 1.4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:center;cursor:pointer}.product-packs__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:.3rem .6rem;border-radius:.4rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:.95rem;font-weight:600;line-height:1.4;white-space:nowrap}.product-packs__indicator{width:1.6rem;height:1.6rem;border:1px solid rgba(var(--color-foreground),.4);border-radius:50%}.product-packs__name{font-size:1.3rem;font-weight:500}.product-packs__weight{font-size:1.2rem;line-height:1.3;opacity:.75}.product-packs__price{font-size:1.5rem;line-height:1.3;overflow-wrap:anywhere}.product-packs__compare{font-size:1.1rem;opacity:.65;overflow-wrap:anywhere}.product-packs__compare[hidden]{display:none}.product-packs__discount{color:#39852c;font-size:1.1rem;font-weight:600;line-height:1.3}.product-packs__option input:checked+label{border-color:rgb(var(--color-button));box-shadow:inset 0 0 0 1px rgb(var(--color-button));background:rgba(var(--color-button),.06)}.product-packs__option input:checked+label .product-packs__indicator{border:.4rem solid rgb(var(--color-button));background:rgb(var(--color-background))}.product-packs__option input:focus-visible+label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.product-packs__option input:disabled+label,.product-packs__option input.disabled+label{opacity:.4;cursor:not-allowed}@media screen and (max-width:359px){.product-packs__options{gap:.5rem}.product-packs__price{font-size:1.3rem}.product-packs__badge{font-size:.85rem;padding-inline:.4rem}}variant-selects .product-packs{max-width:100%;width:100%;margin-bottom:1.8rem}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-product-pack-selector.css.map */