.cq-billing-interval-switch{isolation:isolate;border:1px solid var(--cq-border);background:#f1f2f7;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(430px,100%);margin:34px auto 28px;padding:4px;display:grid;position:relative}.cq-billing-interval-selection{z-index:-1;background:var(--cq-violet);border-radius:9px;width:calc(50% - 4px);transition:transform .22s;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:0 5px 14px #492baf38}.cq-billing-interval-switch.is-yearly .cq-billing-interval-selection{transform:translate(100%)}.cq-billing-interval-switch button{min-width:0;min-height:48px;color:var(--cq-navy);font:800 12px var(--cq-body);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 12px;transition:background-color .18s,color .18s;display:flex;position:relative}.cq-billing-interval-switch button:not(.is-active):hover{background:#e6e8f1}.cq-billing-interval-switch button.is-active{color:#fff}.cq-billing-interval-switch button:focus-visible{outline-offset:3px;outline:3px solid #6d3df54d}.cq-billing-interval-switch small{color:#5631cf;white-space:nowrap;background:#e5ddff;border-radius:99px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:850;display:inline-flex}.cq-billing-interval-switch button.is-active small{color:#fff;background:#ffffff2e}.cq-business-plan-dialog>.cq-billing-interval-switch{margin:4px auto}@media (max-width:760px){.cq-billing-interval-switch{width:100%;margin:24px auto}.cq-billing-interval-switch button{padding:0 7px}.cq-billing-interval-switch button:last-child{flex-direction:column;gap:1px}.cq-billing-interval-switch small{min-height:20px;padding:0 6px;font-size:10px}.cq-business-plan-dialog>.cq-billing-interval-switch{margin:4px auto}}@media (prefers-reduced-motion:reduce){.cq-billing-interval-selection,.cq-billing-interval-switch button{transition:none}}