.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}