.inner_component--localization form{display:flex;align-items:center;gap:1.2rem}.locale-selector,.locale-sel-form{display:inline-flex;align-items:center}.locale-sel-item{position:relative;display:flex;align-items:center}.locale-sel-trigger{display:inline-flex;align-items:center;gap:.6rem;border:0;background:transparent;color:var(--text-color, #111111);cursor:pointer;-webkit-appearance:none;appearance:none;font-size:1.2rem;font-weight:500;text-transform:uppercase;line-height:1;white-space:nowrap;padding:.4rem .2rem;transition:opacity .2s ease,transform .15s ease}.locale-sel-trigger:hover{opacity:.8}.locale-sel-trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:.25rem}.locale-sel-trigger-label{max-width:12rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;font-weight:500;letter-spacing:.02em}.locale-sel-trigger .locale-sel-flag{width:1.6rem;height:1.6rem;min-width:1.6rem;display:inline-block;flex-shrink:0;border-radius:50%;object-fit:cover}.locale-sel-trigger .icon-caret,.locale-sel-trigger svg{width:1rem;min-width:1rem;height:.6rem;flex-shrink:0;transition:transform .25s ease}.locale-sel-trigger[aria-expanded=true] .icon-caret,.locale-sel-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.locale-sel-panel{position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:0;z-index:1000;width:28rem;max-width:calc(100vw - 2rem);padding:1.5rem;background:#fff;color:#111;box-shadow:0 .5rem 1.5rem #0000001f;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;opacity:0;visibility:hidden;transform:translateY(1.5rem);transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .25s ease-out,visibility 0s linear .3s;pointer-events:none}.locale-sel-panel.panel-above{inset-block-start:auto;inset-block-end:calc(100% + .5rem);transform:translateY(-1.5rem)}.locale-sel-panel.is-open{opacity:1;visibility:visible;transform:translateY(.5rem);pointer-events:auto;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease-in,visibility 0s linear 0s}.locale-sel-current{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1.3rem;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:.5rem}.locale-sel-current .locale-sel-flag{width:2rem;height:2rem;min-width:2rem;object-fit:cover;border-radius:50%;flex-shrink:0}.locale-sel-panel-close{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:.4rem;border:0;background:transparent;cursor:pointer;color:#666;border-radius:.25rem;line-height:0;transition:color .2s ease,background-color .2s ease}.locale-sel-panel-close:hover{color:#000;background-color:#0000000d}.locale-sel-panel-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.locale-sel-panel-close svg{width:1.2rem;height:1.2rem;transition:transform .25s ease-in-out}.locale-sel-panel-close:hover svg{transform:rotate(90deg)}.locale-sel-options{list-style:none;padding:0;margin:2.2rem 0 0;max-height:24rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.locale-sel-options::-webkit-scrollbar{width:4px}.locale-sel-options::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.locale-sel-option-item{padding:.2rem 0}.locale-sel-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.9rem 1rem;border:0;background:transparent;text-align:start;cursor:pointer;color:#111;font-size:1.3rem;border-radius:.375rem;transition:background-color .15s ease,color .15s ease}.locale-sel-option[disabled]{cursor:default}.locale-sel-option:hover:not(.is-active){background:#f4f4f5;color:#000}.locale-sel-option.is-active{background:#111;color:#fff;font-weight:500}.locale-sel-option:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.locale-sel-option .locale-sel-flag{width:1.8rem;height:1.8rem;min-width:1.8rem;object-fit:cover;border-radius:50%;flex-shrink:0}.locale-sel-option-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locale-sel-tick{margin-inline-start:auto;flex-shrink:0;width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;opacity:0;color:currentColor;transition:opacity .15s ease}.locale-sel-option.is-active .locale-sel-tick{opacity:1}@media screen and (max-width:640px){.locale-sel-panel{width:calc(100vw - 3rem);inset-inline-start:-1rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/localization-dropdown.css.map */
