.sp{display:flex;flex-direction:column;align-items:center;gap:10px}.sp-hint{margin:0;font-size:13px;color:#6a6e88}.sp-bus{background:#fff;border:2px solid var(--line,#E3E8E4);border-radius:34px 34px 18px 18px;padding:14px 22px 20px;box-shadow:0 8px 26px #10231a14}.sp-front{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6a6e88;padding:2px 6px 12px;margin-bottom:12px;border-bottom:2px dashed var(--line,#E3E8E4)}.sp-wheel{width:26px;height:26px;border-radius:50%;border:4px solid #6A6E88;box-sizing:border-box;position:relative}.sp-wheel:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#6a6e88}.sp-rows{display:grid;gap:8px;justify-content:center}.sp-row{display:flex;gap:6px;justify-content:center}.sp-cell{display:flex;gap:6px}.sp-aisle{width:18px}.sp-seat{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--line,#D9D8E6);background:#fff;color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:0}.sp-seat:hover:not(:disabled){border-color:var(--bs-accent,#7B17FF)}.sp-seat.mine{background:var(--bs-accent,#7B17FF);border-color:var(--bs-accent,#7B17FF);color:var(--bs-on-accent,#fff)}.sp-seat.gone{background:#ecebf1;color:#a4a6b8;cursor:not-allowed}.sp-legend{display:flex;gap:16px;font-size:12px;color:#6a6e88}.sp-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px;border:1.5px solid #D9D8E6}.sp-legend i.mine{background:var(--bs-accent,#7B17FF);border-color:var(--bs-accent,#7B17FF)}.sp-legend i.gone{background:#ecebf1}.sp-auto{align-self:stretch}.seatpick{display:grid;gap:18px}.seatpick-pax{display:grid;gap:10px;align-content:start}.paxcard{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line,#E3E8E4);background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit}.paxcard.on{border-color:var(--bs-accent,#7B17FF);box-shadow:0 0 0 3px color-mix(in srgb,var(--bs-accent,#7B17FF) 18%,transparent)}.paxcard b{display:block}.paxcard small{color:#6a6e88}.paxseat{min-width:56px;text-align:center;padding:8px 12px;border-radius:10px;background:#f1f3f2;font-weight:800}.paxcard.on .paxseat{background:var(--bs-accent,#7B17FF);color:var(--bs-on-accent,#fff)}@media (min-width:860px){.seatpick{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start}.seatpick .sp{position:sticky;top:16px}}.sp-auto{font:inherit;font-weight:700;padding:11px 16px;border-radius:12px;border:1.5px solid var(--line,#D9D8E6);background:#fff;color:inherit;cursor:pointer}.seatpick{margin-bottom:16px}@media (max-width:600px){.sp-bus{padding:12px 10px 16px;border-radius:28px 28px 16px 16px}.sp-seat{width:40px;height:40px}.sp-row,.sp-cell{gap:5px}}