.country-modal-trigger{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid currentColor;border-radius:3px;cursor:pointer;color:inherit;font:inherit;padding:5px 10px}.country-modal-trigger__flag{font-size:15px;border-radius:2px;box-shadow:0 0 0 1px #ffffff26}.country-modal-trigger__label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.country-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999}.country-modal[hidden]{display:none!important}.country-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.country-modal__panel{position:relative;z-index:1;background:#fff;color:#111;max-width:900px;width:calc(100% - 32px);max-height:calc(100vh - 64px);margin:32px auto;border-radius:8px;overflow-y:auto;padding:32px}.country-modal__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;position:sticky;top:-32px;background:#fff;padding-top:8px;margin-top:-8px}.country-modal__header h2{font-size:28px;font-weight:700;margin:0;color:#111}.country-modal__close{background:transparent;border:none;cursor:pointer;padding:4px;color:#111;width:24px;height:24px;flex-shrink:0}.country-modal__close svg{width:100%;height:100%}.country-modal__group{margin-bottom:28px}.country-modal__group-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#666;margin:0 0 12px}.country-modal__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:900px){.country-modal__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.country-modal__grid{grid-template-columns:1fr}.country-modal__panel{padding:20px;margin:16px auto;width:calc(100% - 16px);max-height:calc(100vh - 32px)}}.country-modal__card{display:flex;align-items:center;gap:10px;border:1px solid #ddd;border-radius:4px;padding:12px 14px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease;font:inherit}.country-modal__card:hover{border-color:#111}.country-modal__card[aria-current=true]{border-color:#111;background:#f5f5f5}.country-modal__card-flag{font-size:24px;flex-shrink:0;border-radius:2px;box-shadow:0 0 0 1px #0000001a}.country-modal__card-text{display:flex;flex-direction:column}.country-modal__card-name{font-weight:600;font-size:14px;color:#111}.country-modal__card-locale{font-size:12px;color:#777}
/*# sourceMappingURL=/cdn/shop/t/55/assets/country-selector-modal.css.map */