/* Number badges live in dedicated gutters. They never overlap screenshot pixels. */
.vg-annotation-layout{--vg-gutter:44px;display:grid;grid-template-columns:var(--vg-gutter) minmax(0,1fr) var(--vg-gutter);align-items:stretch;width:min(100%,calc(var(--vg-photo-width) + var(--vg-gutter)*2));max-width:100%;margin:18px auto 0;position:relative;isolation:isolate}
.vg-annotation-layout.has-no-markers{grid-template-columns:0 minmax(0,1fr) 0;width:min(100%,var(--vg-photo-width))}
.vg-annotation-layout>.vg-frame{grid-column:2;grid-row:1;width:100%!important;max-width:100%!important;min-width:0;margin:0;position:relative;overflow:hidden;border-color:#b6c4e0}
.vg-annotation-layout>.vg-frame:not(.is-cropped) .vg-image-button{width:100%}
.vg-annotation-layout>.vg-frame:not(.is-cropped) img{width:100%;height:auto;max-height:none}
.vg-annotation-rail{position:relative;grid-row:1;min-width:0;z-index:3}
.vg-annotation-rail.is-left{grid-column:1}
.vg-annotation-rail.is-right{grid-column:3}
.vg-annotation-layout .vg-annotation-rail .vg-external-marker{position:absolute;left:50%;top:clamp(17px,var(--vg-marker-y),calc(100% - 17px));transform:translate(-50%,-50%);width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#7554bc;color:#fff;box-shadow:0 0 0 1px #b8a4d7;line-height:1;font-size:13px;font-weight:800;overflow:visible;opacity:1}
.vg-annotation-layout .vg-external-marker>span{position:relative;z-index:1}
.vg-annotation-layout .vg-external-marker::before{content:"";position:absolute;top:50%;height:2px;width:8px;background:#b2a1cf;transform:translateY(-50%);pointer-events:none}
.vg-annotation-rail.is-left .vg-external-marker::before{left:calc(100% + 2px)}
.vg-annotation-rail.is-right .vg-external-marker::before{right:calc(100% + 2px)}
.vg-annotation-layout .vg-external-marker::after{content:"";position:absolute;top:50%;width:0;height:0;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;pointer-events:none}
.vg-annotation-rail.is-left .vg-external-marker::after{left:calc(100% + 8px);border-left:5px solid #b2a1cf}
.vg-annotation-rail.is-right .vg-external-marker::after{right:calc(100% + 8px);border-right:5px solid #b2a1cf}
.vg-annotation-layout .vg-external-marker:hover,.vg-annotation-layout .vg-external-marker.is-active{background:#51337f;box-shadow:0 0 0 2px #d7c8ed}
.vg-annotation-layout .vg-external-marker:hover::before,.vg-annotation-layout .vg-external-marker.is-active::before{background:#6e4ba4}
.vg-annotation-rail.is-left .vg-external-marker:is(:hover,.is-active)::after{border-left-color:#6e4ba4}
.vg-annotation-rail.is-right .vg-external-marker:is(:hover,.is-active)::after{border-right-color:#6e4ba4}
.vg-annotation-layout .vg-external-marker:focus-visible{outline:3px solid #efb737;outline-offset:3px}
.vg-focus-band{position:absolute;z-index:2;pointer-events:none;left:0;right:0;top:var(--vg-focus-top);height:var(--vg-focus-height);background:transparent;border:2px solid transparent;border-radius:3px;opacity:0}
.vg-focus-band.is-active{border-color:#a58ade;opacity:1}
@media(max-width:600px){.vg-annotation-layout{--vg-gutter:38px;margin-top:14px}.vg-annotation-layout .vg-annotation-rail .vg-external-marker{width:28px;height:28px;min-width:28px;min-height:28px;top:clamp(16px,var(--vg-marker-y),calc(100% - 16px));font-size:12px}.vg-annotation-layout .vg-external-marker::before{width:5px}.vg-annotation-rail.is-left .vg-external-marker::before{left:calc(100% + 1px)}.vg-annotation-rail.is-right .vg-external-marker::before{right:calc(100% + 1px)}.vg-annotation-rail.is-left .vg-external-marker::after{left:calc(100% + 5px);border-left-width:4px}.vg-annotation-rail.is-right .vg-external-marker::after{right:calc(100% + 5px);border-right-width:4px}.vg-focus-band{border-width:1.5px}}