._modal h2{padding:0 0 .25rem}
    ._modal h4{font-size:1.5rem;padding:0 0 .5rem;text-transform:uppercase}
    a[data-modalswapid]{padding-right: 1.25rem;background-size:1rem;background-position:right .125rem}    
    a[data-modalswapid]::after{content:""}
    ._modal-hide::after{content:""}
    #_modaloverlay{display:block;position:fixed;top:-3px;width:0;height:0;z-index:95;overflow:hidden;background:#eee;opacity:0}
    body._hasmodal #_modaloverlay{opacity:.95;width:100%;height:101%}

    ._modal{position:fixed;opacity:0;z-index:96;overflow:hidden;width:30rem;top: calc((50% - 120px)/2);left:calc(50% - 15rem);max-height:0;box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.25);background-color:#fff}     
    ._modal-active{opacity:1;top: calc((50% - 160px)/2);max-height:95%;overflow:initial;padding:10px;}    
    ._modal       {transition:top 150ms ease 0s, opacity 150ms ease 0s, max-height 0s ease 150ms, width 0s ease 150ms}
    ._modal-active{transition:top 150ms ease 0s, opacity 150ms ease 0s, max-height 0s ease 0s, width 0s ease 0s}
    #_modaloverlay{transition:opacity 150ms ease 0s, height 0s ease 150ms, width 0s ease 150ms}
    body._hasmodal #_modaloverlay{transition:opacity 150ms ease 0s, height 0s ease 0s, width 0s ease 0s}

    ._modal-hide{position:absolute;top:-3.25rem;right:-.75rem;padding:1.5rem;background-size:1.5rem;background-position:center}  
    ._modal p{margin:0 0 1rem;line-height:1.5rem}