.flag-select{position:relative;display:block;vertical-align:inherit;color:var(--color-text);text-align:left}.flag-select img{width:1.3em;height:1.3em;position:relative;top:.3em}.flag-select .arrow-down{color:var(--color-text-muted);padding:2px;transition:transform .15s ease}.flag-select .hidden{display:none}.flag-select .no--focus{pointer-events:none}.flag-select .selected--flag--option{cursor:pointer;display:flex;align-items:center;padding:8px 12px;border:1px solid #E2E8F0;border-radius:8px;background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease}.flag-select .selected--flag--option:before{content:" ";display:block;width:100%;height:100%;position:absolute;z-index:999}.flag-select .selected--flag--option:hover{border-color:var(--color-primary)}.flag-select .selected--flag--option:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.flag-select .selected--flag--option .country-label{padding-left:9px;font-weight:600}.flag-select .country-flag{display:flex;align-items:center;flex:1 1 auto}.flag-select .country-flag .country-label{font-size:1em;position:relative}.flag-select .flag-options{position:absolute;z-index:999999;border:1px solid #E2E8F0;border-radius:8px;background:#fff;box-shadow:var(--shadow-card);margin-top:6px;padding:8px 0;max-height:300px;overflow:auto}.flag-select .flag-options.to--left{right:10px}.flag-select .flag-option{cursor:pointer;padding:6px 12px;margin:0;white-space:nowrap;transition:background-color .1s ease}.flag-select .flag-option.has-label{padding:6px 20px 6px 12px}.flag-select .flag-option:hover{background:#eff6ff}.flag-select .flag-option:focus{outline:none;background:#eff6ff}.flag-select .flag-option .country-label{padding:0 9px}.flag-select .filterBox{width:100%}.flag-select .filterBox input:focus{outline:none}@media only screen and (max-width: 767px){.flag-select .country-flag{cursor:pointer;font-size:18px}.flag-select .selected--flag--option{padding:6px 8px}.flag-select .selected--flag--option .country-label{padding-left:6px}.flag-select .filterBox input{width:90%;margin:0 4%;font-size:22px}}@media only screen and (min-width: 768px){.flag-select .country-flag{cursor:pointer;font-size:25px}.flag-select .filterBox input{width:90%;margin:0 4%;font-size:20px}}