@charset "UTF-8";
.cc-search__list,
.fieldDropdown__list,
.licLangSw__cont,
.licLangSw__countries {
    overflow: auto;
    scrollbar-width: thin
}

.cc-search__list::-webkit-scrollbar,
.fieldDropdown__list::-webkit-scrollbar,
.licLangSw__cont::-webkit-scrollbar,
.licLangSw__countries::-webkit-scrollbar {
    height: 0;
    width: 4px
}

.cc-search__list::-webkit-scrollbar-thumb,
.fieldDropdown__list::-webkit-scrollbar-thumb,
.licLangSw__cont::-webkit-scrollbar-thumb,
.licLangSw__countries::-webkit-scrollbar-thumb {
    background-color: #cdcdcd
}

.cc-search__list::-webkit-scrollbar-track,
.fieldDropdown__list::-webkit-scrollbar-track,
.licLangSw__cont::-webkit-scrollbar-track,
.licLangSw__countries::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

.cc-header hr {
    --cDivider: var(--headerBdC)
}

.cc-header__appslink {
    width: var(--u24);
    height: var(--u24);
    color: var(--bgDarkHover)
}

.licLangSw__dropdown {
    position: absolute;
    display: grid;
    grid-template-columns: 1fr;
    left: 0;
    right: 0;
    top: 100%;
    width: 100vw;
    transform: rotate3d(1, 0, 0, -90deg);
    transform-origin: 50% 0;
    transition: transform .3s ease-out, opacity .3s ease-out;
    pointer-events: none;
    cursor: initial;
    opacity: 0
}

.licLangSw__cont {
    padding: var(--u24);
    max-height: 65vh;
    background: var(--headerHoverBackground);
    border-radius: 0 0 var(--u16) var(--u16);
    border: 1px solid var(--headerBdC);
    border-top: 0;
    color: var(--headerFontColor)
}

.licLangSw__wrap {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: var(--u8)
}

.licLangSw__selected {
    padding: var(--u8);
    -webkit-padding-end: 40px;
    padding-inline-end: 40px;
    width: 100%;
    background: var(--headerBackground);
    border-radius: var(--u8);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.licLangSw__countries {
    max-height: 148px;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: var(--u8);
    padding-inline-end: var(--u8);
    font-weight: 400
}

.licLangSw__countries a {
    width: 100%;
    color: inherit
}

.licLangSw__entity {
    grid-auto-flow: row;
    padding: var(--u8) var(--u16);
    background: var(--headerBackground);
    border-radius: var(--u8);
    line-height: 24px
}

.licLangSw__search {
    position: relative
}

.licLangSw__search .fieldDropdown__control {
    padding: var(--u8) var(--u16);
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    background: 0 0
}

.licLangSw__search .fieldDropdown__control::-moz-placeholder {
    font-weight: 400;
    color: var(--cSub)
}

.licLangSw__search .fieldDropdown__control::-ms-input-placeholder {
    font-weight: 400;
    color: var(--cSub)
}

.licLangSw__search .fieldDropdown__control::placeholder {
    font-weight: 400;
    color: var(--cSub)
}

.licLangSw__langs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    justify-content: space-between;
    align-items: center;
    gap: var(--u8) 64px;
    font-weight: 400
}

.licLangSw__langs a {
    padding: 4px var(--u8);
    border-radius: var(--u8);
    font-weight: 400;
    color: inherit;
    transition: background .2s ease-out
}

.licLangSw__icon {
    position: absolute;
    left: var(--u8);
    top: 50%
}

.licLangSw__icon.licLangSw__icon--close {
    left: unset;
    right: var(--u8);
    cursor: pointer
}

.licLangSw__icon.licLangSw__icon--close .cc-icons {
    --iconSize: var(--u24)
}

.licLangSw__icon .cc-icons {
    --iconSize: var(--u16);
    --colorIcon: var(--cSub);
    --iconTransform: translateY(-50%)
}

.licLangSw .fieldDropdown {
    --dropdownListPd: var(--u8);
    --borderControl: var(--cEmph)
}

.licLangSw .fieldDropdown__control {
    --sizeText: var(--u16);
    --cText: var(--headerFontColor)
}

.licLangSw .fieldDropdown__control--hidden {
    --bgControl: 0 0;
    --borderControl: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.licLangSw .fieldDropdown__arr {
    --icSvgWH: 18px;
    --icBg: hsla(0, 0%, 74%, .4);
    --icBdrs: 6px;
    --icBdC: transparent;
    --icClr: var(--bgOnGreyHover)
}

.licLangSw .fieldDropdown__list {
    --bgList: var(--headerBackground);
    --borderControl: var(--cEmph);
    max-height: unset;
    overflow: visible;
    z-index: 1
}

.licLangSw .fieldDropdown__list li {
    padding: 4px var(--u8);
    border-radius: var(--u8)
}

.licLangSw .textGrey {
    font-weight: 400
}

.licLangSw b {
    font-weight: 500
}

.cc-nav {
    grid-column: 1/-1;
    grid-row: 2;
    background: var(--headerBackground)
}

.cc-nav__dropdown {
    position: absolute;
    display: grid;
    left: 0;
    right: 0;
    top: 0;
    padding: 0 var(--u16) var(--u8);
    transform: rotate3d(1, 0, 0, -90deg);
    transform-origin: 50% 0;
    opacity: 0
}

.cc-nav__dropdown--1col {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    gap: var(--u8)
}

.cc-nav__dropdown .hdrIcon {
    --icW: var(--u16);
    --icSvgWH: 10px;
    --icBg: hsla(0, 0%, 51%, .4);
    --icBdrs: 50%;
    --icClr: var(--cSub)
}

.cc-nav__enicon {
    display: inline-block;
    margin-left: 4px;
    padding: 2px 6px;
    background: var(--headerBackground);
    border-radius: 2px;
    text-transform: capitalize;
    font-style: normal;
    font-weight: 700;
    font-size: 12px
}

.cc-search__close {
    right: var(--u16);
    opacity: 0;
    cursor: pointer
}

.cc-search__close.hdrIcon {
    --icBg: hsla(0, 0%, 51%, .4);
    --icBdrs: 4px
}

.cc-search__wrap {
    padding: var(--u16);
    background: var(--headerBackground);
    border: 1px solid var(--headerBdC);
    border-top: 0;
    border-radius: 0 0 var(--u16) var(--u16);
    overflow: hidden
}

.cc-search__wrap .h4,
.cc-search__wrap h4,
.cc-search__wrap strong {
    color: var(--headerFontColor)
}

.cc-search__list {
    max-height: 60vh
}

.cc-search .link p {
    line-height: 16px;
    font-size: 13px;
    color: var(--cSub)
}

.burgerBtn .hdrIcon:nth-child(2) {
    --icWH: 20px;
    --icSvgWH: var(--u16);
    --icBdrs: 6px;
    --icBdC: var(---headerBdC);
    margin: auto;
    visibility: hidden;
    opacity: 0
}

.userProfile {
    display: none
}

.userProfile__btn {
    position: relative;
    padding: var(--u8) 12px var(--u8) var(--u16);
    background: 0 0;
    border-radius: var(--u8);
    box-shadow: inset 0 0 0 1px var(--cBorder);
    font-weight: 700;
    color: var(--headerFontColor);
    transition: box-shadow .2s ease-out
}

.userProfile__notif {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 10px;
    top: var(--u8);
    width: 12px;
    height: 12px;
    background: var(--chartRed);
    border-radius: 50%
}

.userProfile__notif:after {
    line-height: 12px;
    font-style: normal;
    font-size: 10px;
    color: var(--cLight);
    content: "!"
}

.cc-header.active {
    position: fixed;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: 100vh
}

.active .cc-header__wrap {
    height: 100%;
    overflow: hidden
}

.cc-header__btn:hover {
    background: var(--primaryHover)
}

.cc-header__btn--empty:hover {
    background: 0 0;
    box-shadow: inset 0 0 0 1px var(--primary)
}

.user-logged .cc-header__btn {
    display: none
}

.riskWarn.reduced .text-mob {
    display: inline
}

.scroll__none .riskWarn:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    background: inherit;
    z-index: -1;
    content: ""
}

.riskWarn.reduced .riskWarn__btn {
    transform: translateX(-50%) rotate(0)
}

.licLangSw.active .licLangSw__btn,
.licLangSw:hover .licLangSw__btn {
    --bgColor: var(--headerHoverBackground);
    --txtColor: var(--headerHoverFontColor)
}

.licLangSw.active .licLangSw__btn .hdrIcon,
.licLangSw:hover .licLangSw__btn .hdrIcon {
    --icBdC: var(--headerHoverFontColor);
    --icClr: var(--headerHoverFontColor)
}

.licLangSw__langs a:hover:not(.active) {
    background: var(--headerBackground)
}

.licLangSw__langs a.active {
    box-shadow: 0 0 0 1px inset var(--primary)
}

.licLangSw .fieldDropdown:hover .fieldDropdown__control {
    --borderControl: var(--cEmph)
}

.licLangSw .fieldDropdown.opened .fieldDropdown__arr {
    --icBg: hsla(0, 0%, 16%, .4);
    --icClr: var(--bgDarkHover);
    --icHovTform: rotate(180deg)
}

.licLangSw .fieldDropdown.opened .fieldDropdown__control--hidden {
    --borderControl: var(--cEmph)
}

.licLangSw .fieldDropdown__control--hidden:focus {
    box-shadow: 0 0 0 1px inset var(--borderControl)
}

.licLangSw .fieldDropdown__list li:hover {
    --bgListItemHover: var(--headerHoverBackground)
}

.active .cc-nav {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: var(--u8);
    height: 100%;
    transform: rotate3d(0, 0, 0, 0)
}

.cc-nav__item.active,
.cc-nav__item:hover {
    background: var(--headerHoverBackground)
}

.cc-nav__item.active .cc-nav__link--lvl1 .hdrIcon {
    --icBdC: var(--headerHoverFontColor);
    --icClr: var(--headerHoverFontColor);
    --icHovTform: rotate(180deg)
}

.cc-nav__item.active .cc-nav__dropdown {
    position: relative;
    transform: rotate3d(0, 0, 0, 0);
    opacity: 1
}

.cc-nav__link:hover {
    --headerHoverBackground: var(--bgOnGrey);
    background: var(--headerHoverBackground)
}

.cc-nav__link--disabled:hover,
.cc-nav__link--lvl1:hover {
    background: 0 0
}

.cc-search.active {
    flex: 1
}

.cc-search.active .cc-search__close {
    z-index: 1
}

.cc-search__input:hover {
    box-shadow: inset 0 0 0 1px var(--primary)
}

.cc-search.active .cc-search__input,
.cc-search__input:focus,
.focus .cc-search__input {
    box-shadow: inset 0 0 0 1px var(--cEmph)
}

.cc-search.active .cc-search__input {
    padding: var(--u8) 48px;
    width: 100%;
    font-weight: 800;
    font-size: 16px;
    cursor: auto
}

.cc-search.active .cc-search__input::-moz-placeholder {
    line-height: 24px;
    font-weight: 300;
    font-size: 16px;
    color: var(--cSub)
}

.cc-search.active .cc-search__input::-ms-input-placeholder {
    line-height: 24px;
    font-weight: 300;
    font-size: 16px;
    color: var(--cSub)
}

.cc-search.active .cc-search__input::placeholder {
    line-height: 24px;
    font-weight: 300;
    font-size: 16px;
    color: var(--cSub)
}

.black .cc-search.active .cc-search__input::-moz-placeholder {
    color: var(--headerHoverFontColor)
}

.black .cc-search.active .cc-search__input::-ms-input-placeholder {
    color: var(--headerHoverFontColor)
}

.black .cc-search.active .cc-search__input::placeholder {
    color: var(--headerHoverFontColor)
}

.cc-search__input:focus~.cc-search__close,
.focus .cc-search__input~.cc-search__close {
    opacity: 1
}

.active .burgerBtn .hdrIcon {
    visibility: hidden;
    opacity: 0
}

.active .burgerBtn .hdrIcon:nth-child(2) {
    visibility: visible;
    opacity: 1
}

.userProfile__btn:hover {
    box-shadow: inset 0 0 0 1px var(--primary)
}

.user-logged .userProfile {
    display: block
}

.active.topBanner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    order: 1;
    padding: var(--u8) var(--u16);
    border-top: 1px solid var(--cBorder);
    background: var(--cEmph);
    width: 100%;
    overflow: hidden
}

.active .topBanner__image {
    display: block;
    width: 64px;
    height: auto;
    flex: none;
    margin-right: var(--u8)
}

.active .topBanner__link {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.active .topBanner__frame {
    display: flex;
    align-items: center
}

.active .topBanner__app {
    font-size: 13px;
    line-height: 1.2;
    color: #7d7d7d;
    padding-top: 3px
}

.active .topBanner__name {
    font-size: 16px;
    font-weight: 700;
    color: var(--cLight);
    display: block
}

.active .topBanner__close {
    background: 0 0;
    border: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    transform: translateY(0) scale(.8);
    margin: 0 -3px 0 -10px;
    padding: 0;
    flex: none
}

.active .topBanner__close:after,
.active .topBanner__close:before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 13px;
    width: 2px;
    background-color: #b4b4b4;
    content: ""
}

.active .topBanner__close:before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.active .topBanner__close:after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.black.cc-header {
    --headerBackground: var(--bgDark);
    --headerHoverBackground: var(--bgDarkHover);
    --headerBdC: var(--cBorderDark);
    --headerFontColor: var(--darkContrast);
    --headerHoverFontColor: var(--cLightHover)
}

.black .cc-logo {
    --logoColor: var(--cLight)
}

.black .licLangSw {
    --headerBackground: var(--bgOnDark)
}

.black .licLangSw__btn {
    --txtColor: var(--headerFontColor)
}

.black .licLangSw .fieldDropdown:hover .fieldDropdown__control {
    --borderControl: var(--cBorder)
}

.black .licLangSw .fieldDropdown.opened .fieldDropdown__arr {
    --icBg: hsla(0, 0%, 74%, .4)
}

.black .licLangSw .fieldDropdown.opened .fieldDropdown__control--hidden {
    --borderControl: var(--cBorder)
}

.black .licLangSw .fieldDropdown__list {
    --borderControl: var(--cBorder)
}

.black .licLangSw b {
    color: var(--headerFontColor)
}

.black .cc-nav__link:hover {
    --headerHoverBackground: var(--bgDark)
}

.black .cc-search.active .cc-search__input {
    box-shadow: inset 0 0 0 1px var(--cLight)
}

.black .cc-search__close.hdrIcon,
.black .cc-search__loupe.hdrIcon {
    --icClr: var(--headerHoverFontColor)
}

.black .cc-search__input:focus,
.focus .black .cc-search__input {
    box-shadow: inset 0 0 0 1px var(--cLight)
}

.blackCEmph .riskWarn {
    --riskWarnBgColor: var(--cLight);
    --riskWarnTextColor: var(--cMain);
    --riskWarnBtnBg: var(--cLight);
    --riskWarnBtnArrColor: var(--cSub)
}

.iconLg,
.iconMd,
.iconXs {
    display: block;
    width: calc(var(--iconSize) * 1px);
    height: calc(var(--iconSize) * 1px);
    border-radius: 50%;
    text-indent: -9999px;
    text-align: start;
    image-rendering: -webkit-optimize-contrast;
    overflow: hidden
}

.iconXs {
    --iconSize: 16
}

.iconMd {
    --iconSize: 24
}

.iconLg {
    --iconSize: 32
}

.flagFull {
    background: url(../images/spritePng/icon/flagFull.png?v3) no-repeat -99999px 0/calc(320px * calc(var(--iconSize)/ 32)) auto
}

.flagFull--ad {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ae {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--af {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ag {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ai {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--al {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--am {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ao {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--aq {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ar {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--as {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--at {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--au {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--aw {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ax {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--az {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ba {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bb {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bd {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--be {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bf {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bg {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bh {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bi {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bj {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bl {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bm {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bn {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bo {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bq-bo {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bq-sa {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bq-se {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bq {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--br {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bs {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bt {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bv {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bw {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--by {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--bz {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ca-bc {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ca {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cc {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cd {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cf {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cg {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ch {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ci {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ck {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cl {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cm {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cn-simplified {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cn {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--co {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cr {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cu {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cv {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cw {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cx {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cy {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--cz {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--de {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--dj {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--dk {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--dm {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--do {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--dz {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ea {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--easter_island {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ec-w {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ec {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ee {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--eg {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--eh {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--er {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--es-cn {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--es-ga {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--es-ib {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--es-ml {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--es-pv {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--es {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--esperanto {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--et {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--eu {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--fi {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--fj {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--fk {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--fm {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--fo {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--fr-h {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--fr {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ga {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gb-eng {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gb-ork {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gb-sct {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gb-wls {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gb {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gd {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ge-ab {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ge {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gf {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gg {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gh {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gi {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gl {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gm {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gn {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gp {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gq {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gr {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gs {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gt {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gu {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gw {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--gy {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--hausa {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--hk-traditional {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--hk {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--hm {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--hmong {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--hn {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--hr {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ht {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--hu {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--id {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ie {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--il {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--im {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--in {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--io {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--iq {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ir {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--is {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--it-82 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--it-88 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--it {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--je {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--jm {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--jo {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--jp {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kannada {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ke {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kg {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kh {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ki {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--km {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kn {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kp {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kr {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kurdistan {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kw {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ky {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--kz {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--la {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--lb {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--lc {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--li {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--lk {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--lr {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ls {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--lt {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--lu {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--lv {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ly {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ma_ {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ma {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--malayali {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--maori {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mc {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--md {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-16px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--me {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mf {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mg {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mh {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mk {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ml {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mm {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mn {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mo {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mp {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-17px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mq {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mr {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ms {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mt {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mu {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mv {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mw {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mx {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--my {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--mz {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-18px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--na {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--nato {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--nc {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ne {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--nf {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ng {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ni {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--nl {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--no {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--northen_cyprus {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-19px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--np {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--nr {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--nu {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--nz {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--om {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pa {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pe {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pf {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pg {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ph {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-20px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pk {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pl {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pm {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pn {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pr {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ps {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pt-20 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pt-30 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pt {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--pw {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-21px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--py {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--qa {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--re {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ro {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--rs {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ru {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--rw {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sa {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sb {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sc {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-22px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sd {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--se {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sg {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sh {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--si {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sindh {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sj {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sk {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sl {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sm {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-23px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sn {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--so {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--somaliland {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--south_ossetia {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sr {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ss {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--st {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sv {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sx {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sy {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-24px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--sz {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tc {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--td {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tf {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tg {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--th {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tibet {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tj {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tk {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tl {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-25px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tm {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tn {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--to {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tr {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--transnistria {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tt {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tv {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tw {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--tz {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ua {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-26px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ug {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--um {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--united_nations {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--us-hi {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--us {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--uy {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--uz {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--va {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--vc {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ve {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-27px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--vg {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--vi {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--vn {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--vu {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--wf {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ws {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--xk {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--uu {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ye {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--yiddish {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-28px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--yt {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-29px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--za {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-29px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--zm {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-29px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--zw {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-29px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--ab {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-29px* 32 * calc(var(--iconSize)/ 32))
}

.flagFull--global {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-29px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin {
    background: url(../images/spritePng/icon/flag_min.png?v2) no-repeat -99999px 0/calc(320px * calc(var(--iconSize)/ 32)) auto
}

.flagMin--gb {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--es {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--fr {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--ab {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--ro {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--id {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--hr {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--ru {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--my {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--it {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--sk {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--bg {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--lv {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--si {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--cz {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--lt {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--fi {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--dk {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--hu {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--se {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--ja {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--de {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--nl {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--vn {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--ee {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--pl {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--th {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--gr {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--pt {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--cn {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--tw {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--in {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--ph {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--pk {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--kk {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--az {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--au {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--zn {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--cn {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.flagMin--mex {
    background-position: calc(-9px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon {
    background: url(../images/spritePng/icon/markets_icon.png?v2) no-repeat 0 0/calc(288px * calc(var(--iconSize)/ 32)) auto
}

.marketIcon--2604592722433220 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--5983666832495812 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--13863591790859460 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2306899949212868 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--27342779713672388 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1534677563882951876 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--875073666432455876 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1529135750401053892 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(0px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--233294501735650500 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--145488602653086916 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2503712530584772 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2498764728259780 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1377812623742148 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1534672890958533828 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--4523790268716228 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1393074759876564164 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--17119245720704196 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-1px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2275014112007364 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--173711966626469060 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--12632138767750340 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--938229064576095428 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1659929255594775748 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--73572020981421252 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--21645110458537156 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--28255649242633412 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--23872995894318276 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-2px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--20358132098225348 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1084329970651714756 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1378260489959724228 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--305243519000335556 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--22841379109557444 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1196668083066052 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--27236401963685060 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--938121312436573380 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--7089977393501380 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-3px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--426696411010244 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--422839530378436 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--426090820621508 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--427748677997764 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--27041281599427780 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--27045129890124996 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--7091880064013508 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--426627691533508 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--7090561509053636 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-4px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2039041367363114180 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--21674419315365060 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--31846804542746768 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--17018807910487236 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--14904219417007300 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--54189602460868 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--16943259435750596 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--494239066707140 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--21178483823812 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-5px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--22855552501634244 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2269946050598084 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--15871553426248900 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--126740190024900 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1147941679092932 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--8236450193691844 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--21182778791108 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2032585318552655044 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--5911305223492804 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-6px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2031321086339142852 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2411319194113220 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--300647732562 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--25769891012 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--391168441479312 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--13726135657459856 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--558345835716 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--23381802046660 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--145998823326404 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-7px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--21680337780298948 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1526559147980517520 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--93810675766468 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--508931114652423506 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--6015105993037138 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--10500838556456274 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1387370618105648466 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--58926951388356 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--empty {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-8px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1361805280629956 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2287641315857604 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--16150730595456196 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--3644116541985988 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--6863447933408452 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1657857463492 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--13566066521363652 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--14659243072378052 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--10384900209333444 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-9px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--521557515343844548 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--20430635441149124 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--27304541619836100 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--21537027606533316 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--15959415572223172 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--17209341249597958 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--3768580399256772 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--334608017207627 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--18231307242919108 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-10px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--22734159545980100 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--95150705504400 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--72924249806020 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--3664225578865860 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--21638732432102596 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--64051190882665156 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--18458652746798276 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--5261335024836 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--18231079609652420 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-11px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--286727721735506 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--283145719076036 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--15833315332412612 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--94489367748 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--554050868420 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--16150004745983172 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--61886789358486212 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--213309550777682 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1164941159650500 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-12px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--3088081573060 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--14957210723505348 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--17918603646148 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--3577707844804 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--11634503764170066 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--426391468332228 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--20304784309441732 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--rivin gold {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--229540232254660 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-13px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--282918085809348 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--180375741617348 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--14972685490672836 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--12884989124 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--406282431452356 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--35472134984900 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--2005749814468 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--158935264875716 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--179813100901572 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-14px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--85899433156 {
    background-position: calc(0px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--23680534114817220 {
    background-position: calc(-1px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--21677782274757828 {
    background-position: calc(-2px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--5986673309603012 {
    background-position: calc(-3px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--24257975375044 {
    background-position: calc(-4px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--22928193283511492 {
    background-position: calc(-5px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--6158983189700 {
    background-position: calc(-6px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1945620272324 {
    background-position: calc(-7px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon--1979980010692 {
    background-position: calc(-8px* 32 * calc(var(--iconSize)/ 32)) calc(-15px* 32 * calc(var(--iconSize)/ 32))
}

.marketIcon {
    display: block;
    margin: 0 auto
}

.marketIcon--15839732013552836.iconMd,
.marketIcon--1679716659553719492.iconMd,
.marketIcon--374675767046662.iconMd,
.marketIcon--374675767075865.iconMd,
.marketIcon--374675767108930.iconMd {
    background-position: 0 -192px
}

.marketIcon--15839732013552836.iconLg,
.marketIcon--1679716659553719492.iconLg,
.marketIcon--374675767046662.iconLg,
.marketIcon--374675767075865.iconLg,
.marketIcon--374675767108930.iconLg {
    background-position: 0 -256px
}

.marketIcon--123763777614342.iconMd,
.marketIcon--123763777643545.iconMd,
.marketIcon--123763777688772.iconMd {
    background-position: -24px -192px
}

.marketIcon--123763777614342.iconLg,
.marketIcon--123763777643545.iconLg,
.marketIcon--123763777688772.iconLg {
    background-position: -32px -256px
}

.marketIcon--93810675708048.iconMd,
.marketIcon--93810675745550.iconMd {
    background-position: -48px -192px
}

.marketIcon--93810675708048.iconLg,
.marketIcon--93810675745550.iconLg {
    background-position: -64px -256px
}

.marketIcon--6810413677172050.iconMd {
    background-position: -96px -192px
}

.marketIcon--6810413677172050.iconLg {
    background-position: -128px -256px
}

.cc-blinger {
    position: absolute;
    right: 0;
    bottom: var(--u16);
    padding: var(--u16);
    border-radius: var(--u32) 0 0 var(--u32);
    background: #fff;
    box-shadow: 0 0 0 1px #282828;
    cursor: pointer;
    z-index: 1
}

[dir=rtl] .cc-blinger {
    right: auto;
    left: 0;
    border-radius: 0 var(--u32) var(--u32) 0
}

.cc-blinger .cc-icons {
    display: block;
    color: var(--cEmph);
    transition: transform .3s ease
}

.cc-blinger .cc-icons:hover {
    --iconTransform: scale(1.1)
}

.cc-blinger__alert {
    position: absolute;
    top: 11px;
    right: 11px;
    opacity: 0;
    transition: opacity .3s ease
}

[dir=rtl] .cc-blinger__alert {
    right: unset;
    left: 11px
}

.cc-blinger--alerted .cc-blinger__alert {
    opacity: 1
}

.scroll__none .cc-blinger {
    -webkit-padding-end: var(--blingerPaddingRight);
    padding-inline-end: var(--blingerPaddingRight);
    right: 0
}

[dir=rtl] .scroll__none .cc-blinger {
    right: unset;
    left: 0
}

.field {
    --controlHeigh: 56px;
    position: relative;
    margin: 0 0 24px
}

.field__label {
    position: absolute;
    top: 20px;
    left: 16px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #828282;
    pointer-events: none;
    transform-origin: 0 0;
    transition: transform .3s ease
}

.field.active .field__label {
    transform: scale(.75) translateY(-12px)
}

.field__control {
    --borderInitilal: var(--cBorder);
    --borderHover: var(--primary);
    --border: var(--borderInitilal);
    width: 100%;
    height: var(--controlHeigh);
    border-radius: 8px;
    border: none;
    padding: 24px 16px 8px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    box-shadow: inset 0 0 0 1px var(--border);
    -webkit-appearance: none
}

.field__control:-internal-autofill-selected,
.field__control:-webkit-autofill,
.field__control:-webkit-autofill:focus,
.field__control:-webkit-autofill:hover {
    -webkit-text-fill-color: #333;
    box-shadow: inset 0 0 0 1px var(--border), 0 0 0 1000px #fff inset
}

.field__control:focus,
.field__control:hover {
    --border: var(--borderHover)
}

.error .field__control {
    border-color: #fa6031
}

.field__control::-webkit-inner-spin-button,
.field__control::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.field__control[type=number] {
    -moz-appearance: textfield
}

.field__clear {
    display: none;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .8);
    cursor: pointer
}

[dir=rtl] .field__clear {
    right: auto;
    left: 16px
}

.field__clear:after,
.field__clear:before {
    content: "";
    box-sizing: content-box;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    height: 5px;
    width: 5px;
    border-top: 2px solid #828282;
    border-right: 2px solid #828282
}

.field__clear:before {
    transform: rotate(135deg) translate(0, 70%);
    transform-origin: 81% 75%
}

.field__clear:after {
    transform: rotate(-45deg) translate(-70%, 0);
    transform-origin: 113% -24%
}

.field__eye {
    --colorIcon: var(--primary);
    display: none;
    position: absolute;
    top: 14px;
    right: 48px;
    border-radius: 2px;
    cursor: pointer
}

[dir=rtl] .field__eye {
    right: auto;
    left: 48px
}

.field__arrow {
    position: absolute;
    top: 50%;
    right: 22px;
    cursor: pointer;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.field--simple {
    --controlHeigh: auto
}

.field--simple .field__control {
    padding: 8px 16px
}

.field--dark .field__label {
    color: #828282
}

.field.active .field--dark .field__label {
    color: #e0e0e0
}

.field--dark .field__control {
    --borderInitilal: var(--cBorderDark);
    background: #333;
    color: #f2f3f5
}

.field--dark .error .field__control {
    border-color: #fa6031
}

.field--dropdown .field__label {
    left: 56px;
    transform: scale(.75) translateY(-12px)
}

.field--dropdown .field__control {
    -webkit-padding-start: 56px;
    padding-inline-start: 56px
}

.field--dropdown.active .field__label {
    transform: scale(.75) translateY(-12px) translateX(-52px)
}

.field--dropdown.active .field__control {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px
}

.field--dropdown.active .field__arrow {
    opacity: 0
}

.field--dropdown.active .country-code {
    transform: translateX(-20%);
    opacity: 0;
    transition: transform .2s ease, opacity .2s ease
}

.field .dropdown-custom-new {
    background: #fff;
    border-radius: 8px;
    box-shadow: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: max-height .2s;
    transition-delay: .1s;
    transform: translateZ(0);
    scrollbar-width: thin
}

.field .dropdown-custom-new::-webkit-scrollbar {
    width: 8px
}

.field .dropdown-custom-new::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 8px
}

.field .dropdown-custom-new::-webkit-scrollbar-track {
    margin: 2px 0;
    border-radius: 8px;
    background-color: #f0f0f0
}

.field .dropdown-custom-new.dropdown__preview,
.field .dropdown-custom-new.open {
    padding-block: 8px;
    padding-inline: 0;
    border: 1px solid var(--primary)
}

.field .dropdown-custom-new li {
    padding-block: 4px;
    padding-inline: 16px;
    min-height: 40px;
    font-size: 16px;
    line-height: 24px
}

.field .dropdown-custom-new li:hover {
    background-color: #f2f3f5
}

.field .dropdown-custom-new li:first-child,
.field .dropdown-custom-new li:last-child {
    border-radius: 0
}

.field .dropdown-custom-new li:not(:last-child) {
    border: none
}

html[lang=ar] .field__label {
    right: 16px;
    left: auto;
    transform-origin: 100% 0
}

html[lang=ar] .field__arrow {
    right: auto;
    left: 22px
}

html[lang=ar] .field--dropdown .field__label {
    right: 56px;
    left: auto
}

html[lang=ar] .field--dropdown.active .field__label {
    transform: scale(.75) translateY(-12px) translateX(52px)
}

html[lang=ar] .field .country-code {
    right: 0;
    left: auto
}

.fieldDropdown {
    --bgControl: #fff;
    --borderControl: var(--cBorder);
    --cControlArrow: var(--cSub);
    --bgList: #fff;
    --cText: var(--cEmph);
    --sizeText: 16px;
    --sizePlaceholderText: 13px;
    --weightText: 700;
    --bgListItemHover: var(--bgHover);
    --arrowRight: 8px;
    --dropdownListPd: 4px 0;
    position: relative
}

.fieldDropdown__control {
    position: relative;
    width: 100%;
    border: none;
    border-radius: var(--u8);
    padding: var(--u8) var(--u16);
    -webkit-padding-end: 40px;
    padding-inline-end: 40px;
    background: var(--bgControl);
    font-size: var(--sizeText);
    font-weight: var(--weightText);
    line-height: var(--u24);
    color: var(--cText);
    box-shadow: inset 0 0 0 1px var(--borderControl);
    transition: box-shadow .2s ease-out, color .2s ease-out;
    -webkit-appearance: none;
    cursor: pointer
}

.fieldDropdown__control:-internal-autofill-selected,
.fieldDropdown__control:-webkit-autofill,
.fieldDropdown__control:-webkit-autofill:focus,
.fieldDropdown__control:-webkit-autofill:hover {
    -webkit-text-fill-color: #333;
    box-shadow: inset 0 0 0 1px var(--border), 0 0 0 1000px #fff inset
}

.fieldDropdown__control:focus {
    box-shadow: inset 0 0 0 1px var(--primary)
}

.fieldDropdown__control::-moz-placeholder {
    font-size: var(--sizePlaceholderText);
    line-height: var(--u24);
    color: var(--cText)
}

.fieldDropdown__control::-ms-input-placeholder {
    font-size: var(--sizePlaceholderText);
    line-height: var(--u24);
    color: var(--cText)
}

.fieldDropdown__control::placeholder {
    font-size: var(--sizePlaceholderText);
    line-height: var(--u24);
    color: var(--cText)
}

.fieldDropdown__control--lg {
    padding: var(--u16);
    -webkit-padding-end: 56px;
    padding-inline-end: 56px
}

.fieldDropdown__control--xl {
    padding: var(--u16);
    -webkit-padding-end: 56px;
    padding-inline-end: 56px;
    line-height: var(--u32)
}

.fieldDropdown__control~* .fieldDropdown__control {
    cursor: text
}

.fieldDropdown__list {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    margin: 0;
    padding: var(--dropdownListPd);
    border-radius: 8px;
    background: var(--bgList);
    box-shadow: inset 0 0 0 1px var(--borderControl);
    display: none;
    pointer-events: none;
    max-height: 200px
}

.fieldDropdown__list li {
    padding: 8px 16px;
    cursor: pointer
}

.fieldDropdown__list li:hover {
    background-color: var(--bgListItemHover)
}

.fieldDropdown__loupe {
    position: absolute;
    top: 50%;
    left: var(--u8);
    -webkit-padding-end: var(--u8);
    padding-inline-end: var(--u8);
    border-right: 1px solid var(--cDivider);
    transform: translateY(-50%)
}

.fieldDropdown__control--lg+.fieldDropdown__loupe {
    left: var(--u16);
    -webkit-padding-end: var(--u16);
    padding-inline-end: var(--u16)
}

.fieldDropdown__loupe svg {
    display: block
}

.fieldDropdown__close {
    position: absolute;
    top: 50%;
    right: var(--u8);
    min-width: 24px;
    width: 24px;
    height: 24px;
    color: var(--cSub);
    opacity: 0;
    cursor: pointer;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.fieldDropdown__close:hover {
    color: var(--cSubHover)
}

.fieldDropdown__arr {
    position: absolute;
    top: 50%;
    right: var(--arrowRight);
    min-width: 24px;
    width: 24px;
    height: 24px;
    color: var(--cSub);
    transform: translateY(-50%);
    pointer-events: none
}

[dir=rtl] .fieldDropdown__arr {
    right: auto;
    left: var(--arrowRight)
}

.fieldDropdown__control--lg+.fieldDropdown__arr {
    --arrowRight: 16px
}

.fieldDropdown.opened .fieldDropdown__list {
    display: block;
    pointer-events: initial;
    z-index: 10
}

.fieldDropdown.focused .fieldDropdown__close {
    opacity: 1
}

.fieldDropdown--dark {
    --bgControl: var(--bgOnDark);
    --bgList: var(--bgOnDark);
    --cText: #fff;
    --bgListItemHover: var(--bgDarkHover);
    --borderControl: transparent
}

.fieldDropdown--search {
    --dropdownListPd: 0;
    --weightText: 700
}

.fieldDropdown--search:after {
    content: none
}

.fieldDropdown--search .fieldDropdown__control {
    height: auto;
    padding-right: 48px;
    padding-left: 48px;
    background: var(--bgGrey);
    color: var(--cEmph);
    box-shadow: none;
    cursor: text
}

.fieldDropdown--search .fieldDropdown__control--lg {
    -webkit-padding-start: 72px;
    padding-inline-start: 72px
}

.fieldDropdown--search .fieldDropdown__control::-moz-placeholder {
    font-weight: 400
}

.fieldDropdown--search .fieldDropdown__control::-ms-input-placeholder {
    font-weight: 400
}

.fieldDropdown--search .fieldDropdown__control::placeholder {
    font-weight: 400
}

.fieldDropdown--search .fieldDropdown__list {
    border-radius: 8px;
    border: 1px solid #f2f3f5;
    box-shadow: 0 16px 24px rgba(0, 0, 0, .16)
}

.fieldDropdown--search .fieldDropdown__list li {
    padding: 8px 8px 8px 40px;
    font-weight: 400
}

.fieldDropdown--searchBordered:after {
    content: none
}

.fieldDropdown--searchBordered .fieldDropdown__control {
    height: auto;
    padding-right: 48px;
    padding-left: 48px;
    font-size: 13px;
    font-weight: 700;
    color: var(--cEmph);
    cursor: text
}

.fieldDropdown--searchBordered .fieldDropdown__control::-moz-placeholder {
    font-size: 13px;
    font-weight: 400
}

.fieldDropdown--searchBordered .fieldDropdown__control::-ms-input-placeholder {
    font-size: 13px;
    font-weight: 400
}

.fieldDropdown--searchBordered .fieldDropdown__control::placeholder {
    font-size: 13px;
    font-weight: 400
}

.fieldDropdown--filter {
    --dropdownListPd: var(--u16)
}

.fieldDropdown--filter.opened .fieldDropdown__list {
    display: grid
}

.instruments-search-list li {
    padding: var(--u8) var(--u16);
    border-bottom: 1px solid var(--cBorder);
    cursor: pointer
}

.instrument-type {
    float: right;
    font-size: 13px;
    line-height: 16px;
    color: var(--cSub)
}

.instrument-short {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.instrument-full {
    font-size: 13px;
    line-height: 16px;
    color: var(--cSub)
}

html[dir=rtl] .fieldDropdown__loupe {
    right: var(--u8);
    left: auto;
    border-left: 1px solid var(--cDivider);
    border-right: none
}

html[dir=rtl] .fieldDropdown__close {
    left: var(--u8);
    right: auto
}

.trustTop {
    display: flex
}

.trustTop .cplzd {
    min-height: 0
}

.trustBottom {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    justify-content: center;
    padding: var(--u8);
    line-height: var(--u24);
    font-size: var(--u16)
}

.trustBottom__col {
    display: flex
}

.trustBottom__col:last-child .trustBottom__item:last-child:after {
    display: none
}

.trustBottom__item {
    position: relative;
    padding: var(--u24) 0;
    color: inherit
}

.trustBottom__item:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 48px;
    height: 1px;
    background: var(--bgOnGrey);
    transform: translate(-50%, -50%)
}

[dir=rtl] .trustBottom__item:after {
    left: unset;
    right: 50%
}

.trustBottom__item b {
    font-weight: 700;
    color: var(--cEmph)
}

.trustBottom__logo {
    height: var(--u32)
}

.trustBottom__value {
    font-size: var(--u24);
    line-height: var(--u24)
}

.trustBottom svg {
    display: block;
    max-width: 100%
}

.trustBottom .cplzd {
    min-height: 0
}

.starsRating {
    height: 24px;
    background: linear-gradient(to right, var(--mainColor, #000) calc(20% * var(--starsRating)), #dbdbe5 calc(20% * var(--starsRating)))
}

.starsRating--orange {
    width: 160px;
    -webkit-mask-image: url(../images/icons/stars.svg);
    mask-image: url(../images/icons/stars.svg);
    --mainColor: hsla(33, 100%, 58%, 1)
}

.starsRating--blue {
    width: 120px; display: flex; justify-content:space-between; line-height: 0;
 
}

.tpRating {
    --ratingBackgroundMain: var(--bgGrey);
    --ratingBackground1: #ff3821;
    --ratingBackground2: #ff8521;
    --ratingBackground3: #ffcf00;
    --ratingBackground4: #73d00e;
    --ratingBackground5: #02b57a;
    --subColor: var(--cSub);
    --tpGap: var(--u8);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 calc(var(--tpGap)/ -2)
}

.tpRating--center {
    align-items: center
}

.tpRating--rows>:not(:last-child) {
    margin-bottom: 8px
}

.tpRating__stars {
    display: inline-flex;
    align-items: center;
    position: relative;
    background: var(--ratingBackgroundMain);
    -webkit-clip-path: polygon(0 0, 18% 0, 18% 100%, 20.5% 100%, 20.5% 0, 38.5% 0, 38.5% 100%, 41% 100%, 41% 0, 59% 0, 59% 100%, 61.5% 100%, 61.5% 0, 79.5% 0, 79.5% 100%, 82% 100%, 82% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 18% 0, 18% 100%, 20.5% 100%, 20.5% 0, 38.5% 0, 38.5% 100%, 41% 100%, 41% 0, 59% 0, 59% 100%, 61.5% 100%, 61.5% 0, 79.5% 0, 79.5% 100%, 82% 100%, 82% 0, 100% 0, 100% 100%, 0 100%)
}

.tpRating__stars:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: calc(20% * var(--ratingVal));
    content: ""
}

[dir=rtl] .tpRating__stars:before {
    left: unset;
    right: 0
}

.tpRating--1 .tpRating__stars:before {
    background: var(--ratingBackground1)
}

.tpRating--2 .tpRating__stars:before {
    background: var(--ratingBackground2)
}

.tpRating--3 .tpRating__stars:before {
    background: var(--ratingBackground3)
}

.tpRating--4 .tpRating__stars:before {
    background: var(--ratingBackground4)
}

.tpRating--5 .tpRating__stars:before {
    background: var(--ratingBackground5)
}

.tpRating__icon {
    z-index: 1; width:128px; display: flex; line-height: 0; justify-content: space-between;
}

.tpRating__prop {
    display: grid;
    grid-template-columns: repeat(3, -webkit-max-content);
    grid-template-columns: repeat(3, max-content);
    align-items: center;
    gap: 8px;
    line-height: 24px;
    font-size: 13px;
    color: var(--subColor)
}

.tpRating__val {
    font-size: 24px;
    line-height: 24px
}

.tpRating strong {
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    text-align: left
}

.gray .tpRating,
.grey .tpRating {
    --ratingBackgroundMain: var(--bgOnGrey)
}

.footer {
    position: relative;
    display: grid;
    align-content: flex-start;
    grid-auto-columns: 100%;
    gap: 24px;
    padding-bottom: var(--u32)
}

.footer p {
    font-size: inherit;
    line-height: inherit
}

.footer__info {
    position: relative;
    font-size: 13px;
    line-height: 16px
}

.footer__info p {
    margin: 0 0 24px
}

.footer__info p:last-child {
    margin: 0
}

.footer__contacts,
.footer__other {
    display: grid;
    gap: var(--u16)
}

.footer__contacts a,
.footer__contacts p,
.footer__other a,
.footer__other p {
    margin: unset
}

.footer__contacts a,
.footer__other a {
    color: inherit
}

.footer__other {
    font-size: 16px;
    line-height: 24px
}

.footer__other--smallgaps {
    padding: 0 var(--u8)
}

.footer__underline {
    text-decoration: underline
}

.footer__underline:hover {
    text-decoration: none
}

.footer__social {
    display: grid;
    justify-content: center;
    justify-items: center;
    gap: var(--u24)
}

.footer__logo {
    margin: 0 auto;
    min-height: unset;
    color: var(--bgDark);
    vertical-align: top
}

.footer__store {
    width: 240px;
    height: 32px;
    margin: 0 -8px;
    image-rendering: -webkit-optimize-contrast
}

.footer__store .storeBtns {
    display: flex;
    justify-content: center
}

.footer__store a {
    display: block;
    margin: 0 var(--u8);
    max-width: 106px;
    width: 100%;
    height: var(--u32)
}

.footer__icons {
    max-width: 248px
}

.footer__copyright {
    display: grid;
    gap: var(--u16);
    font-size: 13px
}

.footer__links a {
    display: block;
    margin: 0 0 var(--u8)
}

.footer__row {
    margin-bottom: -24px
}

.footer__col {
    margin-bottom: var(--u24)
}

.footer__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--u24);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--cEmph)
}

.footer__title:hover {
    color: var(--cMainHover)
}

.footer__title svg {
    transition: transform .3s ease
}

.footer__title.active svg {
    transform: rotate(-180deg)
}

.footer__subtitle {
    display: block;
    font-weight: 700
}

.footer__subtitle+.сс-footerNav__bl {
    padding-left: var(--u16)
}

.footer__bl {
    padding-left: var(--u16)
}

.footer__bl:not(:last-child) {
    margin-bottom: var(--u8)
}

.footer__acc {
    font-size: 13px;
    line-height: 16px
}

.footer__acc a {
    color: var(--cEmph)
}

.footer__acc a:hover {
    color: var(--cMainHover)
}

.footer__acc a:not(.footer__subtitle):not(.footer__title) {
    font-family: gilroy, sans-serif;
    font-weight: 400
}

.footer__top {
    display: grid;
    justify-content: start;
    justify-items: start;
    padding: 0 var(--u8);
    gap: var(--u8)
}

.footer__actions {
    white-space: nowrap
}

.footer__actions a {
    margin-right: var(--u8);
    border-radius: var(--u8);
    vertical-align: top
}

.footer__actions a:last-child {
    margin-right: 0
}

.footer__menu {
    --gap: var(--u4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 500;
    margin: 0 calc(-1 * var(--gap))
}

.footer__menu li {
    padding: var(--gap);
    width: 50%
}

.footer__menu a {
    color: inherit
}

.footer__menu a:focus,
.footer__menu a:hover {
    color: var(--cMainHover)
}

.cc-logos {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: var(--u8);
    height: 48px
}

.cc-logos__item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: calc((100vw - 32px - 24px)/ 3.5);
    filter: grayscale(1);
    opacity: .7
}

.blackCEmph .cc-logos__item {
    filter: grayscale(1) invert(1)
}

.cc-logos img {
    display: block;
    min-height: 0;
    margin: 0 auto;
    transform: scale(.75)
}

.cc-socials {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -16px -24px
}

.cc-socials svg {
    display: block
}

.cc-socials a {
    margin: 0 var(--u16) var(--u24) var(--u16);
    color: var(--cEmph);
    transition: opacity .3s ease
}

.cc-socials a:hover {
    opacity: .9
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: var(--u16) var(--u32);
    border-radius: var(--u56);
    border: none;
    background: var(--baseColor);
    font-weight: 700;
    color: var(--cEmph);
    text-align: center;
    transition: background .3s ease-out, color .3s ease-out, box-shadow .3s ease-out;
    cursor: pointer
}

.btn.btn--empty {
    --baseHover: var(--primary);
    color: var(--baseColor);
    background: 0 0;
    box-shadow: inset 0 0 0 1px var(--baseColor)
}

.btn.btn--emptyblack {
    --baseColor: var(--bgDark);
    --color: var(--cEmph);
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--baseColor)
}

.btn.btn--emptywhite {
    --baseColor: var(--white);
    color: #fff;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--baseColor)
}

.btn.btn--emptylight {
    --baseColor: var(--bgGrey);
    color: var(--cEmph);
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--baseColor)
}

.dark .btn.btn--emptylight {
    color: var(--white)
}

.btn.btn--emptyCard {
    --baseColor: var(--cBorder);
    --hoverColor: var(--primary);
    --color: var(--cEmph);
    padding: var(--u8) var(--u24);
    background-color: transparent;
    font-weight: 400;
    box-shadow: inset 0 0 0 1px var(--baseColor)
}

.dark .btn.btn--emptyCard {
    --baseColor: var(--cBorderDark);
    --color: var(--white)
}

.btn.btn--emptyDark {
    --baseColor: var(--bgGrey);
    --color: var(--cEmph);
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--baseColor)
}

.btn.btn--black {
    /* background:#070e20; */
}

.btn.btn--noOutline {
    box-shadow: none
}

.btn.btn--icontext {
    --btnIconMargin: var(--u8);
    text-align: start
}

.btn.btn--icontext .cc-icons {
    margin-right: var(--btnIconMargin)
}

[dir=rtl] .btn.btn--icontext .cc-icons {
    margin-right: unset;
    margin-left: var(--btnIconMargin)
}

.btn.btn--icontext.btn--reverse .cc-icons {
    margin-right: unset;
    margin-left: var(--btnIconMargin)
}

[dir=rtl] .btn.btn--icontext.btn--reverse .cc-icons {
    margin-left: unset;
    margin-right: var(--btnIconMargin)
}

.btn.btn--round {
    border-radius: 50%;
    padding: var(--u8)
}

.btn.btn--round svg {
    display: block
}

.btn.btn--darkText {
    --color: var(--darkColor)
}

.btn.btn--lightBg {
    background: 0 0;
    color: var(--primary);
    border: 1px solid var(--primary)
}

.btn.btn--nowrap {
    white-space: nowrap
}

.btn--xs {
    padding: var(--u8) var(--u16);
    line-height: var(--u16);
    font-size: var(--u13)
}

.btn--sm {
    padding: var(--u8) var(--u16);
    font-size: var(--u13)
}

.btn--smMd {
    padding: var(--u8) var(--u16);
    line-height: var(--u16);
    font-size: var(--u13)
}

.btn--md {
    line-height: var(--u32);
    font-size: 20px
}

.btn--lg {
    padding: var(--u24) var(--u40);
    line-height: var(--u32);
    font-size: var(--u24)
}

.btn--wide {
    width: 100%
}

.btn--promo {
    padding-inline: var(--u32)
}

.btn--icontext.btn--sm {
    padding: var(--u8);
    -webkit-padding-end: var(--u16);
    padding-inline-end: var(--u16);
    line-height: var(--u16);
    font-size: var(--u13)
}

.btn--icontext.btn--md {
    --btnIconMargin: calc(var(--u8) * 2);
    padding: var(--u16);
    -webkit-padding-start: var(--u32);
    padding-inline-start: var(--u32);
    -webkit-padding-end: var(--u24);
    padding-inline-end: var(--u24)
}

.btn--icontext.btn--reverse.btn--sm {
    padding: var(--u8);
    -webkit-padding-end: var(--u8);
    padding-inline-end: var(--u8);
    -webkit-padding-start: var(--u16);
    padding-inline-start: var(--u16)
}

.btn:active,
.btn:hover {
    background: var(--baseHover)
}

.btn--disabled,
.btn.disabled,
.btn:disabled {
    --baseColor: var(--bgDisabled);
    --color: var(--cSub);
    pointer-events: none
}

.btn--disabled:active,
.btn--disabled:hover,
.btn.disabled:active,
.btn.disabled:hover,
.btn:disabled:active,
.btn:disabled:hover {
    background: var(--baseColor)
}

.btn--empty:hover {
    --color: var(--cLight)
}

.btn--emptyblack:hover {
    --baseColor: var(--primary);
    color: var(--primary);
    background: 0 0
}

.btn--emptywhite:hover {
   --baseColor: var(--primary);
   color: var(--primary);
   background: 0 0
}

.btn--emptylight:hover {
    --baseColor: var(--primary);
    background: 0 0
}

.btn--emptyCard:hover {
    box-shadow: inset 0 0 0 1px var(--hoverColor);
    background: 0 0
}

.btn--emptyDark.active,
.btn--emptyDark:focus,
.btn--emptyDark:hover {
    --color: var(--white);
    background: var(--bgDark)
}

.btn--lightBg:hover {
    color: var(--cLight);
    background: rgba(210, 198, 187, .2);
    border-color: var(--cLight)
}

.widgetBtn {
    min-width: 80px;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--bgGrey);
    text-align: center;
    color: inherit;
    transition: background .3s ease
}

.widgetBtn:hover {
    background: var(--chartBlue);
    color: #fff
}

.cc-icons {
    --iconSize: var(--u24);
    --iconTransform: scale(1);
    display: inline-block;
    min-width: var(--iconSize);
    width: var(--iconSize);
    height: var(--iconSize);
    fill: currentColor;
    color: var(--colorIcon, inherit);
    transition: transform .3s ease-out;
    transform: var(--iconTransform)
}

.cc-icons--arrowRight {
    --iconTransform: rotate(270deg)
}

.cc-icons--arrowTop {
    --iconTransform: rotate(180deg)
}

.cc-icons--arrowLeft {
    --iconTransform: rotate(90deg)
}

.cc-icons--twitter {
    color: #4aa1eb
}

.stickyBar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.scroll__none .stickyBar {
    padding-right: var(--disScrollPdRight)
}

.stickyBar__wrap {
    position: relative;
    display: flex;
    flex-flow: column-reverse nowrap;
    align-items: center
}

.cc-badge {
    --badgePd: var(--u8) var(--u24);
    --badgeBg: var(--bgDark);
    --badgeBdrs: 64px;
    --badgeFz: 13px;
    --badgeFzTab: 16px;
    --badgeTColor: var(--white);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: var(--badgePd);
    border-radius: var(--badgeBdrs);
    background-color:#fcd535;
    font-size: var(--badgeFz); 
    color: var(--cEmph)
}

.cc-badge--success {
    --badgeBg: var(--success)
}

.cc-badge--warning {
    --badgeBg: var(--warning)
}

.cc-badge--alert {
    --badgeBg: var(--chartRed)
}

.cc-badge--gold {
    --badgeBg: var(--primary);
    --badgeTColor: car(--cEmph)
}

.cc-badge--xxs {
    --badgePd: 4px var(--u8);
    --badgeFz: 10px;
    --badgeFzTab: 10px;
    line-height: 13px
}

.table {
    --cBorderTable: var(--cBorder);
    width: 100%
}

.table td,
.table th {
    border-bottom: 1px solid var(--cBorderTable)
}

.table th {
    padding: 8px 16px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: var(--cSub);
    text-align: start;
    vertical-align: bottom
}

.table td {
    padding: 8px 16px
}

.table tr:first-child th:not(.table__head):not(.table__msg),
.table tr:not(thead~tbody>tr):first-child td:not(.table__head):not(.table__msg) {
    padding-top: 0
}

.table svg {
    display: block
}

.table__info,
.table__info a {
    font-size: 12px;
    line-height: 1.33em;
    color: var(--cSub)
}

.table__string {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table__string--90 {
    max-width: 90px
}

.table__string--120 {
    max-width: 120px
}

.table__string--150 {
    max-width: 150px
}

.table__link {
    color: var(--cEmph)
}

tr:hover .table__link {
    color: var(--chartBlue);
    text-decoration: underline
}

tr:hover .table__link:hover {
    text-decoration: none
}

.table__sort {
    display: flex;
    cursor: pointer
}

.table__sort:hover svg {
    color: var(--cSubHover)
}

.table__sort span {
    -webkit-padding-end: var(--u8);
    padding-inline-end: var(--u8)
}

.table__sort svg {
    display: block
}

.table td.table__msg {
    grid-column: 1/-1;
    padding: 32px 8px;
    border-bottom: 1px solid var(--cBorderTable)
}

.table td.table__head {
    grid-column: 1/-1
}

.table--withTooltip tr:hover .cc-tooltip {
    opacity: 1
}

.table--withTooltip td {
    position: relative
}

.table--withTooltip .cc-tooltip {
    top: calc(100% + 1px);
    right: 0
}

.table--clean td {
    border: none;
    padding: 0
}

.table--interactive tr:not(.table__msg):hover {
    cursor: pointer
}

.table--interactive tr:not(.table__msg):hover td {
    background: var(--bgHover)
}

.table--interactive tr:not(.table__msg):hover td.table__msg {
    background: 0 0
}

.table--widget td,
.table--widget th {
    padding: 8px
}

.table--widget tr.active {
    background: #f9f9f9
}

.table--widget tr:hover td {
    background: #f9f9f9
}

.table--widget .price-change {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px
}

.table--widget .price {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #000
}

.table--widget .price:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    opacity: 0
}

.table--widget .price::after {
    content: none
}

.table--widget .price.positive-price {
    animation: none
}

.table--widget .price.positive-price:before {
    animation: price-tic 1s ease forwards;
    background-color: rgba(0, 196, 107, .1)
}

.table--widget .price.negative-price {
    animation: none
}

.table--widget .price.negative-price:before {
    animation: price-tic 1s ease forwards;
    background-color: rgba(207, 67, 70, .1)
}

.table--widget tr:hover {
    cursor: pointer
}

@keyframes price-tic {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.regSteps {
    --stepsBackground: var(--bgGrey);
    --cBorder: var(--cEmph);
    margin-bottom: var(--u24)
}

.regSteps:hover .regSteps__item:first-child {
    --cBorder: transparent;
    background: #fcd535;
    color: var(--cEmph)
}

.regSteps.black,
.regSteps.dark {
    --stepsBackground: var(--cLight);
    --cBorder: var(--cEmph)
}

.regSteps.black .regSteps__shape,
.regSteps.dark .regSteps__shape {
    --shapeMargin: 0;
    margin: var(--shapeMargin);
    background:#fcd535
}

.regSteps.black .regSteps__item,
.regSteps.dark .regSteps__item {
    color: var(--cBorder)
}

.regSteps__wrap {
    display: grid;
    grid-template-columns: -webkit-max-content minmax(120px, -webkit-max-content);
    grid-template-columns: max-content minmax(120px, max-content);
    align-items: center;
    gap: var(--u24);
    overflow: hidden
}

.regSteps__shape {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    grid-row: 1/4;
    border-radius: 56px;
    padding: 16px;
    gap: 64px
}

.regSteps__shape:before {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 0;
    border: 1px dashed var(--cBorder);
    content: ""
}

.regSteps__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: var(--stepsBackground);
    border-radius: 50%;
    border: 2px solid var(--cBorder);
    box-shadow: 0 0 0 var(--u16) var(--stepsBackground);
    transition: background .3s ease-out, border .3s ease-out
}

.regSteps__item:first-child {
    transition: background .3s ease-out;
    cursor: pointer
}

.regSteps__item:first-child:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 580%;
    height: 100%;
    content: ""
}

.dark .regSteps__text {
    color: var(--darkContrast)
}

.regSteps b {
    max-width: 300px;
    font-weight: 800;
    text-align: start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    line-height: 24px
}

.regSteps h2 {
    margin-bottom: var(--u16);
    font-size: 24px;
    line-height: 1.33em
}

.regSteps p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: var(--u16)
}

@media screen and (min-width:768px) {
    .cc-search__list::-webkit-scrollbar,
    .fieldDropdown__list::-webkit-scrollbar,
    .licLangSw__cont::-webkit-scrollbar,
    .licLangSw__countries::-webkit-scrollbar {
        height: 4px
    }
    .licLangSw__cont {
        grid-column: 2/12;
        padding: 40px
    }
    .licLangSw__wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--u16)
    }
    .licLangSw__langs {
        --gtc: 4;
        grid-auto-flow: column;
        grid-template-columns: repeat(5, -webkit-max-content);
        grid-template-columns: repeat(5, max-content);
        grid-template-rows: repeat(var(--gtc), -webkit-max-content);
        grid-template-rows: repeat(var(--gtc), max-content)
    }
    .scroll__none .riskWarn:after {
        z-index: unset
    }
    .field__clear {
        opacity: 0;
        pointer-events: none
    }
    .field__eye {
        right: 14px
    }
    [dir=rtl] .field__eye {
        left: 14px
    }
    .trustTop {
        justify-content: space-between;
        padding: 40px 0
    }
    .trustBottom {
        padding: var(--u16)
    }
    .trustBottom__item {
        padding: 32px 40px
    }
    .trustBottom__item:after {
        top: 50%;
        left: 100%;
        width: 1px;
        height: 48px;
        transform: translate(0, -50%)
    }
    [dir=rtl] .trustBottom__item:after {
        left: unset;
        right: 100%
    }
    .tpRating {
        --tpGap: var(--u16);
        flex-direction: row;
        align-items: flex-start
    }
    .tpRating--rows {
        flex-direction: column
    }
    .tpRating>* {
        margin: 0 calc(var(--tpGap)/ 2)
    }
    .footer__contacts,
    .footer__other {
        grid-auto-flow: column
    }
    .footer__other {
        justify-content: space-between
    }
    .footer__contacts {
        justify-content: center
    }
    .footer__social {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
    .footer__logo {
        margin: 0
    }
    .footer__icons {
        max-width: none
    }
    .cc-logos {
        height: 64px
    }
    .cc-logos__item {
        min-width: 128px
    }
    .cc-logos img {
        transform: scale(1)
    }
    .btn--smMd {
        padding: var(--u16) var(--u24)
    }
    .stickyBar__wrap {
        padding: unset
    }
    .cc-badge {
        font-size: var(--badgeFzTab)
    }
    .table td.table__head {
        line-height: 1.5rem;
        font-size: 16px
    }
    .table--withTooltip .cc-tooltip {
        right: auto;
        left: 0
    }
    .table--widget .price-change {
        font-size: 16px;
        line-height: 24px
    }
    .table--widget .price {
        font-size: 16px;
        line-height: 24px
    }
    .regSteps {
        margin-bottom: var(--u32);
        text-align: center
    }
    .regSteps__wrap {
        justify-content: center
    }
    .regSteps b {
        text-align: start
    }
    .regSteps h2 {
        margin-bottom: var(--u24);
        font-size: 32px;
        line-height: 1.25em
    }
    .regSteps p {
        margin-bottom: var(--u24)
    }
}

@media screen and (min-width:1024px) {
    .licLangSw__dropdown {
        grid-template-columns: repeat(12, 1fr)
    }
    .licLangSw__wrap {
        grid-template-columns: minmax(350px, 1fr) 2fr
    }
    .licLangSw__entity {
        grid-auto-flow: column
    }
    .trustTop {
        justify-content: space-evenly
    }
    .footer__other {
        padding: 0 var(--u32)
    }
    .footer__other--smallgaps {
        padding: 0 var(--u16)
    }
    .footer__copyright {
        grid-template-columns: 1fr auto;
        padding: 0 32px
    }
    .footer__copyright--short {
        padding: 0 32px
    }
    .footer__links {
        display: flex;
        margin: 0 -12px
    }
    .footer__links a {
        margin: 0 12px
    }
    .footer__row {
        display: flex;
        margin-bottom: 0
    }
    .footer__col {
        flex: 1;
        margin-bottom: 0;
        padding: 0 32px
    }
    .footer__title svg {
        display: none
    }
    .footer__top {
        display: flex;
        gap: var(--u16);
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
    .footer__actions .badge-googleplay {
        height: 40px;
        width: 135px;
        margin-right: 9px
    }
    .footer__actions .badge-appstore {
        height: 40px;
        width: 120px
    }
    .footer__menu {
        --gap: var(--u16)
    }
    .footer__menu li {
        width: auto
    }
    .btn--promo {
        padding-inline: var(--u48)
    }
    .regSteps {
        --stepsBackground: var(--cLight)
    }
    .regSteps__wrap {
        grid-template-columns: repeat(3, 1fr);
        align-items: start
    }
    .regSteps__shape {
        grid-template-columns: repeat(3, -webkit-max-content);
        grid-template-columns: repeat(3, max-content);
        grid-column: 1/-1;
        grid-row: unset;
        margin: 0 calc(12.5% - 16px);
        background: var(--stepsBackground);
        gap: var(--u32)
    }
    .regSteps__shape:before {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        bottom: unset;
        width: unset;
        height: 0
    }
    .regSteps__item {
        padding: var(--u16);
        border-radius: 50%;
        z-index: 1
    }
    .regSteps__item:first-child:before {
        left: 50%;
        top: 50%;
        width: 300%;
        height: 300%;
        transform: translate(-50%, -50%)
    }
    .dark .regSteps__item {
        color: var(--cEmph)
    }
    .regSteps b {
        justify-self: center;
        text-align: inherit
    }
}

@media screen and (min-width:1200px) {
    .licLangSw__cont {
        max-height: unset
    }
    .licLangSw__langs {
        --gtc: 3
    }
    .cc-nav {
        background: 0 0
    }
    .cc-nav__dropdown {
        padding: var(--u16);
        top: 100%;
        background: var(--headerHoverBackground);
        border: 1px solid var(--headerBdC);
        border-top: 0;
        border-radius: 0 0 var(--u16) var(--u16);
        transition: transform .3s ease-out, opacity .3s ease-out
    }
    .cc-nav__dropdown--1col {
        grid-template-columns: repeat(3, 1fr)
    }
    .cc-header.active {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        padding-right: var(--disScrollPdRight);
        height: unset
    }
    .active .cc-header__wrap {
        display: flex;
        flex-wrap: wrap;
        overflow: unset
    }
    .licLangSw:hover .licLangSw__btn .hdrIcon {
        --icHovTform: rotate(180deg)
    }
    .licLangSw:hover .licLangSw__dropdown {
        transform: rotate3d(0, 0, 0, 0);
        pointer-events: auto;
        opacity: 1
    }
    .licLangSw.inactive .licLangSw__btn .hdrIcon {
        --icHovTform: 0
    }
    .licLangSw.inactive .licLangSw__dropdown {
        transform: rotate3d(1, 0, 0, -90deg);
        pointer-events: auto;
        opacity: 0
    }
    .active .cc-nav {
        position: relative;
        padding: 0 var(--u8);
        height: unset;
        order: unset;
        overflow: unset
    }
    .active .cc-nav__wrap {
        display: none
    }
    .cc-nav__item.active .cc-nav__dropdown,
    .cc-nav__item:hover .cc-nav__dropdown {
        transform: rotate3d(0, 0, 0, 0);
        opacity: 1
    }
    .cc-search.active .cc-search__input {
        line-height: 24px
    }
    .cc-search.active .cc-search__input::-moz-placeholder {
        line-height: 16px;
        font-size: 13px
    }
    .cc-search.active .cc-search__input::-ms-input-placeholder {
        line-height: 16px;
        font-size: 13px
    }
    .cc-search.active .cc-search__input::placeholder {
        line-height: 16px;
        font-size: 13px
    }
    .cc-search.active .cc-search__dropdown {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% + var(--u8));
        font-weight: 400;
        font-size: 16px;
        pointer-events: auto
    }
    .footer__top {
        -webkit-padding-start: var(--u16);
        padding-inline-start: var(--u16);
        -webkit-padding-end: 30px;
        padding-inline-end: 30px
    }
}

@media screen and (max-width:1199px) {
    .licLangSw.active .licLangSw__btn .hdrIcon {
        --icHovTform: rotate(180deg)
    }
    .licLangSw.active .licLangSw__dropdown {
        transform: rotate3d(0, 0, 0, 0);
        pointer-events: auto;
        opacity: 1
    }
    .trustBottom {
        flex-direction: column;
        align-items: center
    }
}

@media screen and (max-width:1023px) {
    .footer__acc:not(.active) {
        display: none
    }
    .footer .logo-theme {
        width: 184px;
        height: 40px
    }
    .regSteps.black .regSteps__shape,
    .regSteps.dark .regSteps__shape {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .regSteps.black .regSteps__wrap,
    .regSteps.dark .regSteps__wrap {
        align-items: stretch
    }
}

@media screen and (max-width:767px) {
    .riskWarn.reduced .text-accord {
        display: none
    }
    .trustTop {
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap
    }
    .trustTop__item {
        padding: var(--u16) 0
    }
    .trustBottom__col {
        flex-direction: column;
        align-items: center
    }
    .tpRating>:not(:last-child) {
        margin: 0 calc(var(--tpGap)/ 2) var(--tpGap)
    }
	.btn{
	    padding: var(--u16) var(--u16)
	}
    .btn--wideMob {
        width: 100%
    }
    .table td {
        font-size: 13px;
        line-height: 16px
    }
}

@media (max-width:400px) {
    .active .topBanner__image {
        width: 55px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .trustBottom__col .trustBottom__item:last-child:after {
        display: none
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .flagFull {
        background-image: url(../images/spritePng/icon/flagFull@2x.png?v3)
    }
    .flagMin {
        background-image: url(../images/spritePng/icon/flag_min@2x.png?v2)
    }
    .marketIcon {
        background-image: url(../images/spritePng/icon/markets_icon@2x.png?v2)
    }
}