.sf-icon{display:block;flex:none}.sf-modal__scrim{animation:sf-fade-in .15s ease-out;background:var(--sf-scrim);inset:0;position:fixed;z-index:1300}.sf-modal{animation:sf-modal-in .18s cubic-bezier(.3,.7,.3,1);background:var(--sf-surface);border-radius:var(--sf-radius-lg);box-shadow:var(--sf-shadow-lg);color:var(--sf-text);display:flex;flex-direction:column;font-family:var(--sf-font-sans);left:50%;max-height:calc(100vh - 48px);outline:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(var(--sf-modal-md),calc(100vw - 32px));z-index:1301}.sf-modal[data-size=sm]{width:min(var(--sf-modal-sm),calc(100vw - 32px))}.sf-modal[data-size=lg]{width:min(var(--sf-modal-lg),calc(100vw - 32px))}.sf-modal[data-size=xl]{width:min(var(--sf-modal-xl),calc(100vw - 32px))}.sf-modal__leading{display:inline-flex;flex:none}.sf-modal__head{align-items:flex-start;display:flex;gap:var(--sf-space-3);padding:20px 20px 0}.sf-modal__titles{flex:1;min-width:0}.sf-modal__title{color:var(--sf-text);font:600 18px/24px var(--sf-font-display);margin:0}.sf-modal__description{color:var(--sf-text-muted);font:400 13px/18px var(--sf-font-sans);margin:2px 0 0}.sf-modal__close{align-items:center;background:transparent;border:0;border-radius:var(--sf-radius-sm);color:var(--sf-text-muted);cursor:pointer;display:inline-flex;height:30px;justify-content:center;margin:-4px -6px 0 0;padding:0;width:30px}.sf-modal__close:hover{background:var(--sf-surface-hover);color:var(--sf-text)}.sf-modal__close:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:1px}.sf-modal__body{display:flex;flex-direction:column;gap:var(--sf-space-4);overflow-y:auto;padding:16px 20px}.sf-modal__foot{border-top:1px solid var(--sf-border);display:flex;gap:var(--sf-space-2);justify-content:flex-end;padding:12px 20px}@keyframes sf-fade-in{0%{opacity:0}}@keyframes sf-modal-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.98)}}@media(prefers-reduced-motion:reduce){.sf-modal,.sf-modal__scrim{animation:none}}