.ogp{& .bill{position:relative;display:inline-flex;padding:4px;border-radius:var(--og-radius-pill);background:var(--og-surface);border:1px solid var(--og-border);flex:none}& .bill i{position:absolute;top:4px;bottom:4px;left:0;width:var(--w,0);transform:translateX(var(--x,4px));background:var(--og-text);transition:transform .32s var(--og-ease),width .32s var(--og-ease)}& .bill button,& .bill i{border-radius:var(--og-radius-pill)}& .bill button{position:relative;height:36px;padding:0 18px;font-weight:600;color:var(--og-text-secondary);transition:color var(--og-duration-ui);display:inline-flex;align-items:center;gap:8px}& .bill button[aria-pressed=true]{color:var(--og-canvas)}& .bill small{font-size:12px;font-weight:600;color:var(--og-success);transition:color var(--og-duration-ui)}& .bill button[aria-pressed=true] small{color:#0f5132}& .plans{position:relative;margin-top:10px}& .pf{display:flex;align-items:center;gap:var(--og-space-6);margin-top:var(--og-space-7);color:var(--og-text-secondary);font-size:13px;line-height:20px}& .pf a{color:var(--og-link);font-weight:500}& .bill-row{display:flex;justify-content:flex-end;margin-bottom:var(--og-space-6)}@media (max-width:767px){& .pf{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){& .bill i{transition:none!important}}}
/*# sourceMappingURL=ab67b1a885696e4b.css.map*/