[data-popup]{position:fixed;display:block;width:100%;height:100%;top:0;left:0;overflow-y:auto;background:rgba(40,40,40,.9);visibility:hidden;margin:auto;padding:1em;border-width:initial;border-style:solid;border-color:transparent;border-image:initial;opacity:0;z-index:1}[data-popup][open]{opacity:1;visibility:visible}[data-popup=fade]{transition:visibility .2s,opacity .2s ease-in-out}[data-popup]>.content:not([data-role=none]){position:absolute;float:left;width:250px;height:auto;min-height:300px;background:#fff;left:calc(50% - 125px);top:10vh}[data-popup] .popup-close-button{float:right;margin:5px}