.bottom-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:50;
  padding:0;
  background:var(--paper2, #E8E4D9);
  border-top:1px solid rgba(26,25,23,.08);
  pointer-events:none;
}
.bottom-bar-inner{
  width:min(100%, var(--max, 1680px));
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:26px;
  padding:0 32px;
  min-height:52px;
  position:relative;
}
.bottom-cat-wrap{
  position:absolute;
  left:32px;
  bottom:-18px;
  width:150px;
  display:block;
  flex:0 0 auto;
  text-decoration:none;
  pointer-events:auto;
  animation:cat-enter .9s cubic-bezier(.16,.72,.24,1) both;
}
.bottom-cat,
.bottom-cat-wink,
.bottom-cat-closed,
.bottom-cat-half{
  width:100%;
  height:auto;
  display:block;
  mix-blend-mode:multiply;
}
.bottom-cat-wink,
.bottom-cat-closed,
.bottom-cat-half{
  position:absolute;
  inset:0;
  opacity:0;
}
.bottom-cat-wrap.is-winking .bottom-cat{opacity:0;}
.bottom-cat-wrap.is-winking .bottom-cat-wink{opacity:1;}
.bottom-cat-wrap.is-love-half .bottom-cat{opacity:0;}
.bottom-cat-wrap.is-love-half .bottom-cat-half{opacity:1;}
.bottom-cat-wrap.is-loving .bottom-cat{opacity:0;}
.bottom-cat-wrap.is-loving .bottom-cat-closed{opacity:1;}
.bottom-nav{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:0;
  margin-left:138px;
  font-family:'Wingman', sans-serif;
  font-weight:400;
  font-size:17px;
  letter-spacing:0;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--red, #8C2A2A);
  padding-top:2px;
  pointer-events:auto;
}
.bottom-nav a{
  color:inherit;
  text-decoration:none;
  opacity:.85;
  transition:opacity .15s;
}
.bottom-nav a:hover,
.bottom-nav a.current{opacity:1;}
.bottom-nav .sep{
  margin:0 8px;
  opacity:.5;
}
@keyframes cat-enter{
  from{transform:translateY(86px);}
  to{transform:translateY(0);}
}
@media (prefers-reduced-motion:reduce){
  .bottom-cat-wrap{animation:none;}
}
@media (max-width:600px){
  .bottom-bar-inner{
    gap:10px;
    padding:0 14px 12px;
    min-height:auto;
    align-items:flex-end;
    position:static;
  }
  .bottom-cat-wrap{
    position:relative;
    left:auto;
    width:clamp(72px, 22vw, 86px);
    bottom:-24px;
  }
  .bottom-nav{
    font-size:clamp(14px, 4vw, 17px);
    margin-left:0;
  }
  .bottom-nav .sep{
    margin:0 4px;
  }
}