/*! CSS Used from: Embedded */
.css-ldknho{margin:0px;font-size:16px;text-decoration:none;font-family:var(--font-inter);font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:0px;line-height:24px;text-transform:none;}
.css-mdzpq7{
    background-color:var(--color-text-white);
    color:rgba(0, 0, 0, 0.87);
    transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius:8px;
    box-shadow:var(--Paper-shadow);
    background-image:var(--Paper-overlay);
    overflow:hidden auto;
    min-width:16px;
    min-height:16px;
    max-width:calc(100% - 32px);
    max-height:calc(100% - 32px);
    outline:0px;
    
    /* Dynamic positioning via JS */
    position: absolute; 
    z-index: 1300 !important;
    margin: 0; /* Remove margin to allow precise positioning */
}

.css-y4arfs{display:flex;cursor:pointer;max-height:40px;text-align:start;border-radius:8px;padding:8px;position:relative; align-items: center;}
.css-y4arfs:hover{background-color:rgba(0, 0, 0, 0.04);border-radius:8px;} 
.css-tl58p4{margin:0px;font-size:16px;text-decoration:none;font-family:var(--font-inter);font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:0px;line-height:24px;text-transform:none;padding-left:4px;padding-right:8px;}

/* Backdrop styling */
#language-backdrop {
    background-color: rgba(0, 0, 0, 0.36);
    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
    position: fixed !important;
    inset: 0 !important;
    z-index: 1299 !important;
}

/* Dark Mode Overrides */
[data-theme="dark"] .css-mdzpq7 {
    background-color: var(--modal-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .css-y4arfs:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}