.ip{--ip-accent:var(--color-mineral);--ip-soft:var(--color-mist);--ip-ink:var(--color-ink);isolation:isolate;border-radius:var(--radius-panel);background:radial-gradient(120% 80% at 85% 0%, #a9dcd073, transparent 60%), radial-gradient(90% 70% at 0% 100%, #f4ddd68c, transparent 60%), var(--color-white);color:var(--ip-ink);grid-template-columns:7fr 5fr;align-items:start;gap:.9rem;padding:3.4rem clamp(1rem,2.4vw,1.75rem) clamp(1.25rem,2.4vw,1.75rem);font-size:.8125rem;line-height:1.35;display:grid;position:relative;box-shadow:0 0 0 1px #1f2b2a0d,0 40px 80px -48px #0c2a2c66}.ip:before{content:"";z-index:-1;border-radius:inherit;background-image:radial-gradient(#1f2b2a17 1px,#0000 1.2px);background-size:18px 18px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 85%)}.ip .tag{box-shadow:0 0 0 1px var(--color-line);color:var(--color-faint);background:#fffc;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.75rem;display:inline-flex;position:absolute;top:1rem;left:1.1rem}.ip .tag-dot{background:var(--color-mineral-soft);border-radius:999px;width:.45rem;height:.45rem}.ip .piece{transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo), box-shadow .6s var(--ease-out-expo), filter .6s var(--ease-out-expo);background:#ffffffeb;border-radius:1.1rem;padding:.95rem 1rem;position:relative;box-shadow:0 0 0 1px #1f2b2a12,0 1px 2px #1f2b2a0d,0 14px 30px -18px #1f2b2a47}.ip .head{justify-content:space-between;align-items:baseline;display:flex}.ip .title{letter-spacing:-.01em;font-weight:600;display:block}.ip .muted{color:var(--color-faint);font-size:.92em;display:block}.ip .days{grid-template-columns:repeat(5,1fr);gap:.35rem;margin-top:.75rem;display:grid}.ip .day{font-variant-numeric:tabular-nums;border-radius:.7rem;justify-items:center;padding:.35rem 0 .4rem;font-weight:500;display:grid}.ip .day small{color:var(--color-faint);font-size:.78em;font-weight:400}.ip .day.is-on{background:var(--ip-ink);color:var(--color-white)}.ip .day.is-on small{color:#ffffffb3}.ip .classes{margin-top:.6rem}.ip .classes li{border-top:1px solid var(--color-line);grid-template-columns:2.9rem 1fr auto auto;align-items:center;gap:.75rem;padding:.65rem 0;display:grid}.ip .time{font-variant-numeric:tabular-nums;color:var(--color-body)}.ip .name{align-items:center;gap:.45rem;font-weight:500;display:flex}.ip .kind{border-radius:999px;width:.45rem;height:.45rem}.ip .k-soak{background:#6aa9c4}.ip .k-class{background:var(--color-mineral-soft)}.ip .seats{gap:2px;display:none}.ip .seats i{background:var(--color-line-strong);border-radius:2px;width:4px;height:12px}.ip .seats i.taken{background:var(--ip-ink)}.ip .btn-sm,.ip .btn{background:var(--ip-accent);color:var(--color-white);text-align:center;border-radius:999px;font-weight:500;display:inline-block}.ip .btn-sm{padding:.32rem .75rem;font-size:.92em}.ip .btn-sm.is-quiet{color:var(--color-body);box-shadow:inset 0 0 0 1px var(--color-line-strong);background:0 0}.ip .options{gap:.4rem;margin-top:.7rem;display:grid}.ip .options li{box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.8rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.55rem .65rem;display:grid}.ip .options li.is-on{background:var(--ip-soft);box-shadow:inset 0 0 0 1.5px var(--ip-accent)}.ip .radio{width:.95rem;height:.95rem;box-shadow:inset 0 0 0 1.5px var(--color-line-strong);border-radius:999px}.ip .is-on .radio{box-shadow:inset 0 0 0 4px var(--ip-accent);background:var(--color-white)}.ip .opt{font-weight:500;display:grid}.ip .opt small{color:var(--color-faint);font-size:.88em;font-weight:400}.ip .price{font-family:var(--font-display);font-size:1.35rem;line-height:1}.ip .btn{margin-top:.8rem;padding:.6rem;display:block}.ip .secure{color:var(--color-faint);justify-content:center;align-items:center;gap:.35rem;margin-top:.55rem;font-size:.85em;display:flex}.ip .who{align-items:center;gap:.65rem;display:flex}.ip .avatar{background:var(--color-dawn);width:2.1rem;height:2.1rem;color:var(--ip-ink);border-radius:999px;place-items:center;font-size:.78em;font-weight:600;display:grid}.ip .slots{grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.75rem;display:grid}.ip .slot{text-align:center;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--color-line-strong);border-radius:.6rem;padding:.4rem 0}.ip .slot.is-on{background:var(--ip-ink);color:var(--color-white);box-shadow:none}.ip .slot.is-off{color:var(--color-faint);box-shadow:inset 0 0 0 1px var(--color-line);text-decoration:line-through}.ip .p-event{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.ip .date{background:var(--ip-soft);width:2.8rem;font-family:var(--font-display);color:var(--color-mineral-deep);border-radius:.7rem;justify-items:center;padding:.3rem 0;font-size:1.45rem;line-height:1;display:grid}.ip .date small{font-family:var(--font-sans);margin-bottom:.15rem;font-size:.5em}.ip .stepper{box-shadow:inset 0 0 0 1px var(--color-line-strong);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.6rem;padding:.2rem;display:inline-flex}.ip .stepper i{background:var(--color-panel);border-radius:999px;place-items:center;width:1.4rem;height:1.4rem;font-style:normal;display:grid}.ip .card{aspect-ratio:1.7;color:var(--color-white);background:radial-gradient(90% 120% at 100% 0%, #a9dcd066, transparent 55%), linear-gradient(140deg, var(--ip-accent), var(--color-pool));border-radius:.8rem;gap:.2rem;padding:.85rem 1rem;display:grid;box-shadow:inset 0 1px #ffffff2e}.ip .card-top{opacity:.85;align-items:center;gap:.45rem;font-size:.85em;display:flex}.ip .card-mark{border-radius:999px;width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1.5px #fffc}.ip .card-amount{font-family:var(--font-display);align-self:end;font-size:2.1rem;line-height:1}.ip .card-line{font-family:var(--font-display);opacity:.9;font-size:1.05rem;font-style:italic}.ip .stars{color:var(--color-faint);margin-top:.6rem}.ip .stars span{color:var(--ip-accent);letter-spacing:.1em}.ip .p-handoff{background:var(--ip-ink);color:var(--color-white);align-items:center;gap:.7rem;display:flex}.ip .p-handoff .muted{color:#ffffffad}.ip .out{background:#ffffff1f;border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid}.ip .col{gap:.9rem;display:grid}@media (width>=40rem){.ip .seats{display:inline-flex}}@media (width<=39.99rem){.ip{grid-template-columns:1fr}}