/* Account panels share the dark storefront component palette. */
body .modern-header .modern-account-item{position:relative}
body .modern-header .modern-account-item>.ij-account-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 24px));box-sizing:border-box;padding:0;background:#152938;color:#edf6fc;border:1px solid #365469;border-radius:12px;box-shadow:0 16px 44px #0007;overflow:hidden;text-align:left;font:400 14px/1.5 Rubik,Arial,sans-serif;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:9999}
body .modern-header .modern-account-item.ij-account-open>.ij-account-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
body .modern-header .modern-account-item .ij-account-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
body .modern-header .modern-account-item .ij-account-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#b5cbd9;font:400 26px/1 Rubik,Arial,sans-serif;border-radius:6px;cursor:pointer;flex-shrink:0}
@media (hover: hover){
body .modern-header .modern-account-item .ij-account-close:hover{background:#223f52;color:#fff}}
body .modern-header .modern-account-item .ij-account-login{padding:20px}
body .modern-header .modern-account-item .ij-account-login-title{display:block;margin:0;color:#edf6fc;font:600 20px/1.3 Rubik,Arial,sans-serif}
body .modern-header .modern-account-item .ij-account-intro{font:400 14px/1.5 Rubik,Arial,sans-serif;color:#b5cbd9;margin:8px 0 18px}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .modern-account-item .ij-account-auth-form{display:flex;flex-direction:column;gap:14px;margin:0}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-password input{padding-right:70px}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-reveal{position:absolute;right:6px;top:10px;min-width:54px;height:44px;padding:0 8px;border:0;background:transparent;color:#69ceff;font:500 13px/1 Rubik,Arial,sans-serif;cursor:pointer;border-radius:5px}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-submit{display:block;width:100%;min-height:48px;padding:12px 16px;margin:2px 0 0;background:#086eaa;color:#fff;border:1px solid #47bfff;border-radius:7px;font:600 16px/1.4 Rubik,Arial,sans-serif;text-align:center;cursor:pointer;box-shadow:none}
@media (hover: hover){
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-submit:hover{background:#075d90}}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-submit:disabled{opacity:.65;cursor:wait}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .modern-header-actions .ij-account-menu a.ij-auth-register{position:static;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;height:auto;margin:0;padding:8px;box-sizing:border-box;background:transparent;color:#69ceff;border:1px solid #365469;border-radius:7px;font:500 14px/1.4 Rubik,Arial,sans-serif;text-decoration:none;text-align:center}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) :is(.ij-auth-error,.ij-auth-status){display:block;color:#ffb6c2;margin:6px 0 0;font:400 13px/1.5 Rubik,Arial,sans-serif}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) :is(.ij-auth-error,.ij-auth-status)[hidden]{display:none}
body .modern-header .modern-account-item .ij-account-top{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #365469;background:#1b3749;border-color:#365469}
body .modern-header .modern-account-item .ij-account-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#244b63;color:#69ceff}
body .modern-header .modern-account-item .ij-account-avatar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
body .modern-header .modern-account-item .ij-account-identity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
body .modern-header .modern-account-item .ij-account-identity strong{font:600 17px/1.35 Rubik,Arial,sans-serif;overflow-wrap:anywhere;color:#edf6fc}
body .modern-header .modern-account-item .ij-account-secondary{font:400 13px/1.4 Rubik,Arial,sans-serif;overflow-wrap:anywhere;color:#b5cbd9}
body .modern-header .modern-account-item .ij-account-links{display:flex;flex-direction:column;gap:3px;padding:8px}
body .modern-header .modern-header-actions .ij-account-menu .ij-account-links>a{position:static;display:grid;grid-template-columns:24px minmax(0,1fr) 14px;align-items:center;gap:12px;width:auto;height:auto;min-height:60px;margin:0;padding:9px 12px;border-radius:7px;background:transparent;color:#edf6fc;text-decoration:none;text-align:left}
@media (hover: hover){
body .modern-header .modern-header-actions .ij-account-menu .ij-account-links>a:hover{background:#223f52}}
body .modern-header .modern-header-actions .ij-account-menu .ij-account-links>a>span{position:static;display:flex;width:auto;height:auto;background:transparent;color:inherit;border-radius:0}
body .modern-header .modern-account-item .ij-account-link-copy{flex-direction:column;gap:3px;align-items:flex-start}
body .modern-header .modern-account-item .ij-account-link-copy strong{display:flex;align-items:center;gap:6px;font:500 15px/1.3 Rubik,Arial,sans-serif}
body .modern-header .modern-account-item .ij-account-link-copy small{font:400 13px/1.4 Rubik,Arial,sans-serif;color:#b5cbd9}
body .modern-header .modern-account-item .ij-account-link-icon svg,body .modern-header .modern-account-item .ij-account-chevron svg{width:22px;height:22px;fill:none;stroke:#69ceff;stroke-width:1.7}
body .modern-header .modern-account-item .ij-account-chevron svg{width:14px;height:22px}
body .modern-header .modern-header-actions .ij-account-menu .ij-account-links>a.ij-account-logout{border-top:1px solid #365469;border-radius:0;margin-top:0;color:#d59aa2}
body .modern-header .modern-header-actions .ij-account-menu .ij-account-links>a.ij-account-logout .ij-account-link-copy strong{color:inherit}
body .modern-header .modern-header-actions .ij-account-menu .ij-account-links>a.ij-account-logout .ij-account-link-icon svg{stroke:currentColor}
body .modern-header .modern-header-actions .ij-account-menu .ij-account-links>a.ij-account-logout:not(:disabled):not([aria-disabled="true"]):is(:focus-visible){background-color:#332c37;color:#e4b0b7;border-color:#365469}
@media (hover: hover){
body .modern-header .modern-header-actions .ij-account-menu .ij-account-links>a.ij-account-logout:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible){background-color:#332c37;color:#e4b0b7;border-color:#365469}}
body .modern-header .modern-account-item .ij-account-menu :is(a,button):focus-visible{outline:2px solid #69ceff;outline-offset:-3px}
@media(max-width:760px){body .modern-header .modern-account-item>.ij-account-menu{position:fixed;top:76px;right:12px;max-height:calc(100dvh - 88px);overflow:auto}body .modern-header .modern-account-item .ij-account-close{width:44px;height:44px}
body .modern-header .modern-account-item .ij-account-link-icon svg{height:26px;stroke:#69ceff;width:24px}
body .modern-header .modern-account-item .ij-account-avatar svg{width:26px;height:26px}
body .modern-header .modern-account-item .ij-account-chevron svg{height:26px}}
@media(prefers-reduced-motion:reduce){body .modern-header .modern-account-item .ij-account-menu{transition:none}}

body .modern-header .modern-account-item>.ij-account-menu.ij-account-login{padding:20px}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-submit,body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-reveal{text-transform:none}

body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-field:is(.ij-field-has-error,.has-error) input{border-color:#ed7288}


body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-reveal svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-reveal [data-password-visible]{display:none}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-reveal[aria-pressed="true"] [data-password-visible]{display:inline}
body :is(.modern-header,.ij-registration,.ij-auth-page-form,.ij-profile-form) .ij-auth-reveal[aria-pressed="true"] [data-password-hidden]{display:none}