.shareDialog{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.responsiveImg{max-width:100%;height:auto}.shareDialog h1{font-size:2em;letter-spacing:.5px;text-transform:uppercase;text-align:center;margin-bottom:10px;display:block;margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0;margin-inline-end:0;font-weight:700}.shareDialog-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.shareDialog-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:16px}#statPanel{display:flex;padding-bottom:10px}.statItem{flex:1;padding-left:1em;padding-right:1em}.statValue{font-size:36px;font-weight:400;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:.05em;font-variant-numeric:proportional-nums}.statLabel{font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center}#histogramContainer{width:80%}.histogramBarContainer{width:100%;height:20px;display:flex;align-items:center;padding-bottom:4px;font-size:14px;line-height:20px}.histogramBarAndValue{width:100%;height:100%;padding-left:4px}.histogramBar{height:100%;position:relative;background-color:#555;display:flex;justify-content:flex-end;padding-right:8px}.histogramBar.selected{background-color:#0cf}.histogramBarValue{font-weight:700;color:#fff}.shareDialogFooter{display:flex;width:75%}.shareButtonContainer{display:flex;justify-content:center;align-items:center;padding-left:0;width:100%}button#share-button{background-color:#0cf;color:#000;font-family:inherit;font-weight:700;border-radius:4px;cursor:pointer;border:none;user-select:none;display:flex;justify-content:center;align-items:center;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,.3);width:100%;font-size:20px;height:52px}.popup{position:relative;cursor:pointer}.popup .popuptext{visibility:hidden;width:60%;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:8px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-30%}.popup .popuptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.popup .show{visibility:visible;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}