@prefixCountryCodeWeb: ~'yy-country-code-web';

.@{prefixCountryCodeWeb} {
    display: inline-block;
    position: relative;
    &-trigger {
        display: inline-block;
    }
    &-content {
        position: absolute;
        left: 0;
        right: 0;
        max-height: 200px;
        min-width: 160px;
        background-color: @yy-bg-info;
        border: 1px solid @yy-border-primary;
        z-index: 999;
        overflow: auto;
        li {
            font-size: @yy-font-size-sm;
            color: @yy-text-default;
            padding: @yy-padding-default;
            &:hover {
                background-color: @yy-bg-primary;
                color: @yy-primary-color;
            }
        }
    }
}