.account-drawer.drawer{visibility:hidden;transition:visibility .4s ease;position:fixed;right:0;width:100vw;max-width:480px;display:flex;justify-content:flex-end;top:0;height:100dvh;z-index:1000000}.account-drawer.drawer .account-drawer__overlay{background:rgba(0,0,0,.4);position:fixed;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease-in-out;top:0}.account-drawer.drawer.active{visibility:visible}.account-drawer.drawer.active .drawer__inner{transform:translateX(0)}.account-drawer.drawer.active .account-drawer__overlay{opacity:1}.account-drawer.drawer .drawer__inner{background:#00aeef;padding:40px 16px;position:relative;width:100%;transform:translateX(100%);transition:transform .4s ease;align-content:center}.account-drawer.drawer .drawer__inner .customer.login{text-align:left}.account-drawer.drawer .drawer__inner .customer.login{margin-top:16px;margin-bottom:53px}.account-drawer.drawer .drawer__inner .customer.login a{margin-top:16px;margin-bottom:40px}.account-drawer.drawer .drawer__inner .customer.login form{margin-top:20px;margin-bottom:53px}.account-drawer.drawer .drawer__inner .account-logged-in{margin-top:53px}.account-drawer.drawer .drawer__inner .account-logged-in .title{margin-bottom:16px}.account-drawer.drawer .drawer__inner .account-logged-in .name-logout,.account-drawer.drawer .drawer__inner .account-logged-in .profile-details{margin-bottom:32px}.account-drawer.drawer .close-account-drawer{position:absolute;top:40px;right:42px;cursor:pointer;font-size:36px}.account-drawer.drawer .title{text-transform:uppercase;margin-bottom:53px;outline:none}.account-drawer.drawer .subtitle,.account-drawer.drawer .create-account-title{margin-top:8px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.account-drawer.drawer .recover{margin-top:8px;font-size:12px;text-decoration:underline}@media screen and (min-width: 768px){.account-drawer.drawer .drawer__inner{padding:40px}}