.light-modal{--lm-body-bg:#fff;--lm-body-txt:#000;--lm-modal-bg:#000;--lm-close-bg:#666;--lm-small-modal:30vw;--lm-large-modal:50vw;--lm-font-size:14px;display:none;position:fixed;background:rgba(0,0,0,0);top:0;bottom:0;left:0;align-items:center;justify-content:center;right:0;z-index:10000000;transition:background 1s;font-size:var(--lm-font-size);visibility:hidden}.light-modal-content{background:var(--lm-body-bg);color:var(--lm-body-txt);width:var(--lm-small-modal);border-radius:.2em;position:relative;max-width:90vw;max-height:90vh;line-height:1.4;display:flex;flex-direction:column}.light-modal-content img{max-width:100%;border-radius:.2em}.light-modal-content.large-content{width:var(--lm-large-modal)}.light-modal-body{padding:20px;overflow:auto;max-height:90vh}.light-modal-close-icon{text-decoration:none;color:#fff;padding:5px 10px;border-radius:.2em;background:var(--lm-close-bg);font-size:1.5em;line-height:1;opacity:1;transition:opacity .2s ease-in-out;position:absolute;top:-15px;right:-15px}.light-modal-close-icon:hover{opacity:.9}.light-modal:target{background:rgba(0,0,0,.5);display:flex;visibility:visible}@media (max-width:1000px){.light-modal{--lm-small-modal:70vw;--lm-large-modal:70vw}}@media (max-width:480px){.light-modal{--lm-small-modal:90vw;--lm-large-modal:90vw}}@-webkit-keyframes basic{0%{opacity:0}100%{opacity:1}}@keyframes basic{0%{opacity:0}100%{opacity:1}}.basic{-webkit-animation-name:basic;animation-name:basic}