.pan-zoom-container{cursor:grab;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pan-zoom-container:active{cursor:grabbing}.pan-zoom-container__content{transform-origin:50%;will-change:transform;flex-shrink:0;justify-content:center;align-items:center;display:flex}
.zoom-pill{background:var(--cds-layer-02);border:1px solid var(--cds-border-subtle);border-radius:4px;align-items:center;display:inline-flex;position:relative;overflow:visible;box-shadow:0 1px 4px #00000040}.zoom-pill__button{width:24px;height:24px;color:var(--cds-text-primary);cursor:pointer;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.zoom-pill__button:hover:not(:disabled){background:var(--cds-layer-hover)}.zoom-pill__button:active:not(:disabled){background:var(--cds-layer-active)}.zoom-pill__button:disabled{color:var(--cds-text-disabled);cursor:not-allowed}.zoom-pill__value{padding:0 var(--cds-spacing-02);color:var(--cds-text-primary);text-align:center;border-left:1px solid var(--cds-border-subtle);border-right:1px solid var(--cds-border-subtle);-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:38px}.zoom-pill__value--interactive{cursor:pointer;font:inherit;height:24px;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing);background:0 0;border-top:none;border-bottom:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.zoom-pill__value--interactive:hover{background:var(--cds-layer-hover)}.zoom-pill__value--interactive[aria-expanded=true]{background:var(--cds-layer-selected)}.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 (max-width:671px){.zoom-pill__button{display:none}.zoom-pill__value{border-left:none;border-right:none}}
.preview-frame{width:100%;position:relative;overflow:hidden}.preview-frame--dotted{background-image:radial-gradient(circle,var(--cds-border-subtle-01)1px,transparent 1px);background-size:16px 16px}.preview-frame--pan-zoom{touch-action:pan-x pan-y}.preview-frame__static-content{width:100%;height:100%}.preview-frame__zoom-pill{bottom:var(--cds-spacing-03);right:var(--cds-spacing-03);z-index:2;opacity:0;transition:opacity var(--cds-duration-fast-01)var(--cds-standard-easing);position:absolute}.preview-frame:hover .preview-frame__zoom-pill{opacity:1}@media (max-width:671px){.preview-frame__zoom-pill{opacity:1}}
.annotation-layer,.annotation-layer__pins{pointer-events:none;position:absolute;inset:0}.annotation-layer__pin{border:2px solid var(--cds-background);background-color:var(--cds-interactive);width:22px;height:22px;color:var(--cds-text-on-color);cursor:pointer;pointer-events:all;z-index:5;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing),transform var(--cds-duration-fast-01)var(--cds-standard-easing);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.annotation-layer__pin:hover{background-color:var(--cds-interactive-hover);transform:translate(-50%,-50%)scale(1.15)}.annotation-layer__pin--resolved{background-color:var(--cds-text-disabled)}.annotation-layer__pin--resolved:hover{background-color:var(--cds-text-secondary)}.annotation-layer__pin--pending{border:2px dashed var(--cds-interactive);cursor:default;pointer-events:none;background-color:#0000}.annotation-layer__overlay{z-index:6;cursor:crosshair;pointer-events:all;position:absolute;inset:0}