.badge-style{display:flex;justify-content:center;align-items:center;margin:auto}.badge-style img{width:110px!important;height:90px!important;object-fit:contain}@media (max-width:768px){.badge-style img{width:130px!important;height:160px!important}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;padding:40px;z-index:1000}.overlay-content{background-color:white;padding:20px;border-radius:10px;width:90%;max-width:800px;display:flex;flex-direction:column;gap:15px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.title{text-align:center;font-size:24px;margin-bottom:10px}.translator-layout{display:flex;flex-direction:column;gap:20px}.translator-panel{display:flex;gap:10px;align-items:center}.text-section{display:flex;flex-direction:column;width:100%;gap:10px}textarea{width:100%;height:120px;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:5px;resize:none}.language-select{padding:5px;font-size:14px}.swap-section{display:flex;align-items:center;justify-content:center}.swap-button{font-size:24px;background:none;border:none;cursor:pointer}.translated-text-box{width:100%;height:120px;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center}.translate-button{padding:10px;background-color:#18499d;color:white;border:none;cursor:pointer;border-radius:5px;width:100%}.translate-button:hover{background-color:#0056b3}.translate-button:disabled{background-color:#cccccc;cursor:not-allowed}