.account-chooser{--ac-muted: rgba(var(--color-body-rgb), .65);--ac-card: rgba(var(--color-body-rgb), .04);--ac-card-hover: rgba(var(--color-body-rgb), .08);width:min(580px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);padding:32px 32px 28px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-drawer-bg);color:var(--color-body);box-shadow:0 24px 64px #00000073;overflow-y:auto}.account-chooser::backdrop{background:rgba(var(--color-overlay-rgb, 5, 6, 6),.65);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}html:has(.account-chooser[open]){overflow:hidden}.account-chooser__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.account-chooser__title{margin:0 0 6px;font-size:26px;line-height:1.2;color:var(--color-heading)}.account-chooser__subtitle{margin:0;font-size:15px;line-height:1.4;color:var(--ac-muted)}.account-chooser__close{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ac-muted);cursor:pointer}.account-chooser__close:hover{background:var(--ac-card-hover)}.account-chooser__close svg path{stroke:currentColor}.account-chooser__options{display:flex;flex-direction:column;gap:12px}.account-chooser__option{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--color-border);border-radius:12px;background:var(--ac-card);color:var(--color-body);text-decoration:none;transition:border-color .2s,background-color .2s}.account-chooser__option:hover,.account-chooser__option:focus-visible{border-color:var(--color-accent);background:var(--ac-card-hover)}.account-chooser__option--primary{border-color:var(--color-accent)}.account-chooser__icon{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent)}.account-chooser__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.account-chooser__option-title{font-size:17px;font-weight:600;line-height:1.3}.account-chooser__badge{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--color-accent);color:var(--color-badge-text);font-size:11px;font-weight:600;line-height:1.2;vertical-align:middle}.account-chooser__option-desc{font-size:14px;line-height:1.45;color:var(--ac-muted)}.account-chooser__chevron{flex:none;display:flex;color:var(--ac-muted)}.account-chooser__help{margin:24px 0 0;font-size:13px;color:var(--ac-muted)}.account-chooser__help a{color:inherit;text-decoration:underline}@media only screen and (max-width:767px){.account-chooser{width:100%;max-height:90%;margin:auto 0 0;padding:12px 20px calc(28px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:24px 24px 0 0}.account-chooser:before{content:"";display:block;width:40px;height:5px;margin:0 auto 16px;border-radius:3px;background:rgba(var(--color-body-rgb),.3)}.account-chooser__header{margin-bottom:16px}.account-chooser__title{font-size:21px}.account-chooser__subtitle{font-size:14px}.account-chooser__options{gap:10px}.account-chooser__option{gap:14px;padding:14px}.account-chooser__icon{width:42px;height:42px}.account-chooser__option-title{font-size:15px}.account-chooser__option-desc{font-size:13px}}@keyframes account-chooser-fade-in{0%{opacity:0}}@keyframes account-chooser-fade-out{to{opacity:0}}@keyframes account-chooser-slide-in{0%{transform:translateY(100%)}}@keyframes account-chooser-slide-out{to{transform:translateY(100%)}}.account-chooser[open],.account-chooser[open]::backdrop{animation:account-chooser-fade-in .25s cubic-bezier(.104,.204,.492,1)}.account-chooser.is-closing,.account-chooser.is-closing::backdrop{animation:account-chooser-fade-out .25s cubic-bezier(.104,.204,.492,1) forwards}@media only screen and (max-width:767px){.account-chooser[open]{animation:account-chooser-slide-in .35s cubic-bezier(.104,.204,.492,1)}.account-chooser.is-closing{animation:account-chooser-slide-out .3s cubic-bezier(.104,.204,.492,1) forwards}}@media(prefers-reduced-motion:reduce){.account-chooser[open],.account-chooser[open]::backdrop,.account-chooser.is-closing,.account-chooser.is-closing::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/account-chooser.css.map */