.auth-trigger-short{display:none}
.site-header .nav .console-link[data-auth-trigger]{
 display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #3b5268;
 border-radius:7px;min-height:36px;white-space:nowrap;color:#e7f1fa;
}
.console-link[data-auth-trigger]:is(:hover,[aria-expanded="true"]){border-color:#8cb5ca;color:#b1e8fa}
html:has(.auth-panel:modal){overflow:hidden}

.auth-panel{
 position:fixed;inset:auto 0;margin:0 auto;
 top:calc(var(--auth-viewport-top,0px) + var(--auth-viewport-height,100dvh) / 2);
 transform:translateY(-50%);
 width:min(380px,calc(100vw - 24px));max-width:none;max-height:none;overflow:visible;padding:0;
 background:#243244;color:#f4f8fb;border:1px solid #8baec1;border-radius:10px;
 box-shadow:0 20px 60px #04080fbb;color-scheme:dark;
}
.auth-panel::backdrop{background:#050a12b8;backdrop-filter:none}
.auth-panel[open]:not(:modal){box-shadow:0 0 0 200vmax #050a12b8}
.auth-panel-scroll{position:relative;overflow:auto;max-height:calc(var(--auth-viewport-height,100dvh) - 26px);padding:23px 24px 21px;scrollbar-width:thin;border-radius:inherit}
.auth-panel h2{margin:0 35px 16px 0;font-size:24px;font-weight:720;line-height:1.25;letter-spacing:-.025em;color:#f4f8fb}
.auth-panel-close{
 position:absolute;top:13px;right:14px;display:grid;place-items:center;width:38px;height:38px;
 border-radius:6px;font-size:25px;line-height:1;color:#d7e5f0;text-decoration:none;
}
.auth-panel-close:hover{background:#32465b}
.auth-panel form{display:grid;gap:12px}
.auth-panel form label{display:grid;gap:5px;font-size:14px;font-weight:550;line-height:1.4}
.auth-panel form input:not([type="checkbox"]){
 width:100%;min-width:0;min-height:44px;padding:8px 11px;background:#101923;color:#f4f8fb;
 border:1px solid #657b8e;border-radius:7px;font:inherit;font-size:16px;
}
.auth-panel .customer-password{position:relative;display:block}
.auth-panel .customer-password input{padding-right:46px}
.auth-panel .customer-password button{
 position:absolute;inset:0 2px 0 auto;width:42px;display:grid;place-items:center;
 padding:0;border:0;background:none;color:#cfdfeb;cursor:pointer;border-radius:6px;
}
.auth-panel .customer-password svg{width:19px;height:19px}
.auth-panel .customer-check{display:flex;gap:8px;align-items:center;font-weight:400}
.auth-panel .customer-check input{margin:0;width:17px;height:17px;flex:0 0 17px;accent-color:#a6e4f7}
.auth-panel .customer-muted{margin:0;color:#b2c2d0;font-size:13px;line-height:1.45}
.auth-panel .customer-forgot{justify-self:start;margin-top:-5px}
.auth-panel :is(.auth-panel-footer,.customer-check) a,.auth-panel a.customer-forgot{color:#a3def6;text-underline-offset:3px;font-size:14px}
.auth-panel .auth-panel-footer{text-align:center;margin-top:12px}
.auth-panel .auth-submit{
 min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:7px;background:#a0ddf3;color:#101d27;
 font:inherit;font-weight:700;cursor:pointer;
}
.auth-panel .auth-submit:hover:not(:disabled){background:#b6e9fa}
.auth-panel .auth-submit:disabled{opacity:.62;cursor:default}
.auth-panel :focus-visible{outline:2px solid #a8e0f4;outline-offset:2px}
.auth-panel h2:focus{outline:none}
.auth-panel #customer-auth-message{margin:0;font-size:13px;line-height:1.45;color:#ffc5a1}
.auth-panel #customer-auth-message[data-state="success"]{color:#aae5f5}
@media(max-width:640px){
 .auth-trigger-short{display:inline}
 .console-link[data-auth-trigger] span:first-child{display:none}
 .site-header .nav:has([data-auth-trigger]){gap:8px;padding-inline:12px}
 .site-header .nav:has([data-auth-trigger]) .nav-actions{gap:8px}
 .site-header .nav:has([data-auth-trigger]) .brand{gap:6px;font-size:17px}
 .site-header .nav:has([data-auth-trigger]) .brand small{display:none}
 .site-header .nav .console-link[data-auth-trigger]{padding-inline:7px;font-size:13px}
 .auth-panel-scroll{padding:20px 17px 17px}
}