/* offers, packages and memberships (offers.js) */
.chip.of-chip{background:#e8f3ea;color:#2e6b34;font-weight:600}
.of-empty{padding:12px 14px;text-align:start}
.of-note{margin:8px 14px 10px}
.of-alert{margin:8px 14px;background:#fff4e0}
.of-mem{padding:0}
.of-memtop{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--sep)}
.of-fig{display:flex;flex-direction:column;align-items:flex-end;text-align:end;gap:2px;white-space:nowrap}
.of-fig b{font-size:var(--fs-17);font-variant-numeric:tabular-nums}
.of-person{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--sep);flex-wrap:wrap}
.of-person:last-child{border-bottom:0}
.of-person > span:first-child{min-width:120px}
.of-usage{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.of-use{display:inline-flex;gap:5px;align-items:center;height:24px;padding:0 9px;border-radius:12px;background:#eef5ff;color:#0a4a8f;font-size:var(--fs-12)}
.of-use.of-useall{background:#f2f2f4;color:var(--ink3)}
.of-sales,.of-offers{padding:0}
.of-sale{padding:10px 14px;border-bottom:1px solid var(--sep)}
.of-sale:last-child{border-bottom:0}
.of-salehead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.of-bar{height:5px;border-radius:3px;background:#eeeef0;margin:8px 0;overflow:hidden}
.of-bar i{display:block;height:100%;background:var(--c1)}
.of-sline{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-12_5);padding:3px 0;font-variant-numeric:tabular-nums}
.of-orow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--sep);font-size:var(--fs-13)}
.of-orow:last-child{border-bottom:0}
.of-onow{background:#fafafb}
.of-more{width:100%;color:var(--c1);font-weight:600;justify-content:center}
.of-lnuse{font-size:var(--fs-12_5);color:var(--ink2);padding:8px 10px;background:#f6f6f7;border-radius:8px}
.of-lnopts button{height:auto;min-height:30px;padding:4px 11px}
.of-sheet{gap:14px}
.of-plansum{margin-top:6px}
.of-who{padding:0}
.of-whorow{display:flex;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--sep);font-size:var(--fs-13)}
.of-whorow:last-child{border-bottom:0}
.of-pklist{padding:0}
.of-pkrow{display:flex;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border-bottom:1px solid var(--sep);text-align:start}
.of-pkrow:last-child{border-bottom:0}
.of-pkrow[aria-pressed=true]{background:#eef5ff;box-shadow:inset 3px 0 0 var(--c1)}
.of-pkprice{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}
.of-srow{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--sep);font-size:var(--fs-13)}
.of-srow:last-child{border-bottom:0}
.of-srow.off{opacity:.55}
.of-st-on{background:#e8f3ea;color:#2e6b34}
.of-st-soon{background:#eef5ff;color:#0a4a8f}
.of-st-full,.of-st-ended,.of-st-hidden{background:#f2f2f4;color:var(--ink3)}
.of-codes{max-height:340px;overflow:auto;margin-top:8px}
.of-codes .opts button{height:auto;min-height:30px;padding:3px 10px}
.of-items{display:flex;flex-wrap:wrap;gap:6px}
.of-item{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:15px;background:#f2f2f4;font-size:var(--fs-12_5)}
.of-inc{display:grid;grid-template-columns:1.2fr 1.2fr 56px auto auto;gap:6px;align-items:center;margin-bottom:6px}
.of-inc input{height:34px;border:1px solid var(--sep);border-radius:8px;padding:0 8px;font:inherit;font-size:var(--fs-13);min-width:0}
.of-inc.of-incon input{border-color:var(--c1)}
.rrow.of-rr{grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr))}
.of-cell{max-height:60vh;overflow:auto}
@media (max-width:640px){
  .of-memtop,.of-salehead,.of-srow{flex-direction:column}
  .of-fig{align-items:flex-start;text-align:start}
  .of-inc{grid-template-columns:1fr 1fr 56px}
  .rrow.of-rr{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));font-size:var(--fs-12)}
}
.of-why{color:#8a5a00;font-size:var(--fs-13);line-height:1.35;margin:4px 0 -4px}