.country-selector__trigger{background:none;padding:0;font-size:14px;cursor:pointer}.country-selector__trigger span{text-decoration:underline}.country-selector__panel{position:relative;background:#fff;width:100%;max-height:calc(66vh - 61px);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;font-family:inherit;padding:0 20px 30px}@media(min-width:768px){.country-selector__panel{padding:0 30px 40px;max-height:447px}}.country-selector__title{font-size:20px;line-height:.5;margin:0}@media(min-width:768px){.country-selector__title{font-size:26px}}.country-selector__search{display:flex;align-items:center;gap:7px;padding:20px 0 11.5px;border-top:1px solid #dddddd}@media(min-width:768px){.country-selector__search{padding:23px 0 11.5px}}.country-selector__search-icon{flex-shrink:0}.country-selector__search-input{border:none;outline:none;width:100%;padding:0;height:14px;color:#989898}@media(max-width:767px){.country-selector__search-input{font-size:16px;transform:scale(.875);transform-origin:left}}@media(min-width:768px){.country-selector__search-input{font-size:18px;height:18px}}.country-selector__search-input::placeholder{color:#989898}.country-selector__current{display:flex;align-items:center;gap:10px;padding:12.5px 0 20px;font-size:14px;line-height:14px;border-bottom:1px solid #dddddd;margin-bottom:10px}@media(min-width:768px){.country-selector__current{padding:12.5px 0 25px;font-size:18px;line-height:15px;margin-bottom:19px}}.country-selector__form{overflow-y:auto;margin:0 -30px;padding:0 30px;min-height:calc(66vh - 165px);-webkit-overflow-scrolling:touch}@media(min-width:768px){.country-selector__form{min-height:321px}}.country-selector__list{list-style:none;margin:0;padding:0;position:relative}.country-selector__item{display:flex;align-items:center;justify-content:space-between;padding:12.5px 0;font-size:14px;line-height:1;cursor:pointer;position:relative}@media(min-width:768px){.country-selector__item{font-size:18px}}.country-selector__item.spacer{pointer-events:none}.country-selector__item span{position:relative}.country-selector__item.country-selector__item--selected:before{content:"";position:absolute;left:-7px;top:5px;width:calc(100% + 14px);height:29px;background:#f5f5f5;border-radius:8px}@media(min-width:768px){.country-selector__item.country-selector__item--selected:before{top:7px}}@media(hover:hover)and (pointer:fine){.country-selector__item:hover:before,.country-selector__item:focus-visible:before{content:"";position:absolute;left:-7px;top:5px;width:calc(100% + 14px);height:29px;background:#f5f5f5;border-radius:8px}@media(min-width:768px){.country-selector__item:hover:before,.country-selector__item:focus-visible:before{top:7px}}}.country-selector__item[hidden]{display:none}.country-selector__item-currency{color:#989898;font-size:14px;margin-left:auto;margin-right:0}@media(min-width:768px){.country-selector__item-currency{font-size:18px}}.country-selector__check{color:#111;flex-shrink:0}.country-selector__empty{padding:6px 0;color:#000;font-size:18px;min-height:280px}.country-selector__select,.country-selector__submit{margin:16px 24px}.country-selector__fade{position:absolute;left:0;right:0;bottom:0;height:100px;background:linear-gradient(to bottom,#fff0,#fffffffa 70%);pointer-events:none;opacity:1;transition:opacity .2s ease}@media(min-width:768px){.country-selector__fade{height:116px}}.country-selector__scroll-arrow{position:absolute;left:50%;bottom:12px;transform:translate(-50%);cursor:pointer}.country-selector__scroll-arrow[hidden]{display:none}.country-selector__scroll-arrow svg{transition:transform .2s ease}.country-selector__scroll-arrow--up svg{transform:rotate(180deg)}#countrySelectorModal{overflow:hidden}#countrySelectorModal .modal-dialog{max-width:600px}@media(max-width:767px){#countrySelectorModal .modal-dialog{margin:16px}}#countrySelectorModal .modal-content{border-radius:20px;min-height:66vh}@media(min-width:768px){#countrySelectorModal .modal-content{min-height:520px}}#countrySelectorModal .modal-header{padding:24px 20px 19px;border-bottom:0}@media(min-width:768px){#countrySelectorModal .modal-header{padding:30px 30px 25px}}#countrySelectorModal .modal-body{padding:0;line-height:inherit}
/*# sourceMappingURL=/cdn/shop/t/88/assets/ss-country-selector.css.map */