#modal-trigger,.modal{width:100%}.modal{align-items:center;color:var(--dark);display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transform:translateY(0);z-index:1000}.modal,.modal.hidden{transition:.2s linear}.modal.hidden{opacity:0;visibility:hidden}.btn-link{background:none!important}.hidden .modal-content{opacity:0;transform:translateY(40px);transition:.2s linear}.modal-content{background:#f9f9f9;border:1px solid var(--primary-300);border-radius:8px;margin:0 2rem;max-width:700px;opacity:1;position:relative;transform:translateY(0);transition:.3s linear;width:100%}.modal-description{border-top:1px solid #ccc;max-height:400px;overflow:auto;padding-top:1rem}.blur-mask{background:#000;opacity:.4}.modal-avatar{margin:0;max-width:120px;padding:0}.modal-close{cursor:pointer;font-size:32px;position:absolute;right:32px;top:16px}.modal-title{color:var(--primary);font-weight:700}.modal-subtitle{color:var(--primary-300)}.modal-footer{background:#f2f2f2;font-size:1rem;margin-top:1rem;padding:1rem}.modal-footer>ul>li+li{margin-top:.5rem}