:root{--bottom-bar-height:70px;--bottom-menu-text-color:#1f2022;--bottom-menu-bg-color:var(--primary-color);--bottom-menu-height:calc(100vh - var(--header-height))}.fade-and-zoom-leave,.fade-and-zoom-leave-active,.fade-and-zoom-leave-to{opacity:0;transition:none!important;z-index:-999}.bottom-bar{bottom:0;display:flex;height:var(--bottom-bar-height);justify-content:center;left:0;position:fixed;width:100%;z-index:50}.bottom-bar .bottom-bar__content{background-color:#1f2022f2;border-top:1px solid #2f2f31;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.bottom-bar .bottom-bar__item{align-items:center;display:flex;flex:1 0;flex-direction:column;padding-top:var(--el-margin-sm-md);position:relative}.bottom-bar .bottom-bar__item--with-circle-bg:before{background-color:transparent;border-radius:50%;content:" ";display:block;height:52px;position:absolute;top:-16px;width:52px}.bottom-bar .bottom-bar__menu-btn{align-items:center;background-color:transparent;border:0;border-radius:50%;box-shadow:0 2px 4px #00000080;cursor:pointer;display:flex;height:52px;justify-content:center;position:absolute;top:-16px;width:52px}.bottom-bar .bottom-bar__menu-btn img{height:52px;max-height:52px;max-width:52px;width:52px}.bottom-bar .bottom-bar__menu-btn .icon:not(.close-btn){font-size:52px}.bottom-bar .bottom-bar__menu-btn:focus,.bottom-bar .bottom-bar__menu-btn:hover{outline:1px solid transparent}.bottom-bar .bottom-bar__menu-btn.bottom-bar__menu-btn--vip{background-color:#00000080;border:2px solid var(--brand-color)}.bottom-bar .bottom-bar__menu-btn.bottom-bar__menu-btn--with-pwa{top:-72px}.bottom-bar .bottom-bar__pwa-banner{bottom:0;position:absolute;width:100vw;z-index:10}.bottom-bar .bottom-bar__menu{bottom:0;display:flex;height:85px;justify-content:center;left:0;pointer-events:none;position:fixed;transform:translateZ(0);width:100%;z-index:-1}.bottom-bar .bottom-bar__menu-container{display:flex;flex-direction:column;inset:0;overflow-y:auto;padding:calc(var(--header-height) + var(--el-margin-sm-md)) var(--el-margin-sm) calc(var(--bottom-bar-height)*2);position:fixed;width:100%;z-index:1}.bottom-bar .bottom-bar__menu-container>*{flex-shrink:0}.bottom-bar .bottom-bar__menu-container .menu{margin-top:auto}.bottom-bar .bottom-bar__menu-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.bottom-bar .bottom-bar__menu-item{--bar-item-icon-size:20px;--bar-item-font-size:16px;--bar-item-color:var(--primary-color);--bar-item-icon-margin:0 16px 0 10px;--bar-item-notif-right:16px;--bar-item-direction:row;--bar-item-height:100%;--bar-item-width:100%;align-items:center;border-bottom:1px solid #303134;display:flex;height:55px}.bottom-bar .bottom-bar__menu-back{background-color:transparent;border-radius:50%;height:52px;position:relative;width:52px}.bottom-bar--with-menu .bottom-bar__menu-btn{background:var(--page-background);box-shadow:0 2px 4px #00000080;color:var(--primary-color);transition:background .3s;z-index:2}.bottom-bar--with-menu .bottom-bar__menu{height:var(--bottom-menu-height);pointer-events:auto;transition:height .2s;z-index:1}.bottom-bar--with-menu .bottom-bar__menu-back{background-color:var(--el-background);border-radius:6px 6px 0 0;height:100%;transition:width .35s,height .35s,border-radius .3s,background-color .3s;width:100%}.has-email-confirm-notification .bottom-bar__menu-container{padding-top:calc(var(--header-height) + var(--el-margin-sm-md) + var(--email-confirm-notification-height))}