:root{--tabbar-height:50px;--tabbar-icon-size:24px;--tabbar-label-size:10px;--tabbar-padding:4px 8px}.toolbar-bottom.mobile-bar,.toolbar-bottom.tabbar-labels{height:var(--tabbar-height,50px);padding-bottom:env(safe-area-inset-bottom,0)}.toolbar-bottom .toolbar-inner{display:flex;align-items:center;justify-content:space-around}.toolbar-bottom .tab-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--tabbar-padding);color:var(--f7-tabbar-link-inactive-color,#8e8e93);text-decoration:none;position:relative;transition:opacity .3s,transform .3s}.toolbar-bottom .tab-link.tab-link-active{color:var(--f7-theme-color,#ff914d)}.toolbar-bottom .tab-link .material-icons,.toolbar-bottom .tab-link i{font-size:var(--tabbar-icon-size, 24px);margin-bottom:2px}.toolbar-bottom .tabbar-label{font-size:var(--tabbar-label-size, 10px);line-height:1.2;text-transform:none}.toolbar-bottom.tabbar-hidden{transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}.toolbar-bottom.tabbar-visible{transform:translateY(0);opacity:1;pointer-events:auto;transition:transform .3s,opacity .3s}body.device-ipad.ipad-mini{--tabbar-height:56px;--tabbar-icon-size:26px;--tabbar-label-size:11px}body.device-ipad.ipad-10{--tabbar-height:60px;--tabbar-icon-size:28px;--tabbar-label-size:12px}body.device-ipad.ipad-pro-11{--tabbar-height:64px;--tabbar-icon-size:30px;--tabbar-label-size:13px}body.device-ipad.ipad-pro-12{--tabbar-height:70px;--tabbar-icon-size:32px;--tabbar-label-size:14px}body.device-ipad .toolbar-bottom{height:var(--tabbar-height)!important}body.device-ipad .toolbar-bottom .tab-link .material-icons,body.device-ipad .toolbar-bottom .tab-link i{font-size:var(--tabbar-icon-size)!important}body.device-ipad .toolbar-bottom .tabbar-label{font-size:var(--tabbar-label-size)!important}body.device-ipad .toolbar-bottom .tab-link{padding:var(--tabbar-padding)}@media screen and (orientation:landscape) and (min-width:1024px){body.device-ipad .toolbar-bottom .tab-link{min-width:100px;max-width:150px}body.device-ipad .toolbar-bottom .toolbar-inner{max-width:800px;margin:0 auto}}body.device-ipad.ipad-pro-12 .toolbar-bottom .toolbar-inner{max-width:1000px;margin:0 auto;padding:0 40px}body.device-ipad.ipad-pro-12 .toolbar-bottom .tab-link{min-width:120px}body.has-safe-area .toolbar-bottom{height:calc(var(--tabbar-height,50px) + env(safe-area-inset-bottom,34px))!important;padding-bottom:env(safe-area-inset-bottom,34px)!important}body.has-safe-area .toolbar-bottom .toolbar-inner{padding-bottom:0}body.device-android .toolbar-bottom{height:56px}body.device-android .toolbar-bottom .tab-link .material-icons,body.device-android .toolbar-bottom .tab-link i{font-size:24px}body.device-android .toolbar-bottom .tabbar-label{font-size:12px}@media screen and (min-width:600px) and (max-width:767px){.toolbar-bottom{height:54px}.toolbar-bottom .tab-link .material-icons,.toolbar-bottom .tab-link i{font-size:26px}.toolbar-bottom .tabbar-label{font-size:11px}}@media screen and (min-width:768px) and (max-width:1023px){.toolbar-bottom{height:60px}.toolbar-bottom .tab-link .material-icons,.toolbar-bottom .tab-link i{font-size:28px}.toolbar-bottom .tabbar-label{font-size:12px}.toolbar-bottom .toolbar-inner{max-width:700px;margin:0 auto}}@media screen and (min-width:1024px){.toolbar-bottom{height:64px}.toolbar-bottom .tab-link .material-icons,.toolbar-bottom .tab-link i{font-size:28px}.toolbar-bottom .tabbar-label{font-size:13px}.toolbar-bottom .toolbar-inner{max-width:900px;margin:0 auto}}.mobile-bar{background:var(--f7-bars-bg-color,#fff);box-shadow:0 -1px 10px rgba(0,0,0,.1)}.mobile-bar .centerbutton{width:56px;height:56px;border-radius:50%;margin-top:-20px;display:flex;align-items:center;justify-content:center;background:var(--f7-theme-color,#ff914d);box-shadow:0 4px 12px rgba(255,145,77,.4)}.mobile-bar .centerbutton .material-icons{color:#fff;font-size:28px}.mobile-bar .cart_counter{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;line-height:18px;font-size:10px;background:#f44336;color:#fff;border-radius:9px;text-align:center;padding:0 4px}@media screen and (min-width:768px){.mobile-bar .centerbutton{width:64px;height:64px;margin-top:-24px}.mobile-bar .centerbutton .material-icons{font-size:32px}}