.cv-account-drawer{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;width:min(550px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;color:#332e26;background:#f8f5f0;overflow:hidden;transform:translateX(102%);transition:transform .48s cubic-bezier(.22,.68,0,1);box-shadow:-18px 0 80px rgb(40 30 15 / .06)}
.cv-account-drawer::backdrop{background:rgb(43 35 24 / .19);opacity:0;transition:opacity .4s ease}
.cv-account-drawer.is-open{transform:translateX(0)}.cv-account-drawer.is-open::backdrop{opacity:1}
.cv-account-drawer__surface{display:flex;flex-direction:column;height:100%;min-height:0}
.cv-account-drawer__header{display:flex;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:18px 32px 18px;border-bottom:1px solid #e2dbcf}
.cv-account-drawer__brand{font:9px/1.4 Arial,sans-serif;letter-spacing:.24em;color:#6c5f4d}
.cv-account-drawer__header h2{font:29px/1.12 Iowan Old Style,Palatino Linotype,Georgia,serif;letter-spacing:-.035em;margin:8px 0 0}
.cv-account-drawer__close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;color:#695f51;background:none;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:background-color .22s,color .22s,transform .12s}
@media(hover:hover){.cv-account-drawer__close:hover{background:#eee7dc;color:#332e26}}
.cv-account-drawer__close:active{transform:scale(.96)}.cv-account-drawer__close:focus-visible,.cv-account-drawer__footer a:focus-visible{outline:1px solid #897454;outline-offset:3px}
.cv-account-drawer__frame{display:block;flex:1;width:100%;min-height:0;border:0;background:#f8f5f0;animation:cv-account-reveal .28s ease both}
.cv-account-drawer [hidden]{display:none!important}
.cv-account-drawer.has-settings .cv-account-drawer__footer{display:none}
.cv-account-drawer__loading{padding:38px 32px;flex:1;font:12px/1.8 Arial,sans-serif;color:#766c60}
.cv-account-drawer__loading::after{content:'';display:block;margin-top:28px;height:140px;background:linear-gradient(#e7dfd4 0 0) left 6px/62% 11px no-repeat,linear-gradient(#e7dfd4 0 0) left 34px/90% 7px no-repeat,linear-gradient(#e7dfd4 0 0) left 53px/76% 7px no-repeat;animation:cv-account-pulse 1.5s ease-in-out infinite}
.cv-account-drawer__footer{flex:none;display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #e2dbcf;padding:11px 32px calc(11px + env(safe-area-inset-bottom));font:10px/1.5 Arial,sans-serif;color:#877a66}
.cv-account-drawer__footer a{display:inline-flex;align-items:center;min-height:28px;color:#665a49;text-decoration:none;position:relative}
.cv-account-drawer__footer a::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .15s,transform 0s .15s}
.cv-account-drawer__footer a:hover::after,.cv-account-drawer__footer a:focus-visible::after{transform:scaleX(1);opacity:1;transition:transform .24s,opacity .1s}
html.cv-account-is-open{overflow:hidden}
@keyframes cv-account-reveal{from{opacity:0}to{opacity:1}}@keyframes cv-account-pulse{50%{opacity:.45}}
@media(max-width:760px){
 .cv-account-drawer{inset:0 0 auto;width:100vw;height:94dvh;max-height:94dvh;transform:translateY(-102%);border-radius:0;box-shadow:0 18px 80px rgb(40 30 15 / .08)}
 .cv-account-drawer.is-open{transform:translateY(0)}
 .cv-account-drawer__header{padding:calc(20px + env(safe-area-inset-top)) 24px 19px}.cv-account-drawer__header h2{font-size:29px}
 .cv-account-drawer__footer{padding-inline:24px}.cv-account-drawer__footer span{display:none}.cv-account-drawer__footer a{min-height:32px}
}
@media(prefers-reduced-motion:reduce){.cv-account-drawer,.cv-account-drawer::backdrop,.cv-account-drawer__close,.cv-account-drawer__footer a::after{transition:none}.cv-account-drawer__frame,.cv-account-drawer__loading::after{animation:none}.cv-account-drawer__close:active{transform:none}}
