@keyframes LinearLoadingTransition{0%{background-position:100%}}.modal-body,.modal-background{width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-body{z-index:100;background:#161927e6}.modal-background{opacity:0;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;transition:all .1s linear}.modal-background .content{width:100%;height:50vh;max-height:100dvh;background-color:#3d4156;border-radius:12px 12px 0 0;flex-direction:column;align-items:center;max-width:800px;height:50dvh;padding:10px;transition:height .3s ease-out;display:flex;position:relative;transform:translateY(100%)}.modal-background .content .bottom-blur-margin{height:100px}.modal-background .content .bottom-blur{z-index:1;pointer-events:none;background:linear-gradient(#21223500 10%,#3d4156 100%);width:100%;height:150px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.modal-background .drag-icon-container{width:80%}.modal-background .drag-icon-container .drag-icon{-webkit-user-select:none;user-select:none;width:100%;margin-bottom:40px}.modal-background .modal-text-wrapper{scrollbar-width:none;overflow-y:auto}.modal-background .modal-text-wrapper::-webkit-scrollbar{display:none}.modal-background .modal-text-wrapper .close-button{color:var(--white);cursor:pointer;font-family:var(--secondary-font-family);background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.25rem;display:flex;position:absolute;top:0;right:0}.show{opacity:1;pointer-events:auto}.show .content{transform:translateY(0%)}.dragging .content{transition:none}