.modal-overlay{align-items:center;background-color:#0006;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;position:fixed;z-index:1002}.modal-overlay.fullscreen{top:0!important}.modal-overlay.open{animation:backin .4s ease-in-out;opacity:1}.modal-overlay.close{animation:backout .4s ease-in-out}.modal-overlay .modal{border-radius:5px;box-shadow:0 0 0 1px #20222599,0 2px 10px #0003;display:flex;flex-direction:column;opacity:0;outline:0}.modal-overlay.scrollable .modal-content{overflow-y:auto}.modal-overlay.open .modal{animation:popup .4s ease-in-out;opacity:1}.modal-overlay.close .modal{animation:popout .4s ease-in-out}.modal-overlay:not(.unstyled) .modal{background-color:#36393f;max-height:100%;max-width:600px;min-height:200px;position:relative;width:100%}.modal-overlay:not(.unstyled) .modal .exit-modal{background-color:transparent;border:0;color:gray;cursor:pointer;height:24px;position:absolute;right:20px;top:20px;transition:color .2s ease;width:24px}.modal-overlay:not(.unstyled) .modal .exit-modal:hover{color:#adadad}.modal-overlay:not(.unstyled) .modal .modal-header{flex:0 0 auto;font-weight:600;padding:20px;text-transform:uppercase;transition:box-shadow .1s ease-out;word-wrap:break-word}.modal-overlay:not(.unstyled) .modal .modal-header .title{color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px;line-height:20px;margin-bottom:0;margin-top:0}.modal-overlay:not(.unstyled) .modal .modal-content{background-color:#36393f;color:#c4c9ce;font-size:14px;line-height:20px;outline:0;padding:0 20px 20px;-webkit-overflow-scrolling:touch}.modal-overlay:not(.unstyled) .modal .modal-content::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#303030;border-radius:3px;width:6px}.modal-overlay:not(.unstyled) .modal .modal-content::-webkit-scrollbar-thumb{background-color:#cd6e57;border-radius:3px;-webkit-transition:background-color .1s ease;transition:background-color .1s ease;width:8px}.modal-overlay:not(.unstyled) .modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:#b45a44}.modal-overlay:not(.unstyled) .modal .modal-footer{background-color:#2f3136;border-radius:0 0 5px 5px;display:flex;justify-content:flex-end;padding:20px 10px}@keyframes popup{0%{opacity:0;transform:translateY(-100px)}90%{transform:translateY(0)}to{opacity:1}}@keyframes popout{0%{opacity:1}10%{transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes backin{0%{opacity:0}to{opacity:1}}@keyframes backout{0%{opacity:1}to{opacity:0}}