.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;opacity:0;animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.modal-overlay.closing{animation:fadeOut .3s cubic-bezier(.4,0,.2,1) forwards}.modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(20px);background:#fff;border-radius:32px;border:1px solid rgba(0,0,0,.1);max-width:90vw;width:auto;min-width:1000px;max-height:90vh;overflow-y:auto;z-index:1001;padding:32px;opacity:0;animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards}.modal-dialog.closing{animation:slideOut .3s cubic-bezier(.4,0,.2,1) forwards}@media(max-width:768px){.modal-dialog{min-width:1px!important;width:90%;padding:24px}.modal-dialog .styled-table{width:100%;overflow-y:auto;overflow-x:auto}}.kit-comparison-footer{color:rgba(0,0,0,.6);font-size:14px}.dialog-content{width:100%;align-self:stretch;display:flex;gap:24px;flex-direction:column}.header-dialog{display:flex;justify-content:space-between;align-items:center}.title{background:linear-gradient(90deg,black,#666666);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:24px;font-weight:600;line-height:24px}.close-btn{width:32px;height:32px;padding:16px;background:rgba(0,0,0,.1);overflow:hidden;border-radius:64px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;justify-content:center;align-items:center;gap:32px;display:flex;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.close-btn:hover{opacity:.6}.description{color:rgba(0,0,0,.6);font-size:14px;font-weight:500;line-height:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(20px)}}