.styledPopup{display:flex;flex-direction:column;gap:20px;padding:15px;border-radius:15px;background:var(--background);border:none;width:100%;max-width:min(calc(100dvw - 40px),800px);overflow:visible}.styledPopup.size-small{max-width:min(calc(100dvw - 40px),300px)}.styledPopup.size-medium{max-width:min(calc(100dvw - 40px),500px)}.styledPopup.size-large{max-width:min(calc(100dvw - 40px),700px)}.styledPopup::backdrop{background:var(--backdrop)}.styledPopup:not(:modal){display:none}.styledPopup .actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px}.styledPopup .actions>*{color:var(--text-muted);cursor:pointer}.styledPopup .popup-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.styledPopup h2{font-size:22px;font-weight:500}.styledPopup .footer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px;margin-top:auto}.styledPopup .content{display:flex;flex-direction:column;gap:10px;width:100%;overflow-y:auto}.styledPopup .footer .footer-left,.styledPopup .footer .footer-right{display:flex;flex-direction:row;align-items:center;gap:10px}@media screen and (max-width: 700px){.styledPopup h2{font-size:18px}}