.billing-interval-toggle{height:var(--marketing-control-height);align-items:center;gap:var(--marketing-control-small-gap);padding:var(--marketing-control-inset);border-radius:var(--radius-pill);background:var(--color-canvas);flex-shrink:0;display:inline-flex;position:relative}.billing-interval-indicator{top:var(--marketing-control-inset);bottom:var(--marketing-control-inset);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-xs);pointer-events:none;position:absolute;left:0}.billing-interval-indicator[data-ready=true]{transition:transform .25s var(--marketing-ease-out), width .25s var(--marketing-ease-out)}.billing-interval-toggle button{height:calc(var(--marketing-control-height) - 2 * var(--marketing-control-inset));align-items:center;gap:var(--marketing-control-gap);border-radius:var(--marketing-control-radius);padding:0 var(--marketing-control-padding-x);color:var(--gray-700);font-size:var(--marketing-control-font-size);line-height:var(--marketing-control-line-height);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;display:flex;position:relative}.billing-interval-toggle button[aria-pressed=true]{color:var(--color-fg)}.billing-interval-badge{height:var(--marketing-control-small-height);border:calc(var(--spacing,.25rem) * .25) solid transparent;border-radius:var(--marketing-control-radius);padding:var(--marketing-control-small-padding-y) var(--marketing-control-small-padding-x);background:var(--color-success-soft);color:var(--success-strong);font-size:var(--marketing-control-small-font-size);line-height:var(--marketing-control-small-line-height);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.billing-interval-indicator{transition:none}}
.workspace-range-control{position:relative}.workspace-range-track{top:50%;inset-inline:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-pill);background:var(--gray-150);pointer-events:none;position:absolute;transform:translateY(-50%)}.workspace-range-fill{width:var(--workspace-progress);border-radius:var(--radius-pill);background:var(--brand-500);height:100%;display:block}.workspace-range input{width:100%;height:calc(var(--spacing,.25rem) * 10);appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;display:block;position:relative}.workspace-range input::-webkit-slider-runnable-track{height:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-pill);background:0 0}.workspace-range input::-moz-range-track{height:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-pill);background:0 0}.workspace-range input::-webkit-slider-thumb{box-sizing:border-box;width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);margin-top:calc(calc(var(--spacing,.25rem) * 2) * -1);appearance:none;border:calc(var(--spacing,.25rem) * .25) solid var(--gray-150);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-media)}.workspace-range input::-moz-range-thumb{box-sizing:border-box;width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);border:calc(var(--spacing,.25rem) * .25) solid var(--gray-150);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-media)}.workspace-range input:focus-visible{outline:none}.workspace-range input:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-media), var(--focus-ring-shadow)}.workspace-range input:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-media), var(--focus-ring-shadow)}.workspace-range-marks{height:calc(var(--spacing,.25rem) * 5);margin-inline:calc(var(--spacing,.25rem) * 3);color:var(--gray-600);font-size:.75rem;line-height:var(--tw-leading,1.4);font-weight:var(--tw-font-weight,400);position:relative}.workspace-range-marks span{position:absolute;transform:translate(-50%)}