.acctech-mobile-auth { display: none; }
body.acctech-mobile-auth-open { overflow: hidden; }
.acctech-auth-backdrop { display: none; }
@media (max-width: 768px) {
  body.acctech-mobile-auth-open .header { z-index: 1001; }
  body.acctech-mobile-auth-open:not(:has(#acctech-mobile-auth[data-auto-open='true'])) .header .header-main > .container { min-height: 50px; padding-bottom: 0; }
  body.acctech-mobile-auth-open:not(:has(#acctech-mobile-auth[data-auto-open='true'])) .header-main .search-form,
  body.acctech-mobile-auth-open:not(:has(#acctech-mobile-auth[data-auto-open='true'])) .header-main .acctech-mobile-chat,
  body.acctech-mobile-auth-open .header-main .acctech-search-cancel { display: none; }
  body.acctech-mobile-auth-open .acctech-header-account .header-control__icon { filter: invert(43%) sepia(36%) saturate(714%) hue-rotate(40deg) brightness(91%); }
  body.acctech-mobile-auth-open:has(#acctech-mobile-auth[data-state='success']) .acctech-header-account .header-control__icon { filter: none; }
}
  .acctech-mobile-auth:not([hidden]) { display: block; position: fixed; z-index: 1000; top: var(--acctech-mobile-auth-top, 51px); right: 0; bottom: 0; left: 0; overflow: auto; overscroll-behavior: contain; background: #fff; color: #111; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; }
  .acctech-mobile-auth [hidden] { display: none !important; }
  .acctech-mobile-auth *, .acctech-mobile-auth *::before, .acctech-mobile-auth *::after { box-sizing: border-box; }
  .acctech-mobile-auth__heading { position: relative; display: flex; align-items: flex-start; justify-content: center; min-height: 56px; padding: 9px 45px 11px; }
  .acctech-mobile-auth[data-state='recovery'] .acctech-mobile-auth__heading,
  .acctech-mobile-auth[data-state='success'] .acctech-mobile-auth__heading { min-height: 55px; padding-bottom: 10px; }
  .acctech-mobile-auth[data-state='register'] .acctech-mobile-auth__heading { padding-top: 10px; padding-bottom: 10px; }
  .acctech-mobile-auth__heading h2 { margin: 0; font-size: 16px !important; line-height: 36px; font-weight: 500; text-transform: none; outline: none; }
  .acctech-mobile-auth button { font-family: inherit; cursor: pointer; }
  .acctech-mobile-auth__close, .acctech-mobile-auth__back { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; }
  .acctech-mobile-auth__close::before, .acctech-mobile-auth__close::after { content: ''; position: absolute; width: 21px; height: 1px; background: #111; transform: rotate(45deg); }
  .acctech-mobile-auth__close::after { transform: rotate(-45deg); }
  .acctech-mobile-auth__back { left: 9px; right: auto; }
  .acctech-mobile-auth__back::before { content: ''; width: 10px; height: 10px; border-left: 1px solid #111; border-bottom: 1px solid #111; transform: rotate(45deg); }
  .acctech-mobile-auth__content { padding: 0 20px 40px; }
  .acctech-mobile-auth form { margin: 0; }
  .acctech-mobile-auth p { margin: 0; font-size: 14px; line-height: 20px; }
  .acctech-mobile-auth__field { display: block; position: relative; min-height: 58px; margin: 0; padding: 0; font-size: 14px; line-height: 16px; }
  .acctech-mobile-auth__field input { display: block; width: 100%; height: 32px; margin: 0; padding: 2px 28px 3px 0; border: 0; border-bottom: 1px solid #000; border-radius: 0; outline-offset: 2px; box-shadow: none; background: #fff; color: #111; font: 14px/20px Roboto, Arial, sans-serif; }
  .acctech-mobile-auth__field:focus-within { color: #777; font-size: 12px; }
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field:first-of-type { min-height: 83px; padding-top: 14px; }
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field:not(:first-of-type) { min-height: 57px; }
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field:not(:first-of-type) input { height: 21px; padding-top: 0; padding-bottom: 0; }
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field input[type='tel'],
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field input[type='email'] { height: 32px; }
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field input[name='REGISTER[PASSWORD]'] { height: 23px; }
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field input[name='REGISTER[CONFIRM_PASSWORD]'] { height: 49px; }
  .acctech-mobile-auth [data-auth-form='login'] { padding-top: 8px; }
  .acctech-mobile-auth [data-auth-form='login'] > .acctech-mobile-auth__field:first-of-type { min-height: 83px; padding-top: 14px; color: #111; font-size: 14px; line-height: 16px; }
  .acctech-mobile-auth__password { min-height: 24px; }
  .acctech-mobile-auth__password input { height: 21px; padding-top: 0; padding-bottom: 0; }
  .acctech-mobile-auth__eye { position: absolute; bottom: 1px; right: 0; display: grid; place-items: center; width: 28px; height: 24px; padding: 0; border: 0; background: transparent; color: #000; }
  .acctech-mobile-auth__eye[aria-pressed='true']::after { content: ''; position: absolute; width: 24px; height: 1px; background: #000; transform: rotate(-35deg); }
  .acctech-mobile-auth__forgot { display: block; margin: 3px 0 32px; padding: 0; border: 0; background: transparent; color: #888; font-size: 11px; line-height: 16px; text-decoration: underline; }
  .acctech-mobile-auth__submit, .acctech-mobile-auth__secondary { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 0; padding: 10px 12px; border: 1px solid #000; border-radius: 4px; background: #000; color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; text-align: center; }
  .acctech-mobile-auth__secondary { margin-top: 13px; background: #fff; color: #000; }
  .acctech-mobile-auth__submit:disabled { opacity: .6; cursor: wait; }
  .acctech-mobile-auth__return { display: block; margin: 14px 0 0; padding: 0; border: 0; background: none; color: #111; font-size: 14px; line-height: 20px; }
  .acctech-mobile-auth__email { display: block; position: relative; margin: 20px 0 35px; padding-top: 28px; font-size: 14px; line-height: 20px; }
  .acctech-mobile-auth__email input { display: block; width: 100%; height: 44px; margin: 0; padding: 10px 12px; border: 1px solid #e7e7e7; border-radius: 5px; background: #fff; color: #111; font: 14px/20px Roboto, Arial, sans-serif; }
  .acctech-mobile-auth__email input::placeholder { color: #999; }
  .acctech-mobile-auth [data-auth-success] .acctech-mobile-auth__submit { margin-top: 42px; }
  .acctech-mobile-auth__hint { margin: -27px 0 13px !important; color: #888; font-size: 12px !important; line-height: 14px !important; }
  .acctech-mobile-auth__clear { position: absolute; z-index: 2; top: var(--clear-top, 18px); right: 4px; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: #bfbfbf; color: #fff; font-size: 0; line-height: 0; }
  .acctech-mobile-auth__clear::before, .acctech-mobile-auth__clear::after { content: ''; position: absolute; top: 9.5px; left: 5px; width: 10px; height: 1px; background: #fff; transform: rotate(45deg); }
  .acctech-mobile-auth__clear::after { transform: rotate(-45deg); }
  .acctech-mobile-auth__password .acctech-mobile-auth__clear { right: 32px; }
  .acctech-mobile-auth__email .acctech-mobile-auth__clear,
  .acctech-mobile-auth [data-auth-captcha] .acctech-mobile-auth__clear { right: 10px; }
  #acctech-mobile-auth input.acctech-mobile-auth__input--clearable { padding-right: 36px; }
  #acctech-mobile-auth .acctech-mobile-auth__password input.acctech-mobile-auth__input--clearable { padding-right: 62px; }
  .acctech-mobile-auth__consent { display: flex; align-items: flex-start; gap: 15px; margin: 32px 0 21px; font-size: 11px; line-height: 13px; }
  .acctech-mobile-auth__consent input { display: block; appearance: none; flex: 0 0 14px; width: 14px; height: 14px; margin: 0; padding: 0; border: 1px solid #dd0000; border-radius: 1px; background: #fff; box-shadow: none; cursor: pointer; }
  .acctech-mobile-auth__consent input:checked { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='m3 7 2.5 2.5L11 4' fill='none' stroke='%23dd0000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat; }
  .acctech-mobile-auth__consent a { color: #111; text-decoration: underline; }
  .acctech-mobile-auth__message:not([hidden]) { margin: 0 0 16px; padding: 10px; border: 1px solid #b82020; color: #a51919; overflow-wrap: anywhere; }
  .acctech-mobile-auth [data-auth-captcha]:not(:empty) { margin: 0 0 20px; }
  .acctech-mobile-auth [data-auth-captcha] label { display: block; position: relative; padding-top: 14px; }
  .acctech-mobile-auth [data-auth-captcha] img { display: block; max-width: 100%; margin: 8px 0; }
  .acctech-mobile-auth [data-auth-captcha] input:not([type='hidden']) { display: block; width: 100%; height: 40px; padding: 8px; border: 1px solid #e7e7e7; border-radius: 4px; }
  /* Keep captions inside empty fields and above focused or filled fields. */
  .acctech-mobile-auth__field { --caption-rest-top: 2px; --caption-float-top: -14px; --caption-left: 0px; }
  .acctech-mobile-auth__username,
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field:first-of-type { --caption-rest-top: 22px; --caption-float-top: 0px; }
  .acctech-mobile-auth__field:has(input[name='REGISTER[CONFIRM_PASSWORD]']) { --caption-rest-top: 16px; }
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field:has(input[type='tel']),
  .acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field:has(input[type='email']) { --caption-rest-top: 8px; }
  .acctech-mobile-auth__email { --caption-rest-top: 42px; --caption-float-top: 14px; --caption-left: 12px; }
  .acctech-mobile-auth [data-auth-captcha] label { --caption-rest-top: 26px; --caption-float-top: 0px; --caption-left: 8px; }
  .acctech-mobile-auth__field > span,
  .acctech-mobile-auth__email > span,
  .acctech-mobile-auth [data-auth-captcha] label > span { position: absolute; top: var(--caption-rest-top); left: var(--caption-left); z-index: 1; color: #111; font-size: 14px; line-height: 16px; pointer-events: none; }
  .acctech-mobile-auth__field:focus-within > span,
  .acctech-mobile-auth__field:has(input:not(:placeholder-shown)) > span,
  .acctech-mobile-auth__email:focus-within > span,
  .acctech-mobile-auth__email:has(input:not(:placeholder-shown)) > span,
  .acctech-mobile-auth [data-auth-captcha] label:focus-within > span,
  .acctech-mobile-auth [data-auth-captcha] label:has(input:not(:placeholder-shown)) > span { top: var(--caption-float-top); left: 0; color: #777; font-size: 11px; line-height: 14px; }
  #acctech-mobile-auth input:not([type='checkbox']),
  #acctech-mobile-auth input:not([type='checkbox']):hover,
  #acctech-mobile-auth input:not([type='checkbox']):focus,
  #acctech-mobile-auth input:not([type='checkbox']):focus-visible { outline: none !important; box-shadow: none !important; }
  .acctech-mobile-auth__field input:focus { border-bottom-color: #000; }
  .acctech-mobile-auth__email input:focus,
  .acctech-mobile-auth [data-auth-captcha] input:focus { border-color: #888; box-shadow: none; }
  .acctech-mobile-auth button:focus-visible,
  .acctech-mobile-auth a:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
  .acctech-mobile-auth__consent input:focus-visible { outline: 1px solid #dd0000; outline-offset: 3px; }
@media (min-width: 769px) {
  .acctech-auth-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 1100; background: rgba(0, 0, 0, .45); }
  .acctech-mobile-auth:not([hidden]) { top: 50%; bottom: auto; right: auto; left: 50%; transform: translate(-50%, -50%); z-index: 1101; width: 440px; max-height: calc(100dvh - 48px); border-radius: 8px; box-shadow: 0 12px 48px rgba(0, 0, 0, .18); }
  .acctech-mobile-auth__heading { position: sticky; top: 0; z-index: 3; padding-top: 20px; padding-bottom: 20px; min-height: 76px; background: #fff; }
  .acctech-mobile-auth[data-state='register'] .acctech-mobile-auth__heading,
  .acctech-mobile-auth[data-state='recovery'] .acctech-mobile-auth__heading,
  .acctech-mobile-auth[data-state='success'] .acctech-mobile-auth__heading { padding-top: 20px; padding-bottom: 20px; min-height: 76px; }
  .acctech-mobile-auth__heading h2 { font-size: 20px !important; }
  .acctech-mobile-auth__close, .acctech-mobile-auth__back { top: 20px; }
  .acctech-mobile-auth__content { padding: 0 32px 32px; }
  /* All storefront account states share desktop typography. */
  body.acctech-test-template #acctech-mobile-auth { font-size: 16px; }
  body.acctech-test-template #acctech-mobile-auth p,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__field,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__field > span,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__email > span,
  body.acctech-test-template #acctech-mobile-auth input:not([type='hidden']):not([type='checkbox']),
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__submit,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__secondary,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__return,
  body.acctech-test-template #acctech-mobile-auth [data-auth-captcha] label > span { font-size: 16px; line-height: 20px; }
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__field:focus-within > span,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__field:has(input:not(:placeholder-shown)) > span,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__email:focus-within > span,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__email:has(input:not(:placeholder-shown)) > span,
  body.acctech-test-template #acctech-mobile-auth [data-auth-captcha] label:focus-within > span,
  body.acctech-test-template #acctech-mobile-auth [data-auth-captcha] label:has(input:not(:placeholder-shown)) > span,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__forgot,
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__consent { font-size: 12px; line-height: 16px; }
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__field { --caption-float-top: -18px; }
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__username,
  body.acctech-test-template #acctech-mobile-auth [data-auth-form='register'] > .acctech-mobile-auth__field:first-of-type { padding-top: 20px; --caption-rest-top: 26px; --caption-float-top: 0px; }
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__password input,
  body.acctech-test-template #acctech-mobile-auth input[name='REGISTER[PASSWORD]'] { height: 32px; }
  body.acctech-test-template #acctech-mobile-auth [data-auth-captcha] label { padding-top: 20px; }
  body.acctech-test-template #acctech-mobile-auth .acctech-mobile-auth__email { --caption-float-top: 10px; }
}