.modal{backface-visibility:hidden;background:#fff;border-radius:3px;box-sizing:border-box;display:none;left:0;margin:auto;max-height:calc(100vh - 2.5rem);max-width:25rem;opacity:0;overflow-y:auto;padding:1.25rem;position:fixed;right:0;text-align:center;top:1.25rem;transform:scale(0.9);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden}@media (min-aspect-ratio: 1 / 1){.modal{box-shadow:0 0 0 100vw rgba(0,0,0,0.6)}}@media (max-aspect-ratio: 1 / 1){.modal{box-shadow:0 0 0 100vh rgba(0,0,0,0.6)}}.modal--open{display:block;opacity:1;transform:scale(1);visibility:visible}.modal__close{-moz-appearance:none;-webkit-appearance:none;background:transparent;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:.3125rem;top:.3125rem}