.customer-header{gap:8px}.customer-account-button{flex:0 0 auto;padding:9px 8px;border:1px solid var(--brown);border-radius:20px;background:transparent;font-size:12px;font-weight:600;white-space:nowrap}
.account-dialog{box-sizing:border-box;width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--peach);color:var(--brown);box-shadow:0 12px 45px #42190840}
.account-dialog::backdrop{background:#24110880}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-heading h2{margin:0;font-size:22px}.account-close{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--brown);color:var(--peach);font-size:25px}.account-prototype{padding:9px 11px;border-radius:8px;background:#f5d6bf;font-size:11px;line-height:1.5}.account-intro{font-size:14px;line-height:1.5}.account-form .field{margin:14px 0}.account-form .field input{margin-top:6px;padding:11px}.account-form .primary-button{margin-top:14px}.account-mail-help{margin:5px 0 12px;font-size:12px;line-height:1.45;color:#6b3d25}.account-password-help{display:block;font-size:12px}.account-dialog>.text-button{display:block;margin:15px auto 0}.account-section{border-top:1px solid var(--line);margin:18px 0;padding-top:12px;font-size:13px;line-height:1.5}.account-section h3{font-size:17px;margin:0 0 10px}.account-order{padding:12px 0;border-bottom:1px solid var(--line)}.account-order small{display:block;margin-top:5px}.account-order p{margin:7px 0}.account-email{overflow-wrap:anywhere}.account-dialog>.primary-button{margin-top:12px}
@media(max-width:380px){.customer-header{padding:12px;gap:6px}.customer-header h1{font-size:18px;letter-spacing:2px}.customer-header h1.page-title{font-size:16px}.customer-account-button{font-size:11px;padding:8px 6px}.account-dialog{padding:16px}}