/* Figma Modal: native corners stay fixed while the two fills stretch. */
.modal-shell{display:flex;flex-direction:column;min-height:0;max-height:inherit;filter:drop-shadow(8px 8px 0 rgba(0,0,0,.25))}
.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;height:58px;flex:none}
.modal-header-title,.modal-body,.modal-close{position:relative;isolation:isolate}
.modal-skin{--modal-fill:#261c1c;position:absolute;inset:0;z-index:-1;pointer-events:none}
.modal-skin-muted{--modal-fill:#1e1616}
.modal-skin:before,.modal-skin:after{content:"";position:absolute;background:var(--modal-fill)}
.modal-skin:before{inset:5px 0}.modal-skin:after{inset:0 5px}
.modal-skin .modal-corner{position:absolute;display:block;width:5px;height:5px;max-width:none;margin:0}
.modal-skin span.modal-corner{background:var(--modal-fill)}
.modal-corner-tl{top:0;left:0}.modal-corner-tr{top:0;right:0}.modal-corner-bl{bottom:0;left:0}.modal-corner-br{bottom:0;right:0}
.modal-body{display:flex;flex-direction:column;min-height:0}
dialog .modal-close{display:grid;place-items:center;flex:none;width:50px;height:50px;min-height:50px;margin:0;padding:13px;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer}
.modal-close .modal-close-icon{display:block;width:24px;height:24px;max-width:none}
.modal-close:hover>.modal-skin{filter:brightness(1.25)}
dialog .modal-close:focus-visible{outline:2px solid #e8dac7;outline-offset:-5px}