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