.modal{position:relative;background:var(--color-dark);border-radius:8px;width:100%;display:flex;flex-direction:column;overflow:hidden}.modal .title{position:relative;top:16px;left:16px;width:calc(100% - 56px);color:var(--color-white)}@media(max-width:640px){.modal{max-height:95vh}}.modal-close{position:absolute;top:16px;right:16px;z-index:10;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:transparent;color:var(--color-white)}.modal-close:hover{transform:scale(.9)}.modal-close:active{transform:scale(.8)}.modal-content{padding:16px;overflow-y:auto;flex:1}.modal-content::-webkit-scrollbar{width:2px}.modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:8px}.modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-content.scrollable{max-height:calc(90vh - 48px);overflow-y:auto}@media(max-width:640px){.modal-content.scrollable{max-height:calc(95vh - 40px)}}.modal.svelte-76n1jl{max-width:384px}