@layer components{.public-plans{width:100%}.public-plan-list{--plan-gap:.375rem;border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.public-plan-list>li{min-width:0;display:grid;position:relative}.public-plan-list>li+li:before{content:"";z-index:1;inset-inline:var(--rule-inset,var(--inset));border-top:1px solid var(--line);position:absolute;top:0}.public-plan{align-content:center;align-items:center;column-gap:var(--plan-gap);min-width:0;min-height:5.25rem;padding:.875rem var(--inset);color:var(--ink);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto auto auto;text-decoration:none;display:grid}.public-plan:focus-visible{outline-offset:-3px}@media (min-width:64em){.public-plan{min-height:calc(4.625rem + var(--fit) * .625 / 11);padding-block:calc(.625rem + var(--fit) * .25 / 11)}}.public-plan-name{min-width:0;font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;line-height:var(--leading-h2);overflow-wrap:anywhere;text-wrap:balance;grid-area:1/1;align-self:end}.public-plan-notes{min-width:0;color:var(--ink-3);font-size:var(--text-caption);line-height:var(--leading-caption);flex-wrap:wrap;grid-area:2/1;align-self:start;column-gap:.45em;display:flex}.public-plan-notes>:not(:last-child):after{content:"·";content:"·" / "";margin-inline-start:.45em}.public-plan-unlimited{align-items:center;display:inline-flex}.public-plan-unlimited>svg{margin-inline-end:.375rem}.public-plan-price{align-items:baseline;column-gap:var(--plan-gap);grid-area:1/2/span 2/span 2;grid-template-columns:auto auto;display:grid}.public-plan-amount{justify-self:end}.public-plan-period{color:var(--ink-2);font-family:var(--font-display);font-size:var(--text-small);white-space:nowrap;padding-inline-end:1.125rem;font-weight:500;line-height:1}.public-plan-action{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-control);background:var(--paper-2);color:var(--ink);transition:background-color var(--motion-ui) var(--ease-out), color var(--motion-ui) var(--ease-out), scale var(--motion-fast) var(--ease-out);grid-area:1/4/span 2;place-items:center;display:grid}.public-plan:focus-visible .public-plan-action{background:var(--ink);color:var(--on-ink)}@media (hover:hover){.public-plan:hover .public-plan-action{background:var(--ink);color:var(--on-ink)}}.public-plan:active .public-plan-action{scale:.94}@supports (grid-template-columns:subgrid){.public-plan-list{column-gap:var(--plan-gap);grid-template-columns:minmax(0,1fr) auto auto auto}.public-plan-list>li,.public-plan{grid-column:1/-1}.public-plan-list>li,.public-plan,.public-plan-price{grid-template-columns:subgrid}}@media (max-width:35em){.public-plan-list{grid-auto-rows:auto}.public-plan{row-gap:2px;min-height:4.75rem;padding-block:.75rem}.public-plan-name,.public-plan-price{grid-row:1;align-self:baseline}.public-plan-name{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body)}.public-plan-price{margin-top:-.5625rem}.public-plan-notes{grid-column:1/span 3}.public-plan-period{padding-inline-end:.5rem}}@media (max-width:22.5em){.public-plan-list{--plan-gap:.25rem}.public-plan-period{padding-inline-end:.375rem}}}