.volcano-modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;background:rgba(var(--light-0-rgb),.6);transition:transform .3s ease,opacity .3s ease;cursor:default;.content{position:relative;box-sizing:border-box;margin:0 auto;width:600px;max-width:100%!important;background:var(--light-f);opacity:0;transform:translateY(-100px);overflow:hidden;.body{display:flow-root;padding:30px;overflow:auto;max-height:60vh;h1{font-size:1.2rem}h2{font-size:1rem}p{margin:0 0 20px;text-align:justify}label,li,p{font-size:.8rem}label{padding-left:5px}p{font-size:13px!important}.volcano-modal-check input{margin-right:10px}}.header{border-bottom:1px solid var(--light-e);.title{font-size:1.25rem}.close{opacity:.5;float:right;font-size:21px;font-weight:700;line-height:1;text-shadow:0 1px 0 var(--light-f)}}.footer,.header{display:flow-root;padding:10px 20px;background:var(--light-f)}.footer{border-top:1px solid var(--light-e);text-align:right;.volcano-button{padding:6px 30px;font-size:14px!important}}}&.open{display:block;.content{opacity:1;transform:translateY(40px)}}}@media (max-width:768px){.volcano-modal{.content{margin:10px;width:auto!important;overflow-y:scroll;.body{overflow-x:hidden}}&.open{.content{transform:translateY(0)!important}}}}@media (max-width:768px) and (orientation:portrait){.volcano-modal{.content .body{max-height:90vh!important}}}@media (max-width:768px) and (orientation:landscape){.volcano-modal{.content .body{max-height:82vh!important}}}