.subscribe-period{display:grid;gap:.4rem;margin:0 0 .75rem;padding:0;border:0;min-inline-size:0}.subscribe-period__legend{padding:0;margin-bottom:.25rem;font-weight:600}.subscribe-period__option{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 .5rem;padding:.5rem .65rem;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-base-200));border-radius:8px;background:var(--color-base-100);cursor:pointer}.subscribe-period__option:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-base-100))}.subscribe-period__option:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.subscribe-period__name{font-weight:600}.subscribe-period__price,.subscribe-period__save{grid-column:2}.subscribe-period__save,.subscribe-period__note{font-size:.875em}.subscribe-tier__form .btn-ghost{width:100%;justify-content:center;margin-top:.4rem}