.mobile-customer-dock{display:none}

@media(max-width:900px){
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .account-panel{padding-bottom:calc(106px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(106px + env(safe-area-inset-bottom))}
  .account-panel .notification-center ul{max-height:none;overflow:visible}
  .toast,.kickflip-listing-toast{bottom:calc(88px + env(safe-area-inset-bottom))}
  body.mobile-customer-home:not(.nav-landing-view) main#top>section:not(.hero):not(#marketplace){display:none!important}
  body.mobile-customer-home:not(.nav-landing-view) .hero{padding-bottom:34px}
  body.mobile-customer-home:not(.nav-landing-view) #marketplace{padding-top:42px}
  .mobile-customer-dock{
    position:fixed;
    left:50%;
    bottom:max(12px,env(safe-area-inset-bottom));
    width:min(calc(100% - 24px),430px);
    transform:translateX(-50%);
    z-index:1600;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:2px;
    padding:5px;
    border:1px solid rgba(17,17,17,.1);
    border-radius:22px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 30px rgba(24,19,15,.14),0 2px 8px rgba(24,19,15,.08);
    -webkit-backdrop-filter:blur(20px) saturate(150%);
    backdrop-filter:blur(20px) saturate(150%);
  }
  .mobile-customer-dock a,.mobile-customer-dock button{
    display:grid;
    place-items:center;
    align-content:center;
    gap:3px;
    min-width:0;
    min-height:54px;
    padding:5px 2px 4px;
    border:0;
    border-radius:17px;
    background:transparent;
    color:#777;
    font:inherit;
    font-size:12px;
    font-weight:750;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .mobile-customer-dock .mobile-dock-icon{display:grid;place-items:center;width:22px;height:22px;color:#555}
  .mobile-customer-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-customer-dock a.active,.mobile-customer-dock a[aria-current="page"]{
    background:linear-gradient(145deg,#fff1f1,#ffe5e7);
    color:#bd1e2d;
    box-shadow:inset 0 0 0 1px rgba(220,45,61,.09);
  }
  .mobile-customer-dock a.active .mobile-dock-icon,.mobile-customer-dock a[aria-current="page"] .mobile-dock-icon{color:#d92537}
  .mobile-customer-dock a:active,.mobile-customer-dock button:active{transform:scale(.95)}
  .mobile-customer-dock button[data-mobile-account]:focus-visible,.mobile-customer-dock a:focus-visible{outline:2px solid #d92537;outline-offset:1px}
  @supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mobile-customer-dock{background:#fff}}
}

@media(max-width:380px){
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .mobile-customer-dock{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 14px);padding:4px;border-radius:19px}
  .mobile-customer-dock a,.mobile-customer-dock button{min-height:51px;border-radius:15px;font-size:12px}
}