/* Generated by scripts/build-customizer-look.mjs from account.css. Do not edit:
   change the source stylesheet and run the script. */
/* account.css */
html.cz-store{--bg:var(--sf-background);--panel:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background));--soft:color-mix(in srgb, var(--sf-text) 9%, var(--sf-background));--line:color-mix(in srgb, var(--sf-text) 17%, var(--sf-background));--text:var(--sf-text);--muted:color-mix(in srgb, var(--sf-text) 69%, var(--sf-background));--accent:var(--sf-accent);color:var(--text);background:var(--bg)}
html.cz-store a{color:inherit}
html.cz-store button:focus-visible,html.cz-store a:focus-visible,html.cz-store input:focus-visible{outline:3px solid var(--sf-accent-line)}
html.cz-store .account-header{background:var(--panel);border-bottom:1px solid var(--line)}
html.cz-store .store-brand{text-decoration:none}
html.cz-store .button{border:1px solid var(--line);text-decoration:none}
html.cz-store .primary{background:var(--accent);border-color:var(--accent);color:var(--sf-accentText)}
html.cz-store .secondary{background:var(--panel);color:var(--text)}
html.cz-store .muted{color:var(--muted)}
html.cz-store .eyebrow{color:var(--muted)}
html.cz-store .login-panel{background:var(--panel);border:1px solid var(--line)}
html.cz-store .login-panel input{background:var(--bg);color:var(--text);border:1px solid var(--line)}
html.cz-store .text-button{color:var(--muted);background:none;border:0;text-decoration:underline}
html.cz-store .sidebar{border-right:1px solid var(--line);background:var(--panel)}
html.cz-store .sidebar button,html.cz-store .sidebar a{color:var(--muted);background:transparent;border:0;text-decoration:none}
html.cz-store .sidebar [aria-current=page]{background:var(--soft);color:var(--text)}
html.cz-store .order-card,html.cz-store .detail-panel{background:var(--panel);border:1px solid var(--line)}
html.cz-store .status-badge{color:color-mix(in srgb, var(--sf-text) 88%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 18%, var(--sf-background))}
html.cz-store .order-product img{background:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .order-bottom{border-top:1px solid var(--line)}
html.cz-store .design-card{border:1px solid var(--line);background:var(--panel)}
html.cz-store .design-image{background:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .empty-state{border:1px dashed var(--line);color:var(--muted)}
html.cz-store .empty-state h3{color:var(--text)}
html.cz-store .detail-panel dt{color:var(--muted)}
html.cz-store .detail-panel .total{border-top:1px solid var(--line)}
html.cz-store .account-status{color:var(--muted)}
html.cz-store .account-status.error{color:color-mix(in srgb, #ff9aa5 55%, var(--sf-text))}
html.cz-store #verifyEmail{color:var(--text)}
@media(max-width:780px){
  html.cz-store .sidebar{border-right:0;border-bottom:1px solid var(--line)}
}
html.cz-store .account-close-button{border:1px solid var(--line);background:var(--panel);color:var(--text)}
html.cz-store .account-close-button:focus-visible{outline:2px solid color-mix(in srgb, #95bbff 55%, var(--sf-text))}
html.cz-store .account-close-button svg{fill:none;stroke:currentColor}
html.cz-store .install-app-button{border:1px solid var(--line);background:var(--soft);color:var(--text)}
html.cz-store .install-app-button svg{fill:none;stroke:currentColor}
html.cz-store .install-app-button:hover{border-color:var(--accent)}
html.cz-store .version-update-notice{border:2px solid var(--line);background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 4%, var(--sf-background)) 97%, transparent);color:var(--text)}
html.cz-store .version-update-notice button{border:0;background:var(--accent);color:var(--sf-accentText)}
html.cz-store .header-support{color:var(--muted);text-decoration:none}
html.cz-store .sidebar-label{color:var(--muted)}
html.cz-store .sidebar-divider{border:0;border-top:1px solid var(--line)}
html.cz-store .preview-zoomable:focus-visible{outline:2px solid var(--accent)}
html.cz-store .image-lightbox{border:0;background:transparent}
html.cz-store .image-lightbox::backdrop{background:color-mix(in srgb, var(--sf-background) 88%, transparent)}
html.cz-store .image-lightbox img{background:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .image-lightbox-close{border:1px solid color-mix(in srgb, var(--sf-text) 27%, var(--sf-background));background:var(--panel);color:var(--text)}
html.cz-store .image-lightbox-close:hover{background:var(--soft)}
html.cz-store .profile-form label{color:var(--muted)}
html.cz-store .profile-form input{background:var(--bg);color:var(--text);border:1px solid var(--line)}
html.cz-store .profile-form [data-profile-status].error{color:color-mix(in srgb, #ff9aa5 55%, var(--sf-text))}
html.cz-store .section-count{color:var(--muted)}
html.cz-store .account-link{border:0;background:none;color:var(--text);text-decoration:none}
html.cz-store .account-link:hover,html.cz-store .header-support:hover{text-decoration:underline}
html.cz-store .order-list{border:1px solid var(--line);background:var(--panel)}
html.cz-store .order-card{border:0;border-bottom:1px solid var(--line);background:none}
html.cz-store .order-card:last-child{border-bottom:0}
html.cz-store .order-thumbnail{background:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .order-reference{color:var(--muted)}
html.cz-store .order-filter{border:1px solid var(--line);background:var(--panel)}
html.cz-store .order-filter button{border:0;background:transparent;color:var(--muted)}
html.cz-store .order-filter button[aria-pressed=true]{background:var(--soft);color:var(--text)}
html.cz-store .order-filter button:hover{color:var(--text)}
html.cz-store .order-archive-help{color:var(--muted)}
html.cz-store .order-archive-button{border:1px solid color-mix(in srgb, var(--sf-text) 25%, var(--sf-background));background:transparent;color:var(--muted)}
html.cz-store .order-archive-button:hover{border-color:color-mix(in srgb, var(--sf-text) 47%, var(--sf-background));color:var(--text);background:var(--soft)}
html.cz-store .order-archive-button svg{fill:none;stroke:currentColor}
html.cz-store .archived-order{background:color-mix(in srgb, var(--sf-text) 1%, transparent)}
html.cz-store .account-toast{border:1px solid color-mix(in srgb, var(--sf-text) 24%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:var(--text)}
html.cz-store .account-toast-icon{background:#31b45b;color:color-mix(in srgb, var(--sf-text) 1%, var(--sf-background))}
html.cz-store .account-toast button{border:0;background:transparent;color:color-mix(in srgb, #86b4ff 55%, var(--sf-text))}
html.cz-store .account-toast button:hover{text-decoration:underline}
html.cz-store .design-delete{border-color:color-mix(in srgb, #71313a 55%, var(--sf-text));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-accent-line)}
html.cz-store .design-delete:hover{border-color:var(--accent);background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .design-delete svg,html.cz-store .delete-design-dialog svg{fill:none;stroke:currentColor}
html.cz-store .design-kind{color:var(--muted)}
html.cz-store .delete-design-dialog{border:1px solid color-mix(in srgb, var(--sf-text) 27%, var(--sf-background));background:var(--panel);color:var(--text)}
html.cz-store .delete-design-dialog::backdrop{background:color-mix(in srgb, var(--sf-background) 73%, transparent)}
html.cz-store .delete-design-icon{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:var(--sf-accent-line)}
html.cz-store .delete-design-dialog p{color:var(--muted)}
html.cz-store .delete-design-dialog strong{color:var(--text)}
html.cz-store .delete-design-dialog .danger{border-color:var(--accent);background:var(--accent);color:var(--sf-accentText)}
html.cz-store .delete-design-error{color:color-mix(in srgb, #ff9aa5 55%, var(--sf-text))!important}
html.cz-store .order-hit{border:0;background:transparent}
html.cz-store .order-hit:hover{background:color-mix(in srgb, var(--sf-text) 4%, transparent)}
html.cz-store .order-hit:focus-visible{outline:3px solid var(--sf-accent-line)}
html.cz-store .preview-unavailable{color:var(--muted);background:var(--soft)}
html.cz-store .drawer-error{color:color-mix(in srgb, #ff9aa5 55%, var(--sf-text))}
@media(max-width:780px){
  html.cz-store .sidebar{border-right:0;border-bottom:1px solid var(--line)}
  html.cz-store .sidebar-divider{border-top:0;border-left:1px solid var(--line)}
}
html.cz-store .login-panel input:read-only{background:color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3acba' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") right 13px center/16px no-repeat;color:var(--muted)}
html.cz-store .login-panel .button:disabled{background:var(--soft);border-color:var(--line);color:var(--muted)}
html.cz-store .login-sent{border:1px solid color-mix(in srgb, #2a6b3f 55%, var(--sf-text));background:rgba(49,180,91,.1)}
html.cz-store .login-sent-icon{background:#31b45b;color:color-mix(in srgb, var(--sf-text) 1%, var(--sf-background))}
html.cz-store .login-sent-icon svg{fill:none;stroke:currentColor}
html.cz-store .order-placed-icon{color:color-mix(in srgb, #55e6ad 55%, var(--sf-text))}
html.cz-store .order-placed-icon svg{fill:none;stroke:currentColor}
html.cz-store .order-placed-note{color:var(--muted)}
html.cz-store .login-code{border-top:1px solid var(--line)}
html.cz-store .login-code p.error{color:color-mix(in srgb, #ff9aa5 55%, var(--sf-text))}