marame-account{display:contents}
body.marame-account-open{overflow:hidden}
.marame-account-dialog{position:fixed;inset:0 0 0 auto;box-sizing:border-box;width:92vw;max-width:390px;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-radius:0;background:#faf9f7;color:#2a2a2d;font-family:var(--font-body-family);font-weight:300;overflow:hidden}
.marame-account-dialog:not([open]){display:none}
.marame-account-dialog[open]{display:flex;flex-direction:column}
.marame-account-dialog::backdrop{background:rgba(0,0,0,.4)}
.marame-account-dialog [hidden]{display:none!important}
.marame-account-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;border-bottom:.5px solid #e8e5e0;flex-shrink:0}
.marame-account-heading p{margin:0 0 5px;font-size:9px;color:#777;letter-spacing:.24em;text-transform:uppercase}
.marame-account-heading span{font-size:14px;letter-spacing:.1em}
.marame-account-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;border:0;background:none;color:#777;cursor:pointer}
.marame-account-close svg{width:18px;height:18px}
.marame-account-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:40px 24px}
.marame-account-content h2{margin:0 0 8px;font:inherit;font-size:20px;font-weight:300;letter-spacing:.04em;line-height:1.4}
.marame-account-intro{margin:0 0 32px;font-size:12px;color:#777;letter-spacing:.03em;line-height:1.75}
.marame-account-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:14px;box-sizing:border-box;background:#2a2a2d;color:#faf9f7;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:400;letter-spacing:.2em;transition:background .2s}
.marame-account-primary:hover{background:#454548}
.marame-account-note{margin:16px 0 30px;color:#777;font-size:11px;line-height:1.7;letter-spacing:.02em}
.marame-account-links{margin-top:24px;border-top:.5px solid #ddd9d4}
.marame-account-links a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 0;border-bottom:.5px solid #ddd9d4;color:#2a2a2d;text-decoration:none;font-size:11px;letter-spacing:.08em}
.marame-account-links a:hover{text-decoration:underline;text-underline-offset:4px}
.marame-account-signout{display:inline-block;padding:20px 0;color:#777;font-size:11px;text-underline-offset:3px}
.marame-account-footer{flex-shrink:0;padding:16px 24px max(16px,env(safe-area-inset-bottom));border-top:.5px solid #e8e5e0;text-align:center;font-size:9px;letter-spacing:.12em;color:#777}
@media(min-width:1024px){.marame-account-dialog{width:480px;max-width:100vw}.marame-account-content{padding:40px 32px}.marame-account-heading{padding-inline:32px}}
@media(prefers-reduced-motion:no-preference){.marame-account-dialog[open]{animation:marame-account-in .4s cubic-bezier(.22,.8,.25,1)}.marame-account-dialog[data-closing=true]{animation:marame-account-out .22s ease-in forwards}}
@keyframes marame-account-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes marame-account-out{from{transform:translateX(0)}to{transform:translateX(100%)}}