.storeSwitcher-root-H-P {
    /* composes: px-xs from global; */
    /* composes: py-2xs from global; */
}

.storeSwitcher-trigger-l0L {
}
.storeSwitcher-hidden-kd0{display: none !important;}
.storeSwitcher-menu-wkI {
    /* composes: bg-white from global;
    composes: border from global;
    composes: border-solid from global;
    composes: border-subtle from global;
    composes: bottom-md from global;
    composes: left-xs from global;
    composes: max-w-[90vw] from global;
    composes: opacity-0 from global; */
    /* border:1px solid #000; */
    /* composes: right-auto from global; */
    top:38px;
    /* composes: w-max from global; */
    /* composes: z-menu from global; */
    transform: translate3d(0, -8px, 0);
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
    transition-property: opacity, transform, visibility;

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;

    /* composes: sm_bottom-auto from global; */
    /* composes: sm_left-auto from global; */
    /* composes: sm_right-xs from global; */
    /* composes: sm_top-md from global; */
}

.storeSwitcher-menu_open-oyR {
    transform: translate3d(0, 4px, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.storeSwitcher-menuItem-22e,.storeSwitcher-cur-zZo{
    height:36px;
     box-sizing: border-box;
    display:flex;
    font-family: font-bold;
    align-items: center;
    justify-content: flex-end;
    font-size:14px;
    cursor: pointer;
    background:#fff;
}
.storeSwitcher-menuItem-22e{
    width:80px;
    padding:8px 12px; box-sizing: border-box;
}
.storeSwitcher-menuItem-22e:after{
    content: '';width: 20px;height: 20px; display: block;
    background: url(/us/flags2.png) no-repeat 0 0;
    background-size: 20px auto;
}

.storeSwitcher-menuItem-22e.storeSwitcher-EU-Uat:after{
    background-position: 0 0;
}
.storeSwitcher-menuItem-22e.storeSwitcher-US-fuH:after{
    background-position: 0 -25px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-FR-69N:after{
    background-position: 0 -50px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-NL-g8y:after{
    background-position: 0 -75px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-HK-3oh:after{
    background-position: 0 -100px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-UK-WpN:after{
    background-position: 0 -125px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-ES-bFS:after{
    background-position: 0 -150px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-DE-LWn:after{
    background-position: 0 -175px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-MX-FI1:after{
    background-position: 0 -200px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-UAE-7oa:after{
    background-position: 0 -250px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-AR-meL:after{
    background-position: 0 -225px;
}
.storeSwitcher-menuItem-22e.storeSwitcher-PL-huP:after{
    background-position: 0 -275px;
}


.storeSwitcher-menuItem-22e .storeSwitcher-name-PmA{
    flex: 1;
    box-sizing: border-box;
    width:40px;
}
.storeSwitcher-cur-zZo{width:82px; padding:8px 0;justify-content: flex-end;background:transparent; gap:16px;}
.storeSwitcher-cur-zZo span{ }

.storeSwitcher-menuItem-22e img{
    display: block;
    width:16px;
    height:16px; 
}
.storeSwitcher-menuItem-22e[data-cls=MX]{
    font-size: 14px;
}

.storeSwitcher-groups-NxT {
    /* composes: max-h-[24rem] from global; */
    /* composes: overflow-auto from global; */
    border-left: 1px solid rgba(0,0,0,0.05);
    border-right: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.storeSwitcher-groupList-910 {
    /* composes: border-b from global;
    composes: border-subtle from global;
    composes: pb-2xs from global;
    composes: pt-2xs from global; */
    color:#000;
    /* composes: last_border-none from global; */
}

/*
 * Mobile-specific styles.
 */

@media (max-width: 960px) {
    /* .root:only-child {
        grid-column: 2;
    } */
    .storeSwitcher-cur-zZo span{padding-left:8px;}
    /* TODO @TW: cannot compose */
    /* .root:last-child .menu {
        right: 1rem;
        left: auto;
    } */

    .storeSwitcher-menu-wkI {
        top:auto;
        bottom:30px;
        transform: translate3d(0, 7px, 0);
    }

    .storeSwitcher-menu_open-oyR {
        top:auto;
        bottom:30px;
        transform: translate3d(0, -4px, 0);
    }
    .storeSwitcher-arrow-ws1{transform: rotate(180deg);}
}

.button-root-MFn {
    padding-top: calc(0.5rem + 1px); /* TODO @TW: review */
    padding-bottom: calc(0.5rem - 1px); /* TODO @TW: review */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
}

.button-root-MFn:active {
    transition-duration: 128ms;
}

/**
 * Some browsers retain the :hover state after a click, this ensures if a button becomes disabled after
 * being clicked it will be visually disabled.
 */
.button-root-MFn:hover:disabled {
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}

.button-root_lowPriority-Qoh {
}

.button-root_normalPriority-1E0 {
}

.button-root_highPriority-UpE {
}

.button-root_lowPriorityNegative-uax,
.button-root_normalPriorityNegative-x-d {
}

.button-root_highPriorityNegative-gwK {
}

.button-content-TD8 {
}

.checkbox-root-hF1 {
    --stroke: var(--venia-global-color-gray-600);
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
}

.checkbox-input-WEy {
    grid-area: input;

    /* TODO @TW: review, replaces input:disabled. Check if working. */
}

.checkbox-icon-eiW {
    grid-area: input;
}

.checkbox-icon-eiW svg {
    stroke: rgb(var(--stroke));
}

.checkbox-label-wHh {
    grid-area: label;
}

/* When the input is disabled, update the cursor on the sibling label element. */
/* TODO @TW: cannot compose */
.checkbox-input-WEy:disabled ~ .checkbox-label-wHh {
    cursor: default;
}

.checkbox-input-WEy:checked:enabled + .checkbox-icon-eiW {
    --stroke: var(--venia-brand-color-1-700);
}

/* TODO @TW: cannot compose, needs "checked" variant enabled. Cannot combine variants. */
.checkbox-input-WEy:active:enabled,
.checkbox-input-WEy:focus:enabled {
    /* composes: active_shadow-radioActive from global; */
    /* composes: focus_shadow-radioFocus from global; */
    box-shadow: -3px 3px rgb(var(--venia-brand-color-1-100));
    outline: none;
}

.checkbox-input_shimmer-yEr {
}

.radio-root-Mbw {
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
}

.radio-input-Mgy {
    grid-area: input;
}

.radio-icon-QeD {
    grid-area: input;
}

/* TODO @TW: cannot compose */
.radio-icon-QeD svg {
    /* composes: stroke-gray-600 from global; */
    stroke: rgb(var(--venia-global-color-gray-600));
}

.radio-label-n0x {
    grid-area: label;
}

/* TODO @TW: cannot compose */
.radio-input-Mgy:checked + .radio-icon-QeD svg {
    /* composes: stroke-brand-base from global; */
    stroke: rgb(var(--venia-brand-color-1-700));
}

.radio-input_shimmer-1vi {
}

.field-root-fSe {
}

.field-label-zVe {
    min-height: 2.125rem;
}

.field-input-2Mu {
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px); /* TODO @TW: review */
}

.field-input-2Mu:disabled {
    background: rgb(var(--venia-global-color-gray-100));
    border-color: rgb(var(--venia-global-color-gray-400));
    color: rgb(var(--venia-global-color-gray-darker));
}

.field-optional-EDv {
}

.textArea-input-Rk3 {
}

.textArea-input_shimmer-SJm {
    font-size: 1rem;
}

.textInput-input-PzO {
}

.textInput-input_error-2j1 {
}

.textInput-input_shimmer-BRC {
    font-size: 1rem;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
}

.shimmer-root-N6z {
}

/* TODO @TW: cannot compose */
.shimmer-root-N6z::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(
        --venia-global-maxWidth
    ); /* TODO @TW: review. this should use TW theme value "maxWidth.site" */
    height: 100%;
    background-image: linear-gradient(
        to right,
        rgb(var(--venia-global-color-gray-50) / 0%) 0%,
        rgb(var(--venia-global-color-gray-50)) 40%,
        rgb(var(--venia-global-color-gray-50) / 0%) 80%,
        rgb(var(--venia-global-color-gray-50) / 0%) 100%
    );
    /* composes: bg-no-repeat from global; */
    background-repeat: none;
    background-size: var(--venia-global-maxWidth) 100%;
    -webkit-animation-name: shimmer-shimmerAnimation-rGT;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    will-change: transform;
}

.shimmer-root_rectangle-Hcb {

    min-height: 1rem;
}

.shimmer-root_button-AUG {
}

.shimmer-root_checkbox-Reu {
}

.shimmer-root_radio-y1q {
}

.shimmer-root_textArea-H8r {

    min-height: 6.75rem;
}

.shimmer-root_textInput-X-e {
}