.pricing{container-type:inline-size;padding:calc(var(--ud-spacing) * 6);background:var(--ud-color-surface);border:1px solid var(--ud-color-rule);border-radius:var(--ud-radius-lg);box-shadow:var(--ud-elevation-1)}@media(min-width:64rem){.pricing{padding:calc(var(--ud-spacing) * 8)}}.period{border:0;padding:0;margin:0;min-width:0}.period-options{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--ud-spacing) * 1);padding:calc(var(--ud-spacing) * 1);border:1px solid var(--ud-color-edge);border-radius:var(--ud-radius-md);background:var(--ud-color-sunken)}.period-options label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(var(--ud-spacing) * 12);padding:calc(var(--ud-spacing) * 1.5) calc(var(--ud-spacing) * 2);border:1px solid transparent;border-radius:var(--ud-radius-sm);font-weight:var(--ud-font-weight-semibold);line-height:1.25;text-align:center;cursor:pointer}.period-options small{font-size:var(--ud-text-sm);font-weight:var(--ud-font-weight-medium);color:var(--ud-color-ink-muted)}.period-options input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.period-options label:has(input:checked){background:var(--ud-color-surface);border-color:var(--ud-color-edge);box-shadow:var(--ud-elevation-1)}.period-options label:has(input:checked) small{color:var(--ud-color-accent-strong)}.period-options label:has(input:focus-visible){outline:2px solid var(--ud-color-focus);outline-offset:2px}@media(forced-colors:active){.period-options label{border-color:Canvas}.period-options label:has(input:checked){forced-color-adjust:none;background:SelectedItem;color:SelectedItemText;border-color:SelectedItem}.period-options label:has(input:checked) small{color:SelectedItemText}}.prices{margin-top:calc(var(--ud-spacing) * 7);display:grid;gap:calc(var(--ud-spacing) * 6)}.price .amount{display:block;font-size:var(--ud-text-5xl);line-height:1;font-weight:var(--ud-font-weight-bold);letter-spacing:var(--ud-text-5xl--letter-spacing);font-variant-numeric:tabular-nums}.price .per{display:block;margin-top:calc(var(--ud-spacing) * 2);color:var(--ud-color-ink-muted)}.price-note{display:block;font-size:var(--ud-text-sm);color:var(--ud-color-ink-muted);font-variant-numeric:tabular-nums}@supports selector(:has(*)){.pricing .price{display:none}.pricing:has(input[value=yearly]:checked) .price[data-period=yearly],.pricing:has(input[value=monthly]:checked) .price[data-period=monthly]{display:block}}.pricing-included{margin-top:calc(var(--ud-spacing) * 6);padding-top:calc(var(--ud-spacing) * 6);border-top:1px solid var(--ud-color-rule)}.pricing-cta{margin-top:calc(var(--ud-spacing) * 7)}.pricing-after{margin-top:calc(var(--ud-spacing) * 4);font-size:var(--ud-text-sm);color:var(--ud-color-ink-muted);text-align:center}