@layer blocks{.user-menu,.auth-panel,.auth-form,.account{--_accent:var(--clr-punchline-terracotta);--_accent-dark:var(--clr-punchline-terracotta-dark);--_field-bg:var(--clr-punchline-warm-light);--_field-border:var(--clr-punchline-warm-mid)}.user-menu{display:inline-flex;position:relative}.user-menu__trigger{padding:var(--space-3xs);font-size:var(--step-1);color:var(--clr-text);border-radius:var(--border-radius-s);transition:color var(--transition-speed);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.user-menu__trigger:hover,:root[data-authed] .user-menu__trigger{color:var(--_accent)}.user-menu__icon{display:inline-flex}.user-menu__icon--authed,:root[data-authed] .user-menu__icon--anon{display:none}:root[data-authed] .user-menu__icon--authed{display:inline-flex}.user-menu__popover{inset:unset;width:min(22rem,90vw);padding:var(--space-s);color:var(--clr-text);background:var(--clr-white);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m);box-shadow:var(--shadow-floating);opacity:0;transition:opacity var(--transition-speed) ease, overlay var(--transition-speed) ease allow-discrete, display var(--transition-speed) ease allow-discrete;margin:0;position:fixed}.user-menu__popover:popover-open{opacity:1}.user-menu__popover::backdrop{opacity:0;transition:opacity var(--transition-speed) ease, overlay var(--transition-speed) ease allow-discrete, display var(--transition-speed) ease allow-discrete;background:#00000040}.user-menu__popover:popover-open::backdrop{opacity:1}@starting-style{.user-menu__popover:popover-open{opacity:0}.user-menu__popover:popover-open::backdrop{opacity:0}}.user-menu__account{--flow-space:var(--space-2xs)}.user-menu__greeting{font-family:var(--ff-semibold);font-size:var(--step-0)}.auth-panel__pane{gap:var(--space-s);max-width:80vw;display:grid}.auth-panel__pane-forgot{align-content:start;justify-items:center}.auth-panel__pane-register{align-content:start}.auth-panel__back{padding:var(--space-3xs);color:var(--clr-text-mid);border-radius:var(--border-radius-s);transition:background-color var(--transition-speed), color var(--transition-speed);cursor:pointer;background:0 0;border:0;justify-self:start}.auth-panel__back:hover{color:var(--_accent);background:var(--clr-surface)}.auth-panel__exit-back{margin-bottom:var(--space-xs);padding:var(--space-3xs);color:var(--clr-text-mid);border-radius:var(--border-radius-s);transition:background-color var(--transition-speed), color var(--transition-speed);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.auth-panel__exit-back:hover{color:var(--_accent);background:var(--clr-surface)}.auth-panel__welcome{font-family:var(--ff-serif);font-size:var(--step-2)}.auth-panel__subtitle{color:var(--clr-text-mid)}.auth-form{--flow-space:var(--space-xs)}.auth-row{gap:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.auth-row--tight{gap:var(--space-2xs)}.auth-row--three{grid-template-columns:7rem 1fr 1fr}.auth-row--three-auto{grid-template-columns:auto 1fr 1fr}.auth-row--street{grid-template-columns:1fr 6rem}@media (width<=30em){.auth-row,.auth-row--three,.auth-row--three-auto,.auth-row--street{grid-template-columns:1fr}}.auth-field{gap:var(--space-3xs);align-content:start;display:grid}.auth-field label,.auth-label{font-size:var(--step--1)}.auth-field input,.auth-field select{width:100%;font:inherit;font-size:var(--step--1);color:var(--clr-text);border:1px solid var(--_field-border);border-radius:var(--border-radius-s);transition:border-color var(--transition-speed);outline:none;padding:.625em .875em}.auth-field select{cursor:pointer}.auth-field input:focus,.auth-field select:focus{background:var(--clr-white);border-color:var(--_accent)}.auth-field input::placeholder{color:var(--clr-punchline-warm-muted)}.salutation-select{--_accent:var(--clr-punchline-terracotta);--_field-bg:var(--clr-punchline-warm-light);--_field-border:var(--clr-punchline-warm-mid);width:10em}.salutation-select__placeholder{color:var(--clr-punchline-warm-muted)}.salutation-select__list{padding:var(--space-3xs) 0}.salutation-select__option{width:100%;padding:var(--space-3xs) var(--space-xs);font:inherit;font-size:var(--step--1);text-align:start;color:var(--clr-text);transition:background-color var(--transition-speed), color var(--transition-speed);cursor:pointer;background:0 0;border:0;display:block}.salutation-select__option:hover{color:var(--_accent);background:var(--clr-surface)}.salutation-select__option.is-selected{font-family:var(--ff-semibold);color:var(--_accent)}.auth-input-group{display:flex;position:relative}.auth-input-group input{padding-inline-end:2.75rem}.auth-input-group__toggle{width:2.75rem;font-size:var(--step-0);color:var(--clr-punchline-warm-muted);transition:color var(--transition-speed);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:0}.auth-input-group__toggle:hover{color:var(--_accent)}.vat-status{width:2.75rem;font-size:var(--step-0);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:0}.vat-status--valid{color:var(--clr-success-mid)}.vat-status--invalid{color:var(--clr-error-dark);opacity:.7}.auth-input-group:focus-within .vat-status--invalid{display:none}.auth-link{font:inherit;font-size:var(--step--1);color:var(--_accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;text-decoration:underline}.auth-link:hover{color:var(--_accent-dark)}.auth-link--subtle{color:var(--clr-text-muted);text-decoration:none}.auth-link--subtle:hover{color:var(--_accent);text-decoration:underline}.auth-aside{font-size:var(--step--1);color:var(--clr-text-mid)}.auth-divider{gap:var(--space-2xs);font-size:var(--step--2);color:var(--clr-text-muted);align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--clr-border-light);flex:1;height:1px}.auth-intro,.auth-hint{font-size:var(--step--1);color:var(--clr-text-mid)}.auth-error{padding:var(--space-2xs) var(--space-xs);font-size:var(--step--1);color:var(--clr-error-dark);background:var(--clr-error-light);border-radius:var(--border-radius-s)}.auth-success{font-size:var(--step--1);color:var(--clr-success-mid)}.auth-loading{color:var(--clr-text-mid)}.auth-spinner{animation:.7s linear infinite spin}.auth-required{color:var(--clr-error-dark)}.auth-fieldset{border:none;margin:0;padding:0}.auth-fieldset__legend{font-size:var(--step--1);margin-block-end:var(--space-2xs)}.auth-radios{gap:var(--space-2xs);flex-direction:column;display:flex}.auth-radios--inline{gap:var(--space-s);flex-direction:row}.auth-collapse{transition:grid-template-rows var(--transition-speed) ease;grid-template-rows:0fr;display:grid;overflow:hidden}.auth-collapse[data-open]{grid-template-rows:1fr}.auth-collapse__inner{min-height:0}.auth-collapse__inner>.flow{padding-block-start:var(--space-xs)}.auth-radio{gap:var(--space-2xs);font-size:var(--step--1);color:var(--clr-text);cursor:pointer;align-items:center;display:inline-flex}.auth-radio input[type=radio]{cursor:pointer;width:1.125em;height:1.125em;accent-color:var(--_accent);margin:0}.auth-checkbox{gap:var(--space-2xs);font-size:var(--step--1);color:var(--clr-text-mid);cursor:pointer;align-items:flex-start}.auth-checkbox input[type=checkbox]{cursor:pointer;width:1.125em;height:1.125em;accent-color:var(--_accent);flex-shrink:0;margin-block-start:.15em}.auth-checkbox span{letter-spacing:-.01em}.auth-result{--flow-space:var(--space-xs);padding-block:var(--space-s)}.auth-result__icon{width:3rem;height:3rem;font-size:var(--step-1);color:var(--clr-white);background:var(--clr-success);border-radius:50%;justify-content:center;align-items:center;margin-inline:auto;display:inline-flex}.auth-result__title{font-size:var(--step-1)}.auth-result__message{color:var(--clr-text-mid)}.account{--flow-space:var(--space-l);max-width:48rem}.account__title{font-size:var(--step-3)}.account-card{--flow-space:var(--space-s);padding:var(--space-m);background:var(--clr-surface-warm);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m)}.account-card__title{font-size:var(--step-1)}.account-details{row-gap:var(--space-s);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.account-detail{grid-template-columns:subgrid;column-gap:var(--space-s);grid-column:1/-1;align-items:center;display:grid}.account-detail__label{font-family:var(--ff-semibold);font-size:var(--step--2);color:var(--clr-punchline-text-light)}.account-edit{--flow-space:var(--space-xs);border-block-start:1px solid var(--clr-border-light);grid-column:1/-1;margin-block-start:var(--space-xs);padding-block-start:var(--space-xs)}.account-form{--flow-space:var(--space-s)}.account--gate{min-height:60vh;padding-block:var(--space-2xl)}.account-gate__panel{width:min(28rem,100%);padding:var(--space-l);background:var(--clr-white);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m);box-shadow:var(--shadow-floating)}.account-gate__title{font-size:var(--step-1)}.auth-dialog--register.dialog-panel[data-variant=modal]{width:min(90vw,50rem)}.auth-dialog--register .dialog-panel__slider{padding:var(--space-l);padding-block-start:0}.auth-dialog--register .dialog-panel__title{margin-block:var(--space-xl) var(--space-m)}@media (width<=30em){.auth-dialog--register.dialog-panel[data-variant=modal]{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.auth-dialog--register .dialog-panel__slider{padding:var(--space-m) var(--space-m) var(--space-xl)}}.auth-dialog--login.dialog-panel[data-variant=modal]{width:min(90vw,22rem)}.auth-dialog--login .dialog-panel__slider{padding:var(--space-m)}@media (width<=30em){.auth-dialog--login.dialog-panel[data-variant=modal]{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.auth-dialog--login .dialog-panel__slider{padding:var(--space-m)}}.auth-verify{--flow-space:var(--space-xs);padding-block:var(--space-s)}.auth-verify__icon{width:4rem;height:4rem;font-size:var(--step-2);color:var(--_accent);justify-content:center;align-items:center;margin-inline:auto;display:inline-flex}.auth-verify__mail{font-size:var(--step-4)}.auth-verify__check{width:3rem;height:3rem;padding:var(--space-2xs);color:var(--clr-white);background:var(--clr-success);border-radius:50%}.auth-verify__title{font-size:var(--step-1)}.auth-verify__message{font-size:var(--step--1);color:var(--clr-text-mid)}.auth-verify__email{font-family:var(--ff-semibold);font-size:var(--step--1);color:var(--clr-text)}.auth-verify__instruction{font-size:var(--step--1);color:var(--clr-text-mid)}.auth-verify__hint{font-size:var(--step--2);color:var(--clr-text-muted);margin-block-start:var(--space-s)}.auth-verify__waiting{gap:var(--space-2xs);padding:var(--space-2xs) var(--space-s);font-size:var(--step--1);color:var(--clr-text-mid);background:var(--clr-surface);border-radius:var(--border-radius-m);justify-content:center;align-items:center;display:inline-flex}.auth-verify__actions{--cluster-gap:var(--space-s);justify-content:center;margin-block-start:var(--space-s)}.confirm-email{--flow-space:var(--space-s);max-width:28rem;padding:var(--space-xl);background:var(--clr-white);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m);box-shadow:var(--shadow-floating)}.confirm-email__icon{width:4rem;height:4rem;font-size:var(--step-2);color:var(--_accent);justify-content:center;align-items:center;margin-inline:auto;display:inline-flex}.confirm-email__icon--success{padding:var(--space-2xs);color:var(--clr-white);background:var(--clr-success);border-radius:50%}.confirm-email__title{font-size:var(--step-2)}.confirm-email__message,.confirm-email__instruction{font-size:var(--step--1);color:var(--clr-text-mid)}.confirm-email__email{font-size:var(--step--1);color:var(--clr-text);margin-block-start:var(--space-2xs)}.email-preview{--flow-space:var(--space-xl)}.email-preview__section{--flow-space:var(--space-s)}.email-preview__heading{font-size:var(--step-1)}.email-preview__desc{font-size:var(--step--1);color:var(--clr-text-mid)}.email-preview__desc code{padding:var(--space-3xs) var(--space-2xs);font-size:var(--step--2);background:var(--clr-surface);border-radius:var(--border-radius-s)}.email-preview__controls{--cluster-gap:var(--space-xs)}.email-preview__card{max-width:28rem;padding:var(--space-l);background:var(--clr-surface-warm);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m)}.email-preview__card--landing{padding:var(--space-m);background:var(--clr-white)}.email-verify-dialog{--flow-space:var(--space-m);max-width:28rem}.email-verify-dialog__actions{--flow-space:var(--space-s);gap:var(--space-s);flex-wrap:wrap;display:flex}.email-verify-dialog__warning{padding:var(--space-2xs) var(--space-xs);font-size:var(--step--1);color:var(--clr-error-dark);background:var(--clr-error-light);border-radius:var(--border-radius-s)}}
