#modal{z-index:500;position:absolute;margin:1em;border-radius:1em;text-align:center;background-color:#fff;color:#525252;display:flex;flex-direction:column;overflow:hidden}@media(min-width:800px){#modal{max-height:calc(100vh - 2em);max-width:50rem}}#modal .close-button{position:absolute;top:.125em;right:.25em;z-index:1}#modal .modal-content{flex:1;min-height:0;padding:2em 1em 1.5em;overflow-y:auto;-webkit-user-select:text;user-select:text}#modal .modal-content::-webkit-scrollbar{width:6px;height:6px}#modal .modal-content::-webkit-scrollbar-track{background:#f1f1f1}#modal .modal-content::-webkit-scrollbar-thumb{background:#8b8b8b}@media(min-width:800px){#modal .modal-content{padding:2em}}#modal .bottom-close{margin-top:1.5em}#modal .bottom-close button{cursor:pointer;margin-top:1.5em;padding:.625rem 1.5rem;border:1px solid #8b8b8b;border-radius:.5rem;color:#5a5a5a;background-color:transparent;font-size:.9375rem;transition:background-color .2s,border-color .2s}#modal .bottom-close button:hover{background-color:#f0f0f0;border-color:#5a5a5a}#modal .title{font-size:1.375rem;margin:.25em .5em .75em;color:#818181}@media screen and (max-width:799px){#modal.fullscreen{top:0;right:0;bottom:0;left:0;margin:0;border-radius:0}}