.overlay-base{padding:1rem;position:fixed;top:0;bottom:0;right:0;left:0;background-color:transparent;opacity:0;transition-property:background-color,opacity;transition-duration:.5s;transition-timing-function:ease-in-out;outline:0;display:flex;justify-content:center;align-items:center;z-index:10}.overlay-after-open{background-color:rgba(0,0,0,.4);opacity:1}.overlay-before-close{background-color:transparent;opacity:0}.content-base{position:relative;top:auto;left:auto;right:auto;bottom:auto;margin:0 auto;border:0;outline:0;display:flex;justify-content:center;align-items:center;height:0;width:100%;background-color:transparent;transition-property:background-color,width,height;transition-duration:.5s;transition-timing-function:ease-in-out}.content-after-open{width:100%;background-color:#fff}.content-before-close{width:100%;height:0;background-color:transparent}