/* Strictly scoped desktop picker. The existing iPhone picker is not styled here. */
#st-desktop-language-picker[hidden]{display:none!important}
@media(min-width:768px){
#st-desktop-language-picker{position:fixed;z-index:16000;display:flex;flex-direction:column;width:336px;max-height:640px;overflow:hidden;background:var(--ss-surface,#fffefb);color:var(--ss-text,#26241f);border:1px solid var(--ss-border,#d5ddd0);border-radius:18px;box-shadow:var(--ss-shadow,0 12px 32px #1e2b2129);font:15px/1.5 Inter,Arial,sans-serif;}
#st-desktop-language-picker *{box-sizing:border-box}
#st-desktop-language-picker button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent;box-shadow:none;margin:0;outline:none!important;}
#st-desktop-language-picker svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
#st-desktop-language-picker .dp-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 0 20px;flex:none;}
#st-desktop-language-picker h2{font-size:16px;line-height:1.5;font-weight:600;margin:0;color:inherit;}
#st-desktop-language-picker .dp-close{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;flex:none;}
#st-desktop-language-picker .dp-search{margin:10px 16px 12px;display:flex;align-items:center;gap:10px;border:1px solid var(--ss-border,#d5ddd0);border-radius:11px;background:var(--ss-canvas,#faf7f3);padding:0 12px;min-height:46px;flex:none;color:var(--ss-muted,#62564a);}
#st-desktop-language-picker input{font:inherit;width:100%;min-width:0;height:44px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--ss-text,#26241f);padding:0;outline:none!important;}
#st-desktop-language-picker input::placeholder{color:var(--ss-muted,#62564a);opacity:1;}
#st-desktop-language-picker input::-webkit-search-cancel-button{cursor:pointer;}
#st-desktop-language-picker .dp-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ss-scroll-thumb,rgba(23,43,77,.16)) transparent;padding:0 12px 12px;min-height:0;}
#st-desktop-language-picker h3{font-size:12px;font-weight:500;color:var(--ss-muted,#62564a);margin:16px 12px 8px;line-height:1.5;}
#st-desktop-language-picker h3:first-child{margin-top:8px;}
#st-desktop-language-picker .dp-list{display:grid;gap:4px;margin:0;padding:0;list-style:none;}
#st-desktop-language-picker .dp-row{display:flex;align-items:center;min-height:48px;border-radius:10px;gap:0;padding:0 4px;}
#st-desktop-language-picker .dp-row.chosen{background:var(--ss-selected,#e5eee9);color:var(--ss-on-selected,#376a59);}
#st-desktop-language-picker .dp-select{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:start;min-height:48px;padding:0 8px;border-radius:8px;}
#st-desktop-language-picker .chosen .dp-select{font-weight:600;}
#st-desktop-language-picker img{width:20px;height:15px;object-fit:cover;flex:none;max-width:none;box-shadow:0 0 0 1px rgba(0,0,0,.035);}
#st-desktop-language-picker .dp-name{flex:1;min-width:0;overflow-wrap:anywhere;}
#st-desktop-language-picker .dp-star{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;flex:none;color:var(--ss-muted,#62564a);}
#st-desktop-language-picker .dp-star[aria-pressed=true]{color:var(--ss-accent,#3b614c);}
#st-desktop-language-picker .dp-star[aria-pressed=true] svg{fill:currentColor;stroke:currentColor;}
#st-desktop-language-picker .dp-star[aria-disabled=true]{opacity:.55;cursor:progress;}
#st-desktop-language-picker .dp-auto{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--ss-border,#d5ddd0);}
#st-desktop-language-picker .dp-footer{flex:none;min-height:44px;padding:10px 16px;border-top:1px solid var(--ss-border,#d5ddd0);font-size:12px;color:var(--ss-muted,#62564a);display:flex;gap:8px;align-items:center;justify-content:center;text-align:center;}
#st-desktop-language-picker .dp-footer svg{display:block;width:14px;height:14px;}
#st-desktop-language-picker .dp-empty{padding:8px 12px 12px;font-size:14px;color:var(--ss-muted,#62564a);}
#st-desktop-language-picker .dp-error{font-size:13px;padding:12px 20px;color:var(--ss-text,#26241f);border-top:1px solid var(--ss-border,#d5ddd0);}
#st-desktop-language-picker .dp-error[hidden]{display:none;}
#st-desktop-language-picker .dp-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;}
/* Keyboard position uses the site's quiet tint, without an outline or inset ring. */
#st-desktop-language-picker button:focus-visible{background:var(--ss-hover,#e1e8dc)!important;color:var(--ss-on-selected,#376a59);}
#st-desktop-language-picker .dp-select:focus-visible .dp-name{text-decoration:underline;text-underline-offset:4px;}
}
@media(min-width:768px) and (hover:hover){
#st-desktop-language-picker .dp-row:not(.chosen):hover,#st-desktop-language-picker .dp-star:hover,#st-desktop-language-picker .dp-close:hover{background:var(--ss-hover,#e1e8dc);}
}
@media(max-width:767px){#st-desktop-language-picker{display:none!important}}
@media(min-width:768px){#st-desktop-language-picker .dp-footer span{display:block;margin:0;line-height:18px;transform:translateY(1px)}}

/* Match the native search-clear action to the existing neutral line icons. */
body#translation-shared #st-desktop-language-picker .dp-search>input::-webkit-search-cancel-button{
 -webkit-appearance:none;appearance:none;width:24px;height:24px;margin:0 0 0 4px;cursor:pointer;align-self:center;vertical-align:middle;
 background-color:var(--ss-muted,#62564a);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
}
