.flag-select{position:relative;width:100%}.flag-select__button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;cursor:pointer;font:inherit;color:inherit;background:transparent;border:none;padding:0;text-align:left}.flag-select__value{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.flag-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flag-select__flag{flex:0 0 auto;width:20px;height:14px;object-fit:cover;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.flag-select__flag--empty{display:inline-block;background:transparent}.flag-select__chevron{flex:0 0 auto;transition:transform .15s ease}.flag-select__button[aria-expanded=true] .flag-select__chevron{transform:rotate(180deg)}.flag-select__list{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;max-height:240px;overflow-y:auto;background:#fff;color:#1a1214;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.flag-select--top .flag-select__list{top:auto;bottom:calc(100% + 4px);box-shadow:0 -8px 24px rgba(0,0,0,.18)}.flag-select--auto-width .flag-select__list{left:50%;right:auto;transform:translateX(-50%);min-width:100%;width:max-content;max-width:min(90vw,320px)}.flag-select__option{display:flex;align-items:center;gap:.5rem;padding:8px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}.flag-select__option--active{background:rgba(0,122,145,.12)}.flag-select__option--selected{font-weight:700}.flag-select__button:focus-visible{outline:2px solid #007a91;outline-offset:2px;border-radius:4px}