.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:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-100px);box-sizing:border-box;width:min(800px,85vw);max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background:var(--light-f);opacity:0;overflow:hidden;display:flex;flex-direction:column;.body{display:block;padding:30px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;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);flex-shrink:0}.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:translate(-50%,-50%) translateY(0)}}}@media (min-width:1400px){.volcano-modal{.content{width:min(900px,80vw)}}}@media (min-width:1200px) and (max-width:1399px){.volcano-modal{.content{width:min(800px,85vw)}}}@media (max-width:1199px){.volcano-modal{.content{width:min(700px,90vw)}}}@media (max-width:768px){.volcano-modal{.content{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);.body{overflow-x:hidden}}&.open{.content{transform:translate(-50%,-50%) translateY(0)!important}}}}@media (max-width:768px) and (orientation:portrait){.volcano-modal{.content{max-height:calc(100vh - 20px)}}}@media (max-width:768px) and (orientation:landscape){.volcano-modal{.content{max-height:calc(100vh - 20px)}}}