.p-modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease}.p-modal.is-open{display:block;opacity:1;pointer-events:auto}.p-modal__content{position:relative}.p-modal__close{position:absolute;right:.5rem;top:.5rem;font-size:2.5rem;line-height:1;opacity:.4;cursor:pointer}@media screen and (min-width: 960px){.p-modal__close{right:1rem;top:1rem;font-size:3rem}}html.is-modal-open{overflow:hidden;height:100%}