.modal-overlay{z-index:1000;background:0 0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-overlay:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0009;position:absolute;inset:0}.modal-overlay--elevated{z-index:1100}.modal{z-index:1;background:0 0;border:0 solid #fff6;border-width:1px 0 0 1px;border-radius:28px;flex-direction:column;max-width:100%;max-height:calc(100vh - 32px);display:flex;position:relative;box-shadow:0 4px 16px #0000004d,inset 0 0 1px #fff6}.modal:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#ffffff30;position:absolute;inset:0}.modal--big{width:min(860px,100%)}.modal--middle{width:min(680px,100%)}.modal--small{width:min(520px,100%)}.modal--fit{width:fit-content;max-width:calc(100% - 32px)}.modal--fit .modal__body{width:fit-content;max-width:100%}.modal--fit .modal__footer{box-sizing:border-box;width:100%}.modal__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px 0;display:flex}.modal__title{color:#fff;margin:0;font-size:20px;font-weight:600}.modal__close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s,color .2s;display:flex}.modal__close:hover{background:#ffffff1a}.modal__body{flex:1;min-height:0;padding:16px 32px;overflow:auto}.modal__description{margin-bottom:24px}.modal__description p{color:var(--foreground);line-height:18px!important}.modal__footer{flex-shrink:0;gap:16px;padding:0 32px 32px;display:flex}@media (max-width:640px){.modal-overlay{padding:12px}.modal{border-radius:20px;width:100%;max-height:calc(100dvh - 24px)}.modal--big,.modal--middle,.modal--small,.modal--fit{width:100%;max-width:100%}.modal--fit .modal__body{width:100%}.modal__header{gap:12px;padding:20px 16px 0}.modal__title{font-size:18px}.modal__body{padding:12px 16px}.modal__footer{flex-direction:column;align-items:stretch;gap:12px;padding:0 16px 20px}.modal__footer .button{box-sizing:border-box;width:100%;margin-left:0}}