.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{position:relative;display:flex;flex-direction:column;background-color:var(--primary-color, #fff);color:var(--text-primary, #000);padding:2rem;width:90%;max-width:400px;text-align:center;animation:fadeInScale .3s ease;gap:2rem}.modal-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:auto}.modal-title{font-family:Barlow;font-weight:700;font-size:var(--font-size-lg);margin:0}.modal-subTitle{font-family:Barlow;font-weight:500;color:var(--text-primary);margin:0}.modal-content{font-size:1.1rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:.5rem}.modal-img{min-width:250px;max-width:100%;height:auto;min-height:250px}.modal-text{margin:0;text-align:center}.modal-actions{display:flex;justify-content:center;gap:1rem}.modal-button{background-color:var(--grey, #626262);font-family:Barlow;font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);border:none;padding:var(--space-md) var(--space-md);cursor:pointer;min-width:185px}.modal-close{background:transparent;border:none;font-size:1.75rem;line-height:1;color:var(--text-primary, #000);cursor:pointer;transition:transform .2s;position:static}.modal-close:hover{transform:scale(1.2)}.hidden{display:none!important}.small{max-width:300px}.medium{max-width:500px}.large{max-width:700px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}