.pack-selector{display:block;margin:2rem 0 2.4rem}.pack-selector__header{margin-bottom:1.2rem}.pack-selector__title{font-size:1.6rem;font-weight:var(--font-body-weight-bolder, 700);letter-spacing:-.01em;margin:0 0 .3rem}.pack-selector__subtitle{font-size:1.35rem;line-height:1.4;color:rgb(var(--color-foreground));opacity:.65;margin:0}.pack-selector__tiers{display:flex;flex-direction:column;gap:1rem;margin:0 0 1.6rem;padding:0;border:none}.pack-selector__tier{display:block}.pack-selector__tier-card{position:relative;display:block;overflow:hidden;cursor:pointer;border:.15rem solid rgba(var(--color-foreground),.16);border-radius:1.4rem;background:rgb(var(--color-background));transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.pack-selector__tier-card:hover{border-color:rgba(var(--color-foreground),.34)}.pack-selector__tier-radio:checked+.pack-selector__tier-card{border-color:rgb(var(--color-foreground));background:rgba(var(--color-primary),.05);box-shadow:0 .4rem 1.6rem rgba(var(--color-foreground),.1)}.pack-selector__tier-radio:focus-visible+.pack-selector__tier-card{outline:.25rem solid rgb(var(--color-foreground));outline-offset:.2rem}.pack-selector__ribbon{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:.55rem 1.2rem;background:rgb(var(--color-primary));color:rgb(var(--color-foreground));font-size:1.05rem;font-weight:var(--font-body-weight-bolder, 700);letter-spacing:.08em;text-transform:uppercase;line-height:1.3;text-align:center}.pack-selector__ribbon--alt{background:rgba(var(--color-primary),.22)}.pack-selector__ribbon-percent:not([hidden]){display:inline-block;padding:.1rem .6rem;border-radius:999px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));letter-spacing:.04em}.pack-selector__tier-body{display:flex;align-items:center;gap:1.1rem;padding:1.5rem 1.4rem}.pack-selector__radio-dot{flex-shrink:0;position:relative;width:2.2rem;height:2.2rem;border-radius:50%;border:.15rem solid rgba(var(--color-foreground),.3);background:rgb(var(--color-background));transition:border-color .18s ease}.pack-selector__tier-radio:checked+.pack-selector__tier-card .pack-selector__radio-dot{border-color:rgb(var(--color-foreground));border-width:.2rem}.pack-selector__tier-radio:checked+.pack-selector__tier-card .pack-selector__radio-dot:after{content:"";position:absolute;top:.35rem;right:.35rem;bottom:.35rem;left:.35rem;border-radius:50%;background:rgb(var(--color-foreground))}.pack-selector__tier-labels{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.pack-selector__tier-qty{font-size:1.5rem;font-weight:var(--font-body-weight-bolder, 700);line-height:1.25}.pack-selector__tier-note{font-size:1.2rem;line-height:1.35;opacity:.62}.pack-selector__tier-prices{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;text-align:right}.pack-selector__tier-total{font-size:1.8rem;font-weight:var(--font-body-weight-bolder, 700);line-height:1.15;letter-spacing:-.01em}.pack-selector__tier-compare{font-size:1.25rem;opacity:.5;text-decoration:line-through}.pack-selector__tier-unit{font-size:1.15rem;opacity:.62;white-space:nowrap}.pack-selector__benefits{display:none;flex-direction:column;gap:.55rem;padding:0 1.4rem 1.5rem 4.7rem}.pack-selector__tier-radio:checked+.pack-selector__tier-card .pack-selector__benefits{display:flex}.pack-selector__benefit{display:flex;align-items:flex-start;gap:.6rem;font-size:1.25rem;line-height:1.35}.pack-selector__benefit-icon{flex-shrink:0;margin-top:.15rem;color:rgb(var(--color-foreground))}.pack-selector__slots{display:grid;grid-template-columns:1fr;gap:.8rem;margin:0 0 1.6rem}.pack-selector__slots[hidden],.pack-selector__slot[hidden],.quantity[hidden]{display:none}.pack-selector__slot{display:flex;align-items:center;gap:1rem;padding:.9rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:1rem;background:rgb(var(--color-background))}.pack-selector__slot--locked{background:rgba(var(--color-primary),.07)}.pack-selector__slot-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;font-size:1.2rem;font-weight:var(--font-body-weight-bolder, 700);background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.pack-selector__slot-media{flex-shrink:0;width:4.6rem;height:4.6rem;border-radius:.8rem;overflow:hidden;background:rgb(var(--color-background))}.pack-selector__slot-image{display:block;width:100%;height:100%;object-fit:cover}.pack-selector__slot-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.pack-selector__slot-name{font-size:1.3rem;font-weight:500;overflow-wrap:break-word}.pack-selector__slot-locked-label{font-size:1.1rem;color:rgb(var(--color-foreground));opacity:.6}.pack-selector__slot-select,.pack-selector__variant-select{width:100%;min-height:4.4rem;padding:.4rem .8rem;font-size:1.3rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-overflow:ellipsis}.pack-selector__variant-select{margin-top:.4rem}.pack-selector__slot-select:focus-visible,.pack-selector__variant-select:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.1rem}.pack-selector__error{margin:.8rem 0 0;padding:1rem 1.2rem;border-radius:.8rem;font-size:1.3rem}@media screen and (min-width:750px){.pack-selector__tier-qty{font-size:1.6rem}.pack-selector__tier-total{font-size:2rem}.pack-selector__slots{grid-template-columns:repeat(var(--pack-selector-slot-count, 1),1fr)}}@media(prefers-reduced-motion:reduce){.pack-selector__tier-card,.pack-selector__radio-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-pack-selector.css.map */