.headerAccountRegister-title,.headerAccountRegister-copy,.headerAccountRegister-desktopLabel,.headerAccountRegister-arrow { display:none; }
.headerAccountLogin-welcome,.headerAccountLogin-reset { display:none; }
@media(min-width:801px) {
    .headerAccountLogin-mobileTitle { display:none; }
    .headerAccountLogin-welcome { display:inline; }
    .headerAccountRegister-mobileLabel { display:none; }
    .headerAccountRegister-desktopLabel { display:inline; }
    #account-dropdown {
        width:400px;
        max-height:calc(100dvh - 96px);
        color:var(--vernissage-white-text);
        background:#141414;
        border:1px solid #ffffff29;
        border-radius:3px;
        box-shadow:0 3px 8px #0004,0 20px 48px #0006;
        overflow:hidden;
    }
    #account-dropdown.is-floating::before,#account-dropdown.is-floating::after { display:none; }
    #account-dropdown .navUser-accountDropdown-panel {
        width:100%;
        max-height:calc(100dvh - 98px);
        padding:0;
        gap:0;
        overflow-y:auto;
        overflow-x:hidden;
        scrollbar-width:thin;
        scrollbar-color:#ffffff60 transparent;
    }
    #account-dropdown .navUser-accountDropdown-title {
        margin:0;
        padding:28px 26px 12px;
        border-bottom:0;
        background:transparent;
        color:var(--vernissage-white-text);
        font:400 24px/1.15 var(--vernissage-font-brand);
        letter-spacing:0;
        text-align:left;
    }
    #account-dropdown .navUser-accountDropdown-form { padding:18px 26px 28px; gap:22px; }
    #account-dropdown:has(.navUser-accountDropdown-form) { background:radial-gradient(ellipse at 0 0,#ffffff07,transparent 65%),#141414; }
    #account-dropdown .headerAccountLogin-password { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; column-gap:12px; }
    #account-dropdown .headerAccountLogin-password .form-input { grid-column:1 / -1; }
    #account-dropdown .headerAccountLogin-reset { display:block; color:#bdbdb8; font:400 12px/1.4 "Bricolage Grotesque",sans-serif; text-decoration:none; }
    #account-dropdown .headerAccountLogin-reset:hover { color:var(--vernissage-white-text); text-decoration:underline; text-underline-offset:4px; }
    #account-dropdown .navUser-accountDropdown-form > .navUser-accountDropdown-forgot { display:none; }
    #account-dropdown .navUser-accountDropdown-field { gap:8px; }
    #account-dropdown .form-label { color:#bdbdb8; font:400 13px/1.4 "Bricolage Grotesque",sans-serif; }
    #account-dropdown .form-input {
        height:46px;
        padding:11px 13px;
        border:1px solid #ffffff38;
        border-radius:2px;
        background:#202020;
        color:var(--vernissage-white-text);
        caret-color:var(--vernissage-white-text);
        font:400 16px/1.4 "Bricolage Grotesque",sans-serif;
        box-shadow:none;
        transition:border-color 160ms,background-color 160ms;
    }
    #account-dropdown .form-input:hover { border-color:#ffffff70; }
    #account-dropdown .form-input:focus { border-color:var(--vernissage-white-text); background:#252525; box-shadow:none; outline:none; }
    #account-dropdown .form-input:-webkit-autofill,
    #account-dropdown .form-input:-webkit-autofill:hover,
    #account-dropdown .form-input:-webkit-autofill:focus {
        -webkit-box-shadow:0 0 0 1000px #202020 inset;
        -webkit-text-fill-color:var(--vernissage-white-material);
        caret-color:var(--vernissage-white-text);
    }
    #account-dropdown .navUser-accountDropdown-submit {
        margin:4px 0 0;
        min-height:44px;
        padding:12px 16px;
        border:1px solid transparent !important;
        border-radius:2px;
        background:linear-gradient(#101010,#101010) padding-box,linear-gradient(135deg,#104b7b,#ee2229 34%,#ac8844 67%,#f1b418) border-box !important;
        color:var(--vernissage-white-text) !important;
        font:500 14px/1.4 "Bricolage Grotesque",sans-serif;
        letter-spacing:0;
        text-transform:none;
    }
    #account-dropdown .navUser-accountDropdown-submit.button:not([disabled]):hover,
    #account-dropdown .navUser-accountDropdown-submit.button:not([disabled]):focus-visible {
        background:linear-gradient(135deg,#104b7b,#ee2229 34%,#ac8844 67%,#f1b418) border-box !important;
        border-color:transparent !important;
        color:var(--vernissage-white-text) !important;
    }
    #account-dropdown .navUser-accountDropdown-submit[disabled] { opacity:.6; cursor:wait; }
    #account-dropdown .navUser-accountDropdown-forgot {
        width:fit-content;
        align-self:flex-end;
        color:#bdbdb8;
        font:400 13px/1.5 "Bricolage Grotesque",sans-serif;
        text-decoration:none;
    }
    #account-dropdown .navUser-accountDropdown-forgot:hover { color:var(--vernissage-white-text); text-decoration:underline; text-underline-offset:4px; }
    #account-dropdown .navUser-accountDropdown-register {
        display:grid;
        padding:25px 26px 28px;
        border-top:0;
        text-align:left;
        background:linear-gradient(130deg,#ffffff50,transparent 85%),#deddd8;
    }
    #account-dropdown .headerAccountRegister-title {
        display:block;
        margin-bottom:7px;
        color:#595954;
        font:400 13px/1.5 "Bricolage Grotesque",sans-serif;
    }
    #account-dropdown .headerAccountRegister-copy {
        display:block;
        grid-row:3;
        margin-top:12px;
        max-width:270px;
        color:#595954;
        font:400 13px/1.6 "Bricolage Grotesque",sans-serif;
    }
    #account-dropdown .navUser-accountDropdown-register a {
        display:flex;
        grid-row:2;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        position:relative;
        min-height:50px;
        padding:4px 0 12px;
        border:0;
        border-radius:0;
        background:transparent;
        color:#151515;
        font:400 24px/1.2 var(--vernissage-font-brand);
        letter-spacing:0;
    }
    #account-dropdown .navUser-accountDropdown-register a::after { content:""; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(135deg,#104b7b,#ee2229 34%,#ac8844 67%,#f1b418); opacity:.6; transition:opacity 160ms; }
    #account-dropdown .headerAccountRegister-arrow { display:block; flex:none; width:24px; height:24px; background:currentColor; -webkit-mask:url('../img/account-arrow-right.svg') center / contain no-repeat; mask:url('../img/account-arrow-right.svg') center / contain no-repeat; transition:transform 180ms; }
    #account-dropdown .navUser-accountDropdown-register a:hover { background:transparent; color:#000; text-decoration:none; }
    #account-dropdown .navUser-accountDropdown-register a:focus-visible { outline-color:#151515; }
    #account-dropdown .navUser-accountDropdown-register a:hover::after { opacity:1; }
    #account-dropdown .navUser-accountDropdown-register a:hover .headerAccountRegister-arrow { transform:translateX(4px); }
    #account-dropdown .navUser-accountDropdown-error { margin:0; color:#ee2229; font:400 14px/1.5 "Bricolage Grotesque",sans-serif; }
    #account-dropdown .navUser-accountDropdown-panel:not(:has(form)) { padding:24px 26px; align-items:stretch; }
    #account-dropdown .navUser-accountDropdown-greeting {
        margin:0 0 18px;
        padding:0 0 18px;
        border-bottom:1px solid #ffffff1f;
        font:400 24px/1.2 var(--vernissage-font-brand);
        color:var(--vernissage-white-text);
        text-align:left;
    }
    #account-dropdown .navUser-accountDropdown-link {
        padding:11px 0;
        color:#bdbdb8;
        font:400 14px/1.4 "Bricolage Grotesque",sans-serif;
        text-align:left;
        justify-content:space-between;
    }
    #account-dropdown .navUser-accountDropdown-link:hover { color:var(--vernissage-white-text); background:transparent; text-decoration:underline; text-underline-offset:4px; }
    #account-dropdown .navUser-accountDropdown-footer { align-items:stretch; border-color:#ffffff1f; margin-top:14px; padding-top:10px; }
    #account-dropdown :is(a,button):focus-visible { outline:1px solid var(--vernissage-white-text); outline-offset:4px; }
}