.zone-preview{width:-moz-fit-content;width:fit-content;background-color:#ffffff;border:1px solid #ccc;border-radius:.5rem;padding:1rem;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:scale(.5);z-index:200}.zone-preview img{float:left;margin-left:1rem}.example-score{position:relative}.facsimile-popup{position:absolute;left:0;right:0;z-index:50;background-color:#ffffff;border:1px solid #ccc;border-radius:.5rem;padding:0 .5rem .5rem;box-shadow:0 4px 10px rgba(0,0,0,.2)}.facsimile-popup-bar{display:flex;align-items:center;justify-content:space-between;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;color:#555}.facsimile-popup-images{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.5rem}.facsimile-popup img{display:block;max-width:100%;height:auto}.score svg rect.variant-box{fill:rgba(96,125,139,.2)}.score svg rect.variant-box.active{fill:rgba(255,213,79,.45)}.score svg g.variant-stand-in{fill:#8a8a8a;color:#8a8a8a}.variant-popup{position:absolute;z-index:60;max-width:100%;box-sizing:border-box;background-color:#ffffff;border:1px solid #ccc;border-radius:.5rem;padding:0 .5rem .5rem;box-shadow:0 4px 10px rgba(0,0,0,.2)}.variant-excerpt>svg{display:block}.variant-excerpt-pending{min-width:6rem;text-align:center;color:#888}