@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
.cmp-country-selector{position:fixed;width:100%;height:100vh;top:0;left:0;display:flex;justify-content:center;background-color:var(--color-bg);z-index:10001;overflow:auto}
.cmp-country-selector__inner{padding:32px 0;width:100%;max-height:100%;overflow:auto;box-sizing:border-box}
.cmp-country-selector__container{padding:0 16px;width:100%}
.cmp-country-selector__top{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;margin-bottom:32px}
.cmp-country-selector__title{margin:0;text-align:center;padding:0 32px;font-size:22px;line-height:24px;color:var(--color-text-primary);font-family:var(--font-title);text-transform:var(--title-text-transform)}
.cmp-country-selector__list{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}
.cmp-country-selector__close{position:fixed;top:16px;right:16px;width:32px;height:32px;mask:var(--ico-close) no-repeat 100% 100%;-webkit-mask:var(--ico-close) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;background-color:var(--color-bg);border:0;cursor:pointer;outline:inherit;border-radius:50%;overflow:hidden}
.cmp-country-selector__close:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;transition:opacity .3s ease;background-color:var(--color-text-primary)}
.cmp-country-selector__close:hover:after{opacity:.7}
@media(min-width:764px){.cmp-country-selector__container{margin:0 auto;max-width:604px}
.cmp-country-selector__title{font-size:24px;line-height:32px;padding:0}
.cmp-country-selector__list{grid-template-columns:repeat(2,1fr);gap:24px 48px}
.cmp-country-selector__close{top:32px;right:32px}
}
@media(min-width:1016px){.cmp-country-selector{align-items:center}
.cmp-country-selector__container{max-width:952px}
.cmp-country-selector__top{margin-bottom:48px}
.cmp-country-selector__search{display:none}
.cmp-country-selector__list{grid-template-columns:repeat(4,1fr);gap:8px 24px}
}
@media(min-width:1436px){.cmp-country-selector__container{max-width:1320px}
.cmp-country-selector__title{font-size:30px;line-height:40px}
.cmp-country-selector__list{grid-template-columns:repeat(5,1fr)}
}
.cmp-country-selector-item{display:grid;grid-template-columns:repeat(1,1fr);gap:0;transition:all .3s ease;border:1px solid transparent;cursor:default}
.cmp-country-selector-item__title{margin:0;font-size:16px;line-height:20px;color:var(--color-text-primary);font-family:var(--font-country);width:fit-content;padding-bottom:8px}
.cmp-country-selector-item__title-link{color:var(--color-text-primary);text-decoration:none}
.cmp-country-selector-item__title-link:hover{color:var(--color-text-primary);text-decoration:none}
.cmp-country-selector-item__list{padding-left:0;list-style:none;margin:0;padding:0;display:flex;gap:16px}
.cmp-country-selector-item__link{display:block;font-size:14px;line-height:20px;color:var(--color-text-secondary);font-family:var(--font-lang);border-bottom:1px solid transparent;transition:all .3s ease}
.cmp-country-selector-item__link:hover{color:var(--color-text-secondary);border-bottom-color:var(--color-text-secondary);text-decoration:none}
@media(hover:hover) and (pointer:fine){.cmp-country-selector-item{padding:8px}
.cmp-country-selector-item:hover{background-color:var(--color-hover)}
.cmp-country-selector-item__title:hover + .cmp-country-selector-item__list:has(>:last-child:nth-child(1)) .cmp-country-selector-item{opacity:1}
.cmp-country-selector-item__title:hover + .cmp-country-selector-item__list:has(>:last-child:nth-child(1)) .cmp-country-selector-item__link{color:var(--color-text-secondary);border-bottom-color:var(--color-text-secondary)}
.cmp-country-selector__list:hover:has(.cmp-country-selector-item:hover) .cmp-country-selector-item:not(:hover){opacity:.7}
}
.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__group{position:relative;padding:0}
.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__group:before{position:absolute;content:'';mask:var(--ico-search) no-repeat 100% 100%;-webkit-mask:var(--ico-search) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;background-color:var(--color-text-secondary)}
.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input{color:var(--color-text-primary);padding-left:32px}
.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::placeholder{color:var(--color-text-secondary);transition:all .3s ease}
.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input:focus::placeholder{color:transparent}
.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-cancel-button{appearance:none}
.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-decoration,.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-cancel-button,.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-results-button,.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-results-decoration{display:none}
.cmp-country-selector{height:0;overflow:hidden;pointer-events:none;transition:height .4s ease}
.cmp-country-selector__top,.cmp-country-selector__close,.cmp-country-selector__list{opacity:0;transition:opacity .3s ease-in}
.cmp-country-selector.mod__is-active{pointer-events:auto;height:100vh;overflow:auto}
.cmp-country-selector.mod__is-active .cmp-country-selector__top{transition-delay:.4s}
.cmp-country-selector.mod__is-active .cmp-country-selector__close,.cmp-country-selector.mod__is-active .cmp-country-selector__list{transition-delay:.5s}
.cmp-country-selector.mod__is-active .cmp-country-selector__top,.cmp-country-selector.mod__is-active .cmp-country-selector__close,.cmp-country-selector.mod__is-active .cmp-country-selector__list{opacity:1}