.pack-cards{--pack-accent: 224 50 55;--pack-ink: var(--color-price);list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--sp-2, .5rem);width:100%}.pack-cards>li{min-width:0}.pack-cards magnet-element{display:block;height:100%}.pack-cards .pack-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"radio name  per" "radio save  total";align-items:center;column-gap:var(--sp-3, .75rem);row-gap:.15rem;width:100%;height:100%;padding:var(--sp-3, .75rem) var(--sp-4, 1rem);border:1px solid rgb(var(--color-border));border-radius:var(--border-radius-small);background-color:rgb(var(--color-background));cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.pack-cards .pack-card:hover{border-color:rgb(var(--pack-ink) / .35)}.pack-cards .pack-card--nosave{grid-template-areas:"radio name  per" "radio name  total"}.pack-cards .pack-card__radio{grid-area:radio;display:block;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid rgb(var(--pack-ink) / .3);background-color:rgb(var(--color-background));position:relative}.pack-cards .pack-card__nameline{grid-area:name;display:flex;align-items:center;gap:var(--sp-2, .5rem);flex-wrap:wrap;min-width:0}.pack-cards .pack-card__name{font-size:var(--text-base);font-weight:600;line-height:1.2;color:rgb(var(--pack-ink));white-space:nowrap}.pack-cards .pack-card__badge{display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;color:#fff;background-color:rgb(var(--pack-accent));border-radius:999px;padding:.2rem .5rem;white-space:nowrap}.pack-cards .pack-card__save{grid-area:save;justify-self:start;font-size:var(--text-xs);font-weight:600;line-height:1.4;color:rgb(var(--pack-accent));background-color:rgb(var(--pack-accent) / .08);border-radius:999px;padding:0 .5rem;white-space:nowrap}.pack-cards .pack-card__per{grid-area:per;justify-self:end;color:rgb(var(--pack-accent));font-size:var(--text-base);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.pack-cards .pack-card__price{grid-area:total;justify-self:end;color:rgb(var(--pack-ink) / .55);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.pack-cards input:checked+.pack-card{border-color:rgb(var(--pack-accent));box-shadow:inset 0 0 0 1px rgb(var(--pack-accent));background-color:rgb(var(--pack-accent) / .04)}.pack-cards input:checked+.pack-card .pack-card__radio{border-color:rgb(var(--pack-accent))}.pack-cards input:checked+.pack-card .pack-card__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background-color:rgb(var(--pack-accent))}.pack-cards input:focus-visible+.pack-card{outline:2px solid rgb(var(--pack-accent));outline-offset:2px}.pack-cards input:is(:disabled,.disabled)+.pack-card{opacity:.45}.pack-cards .pack-card__save[hidden]{display:none}@media screen and (min-width:768px){.pack-cards{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));align-items:stretch}.pack-cards>li{container-type:inline-size}.pack-cards .pack-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name  name" "price price" "per   save";align-content:start;align-items:center;justify-items:start;column-gap:var(--sp-2, .5rem);row-gap:.2rem;padding:var(--sp-3, .75rem)}.pack-cards .pack-card__radio{position:absolute;top:var(--sp-3, .75rem);right:var(--sp-3, .75rem);width:1.125rem;height:1.125rem}.pack-cards .pack-card__nameline{padding-inline-end:1.5rem}.pack-cards .pack-card__name{font-size:var(--text-sm)}.pack-cards .pack-card__price{grid-area:price;justify-self:start;color:rgb(var(--pack-accent));font-size:var(--text-base);font-weight:600}.pack-cards .pack-card__per{grid-area:per;justify-self:start;color:rgb(var(--pack-ink) / .55);font-size:var(--text-xs);font-weight:400;white-space:normal;min-width:0}.pack-cards .pack-card__save{grid-area:save;justify-self:end}.pack-cards .pack-card__badge{position:absolute;inset:0 0 auto 0;border-radius:calc(var(--border-radius-small) - 1px) calc(var(--border-radius-small) - 1px) 0 0;text-align:center;padding:.25rem}.pack-cards .pack-card--badged{padding-top:calc(var(--sp-3, .75rem) + 1.2rem)}.pack-cards .pack-card--badged .pack-card__radio{top:calc(var(--sp-3, .75rem) + 1.1rem)}}.pack-cards .pack-cards__divider{grid-column:1 / -1;display:flex;align-items:center;gap:var(--sp-3, .75rem);margin-block-start:var(--sp-2, .5rem);color:rgb(var(--pack-ink) / .5);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.pack-cards .pack-cards__divider:before,.pack-cards .pack-cards__divider:after{content:"";flex:1 1 auto;height:1px;background-color:rgb(var(--color-border))}.pack-cards .pack-cards__single-item{grid-column:1 / -1}.pack-cards .pack-card--single{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"radio name  price" "radio perks price";row-gap:.3rem}.pack-cards .pack-card--single .pack-card__price{grid-area:price;justify-self:end;align-self:center;color:rgb(var(--pack-accent));font-size:var(--text-lg);font-weight:700}.pack-cards .pack-card--single .pack-card__save{display:none}.pack-cards .pack-card--single .pack-card__name{white-space:normal}.pack-cards .pack-card__perks{grid-area:perks;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .4rem;min-width:0}.pack-cards .pack-card__perk{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:600;line-height:1.3;color:rgb(var(--pack-accent));background-color:rgb(var(--pack-accent) / .09);border-radius:999px;padding:.15rem .5rem}.pack-cards .pack-card__perk .icon{width:.8em;height:.8em;flex:0 0 auto}@media screen and (min-width:768px){.pack-cards--has-single{grid-template-columns:repeat(var(--pack-columns, 5),minmax(0,1fr))}.pack-cards .pack-card--single{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"radio name  price" "radio perks price";align-content:center;align-items:center;padding:var(--sp-4, 1rem)}.pack-cards .pack-card--single .pack-card__radio{position:relative;top:auto;right:auto;width:1.25rem;height:1.25rem}.pack-cards .pack-card--single .pack-card__nameline{padding-inline-end:0}.pack-cards .pack-card--single .pack-card__name{font-size:var(--text-base)}.pack-cards .pack-card--single .pack-card__price{font-size:var(--text-xl)}}@container (max-width: 13rem){.pack-cards .pack-card{grid-template-areas:"name  name" "price price" "per   per" "save  save"}.pack-cards .pack-card__save{justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/pack-cards.css.map */