.customer{max-width:540px;margin-inline:auto;padding-inline:var(--mps-gutter-inline);padding-block:var(--mps-space-lg)}.customer.account,.customer.addresses,.customer.order{max-width:960px}.customer h1,.customer h2:not(.form__message){font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:var(--mps-line-tight);letter-spacing:0;text-align:center;margin-block-end:var(--mps-space-xs)}.customer h1{font-size:clamp(2rem,4vw,2.75rem)}.customer h2:not(.form__message){font-size:1.5rem}.customer>p,.customer>div>p:first-of-type{text-align:center;font-size:.9375rem;opacity:.8;line-height:var(--mps-line-body);margin-block-end:var(--mps-space-md)}.customer a{color:var(--color-foreground);text-underline-offset:4px}.customer a:hover{opacity:.7}.customer .field{margin-block-end:var(--mps-space-sm);position:relative}.customer .field input,.customer input[type=email],.customer input[type=password],.customer input[type=text]{width:100%;background:var(--color-background);border:1px solid rgba(26,22,18,.25);border-radius:var(--mps-radius-md);padding:16px 16px 12px;font-family:var(--font-body-family);font-size:.9375rem;color:var(--color-foreground);transition:border-color var(--mps-dur-fast) var(--mps-ease)}.customer .field input:focus{outline:none;border-color:var(--color-foreground);box-shadow:0 0 0 1px var(--color-foreground)}.customer .field label{position:absolute;left:16px;top:14px;font-size:.8125rem;color:var(--color-foreground);opacity:.6;pointer-events:none;letter-spacing:.02em;transition:transform var(--mps-dur-fast) var(--mps-ease),font-size var(--mps-dur-fast) var(--mps-ease),opacity var(--mps-dur-fast) var(--mps-ease)}.customer .field input:focus+label,.customer .field input:not(:placeholder-shown)+label{transform:translateY(-10px);font-size:.6875rem;letter-spacing:var(--mps-letter-xwide);text-transform:uppercase;opacity:.8}.customer .form__message{font-size:.8125rem;letter-spacing:.02em;padding:12px 16px;border-radius:var(--mps-radius-md);margin-block:var(--mps-space-xs);display:flex;align-items:center;gap:8px}.customer .form__message svg{flex-shrink:0;width:16px;height:16px}.customer .errors,.customer .form__message:not(.form__message--large){background:#6e1f2a0f;color:var(--mps-error, #6E1F2A)}.customer .button,.customer button[type=submit]{width:100%;background:var(--color-foreground);color:var(--color-background);border:1px solid var(--color-foreground);border-radius:var(--mps-radius-md);padding-block:16px;font-family:var(--font-body-family);font-size:.8125rem;font-weight:500;letter-spacing:var(--mps-letter-wide);text-transform:uppercase;margin-block-start:var(--mps-space-sm);transition:background var(--mps-dur-fast) var(--mps-ease),border-color var(--mps-dur-fast) var(--mps-ease)}.customer .button:hover,.customer button[type=submit]:hover{background:var(--mps-accent, #6E1F2A);border-color:var(--mps-accent, #6E1F2A)}.customer #login~a,.customer a.button--secondary,.customer form+p,.customer p+p{display:block;text-align:center;font-size:.8125rem;letter-spacing:.04em;margin-block-start:var(--mps-space-md)}.customer.register h1{margin-block-end:var(--mps-space-md)}.customer.account h1{text-align:left;margin-block-end:var(--mps-space-md)}.customer.account>div>h2{text-align:left;font-family:var(--font-body-family);font-size:.75rem;letter-spacing:var(--mps-letter-xwide);text-transform:uppercase;font-weight:600;padding-block-end:var(--mps-space-xs);border-block-end:1px solid rgba(26,22,18,.12);margin-block:var(--mps-space-md) var(--mps-space-sm)}.customer.account .account__navigation,.customer.account>a{display:inline-block;margin-inline-end:var(--mps-space-sm);font-size:.8125rem;letter-spacing:.04em}.customer .order-history{width:100%;border-collapse:collapse;font-size:.875rem}.customer .order-history thead th{text-align:left;font-family:var(--font-body-family);font-size:.6875rem;letter-spacing:var(--mps-letter-xwide);text-transform:uppercase;font-weight:600;padding:12px 16px;border-block-end:1px solid rgba(26,22,18,.18);background:transparent;color:var(--color-foreground)}.customer .order-history tbody td{padding:16px;border-block-end:1px solid rgba(26,22,18,.08);vertical-align:top}.customer .order-history tbody tr:hover td{background:#1a161205}.customer .order-history a{font-weight:500;text-decoration:underline;text-underline-offset:3px}.customer.addresses{display:flex;flex-direction:column}.customer.addresses h1{text-align:left}.customer.addresses>a{align-self:flex-start;font-size:.8125rem;letter-spacing:.04em;margin-block-end:var(--mps-space-md)}.customer.addresses>div{border:1px solid rgba(26,22,18,.12);padding:var(--mps-space-md);margin-block-end:var(--mps-space-sm);border-radius:var(--mps-radius-md)}.customer.addresses h2{text-align:left;font-size:1rem;font-family:var(--font-body-family);font-weight:600;letter-spacing:.02em;margin-block-end:var(--mps-space-xs)}.customer.addresses p{font-size:.9375rem;line-height:var(--mps-line-body);opacity:.85;margin-block:0 var(--mps-space-xs)}.customer.addresses>div>p{display:flex;gap:var(--mps-space-sm);margin-block-start:var(--mps-space-sm)}.customer.addresses>div>p a,.customer.addresses>div button{font-size:.75rem;letter-spacing:var(--mps-letter-wide);text-transform:uppercase;color:var(--color-foreground);background:transparent;border:none;padding:0;margin:0;width:auto;text-decoration:underline;text-underline-offset:4px}.customer.addresses form{margin-block-start:var(--mps-space-sm)}.customer.order h1{text-align:left}.customer.order>p{text-align:left;opacity:.8}.customer.order table{width:100%;border-collapse:collapse;font-size:.875rem;margin-block:var(--mps-space-md)}.customer.order table thead th{text-align:left;font-size:.6875rem;letter-spacing:var(--mps-letter-xwide);text-transform:uppercase;font-weight:600;padding:12px 8px;border-block-end:1px solid rgba(26,22,18,.18)}.customer.order table tbody td{padding:12px 8px;border-block-end:1px solid rgba(26,22,18,.08);vertical-align:top}.customer.order table tfoot td{padding:10px 8px;font-size:.9375rem}.customer.order .order-total-price{font-weight:600;font-size:1.125rem}.customer.reset-password h1,.customer.activate-account h1{margin-block-end:var(--mps-space-xs)}@media screen and (max-width:768px){.customer{padding-block:var(--mps-space-md)}.customer.account,.customer.addresses,.customer.order{padding-inline:16px}.customer .order-history{font-size:.8125rem}.customer .order-history thead th,.customer .order-history tbody td{padding:10px 8px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/mps-customer.css.map */