.dialog,.account:not(.dialog .account),.account-button{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.dialog,.account:not(.dialog .account){font-size:medium;font-style:normal;letter-spacing:normal;word-spacing:normal;text-align:start;text-indent:0;white-space:normal}.dialog,.dialog *,.dialog *:before,.dialog *:after,.account,.account *,.account *:before,.account *:after,.account-button,.account-button *,.account-button *:before,.account-button *:after{box-sizing:border-box}.dialog,.account:not(.dialog .account),.account-button{--shopify-account-font-heading: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;--shopify-account-font-heading-weight: 500;--shopify-account-font-heading-transform: none;--shopify-account-font-body: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;--shopify-account-font-body-weight: 400;--shopify-account-font-body-transform: none;--shopify-account-radius-base: 0px;--shopify-account-color-background: #ffffff;--shopify-account-color-text: #0a142f;--shopify-account-color-accent: #0a142f;--shopify-account-color-accent-text: #ffffff;--shopify-account-dialog-position-top: 20px;--shopify-account-signed-in-avatar-size: 28px}.dialog,.account:not(.dialog .account),.account-button{--shopify-account-radius-button-small: 50%;--shopify-account-radius-dialog: calc(var(--shopify-account-radius-base) * 1.75);--shopify-account-radius-button: var(--shopify-account-radius-base);--shopify-account-radius-input: var(--shopify-account-radius-base);--shopify-account-color-border: color-mix(in srgb, var(--shopify-account-color-background) 85%, var(--shopify-account-color-text) 15%);--shopify-account-color-background-subdued: rgb(from var(--shopify-account-color-border) r g b / .4);--shopify-account-color-text-subdued: rgb(from var(--shopify-account-color-text) r g b / .6);--shopify-account-color-accent-hover: lch(from var(--shopify-account-color-accent) calc(l*.7) c h);--shopify-account-color-shadow: rgb(from var(--shopify-account-color-text) r g b / .05);--shopify-account-color-control-background: color-mix(in srgb, var(--shopify-account-color-background) 90%, #ffffff 10%);--shopify-account-color-control-text: var(--shopify-account-color-text);--shopify-account-color-card-background: color-mix(in srgb, var(--shopify-account-color-background) 90%, #ffffff 10%);--shopify-account-color-card-text: var(--shopify-account-color-text);--shopify-account-signed-in-avatar-color-background: var(--shopify-account-color-accent);--shopify-account-signed-in-avatar-color-text: var(--shopify-account-color-accent-text)}.dialog.dark-bg,.dark-bg.account:not(.dialog .account),.account-button.dark-bg{--shopify-account-color-border: color-mix(in srgb, var(--shopify-account-color-background) 75%, var(--shopify-account-color-text) 25%);--shopify-account-color-shadow: rgb(from var(--shopify-account-color-text) r g b / .08)}.dialog,.account:not(.dialog .account),.account-button{--color-backdrop: rgba(0, 0, 0, .2);--color-shadow: 0 2px 16px 0 rgba(0, 0, 0, .1), 0 4px 60px 0 rgba(0, 0, 0, .25);--color-white: #ffffff;--shop-brand-color: #5433eb;--radius-pill: 999px;--radius-circle: 50%;--app-width: 360px;--app-page-spacing: 20px;--padding-base: 16px;--minimum-touch-target: 44px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-header-gap: 10px;--spacing-button: 14px;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--size-icon-sm: 20px;--size-icon-md: 24px;--size-close-background: 32px;--opacity-hover: .9;--opacity-hover-subdued: .8;--opacity-hover-subtle: .7;--opacity-disabled: .5;--opacity-focus-ring: .5;--shadow-focus-ring: 0 0 0 var(--spacing-xs) rgb(from var(--shopify-account-color-text) r g b / var(--opacity-focus-ring));--shadow-focus-ring-accent: 0 0 0 var(--spacing-xs) rgb(from var(--shopify-account-color-accent) r g b / var(--opacity-focus-ring));--shadow-control: drop-shadow(0px 2px 8px rgb(from var(--shopify-account-color-text) r g b / .04));--easing-default: ease-in-out;--easing-out-quad: cubic-bezier(.32, .72, 0, 1);--timing-short: .12s;--timing-default: .24s;--timing-long: .36s}.dialog,.account:not(.dialog .account),.account-button{--shopify-account-color-text: #000000;--shopify-account-color-accent-text: #000000;--shopify-account-color-control-text: #000000;--shopify-account-color-card-text: #000000}.dialog,.account:not(.dialog .account),.account-button{--shopify-login-form-color-background: var(--shopify-account-color-background);--shopify-login-form-color-text: var(--shopify-account-color-text);--shopify-login-form-color-accent: var(--shopify-account-color-accent);--shopify-login-form-color-accent-hover: var(--shopify-account-color-accent-hover);--shopify-login-form-color-accent-text: var(--shopify-account-color-accent-text);--shopify-login-form-color-background-subdued: var(--shopify-account-color-background-subdued);--shopify-login-form-color-border: var(--shopify-account-color-border);--shopify-login-form-color-control-background: var(--shopify-account-color-control-background);--shopify-login-form-color-control-text: var(--shopify-account-color-control-text);--shopify-login-form-color-text-subdued: var(--shopify-account-color-text-subdued);--shopify-login-form-font-body: var(--shopify-account-font-body);--shopify-login-form-font-body-weight: var(--shopify-account-font-body-weight);--shopify-login-form-font-body-transform: var(--shopify-account-font-body-transform);--shopify-login-form-radius-base: var(--shopify-account-radius-base);--shopify-login-form-radius-button: var(--shopify-account-radius-button);--shopify-login-form-radius-button-small: var(--shopify-account-radius-button-small);--shopify-login-form-radius-input: var(--shopify-account-radius-input);--shopify-login-form-loader-skeleton-base: var(--shopify-account-color-background-subdued);--shopify-login-form-loader-skeleton-highlight: var(--shopify-account-color-border);--shopify-login-form-loader-error-color: var(--shopify-account-color-text)}.dialog :where(h2,p),.account :where(h2,p){margin:0;letter-spacing:normal;line-height:inherit}.dialog :where(a,button),.account :where(a,button){letter-spacing:normal}.stack-inline{display:flex;gap:var(--spacing-sm)}.stack-inline>*{flex-grow:1}.icon{width:16px;height:16px}.button{-webkit-appearance:none;appearance:none;border:none;background-color:transparent;text-decoration:none;padding:var(--spacing-md) 16px;min-height:44px;display:flex;justify-content:center;align-items:center;gap:6px;cursor:pointer;font-family:var(--shopify-login-form-font-body);font-weight:var(--shopify-login-form-font-body-weight);text-transform:var(--shopify-login-form-font-body-transform);font-size:var(--font-size-xs);color:var(--shopify-login-form-color-text);line-height:1.6;filter:var(--shadow-control);border-radius:var(--shopify-login-form-radius-button);transition:background-color var(--timing-default) var(--easing-default);transition-property:background-color,box-shadow}.button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.button.primary{background-color:var(--shopify-login-form-color-accent);color:var(--shopify-login-form-color-accent-text)}.button.primary:hover{background-color:var(--shopify-login-form-color-accent-hover)}.button.primary:focus-visible{box-shadow:var(--shadow-focus-ring-accent)}.button.subdued{background-color:var(--shopify-login-form-color-background-subdued);color:var(--shopify-login-form-color-text);filter:none}.button.subdued:hover{background-color:rgb(from var(--shopify-login-form-color-background-subdued) r g b / var(--opacity-hover-subdued))}.button.outline{border:1px solid var(--shopify-login-form-color-border)}.button.outline:hover{background-color:var(--shopify-login-form-color-background-subdued)}.dialog[data-transition=none]{--transition-duration: 0s}.enter-right{--transition-amount: 40%;animation:sa-account-content-enter-right var(--transition-duration, .24s) cubic-bezier(.34,1.2,.64,1)}.enter-left{--transition-amount: 40%;animation:sa-account-content-enter-left var(--transition-duration, .24s) cubic-bezier(.34,1.2,.64,1)}:dir(rtl) .enter-right{--transition-amount: 40%;animation:sa-account-content-enter-left var(--transition-duration, .24s) cubic-bezier(.34,1.2,.64,1)}:dir(rtl) .enter-left{--transition-amount: 40%;animation:sa-account-content-enter-right var(--transition-duration, .24s) cubic-bezier(.34,1.2,.64,1)}.account-button{--hover-opacity: 0;--clamped-avatar-size: clamp(24px, var(--shopify-account-signed-in-avatar-size), 32px);-webkit-appearance:none;appearance:none;border:0px solid transparent;background-color:transparent;padding:0;margin:0;display:flex;justify-content:center;align-items:center;color:currentColor;text-decoration:none;cursor:pointer;min-width:var(--shopify-account-avatar-size, calc(var(--clamped-avatar-size) * 1.57));min-height:var(--shopify-account-avatar-size, calc(var(--clamped-avatar-size) * 1.57));line-height:inherit;visibility:inherit;direction:inherit}.account-button:hover{--hover-opacity: 1}.account-button__icon{width:15px;height:17px}.account-button__icon-path{stroke:currentColor;stroke-linejoin:round;stroke-width:1.5}.account-button__avatar{position:relative;width:var(--clamped-avatar-size);height:var(--clamped-avatar-size);border-radius:50%;background-color:var(--shopify-account-signed-in-avatar-color-background, var(--shopify-account-color-accent, #f6f6f6));color:var(--shopify-account-signed-in-avatar-color-text, var(--shopify-account-color-accent-text, #1a1a1a));display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 0 1px #00000014;transition:scale var(--timing-short) var(--easing-default),background-color var(--timing-short) var(--easing-default),color var(--timing-short) var(--easing-default)}.account-button__avatar:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;box-shadow:0 4px 4px rgba(from var(--shopify-account-signed-in-avatar-color-background) r g b / .12);border-radius:50%;pointer-events:none;opacity:var(--hover-opacity);transition:opacity var(--timing-default) var(--easing-default)}.account-button__avatar:hover{box-shadow:0 1px 3px #00000014;scale:1.05}.account-button__avatar-initials{font-family:var(--shopify-account-font-body);font-size:calc(var(--clamped-avatar-size) / 2);text-transform:uppercase;font-weight:var(--shopify-account-font-body-weight);line-height:1;text-box:trim-both cap alphabetic}.account-button__avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.dialog{margin:0;padding:0;border:none;background-color:var(--shopify-account-color-background);color:var(--shopify-account-color-text);box-shadow:var(--color-shadow);max-width:100%;max-height:calc(100dvh - var(--app-page-spacing) * 2);overflow:hidden;font-family:var(--shopify-account-font-body);font-weight:var(--shopify-account-font-body-weight);text-transform:var(--shopify-account-font-body-transform);line-height:initial;direction:inherit;height:auto;overscroll-behavior:contain;contain:layout style}.dialog:not([open]){display:flex;flex-direction:column;visibility:hidden;pointer-events:none;content-visibility:hidden}.dialog::backdrop{transition:opacity var(--timing-default) var(--easing-default);opacity:0;background:transparent}.dialog[open]{animation:var(--dialog-drawer-opening-animation) var(--timing-default) var(--dialog-drawer-easing, var(--easing-default)) forwards;contain:content}.dialog[open]::backdrop{opacity:1}@starting-style{.dialog[open]::backdrop{opacity:0}}.dialog.closing{pointer-events:none;animation:var(--dialog-drawer-closing-animation) var(--timing-default) var(--dialog-drawer-easing, var(--easing-default)) forwards}.dialog.closing::backdrop{opacity:0}@media(min-width:751px){.dialog{--dialog-drawer-opening-animation: sa-account-popover-slide-in;--dialog-drawer-closing-animation: sa-account-popover-slide-out;--dialog-drawer-easing: var(--easing-out-quad);inset-block-start:var(--shopify-account-dialog-position-top);inset-inline-end:var(--app-page-spacing);inset-block-end:auto;inset-inline-start:auto;border-radius:var(--shopify-account-radius-dialog);width:var(--app-width);max-width:360px}}@media(max-width:750px){.dialog{--dialog-drawer-opening-animation: sa-account-drawer-slide-in;--dialog-drawer-closing-animation: sa-account-drawer-slide-out;inset:auto 0 0;border-top-left-radius:var(--shopify-account-radius-dialog);border-top-right-radius:var(--shopify-account-radius-dialog);width:100vw;max-height:100dvh;min-height:min(var(--dialog-min-height, 0px),100dvh)}.dialog::backdrop{background:var(--color-backdrop)}.dialog .account{max-height:100dvh}}.account:not(.dialog .account){color:var(--shopify-account-color-text);font-family:var(--shopify-account-font-body);font-weight:var(--shopify-account-font-body-weight);text-transform:var(--shopify-account-font-body-transform);line-height:initial;max-height:none}.account{position:relative;display:flex;flex-direction:column;height:100%;max-height:calc(100dvh - var(--shopify-account-dialog-position-top) - var(--app-page-spacing));overflow:hidden;overflow-y:auto;contain:layout style}.account.loading{min-height:300px}.account.loading:before{content:"";position:absolute;inset-block-start:var(--spacing-lg);inset-inline-end:var(--spacing-lg);background-color:var(--shopify-account-color-background-subdued);width:var(--size-close-background);height:var(--size-close-background);border-radius:var(--shopify-account-radius-button-small)}.account__content{flex:1;overflow-y:var(--overflow, auto);overflow-x:hidden;display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:0;padding:0 var(--spacing-lg) var(--spacing-lg);margin-top:calc(var(--spacing-lg) * -2);padding-top:calc(var(--spacing-lg) * 2)}.account__close{width:var(--size-close-background);height:var(--size-close-background);border-radius:var(--shopify-account-radius-button-small);padding:0;flex-shrink:0;min-height:auto}.account__close svg{width:var(--size-icon-md);height:var(--size-icon-md);pointer-events:none}.account__header{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);align-items:start;flex-shrink:0;padding:var(--spacing-lg);background:linear-gradient(to bottom,var(--shopify-account-color-background) 0%,var(--shopify-account-color-background) 75%,transparent 100%);position:sticky;top:0;z-index:1}.account__header.three-column{grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:center;justify-items:center}.account__header-content{display:flex;flex-direction:column;gap:var(--spacing-header-gap);min-width:0;padding:0 var(--spacing-xs)}.account__header-content.account__header-content--has-email{gap:var(--spacing-xs)}.account__heading{--transition-amount: 10%;display:flex;align-items:center;min-height:var(--size-close-background);font-family:var(--shopify-account-font-heading);font-size:var(--font-size-md);font-weight:var(--shopify-account-font-heading-weight);text-transform:var(--shopify-account-font-heading-transform);margin:0;color:var(--shopify-account-color-text)}.account__email{font-size:var(--font-size-sm);font-family:var(--shopify-account-font-body);text-transform:var(--shopify-account-font-body-transform);color:var(--shopify-account-color-text-subdued);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account__shortcuts{background-color:var(--shopify-account-color-card-background);border:1px solid var(--shopify-account-color-border);border-radius:var(--shopify-account-radius-base);display:flex;flex-direction:column;filter:var(--shadow-control)}.account__item-wrapper{--edge-padding: 16px;position:relative;display:flex;flex-direction:column;overflow:hidden}.account__item-wrapper:first-child{border-top-left-radius:var(--shopify-account-radius-base);border-top-right-radius:var(--shopify-account-radius-base);--divider-display: none}.account__item-wrapper:last-child{border-bottom-left-radius:var(--shopify-account-radius-base);border-bottom-right-radius:var(--shopify-account-radius-base)}:is(.account__item-wrapper:hover,.account__item-wrapper:has(.account__item:focus-visible)):before{inset-inline-start:0;width:100%}:is(.account__item-wrapper:hover,.account__item-wrapper:has(.account__item:focus-visible))+.account__item-wrapper:before{inset-inline-start:0;width:100%}.account__item-wrapper:before{content:"";position:absolute;inset-inline-start:var(--edge-padding);inset-block-end:0;top:0;width:calc(100% - var(--edge-padding) * 2);height:1px;background-color:var(--shopify-account-color-border);display:var(--divider-display, block)}.account__item{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--edge-padding);text-decoration:none;color:var(--shopify-account-color-card-text);transition:background-color .2s;font-size:var(--font-size-sm);font-family:var(--shopify-account-font-body);text-transform:var(--shopify-account-font-body-transform);line-height:1.33;border:none;background:none;width:100%;cursor:pointer;text-align:start}.account__item:hover{background-color:var(--shopify-account-color-background-subdued)}.account__item:focus-visible{--indent: 2px;outline:none;background-color:var(--shopify-account-color-background-subdued)}.account__item svg{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--shopify-account-color-card-text);flex-shrink:0}.account__item--has-children{justify-content:space-between}.account__item-arrow{width:var(--size-icon-sm);height:var(--size-icon-sm);color:rgb(from var(--shopify-account-color-card-text) r g b / .6);flex-shrink:0;margin-inline-start:auto}:dir(rtl) .account__item-arrow{transform:scaleX(-1)}.account__item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;transform:translate(var(--indent, 0));transition:transform .24s ease-in-out}:dir(rtl) .account__item-text{transform:translate(calc(var(--indent, 0) * -1))}.account__back-button{padding:0;min-height:auto;border-radius:var(--shopify-account-radius-button-small);width:var(--size-close-background);height:var(--size-close-background);flex-shrink:0}.account__back-button svg{width:var(--size-icon-md);height:var(--size-icon-md);flex-shrink:0;pointer-events:none}:dir(rtl) .account__back-button svg{transform:scaleX(-1)}.account__item--skeleton{cursor:default;pointer-events:none;padding:var(--spacing-md)}.account__skeleton-line{height:16px;background-color:var(--color-bg-subdued);border-radius:var(--shopify-account-radius-base);animation:sa-skeleton-pulse 1.5s var(--easing-default) infinite}.account__text{margin:0;padding:0 var(--spacing-xs);font-size:var(--font-size-xs);line-height:1.6;color:var(--shopify-account-color-text-subdued)}.account__input{-webkit-appearance:none;appearance:none;width:100%;min-height:var(--minimum-touch-target);margin:0;padding:var(--spacing-md) 16px;border:1px solid var(--shopify-login-form-color-border);border-radius:var(--shopify-login-form-radius-input);background-color:var(--shopify-login-form-color-control-background);color:var(--shopify-login-form-color-control-text);font-family:var(--shopify-login-form-font-body);font-weight:var(--shopify-login-form-font-body-weight);font-size:var(--font-size-sm);line-height:1.33;filter:var(--shadow-control);transition:box-shadow var(--timing-default) var(--easing-default)}.account__input::placeholder{color:var(--shopify-login-form-color-text-subdued);opacity:1}.account__input:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@keyframes sa-account-popover-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sa-account-popover-slide-out{0%{transform:translate(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes sa-account-drawer-slide-in{0%{transform:translateY(50%);opacity:0}50%{opacity:1}to{transform:translateY(0)}}@keyframes sa-account-drawer-slide-out{0%{transform:translateY(0);opacity:1}75%{opacity:0}to{transform:translateY(50%);opacity:0}}@keyframes sa-account-content-enter-right{0%{opacity:0;transform:translate(var(--transition-amount))}to{opacity:1;transform:translate(0)}}@keyframes sa-account-content-enter-left{0%{opacity:0;transform:translate(calc(var(--transition-amount) * -1))}to{opacity:1;transform:translate(0)}}@keyframes sa-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.dialog[open],.dialog.closing,.enter-right,.enter-left,:dir(rtl) .enter-right,:dir(rtl) .enter-left,.account__skeleton-line{animation:none}.account-button,.account-button__avatar,.dialog::backdrop,.account__item,.account__item-text,.button,.account__input{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/244/assets/shopify-account.css.map */
