.popin{font-family:arial,"sans-serif";position:absolute;top:0;left:0;right:0}.popin .layer{z-index:-1;visibility:hidden;opacity:0;background:#00000080;transition:all .5s;display:block;position:fixed;inset:0}.popin .content{box-sizing:border-box;visibility:hidden;opacity:0;background:#fff;border-radius:5px;width:100%;max-width:800px;margin:auto;padding:8px;transition:all .5s;position:absolute;top:50px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00000080}.popin .popin_check:checked~.layer,.popin .popin_check:checked~.content{visibility:visible;opacity:1;margin-top:0}.popin .content .header{border-bottom:1px solid;min-height:1.5em;padding:5px}.popin .close_popin{cursor:pointer;float:right;font-weight:700}.popin .content .main{padding:5px 0}.show_popin{cursor:pointer}.modal-button{float:right;color:#000;cursor:pointer;background-color:#5ec792;border:none;padding:10px 15px;font-size:1rem;font-weight:700;display:inline-block}.close{float:right}.fadeIn{animation-name:fadeIn;animation-duration:3s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}