.field-root-HJ- {
}

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

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

    /* composes: focus_outline-none from global;
    composes: focus_shadow-inputFocus from global; */
}

.field-input-CUm: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-j24 {
}


.field-input-new-y-X {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    /* padding-left: calc(1.875rem * var(--iconsBefore) + 18px);
    padding-right: calc(1.875rem * var(--iconsAfter) +17px); */
    padding:0 10px;
    line-height: 16px;
    font-size:14px;
    color: #000;
}

.textInput-input-Jz0 {
    outline:none; 
    height: 72px;
    border-radius: 16px;
    font-size: 22px;
    padding-left: 32px;
}

.textInput-input_error-9x2 {
    outline:none;
}

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


.textInput-inputnew-r4g {
    /* outline-color:#000; */
    outline:none;
}

.textInput-inputnone-BpN {
    /* composes: input from '../Field/field.module.css';
    composes: disabled_text-subtle from global; */
    font-size: 50px;
    height: 80px;
    width: 100%;
    padding: 20px 20px 30px 0;
    outline: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.textInput-inputnew_error-X3q {
    border: 1px solid rgba(229, 53, 53, 1);
    outline:none;
}

@media (max-width: 960px) {
    .textInput-inputnone-BpN {
        font-size: 16px;
        height: 60px; padding: 0;
    }
}
.fieldIcons-root-ecG {
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
}

.fieldIcons-input-Ced {
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}

/* TODO @TW: cannot compose */
.fieldIcons-input-Ced > input {
    padding-left: calc(1.875rem * var(--iconsBefore) + 0.625rem);
    padding-right: calc(1.875rem * var(--iconsAfter) + 0.625rem);
}

.fieldIcons-before-G3M,
.fieldIcons-after-xwp {
    /* padding-top: 8px; */
}

/* TODO @TW: cannot compose */
.fieldIcons-before-G3M:empty,
.fieldIcons-after-xwp:empty {
    display: none;
}

.fieldIcons-before-G3M {
    grid-area: before;
}

.fieldIcons-after-xwp {
    grid-area: after;
}

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


/* 新样式 2023-9 */

.fieldIcons-root-new-PzW,
.fieldIcons-root-new_error-lEy,
.fieldIcons-root-none-Psw,
.fieldIcons-root-none_error-nGQ {
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
}

.fieldIcons-input-new-9zR,
.fieldIcons-input-new_error-LGY,
.fieldIcons-input-none-uvl,
.fieldIcons-input-none_error-omQ  {
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}

/* TODO @TW: cannot compose */
.fieldIcons-input-new-9zR > input,
.fieldIcons-input-new_error-LGY > input,
.fieldIcons-input-none-uvl > input,
.fieldIcons-input-none_error-omQ > input {
    /* padding-left: calc(1.875rem * var(--iconsBefore) + 18px);
    padding-right: calc(1.875rem * var(--iconsAfter) +17px); */
    padding:0 10px;
}

.fieldIcons-before-new-1Lp,
.fieldIcons-after-new-7V0,
.fieldIcons-before-none--yZ,
.fieldIcons-after-none-Lno {
    color: #000;
}
.fieldIcons-before-new_error-aVE,
.fieldIcons-after-new_error-rZ7,
.fieldIcons-before-none_error--H3,
.fieldIcons-after-none_error-HzQ {
    color: rgba(185, 28, 28, 1);
}
/* TODO @TW: cannot compose */
.fieldIcons-before-new-1Lp:empty,
.fieldIcons-before-new_error-aVE:empty,
.fieldIcons-after-new-7V0:empty,
.fieldIcons-after-new_error-rZ7:empty,
.fieldIcons-before-none--yZ:empty,
.fieldIcons-before-none_error--H3:empty,
.fieldIcons-after-none-Lno:empty,
.fieldIcons-after-none_error-HzQ:empty  {
    display: none;
}

.fieldIcons-before-new-1Lp,
.fieldIcons-before-new_error-aVE,
.fieldIcons-before-none--yZ,
.fieldIcons-before-none_error--H3 {
    grid-area: before;
}

.fieldIcons-after-new-7V0,
.fieldIcons-after-new_error-rZ7,
.fieldIcons-after-none-Lno,
.fieldIcons-after-none_error-HzQ {
    grid-area: after;
}

/* TODO @TW: cannot compose */
.fieldIcons-before-new-1Lp svg,
.fieldIcons-before-none--yZ svg  {
    /* composes: stroke-gray-600 from global; */
    stroke: rgb(var(--venia-global-color-gray-600));
}
.button-root-3iv {
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    min-width:200px;

    /* composes: focus_shadow-inputFocus from global; */
}

.button-root-3iv: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-3iv:hover:disabled {
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}

.button-root_lowPriority-xHk {
}

.button-root_normalPriority-Z4b {
}

.button-root_highPriority-sM1 {
    background: #000;color: #fff;
}
.button-root_highPriority-sM1:hover{
    background: #000;color: #fff; opacity: 0.7;
}

.button-root_lowPriorityNegative-KqK,
.button-root_normalPriorityNegative-DHO {
}

.button-root_highPriorityNegative-inZ {
   
}

.button-content-ouv {
}

/* 新样式 */
.button-root-new-0dl {
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    background: #000;
    height: 2.5rem;
    border-radius: 8px;
    color: #fff;
    min-width:200px;
}
.button-root-black--4a{
    /* composes: min-w-[10rem] from global; */
    /* TODO @TW: review */
    line-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    background: #000;
    height: 2.5rem;
    border-radius: 6px;
    color: #fff;
    min-width:200px;
}
.button-root-white-toR{
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    border:1px solid #000;
    height: 2.5rem;
    border-radius: 6px;
    color: #000;
    min-width:200px;
}
.button-root-new-0dl:active,.button-root-black--4a:active {
    transition-duration: 128ms;
}

.button-root-new-0dl:hover:disabled,.button-root-black--4a:hover:disabled{
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}
/* autoBlack */
.button-root-autoBlack-ex0{
    background: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    border-radius: 4px; font-size: 16px;
    width: 100%;
}
.button-root-autoBlack-ex0:disabled{
    pointer-events: none;
    opacity: 0.3;
}
.button-root-block-0OB{
    /* composes: min-w-[10rem] from global; */
    /* TODO @TW: review */
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    background: #000;
    padding: 0 25px;
    line-height: 64px;
    border-radius: 6px; 
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}
.button-root-block-0OB:hover{
    opacity: 0.7;
}
@media (max-width: 960px) {
    .button-root-3iv,.button-root-white-toR,.button-root-black--4a,.button-root-new-0dl{
        min-width:100px;
    }
    .button-root-block-0OB{
        line-height: 44px; font-size: 18px;
    }
}
.message-root-B-9 {
}

/* TODO @TW: cannot compose */
.message-root-B-9:empty {
    display: none;
}

.message-root_error-sDd {
    font-size: 12px;
}