.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--stale{box-shadow:0 0 0 2px var(--cds-support-warning),0 1px 4px #0006}.annotation-layer__pin:hover>.annotation-layer__tag,.annotation-layer__pin:focus-visible>.annotation-layer__tag{opacity:1;visibility:visible}.annotation-layer__pin--pending{--dashed-color:var(--cds-interactive);background-color:#0000;border-style:solid;border-width:2px;border-radius:11px;border-color:#0000!important}.annotation-layer__pin--pending:after{content:"";background-color:var(--dashed-color);pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);transition:background-color var(--cds-duration-fast-02,.11s) ease;border-radius:11px;position:absolute;top:-2px;left:-2px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='11' ry='11' fill='none' stroke='black' stroke-width='2' stroke-dasharray='6 8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='11' ry='11' fill='none' stroke='black' stroke-width='2' stroke-dasharray='6 8'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.annotation-layer__pin--pending{cursor:default;pointer-events:none}.annotation-layer__tag{background-color:var(--cds-background-inverse);color:var(--cds-text-inverse);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--cds-duration-fast-01) var(--cds-standard-easing),visibility var(--cds-duration-fast-01) var(--cds-standard-easing);z-index:7;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:400;line-height:1.33;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.annotation-layer__overlay{z-index:6;cursor:crosshair;pointer-events:all;position:absolute;inset:0}