.account-drawer{--account-drawer-width: 320px;--account-drawer-padding: var(--gutter-regular);--account-drawer-border-radius: var(--border-radius-cards);--account-drawer-background: var(--color-background-cards);--account-drawer-text: var(--color-text-cards);--account-drawer-accent: var(--color-text-main);--account-drawer-border: var(--color-borders-cards);position:fixed;top:0;right:0;width:var(--account-drawer-width);height:100vh;background:var(--account-drawer-background);border-left:1px solid var(--account-drawer-border);z-index:1000;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;display:flex;flex-direction:column}.account-drawer.active{transform:translate(0)}.account-drawer__header{padding:var(--account-drawer-padding);border-bottom:1px solid var(--account-drawer-border);display:flex;align-items:center;justify-content:space-between;background:var(--account-drawer-background);position:sticky;top:0;z-index:10}.account-drawer__title{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-size:calc(20px / 16 * var(--base-body-size) + 0px);color:var(--account-drawer-text);margin:0}.account-drawer__close{background:none;border:none;padding:8px;cursor:pointer;color:var(--account-drawer-text);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.account-drawer__close:hover{background-color:var(--color-secondary-background-main)}.account-drawer__close svg{width:18px;height:18px}.account-drawer__content{flex:1;padding:var(--account-drawer-padding);display:flex;flex-direction:column;gap:var(--gutter-large);min-height:0}.account-drawer__icons{display:flex;justify-content:space-between;align-items:center;padding:0 0 var(--gutter-regular) 0;border-bottom:1px solid var(--account-drawer-border);margin-bottom:var(--gutter-regular)}.account-drawer__icon{width:24px;height:24px;color:var(--account-drawer-text);opacity:.7;transition:opacity .2s ease}.account-drawer__icon:hover{opacity:1}.account-drawer__login-button{width:100%;padding:var(--button-padding-regular);background:var(--account-drawer-accent);color:var(--color-foreground-accent-cards);border:1px solid var(--account-drawer-accent);border-radius:var(--border-radius-buttons);font-family:var(--font-stack-body);font-weight:var(--font-weight-buttons);font-size:calc(16px / 16 * var(--base-body-size) + 0px);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}.account-drawer__login-button:hover{background:var(--account-drawer-accent);opacity:.9;transform:translateY(-1px)}.account-drawer__new-customer{text-align:left;margin-top:var(--gutter-small);font-size:calc(14px / 16 * var(--base-body-size) + 0px);color:var(--account-drawer-text)}.account-drawer__new-customer-link{color:var(--account-drawer-accent);text-decoration:none;font-weight:var(--font-weight-body-bold);transition:opacity .2s ease}.account-drawer__new-customer-link:hover{opacity:.8}.account-drawer__user-info{text-align:left;padding:var(--gutter-small) 0}.account-drawer__user-email{font-family:var(--font-stack-body);font-weight:var(--font-weight-body);font-size:calc(16px / 16 * var(--base-body-size) + 0px);color:var(--account-drawer-text);margin:0;font-weight:var(--font-weight-body-bold)}.account-drawer__logout-section{margin-top:auto;border-top:1px solid var(--account-drawer-border)}.account-drawer__logout-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--gutter-small) 0;color:var(--account-drawer-accent);text-decoration:none;font-family:var(--font-stack-body);font-weight:var(--font-weight-body-bold);font-size:calc(16px / 16 * var(--base-body-size) + 0px);transition:opacity .2s ease}.account-drawer__logout-link:hover{opacity:.8}.account-drawer__logout-icon{display:flex;align-items:center;transform:rotate(-90deg)}.account-drawer__logout-icon svg{width:16px;height:16px}.account-drawer__logout-icon svg *{stroke:var(--account-drawer-accent);fill:var(--account-drawer-accent)}.account-drawer__section-title{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-size:calc(16px / 16 * var(--base-body-size) + 0px);color:var(--account-drawer-text);margin:0 0 var(--gutter-small) 0;text-transform:uppercase;letter-spacing:.5px}.account-drawer__menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.account-drawer__menu-item{margin:0}.account-drawer__menu-link{display:block;padding:8px 0;color:var(--account-drawer-text);text-decoration:none;font-family:var(--font-stack-body);font-weight:var(--font-weight-body);font-size:calc(15px / 16 * var(--base-body-size) + 0px);transition:color .2s ease;border-bottom:1px solid transparent}.account-drawer__menu-link:hover{color:var(--account-drawer-accent);border-bottom-color:var(--account-drawer-accent)}.account-drawer__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.account-drawer__overlay.active{opacity:1;visibility:visible}@media screen and (max-width: 767px){.account-drawer{--account-drawer-width: 100vw;--account-drawer-padding: var(--gutter-regular)}.account-drawer__content{gap:var(--gutter-regular)}.account-drawer__login-button{padding:var(--button-padding-regular);font-size:calc(16px / 16 * var(--base-body-size) + 0px)}}@media screen and (max-width: 474px){.account-drawer{--account-drawer-padding: var(--gutter-small)}.account-drawer__login-button{padding:var(--button-padding-regular);font-size:calc(15px / 16 * var(--base-body-size) + 0px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/account-drawer.css.map */