.pricing-period-control{--period-bg:#ffffff61;--period-border:#0d30263d;--period-text:#49665b;--period-active-bg:#173c31;--period-active-text:#f2fff7;border:1px solid var(--period-border);background:var(--period-bg);grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);width:min(100%,310px);min-height:44px;padding:3px;display:grid}.pricing-period-control button{min-width:0;min-height:36px;color:var(--period-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:620;display:inline-flex}.pricing-period-control button.is-active{background:var(--period-active-bg);color:var(--period-active-text)}.pricing-period-control button span{color:#d94335;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;font-weight:650}.pricing-period-control button.is-active span{color:#cfff55}.pricing-period-control button:focus-visible{outline-offset:2px;outline:2px solid #007f92}@media (width<=440px){.pricing-period-control{width:100%}.pricing-period-control button{gap:5px;padding-inline:7px}}