.modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal__panel{background-color:#1a2537;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:20px;width:95%;max-width:400px;max-height:400px;display:flex;flex-direction:column}.modal__panel__header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.modal__panel__header h2{margin:0;color:#fff}.modal__panel__header button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.modal__panel__footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px}@media(min-width:1024px){.modal__panel__footer{flex-direction:row;justify-content:center}}.modal-body{padding:20px;color:#fff;flex:1 1}.modal-panel{background-color:rgba(var(--body-background-color),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-panel__viewport{background-color:#1a2537;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:10px;width:95%;max-width:400px;max-height:400px}.modal-panel__header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.modal-panel__header-close{background-color:rgba(0,0,0,0);border:none;cursor:pointer}.modal-panel__header-title{font-size:15px;font-weight:600}.modal-panel__footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px}@media(min-width:1024px){.modal-panel__footer{flex-direction:row;justify-content:center}}.modal-panel__message{padding:10px 0 0 20px;font-size:15px;line-height:1.5}