.ff-qty{display:block;margin:26px 0 22px}.ff-qty__label{margin:0 0 10px;font-size:var(--ff-text-eyebrow);line-height:var(--ff-text-eyebrow-lh);letter-spacing:var(--ff-text-eyebrow-tracking);text-transform:uppercase;opacity:.65}.ff-qty .ff-qty__label--pick,.ff-qty .ff-qty__summary{display:block}.ff-qty .ff-qty__label--pick{margin-top:18px}.ff-qty__tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.ff-qty__tier{position:relative;display:block;padding:12px 8px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-alt);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.ff-qty__tier.has-badge{padding-top:16px}.ff-qty__radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ff-qty__tier:has(.ff-qty__radio:checked),.ff-qty__tier.is-selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-alt))}.ff-qty__tier:has(.ff-qty__radio:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.ff-qty__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:2px 8px;border-radius:999px;background:var(--color-accent);color:var(--color-bg);font-size:8.5px;font-weight:700;line-height:1.5;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.ff-qty__tier-body{display:flex;flex-direction:column;gap:2px}.ff-qty__tier-qty{font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:19px;line-height:1.15;color:var(--color-text)}.ff-qty__tier-total{font-size:14px;font-weight:600;color:var(--color-text)}.ff-qty__tier-unit{font-size:10.5px;line-height:1.35;opacity:.55}.ff-qty__tier-save{margin-top:2px;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--color-accent)}.ff-qty__slots{display:flex;flex-direction:column;gap:8px}.ff-qty__slot{display:flex;align-items:center;gap:10px}.ff-qty__slot[hidden]{display:none}.ff-qty__slot-name{flex:0 0 auto;min-width:46px;font-size:var(--ff-text-body-sm);line-height:var(--ff-text-body-sm-lh);opacity:.6}.ff-qty__picker{position:relative;flex:1 1 auto;min-width:0}.ff-qty__trigger{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-alt);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease}.ff-qty__slot.is-open .ff-qty__trigger,.ff-qty__trigger:focus-visible{border-color:var(--color-accent)}.ff-qty__thumb,.ff-qty__option img,.ff-qty__option-noimg{flex:none;width:34px;height:34px;border-radius:7px;object-fit:cover;background:var(--color-bg)}.ff-qty__chosen{flex:1 1 auto;min-width:0;overflow:hidden;font-size:var(--ff-text-body-sm);line-height:var(--ff-text-body-sm-lh);text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.ff-qty__chevron{flex:none;width:0;height:0;border-style:solid;border-width:5px 4px 0;border-color:currentColor transparent transparent;opacity:.6;transition:transform .2s ease}.ff-qty__slot.is-open .ff-qty__chevron{transform:rotate(180deg)}.ff-qty__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;max-height:244px;overflow-y:auto;padding:4px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);box-shadow:0 12px 30px #00000073}.ff-qty__option{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:7px;background:none;color:inherit;font:inherit;font-size:var(--ff-text-body-sm);text-align:left;cursor:pointer}.ff-qty__option:hover,.ff-qty__option:focus-visible{background:var(--color-bg-alt)}.ff-qty__option.is-current{color:var(--color-accent)}.ff-qty .ff-qty__summary{margin:14px 0 0;font-size:var(--ff-text-body-sm);line-height:var(--ff-text-body-sm-lh);opacity:.75}.ff-qty__summary strong{color:var(--color-text);opacity:1}@media screen and (min-width:750px){.ff-qty__tiers{gap:10px}.ff-qty__tier{padding:14px 12px 12px}.ff-qty__tier.has-badge{padding-top:18px}.ff-qty__tier-qty{font-size:22px}.ff-qty__tier-total{font-size:15px}.ff-qty__tier-unit{font-size:11.5px}.ff-qty__badge{font-size:9px;padding:3px 10px}.ff-qty__slot-name{min-width:58px}}@media(prefers-reduced-motion:reduce){.ff-qty__tier,.ff-qty__trigger,.ff-qty__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ff-qty-tiers.css.map */