.country-select{position:relative;width:240px}.flag-only.country-select{width:36px}.country-select__button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;border:1px solid #ccc;border-radius:4px;background:inherit;cursor:pointer;position:relative;z-index:2}.flag-only .country-select__button{border:none;padding:0}.country-select__button-content{display:flex;gap:1rem;align-items:center;width:100%;color:rgba(var(--color-foreground),1);font-family:var(--font-body-family)}.flag-only .country-select__button-content{gap:4px}.country-select__button-text{font-size:1.2rem}.flag-only .country-select__button-text{display:none}.country-select__button-caret{width:12px;height:12px;margin-left:auto;display:flex;align-items:center}.flag-only .country-select__button-caret{width:8px;height:8px;margin:0}.country-select__button-caret .icon{color:rgba(var(--color-foreground),.6);fill:rgba(var(--color-foreground),.6);width:100%;height:100%;display:block}.country-select__panel{position:absolute;width:100%;min-width:240px;max-height:220px;overflow-y:auto;z-index:999;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 8px 24px #0000001f}.country-select__panel--bottom{top:100%;margin-top:1px}.country-select__panel--top{bottom:100%;margin-bottom:1px}.country-select__search{width:100%;padding:.5rem;border:none;border-bottom:1px solid #ccc;outline:none;font-size:1.6rem}.country-select__search:focus-visible{outline:none;outline-offset:0;border-bottom-color:#ee7374;box-shadow:none}.country-select__list{max-height:220px;overflow-y:auto;list-style:none;margin:0;padding:0}.country-select__option{width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;cursor:pointer;font-size:1.1rem;color:rgba(var(--color-foreground),1);font-family:var(--font-body-family);display:flex;gap:1rem;align-items:center}.country-select__option:hover,.country-select__option:focus,.country-select__option[aria-current=true]{background:#f5f5f5;outline:none}.country-select__currency{color:rgba(var(--color-foreground),.6)}.icon-flag{width:18px;height:18px;border-radius:50%;background-size:cover;background-position:center center;display:block}.flag-only .icon-flag{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/83/assets/component-country-switcher.css.map */