#period-switch .period-thumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);background:var(--color-accent);border-radius:999px;transition:transform .32s cubic-bezier(.4,0,.2,1);pointer-events:none}#period-switch[data-period=annual] .period-thumb{transform:translate(100%)}#period-switch .period-btn{background:transparent;color:var(--color-muted);transition:color .2s}#period-switch .period-btn[aria-pressed=true]{color:var(--color-ink)}#period-switch .period-discount{background:transparent;color:var(--color-accent);padding:2px 8px;border-radius:999px;transition:background .2s,color .2s}#period-switch .period-btn[aria-pressed=true] .period-discount{background:var(--color-ink);color:var(--color-accent)}