.zoom-pill{isolation:isolate;align-items:center;gap:1px;display:inline-flex;position:relative;overflow:visible}.zoom-pill__button{background-color:var(--cds-layer-01);cursor:pointer;width:32px;height:32px;color:var(--cds-icon-primary);transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.zoom-pill__button:hover:not(:disabled){background-color:var(--cds-layer-hover-01)}.zoom-pill__button:focus{outline:2px solid var(--cds-focus);outline-offset:-2px;z-index:1}.zoom-pill__button:disabled{color:var(--cds-text-disabled);cursor:not-allowed}.zoom-pill__button svg{fill:currentColor;width:16px;height:16px}.zoom-pill__button:first-child{border-radius:8px 0 0 8px}.zoom-pill__button:last-child{border-radius:0 8px 8px 0}.zoom-pill__value{justify-content:center;align-items:center;gap:var(--cds-spacing-02);background-color:var(--cds-layer-01);width:74px;height:32px;color:var(--cds-text-on-color);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:7px 0;display:inline-flex}.zoom-pill__value--interactive{cursor:pointer;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing);border:none}.zoom-pill__value--interactive:hover{background-color:var(--cds-layer-hover-01)}.zoom-pill__value--interactive:focus{outline:2px solid var(--cds-focus);outline-offset:-2px;z-index:1}.zoom-pill__value--interactive[aria-expanded=true]{background-color:var(--cds-layer-hover-01)}.zoom-pill__chevron{color:var(--cds-text-on-color);transition:transform var(--cds-duration-fast-01)var(--cds-standard-easing);flex-shrink:0}.zoom-pill__chevron--open{transform:rotate(180deg)}.zoom-pill__dropdown{bottom:calc(100% + var(--cds-spacing-02));background:var(--cds-layer-02);border:1px solid var(--cds-border-subtle);z-index:100;border-radius:4px;min-width:140px;position:absolute;right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}.zoom-pill__dropdown-item{width:100%;min-height:40px;padding:var(--cds-spacing-03)var(--cds-spacing-04);color:var(--cds-text-primary);cursor:pointer;text-align:left;white-space:nowrap;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing);background:0 0;border:none;align-items:center;display:flex}.zoom-pill__dropdown-item:hover{background:var(--cds-layer-hover)}.zoom-pill__dropdown-item:active{background:var(--cds-layer-active)}@media (hover:none) and (pointer:coarse){.zoom-pill{opacity:0;pointer-events:none;transition:opacity var(--cds-duration-moderate-01)var(--cds-standard-easing)}.zoom-pill.zoom-pill--touch-visible,.zoom-pill.zoom-pill--dropdown-open{opacity:1;pointer-events:auto}.zoom-pill__button{display:none}.zoom-pill__value{border-radius:8px}.zoom-pill.zoom-pill--dropdown-open .zoom-pill__button{display:flex}.zoom-pill.zoom-pill--dropdown-open .zoom-pill__value{border-radius:0}}