.modal-overlay{z-index:99;opacity:0;background:#000000b3;padding:24px 16px;transition:opacity .22s cubic-bezier(.2,0,0,1);position:fixed;inset:0;overflow-y:auto}.modal-shell{justify-content:center;align-items:center;min-height:calc(100vh - 48px);display:flex}.modal-card{width:min(var(--modal-max-width,600px), calc(100vw - 32px));min-width:min(320px,100vw - 32px);max-width:calc(100vw - 32px);color:var(--color-text-primary-dark);opacity:0;background:#fff;border-radius:8px;margin-inline:auto;transition:width .22s cubic-bezier(.2,0,0,1),opacity .22s cubic-bezier(.2,0,0,1),transform .22s cubic-bezier(.2,0,0,1);overflow:hidden;transform:translateY(12px);box-shadow:0 18px 48px #0f172a29}.modal-card__header{border-bottom:1px solid var(--color-neutral-medium);align-items:center;gap:16px;min-width:0;padding:16px;display:flex}.modal-card__title{color:var(--color-text-primary-dark);margin:0;font-size:18px;font-weight:700}.modal-card__close{width:32px;height:32px;color:var(--color-neutral-dark);cursor:pointer;background:0 0;border:0;border-radius:8px;transition:background-color .14s,color .14s}.modal-card__close:hover{background:var(--color-neutral-lightest);color:var(--color-text-primary-dark)}.modal-card__body{overflow-wrap:anywhere;min-width:0;max-width:100%;padding:8px 24px;overflow-x:hidden}.modal-card__body>*{min-width:0;max-width:100%}.modal-card__body *{min-width:0}.modal-card__body input:not([type=checkbox]):not([type=radio]):not([type=range]),.modal-card__body select,.modal-card__body textarea{width:100%;max-width:100%}.modal-card__body pre,.modal-card__body table{max-width:100%;display:block;overflow-x:auto}.replacement-creation-modal--choice .modal-card__body{padding:20px 32px}.modal-card__footer{border-top:1px solid var(--color-neutral-medium);flex-wrap:wrap;justify-content:flex-end;gap:12px;min-width:0;max-width:100%;padding:16px;display:flex;overflow-x:hidden}.modal-overlay[data-state=open]{opacity:1}.modal-overlay[data-state=open] .modal-card{opacity:1;transform:translateY(0)}.modal-overlay[data-state=closed]{opacity:0}.modal-overlay[data-state=closed] .modal-card{opacity:0;transform:translateY(10px)}@media (height<=720px){.modal-shell{min-height:auto;display:block}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-overlay .modal-card{animation:none!important}}