/* Approved violet sliding customer authentication. Scoped to the existing auth UI. */
#customer-auth.unlocker-sliding-auth{--customer-blue:#83008e;--customer-pale:#f3eef7;--customer-border:#ebe6ee;position:relative;display:block;width:min(880px,calc(100vw - 40px));height:720px;min-height:0;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:28px;background:#fff;color:#38303f;box-shadow:0 20px 65px #4c246429;overflow:hidden;isolation:isolate;font-family:'DM Sans','Segoe UI',sans-serif}
#customer-auth.unlocker-sliding-auth:not(.auth-standalone):not([open]){display:none}
#customer-auth.unlocker-sliding-auth::backdrop{background:#21132580;backdrop-filter:blur(4px)}
.customer-login-page:has(.unlocker-sliding-auth){background:linear-gradient(110deg,#e5ddfb,#d2ceff);padding:28px 20px 40px;min-height:calc(100dvh - 100px)}
.customer-login-page:has(.unlocker-sliding-auth) .auth-page-heading{width:min(880px,100%);margin:0 auto 20px;color:#80668d}
#customer-auth.unlocker-sliding-auth.auth-standalone{height:720px;max-height:none;min-height:0}
#customer-auth.unlocker-sliding-auth .sigma-auth-art{position:absolute;top:0;left:0;z-index:3;width:50%;height:100%;padding:0;border:0;border-radius:0 125px 125px 0;background:#83008e;color:#fff;overflow:hidden;transition:left .7s cubic-bezier(.65,0,.35,1),border-radius .7s cubic-bezier(.65,0,.35,1)}
#customer-auth.unlocker-sliding-auth[data-auth-mode=register] .sigma-auth-art{left:50%;border-radius:125px 0 0 125px}
#customer-auth.unlocker-sliding-auth .us-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}
#customer-auth.unlocker-sliding-auth .us-panel h2{font-size:29px;font-weight:700;line-height:1.2;letter-spacing:-.8px;color:#fff;margin:0 0 12px}
#customer-auth.unlocker-sliding-auth .us-panel p{font-size:12px;color:#edd5f0;margin:0 0 22px;line-height:1.8}
#customer-auth.unlocker-sliding-auth .us-panel button,#customer-auth.unlocker-sliding-auth .us-panel a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:135px;padding:8px 16px;border-radius:7px;border:1px solid #ffffff91;background:transparent;color:#fff;font:600 12px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none}
#customer-auth.unlocker-sliding-auth .us-panel button:hover,#customer-auth.unlocker-sliding-auth .us-panel a:hover{background:#ffffff12}
#customer-auth.unlocker-sliding-auth .sigma-auth-form{position:absolute;right:0;left:auto;top:0;width:50%;height:100%;padding:37px 38px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff;transform:translateX(0);transition:transform .7s cubic-bezier(.65,0,.35,1)}
#customer-auth.unlocker-sliding-auth[data-auth-mode=register] .sigma-auth-form{transform:translateX(-100%)}
#customer-auth.unlocker-sliding-auth .us-brand{display:block;text-align:center;font-size:10px;font-weight:600;color:#a58baa;margin-bottom:13px}
#customer-auth.unlocker-sliding-auth h1{font-size:30px;text-align:center;letter-spacing:-1px;margin:0 0 10px;font-weight:750;color:#30303a}
#customer-auth.unlocker-sliding-auth .auth-form-subtitle{text-align:center;color:#a09ba5;font-size:12px;line-height:1.6;margin:0 0 25px}
#customer-auth.unlocker-sliding-auth label{display:block;font-size:11px;font-weight:600;color:#76707c;margin:0 0 14px}
#customer-auth.unlocker-sliding-auth input:not([type=checkbox]),#customer-auth.unlocker-sliding-auth select{box-sizing:border-box;width:100%;min-width:0;min-height:45px;margin:7px 0 0;border:1px solid transparent;background:#f2f0f5;border-radius:8px;padding:10px 13px;font:400 13px 'DM Sans',sans-serif;color:#38303f;outline:0}
#customer-auth.unlocker-sliding-auth input:focus,#customer-auth.unlocker-sliding-auth select:focus{border-color:#a95cb5;box-shadow:0 0 0 3px #8b00900a}
#customer-auth.unlocker-sliding-auth .sigma-password input{padding-right:48px}
#customer-auth.unlocker-sliding-auth .sigma-password button{top:7px;right:0;min-width:44px;min-height:45px;padding:8px;color:#9b919f}
#customer-auth.unlocker-sliding-auth .btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:45px;border-radius:8px;background:#83008e;border:1px solid #83008e;color:#fff;font:600 12px 'DM Sans',sans-serif;padding:10px 14px}
#customer-auth.unlocker-sliding-auth .btn.full{display:flex;width:100%}
#customer-auth.unlocker-sliding-auth .btn.outline{background:white;color:#83008e;border-color:#d7bddc}
#customer-auth.unlocker-sliding-auth .btn:disabled{opacity:.5;cursor:not-allowed}
#customer-auth.unlocker-sliding-auth a{color:#83008e}
#customer-auth.unlocker-sliding-auth .sigma-auth-options{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:8px}
#customer-auth.unlocker-sliding-auth .sigma-auth-options a{font-size:11px;min-height:30px;display:inline-flex;align-items:center}
#customer-auth.unlocker-sliding-auth .auth-session-note{font-size:9px;color:#9a8da0}
#customer-auth.unlocker-sliding-auth .sigma-resend{margin:18px 0 0;font-size:10px;color:#8e7a97}
#customer-auth.unlocker-sliding-auth .sigma-resend summary{cursor:pointer;min-height:28px}
#customer-auth.unlocker-sliding-auth .sigma-resend form{padding-top:10px}
#customer-auth.unlocker-sliding-auth .sigma-divider{font-size:10px;color:#ac9ab4;margin:17px 0}
#customer-auth.unlocker-sliding-auth .sigma-divider:before,#customer-auth.unlocker-sliding-auth .sigma-divider:after{background:#eee8f0}
#customer-auth.unlocker-sliding-auth .title-row{gap:10px;flex-wrap:wrap;margin-bottom:20px}
#customer-auth.unlocker-sliding-auth .title-row h1{margin:0;font-size:28px}
#customer-auth.unlocker-sliding-auth .title-row small{color:#8a5d94;background:#f5edf7;font-size:10px;padding:4px 7px;white-space:nowrap}
#customer-auth.unlocker-sliding-auth .check{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;font-weight:400}
#customer-auth.unlocker-sliding-auth input[type=checkbox]{width:18px;height:18px;accent-color:#83008e;flex-shrink:0;margin-top:1px}
#customer-auth.unlocker-sliding-auth .sigma-strength{padding:12px;margin-bottom:16px;border-color:#e9ddef;border-radius:10px;background:#faf6fb}
#customer-auth.unlocker-sliding-auth .sigma-auth-close{position:absolute;right:10px;top:10px;z-index:5;min-width:44px;min-height:44px;padding:8px;border-radius:50%;background:#ffffffd9;color:#75477f;font-size:25px}
#customer-auth.unlocker-sliding-auth [hidden]{display:none!important}
#customer-auth.unlocker-sliding-auth button:focus-visible,#customer-auth.unlocker-sliding-auth a:focus-visible{outline:3px solid #cf94db;outline-offset:3px}
@media(min-width:651px) and (max-width:920px){#customer-auth.unlocker-sliding-auth .sigma-auth-form{padding:30px 27px}#customer-auth.unlocker-sliding-auth .us-panel{padding:25px}#customer-auth.unlocker-sliding-auth .us-panel h2{font-size:26px}#customer-auth.unlocker-sliding-auth input:not([type=checkbox]),#customer-auth.unlocker-sliding-auth select{font-size:16px}}
@media(max-width:650px){.customer-login-page:has(.unlocker-sliding-auth){padding:20px 12px 30px}.customer-login-page:has(.unlocker-sliding-auth) .auth-page-heading{font-size:10px;gap:8px;flex-wrap:wrap}#customer-auth.unlocker-sliding-auth{width:min(430px,calc(100vw - 24px));height:850px;max-height:calc(100dvh - 24px);border-radius:24px;overflow-y:auto;overflow-x:hidden}#customer-auth.unlocker-sliding-auth.auth-standalone{height:850px;max-height:none}#customer-auth.unlocker-sliding-auth .sigma-auth-art{width:100%;height:190px;left:0;top:0;border-radius:0 0 75px 75px;transition:top .7s cubic-bezier(.65,0,.35,1),border-radius .7s cubic-bezier(.65,0,.35,1)}#customer-auth.unlocker-sliding-auth[data-auth-mode=register] .sigma-auth-art{left:0;top:660px;border-radius:75px 75px 0 0}#customer-auth.unlocker-sliding-auth .sigma-auth-form{width:100%;height:660px;right:0;top:0;padding:30px 27px;transform:translateY(190px);transition:transform .7s cubic-bezier(.65,0,.35,1)}#customer-auth.unlocker-sliding-auth[data-auth-mode=register] .sigma-auth-form{transform:translateY(0)}#customer-auth.unlocker-sliding-auth .us-panel{padding:22px}#customer-auth.unlocker-sliding-auth .us-panel h2{font-size:25px;margin-bottom:8px}#customer-auth.unlocker-sliding-auth .us-panel p{font-size:11px;margin-bottom:14px}#customer-auth.unlocker-sliding-auth .us-panel button{min-height:44px}#customer-auth.unlocker-sliding-auth input:not([type=checkbox]),#customer-auth.unlocker-sliding-auth select{font-size:16px;min-height:48px}#customer-auth.unlocker-sliding-auth .btn{min-height:48px}#customer-auth.unlocker-sliding-auth h1{font-size:29px}#customer-auth.unlocker-sliding-auth .title-row h1{font-size:27px}}
@media(max-width:360px){#customer-auth.unlocker-sliding-auth .sigma-auth-form{padding:27px 20px}#customer-auth.unlocker-sliding-auth .us-panel h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){#customer-auth.unlocker-sliding-auth .sigma-auth-art,#customer-auth.unlocker-sliding-auth .sigma-auth-form{transition:none}}
/* Neutralize the old illustration's minimum height and field margins. */
#customer-auth.unlocker-sliding-auth .sigma-auth-art{min-height:0;max-height:none}
#customer-auth.unlocker-sliding-auth .auth-story:before{display:none}
#customer-auth.unlocker-sliding-auth .sigma-auth-form{min-height:0;max-height:none}
#customer-auth.unlocker-sliding-auth .sigma-password{margin:0;position:relative}