.modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{width:100%;height:100%;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background-color:rgba(0, 0, 0, var(--btn-opacity));cursor:default;animation:modal-backdrop-show .35s var(--liquid-ease) forwards;border:0;position:absolute;inset:0}@keyframes modal-backdrop-show{0%{opacity:0}to{opacity:1}}.modal-panel{z-index:1;background-color:var(--background-color);border:1px solid var(--border-color);width:min(520px,100%);min-height:320px;max-height:calc(100dvh - 40px);box-shadow:var(--box-shadow);animation:modal-panel-show .5s var(--liquid-ease) .25s backwards;border-radius:clamp(16px,14.5143px + .380952vw,20px);flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes modal-panel-show{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);flex:none;grid-template-columns:30px 1fr 30px;align-items:center;min-height:60px;padding:0 20px;display:grid}.modal-header-title{text-align:center;margin:0;font-size:20px;font-weight:500}.modal-header-btn{width:30px;height:30px;color:var(--font-color);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;width:100%;height:100%;padding:20px;display:flex;overflow-y:auto}.modal-content{color:var(--font-color);flex-direction:column;flex:1;display:flex}@media screen and (max-width:1023px){.modal{align-items:flex-end}.modal-panel{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}}