.u-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:12px}@media(min-width:768px){.u-modal{align-items:center;padding:24px}}.u-modal__scrim{position:absolute;inset:0;background:rgba(23,21,18,.42);animation:u-fade .2s cubic-bezier(.2,.7,.2,1)}.u-modal__panel{position:relative;width:100%;max-height:calc(100vh - 24px);overflow-y:auto;background:var(--bg-surface);border-radius:32px;box-shadow:0 4px 8px -2px rgba(23,21,18,.08),0 24px 48px -12px rgba(23,21,18,.14);padding:28px 24px 24px;outline:none;animation:u-pop .32s cubic-bezier(.2,.7,.2,1)}@media(min-width:768px){.u-modal__panel{padding:32px}}.u-modal__panel--S{max-width:420px}.u-modal__panel--M{max-width:520px}.u-modal__panel--L{max-width:720px}.u-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-sunken)}.u-modal__close:hover{color:var(--text-primary)}.u-modal__head{display:flex;flex-direction:column;gap:8px;padding-right:32px;margin-bottom:20px}.u-modal__icon{width:48px;height:48px;border-radius:16px;margin-bottom:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-subtle);color:var(--text-brand)}.u-modal__title{font-family:var(--font-ui);font-weight:600;font-size:22px;line-height:28px;letter-spacing:-.4px}.u-modal__desc{font-family:var(--font-ui);font-weight:400;font-size:14px;line-height:20px;color:var(--text-secondary)}.u-modal__footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}@media(max-width:767px){.u-modal__footer>*{flex:1 1}}@keyframes u-fade{0%{opacity:0}to{opacity:1}}@keyframes u-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}