@layer theme,base,components,utilities;@layer components{.howto__txt{align-content:center;display:grid;gap:2px;min-width:0}.howto__art{container-type:inline-size;gap:8px}.howto__art--chain{align-items:center;display:flex;justify-content:center}.howto__art--chain .ico{color:var(--ink-3);flex:none}.howto__art--chain .btn{flex:none}.howto__art--invite{align-content:center;display:grid;gap:10px;justify-items:center}.howto__art--log{align-content:center;display:grid;gap:6px;width:100%}.howto__row{align-items:center;background:var(--bg-1);border-radius:var(--r-2);box-shadow:inset 0 0 0 1px var(--line);display:flex;gap:8px;justify-content:space-between;min-width:0;padding:4px 8px 4px 4px}.howto__row>.plate{margin-right:auto}@container (max-width: 219px){.howto__art--invite .tag,.howto__chev,.howto__lbl,.howto__row>.plate{display:none}.howto__art--chain .btn{justify-content:center;padding:0;width:28px}.howto__art--invite .seats{justify-content:center;max-width:68px}.howto__art--invite .seats>.slot,.howto__art--invite .seats>i{height:20px;width:20px}.howto__row{padding:2px 6px 2px 2px}.howto__row .slot{height:24px;width:24px}}@media (max-width:719px){.howto__step{grid-template-columns:112px minmax(0,1fr)}}.onb{align-items:center;display:grid;gap:var(--sp-3) var(--sp-4);grid-template-columns:auto minmax(0,1fr)}.onb__t{display:grid;gap:var(--sp-2);justify-items:start;min-width:0}.onb__t>p{color:var(--ink-2)}.onb__t>.meter{justify-self:stretch}@media (max-width:479px){.onb{grid-template-columns:minmax(0,1fr);justify-items:start}.onb>.state__art:not(.state__art--emb){display:none}.onb__t{justify-self:stretch}}}