.sm-lang{position:relative;display:inline-block;font-size:14px;line-height:1}
.sm-lang form{margin:0}
.sm-lang__summary{list-style:none;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;cursor:pointer;color:inherit;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);transition:background .15s ease;user-select:none}
.sm-lang__summary::-webkit-details-marker{display:none}
.sm-lang__summary:hover{background:rgba(255,255,255,.24)}
.sm-lang__summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sm-lang__flag{width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.18);flex:none;display:block}
.sm-lang__chev{width:10px;height:10px;flex:none;transition:transform .15s ease}
.sm-lang__details[open] .sm-lang__chev{transform:rotate(180deg)}
.sm-lang__panel{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;margin:0;padding:6px;list-style:none;background:#fff;color:#12343B;border-radius:12px;box-shadow:0 14px 34px rgba(18,52,59,.24);z-index:60}
.sm-lang--left .sm-lang__panel{left:0;right:auto}
.sm-lang--up .sm-lang__panel{top:auto;bottom:calc(100% + 8px)}
.sm-lang__panel li,.sm-lang__grid li{margin:0;padding:0;list-style:none}
.sm-lang__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#12343B;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box}
.sm-lang__item:hover,.sm-lang__item:focus-visible{background:#e6f5f6;outline:none}
.sm-lang__item[aria-current='true']{font-weight:700;background:#eef3ff}
.sm-lang__check{width:12px;height:12px;margin-left:auto;color:#3F72E5;flex:none}
.sm-lang__item.is-pending{opacity:.55;cursor:not-allowed}
.sm-lang__item.is-pending:hover{background:transparent}
.sm-lang--list{display:block;width:100%;margin-top:16px;padding-bottom:84px}
.sm-lang__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
.sm-lang--list .sm-lang__item{border:1px solid rgba(255,255,255,.6);border-radius:10px;color:#fff;background:rgba(255,255,255,.12)}
.sm-lang--list .sm-lang__item:hover,.sm-lang--list .sm-lang__item:focus-visible{background:rgba(255,255,255,.26)}
.sm-lang--list .sm-lang__item[aria-current='true']{background:#fff;color:#12343B;border-color:#fff}
.sm-lang--list .sm-lang__item.is-pending{background:transparent}
@media (max-width:1067px){.sm-lang--header .sm-lang__name{display:none}.sm-lang--header .sm-lang__summary{padding:6px 8px;gap:6px}}