@font-face {
  font-family: Inter;
  src: url("data:font/ttf;base64,AAEAAAAQAQAABAAAR0RFRgAiABcAAAEcAAAAHEdQT1NzJmJ9AAAEMAAAAeBHU1VCDUARxAAAA5gAAACYT1MvMhhYZj8AAAK8AAAAYFNUQVRX1j/9AAACBAAAAFpjbWFwAl4CMwAAAxwAAAB8Z2FzcAAAABAAAAEUAAAACGdseWZEfqcJAAAIhAAACBpoZWFkMoVapQAAAcwAAAA2aGhlYRZBEhAAAAF4AAAAJGhtdHhcQAmQAAACYAAAAFxsb2NhHAceKwAAAZwAAAAwbWF4cAAyAPYAAAE4AAAAIG5hbWU3jmNoAAAGEAAAAnRwb3N0/rgArQAAAVgAAAAgcHJlcGgGjIUAAAEMAAAAB7gB/4WwBI0AAAEAAf//AA8AAQAAAAwAAAAAAAAAAgACAAEACQABAAsAEQABAAEAAAAXAIQADABwAAcAAQAAAAAAAAAAAAAAAAAHAAEAAwAAAAAAAP61AK0AAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAHwP4SAAAVdPnU9nMUqggAAAAAAAAAAAAAAAAAAAAAFwAAAGoApAC9AQgBWgGTAc8CHQJEAk8CXAKZAsAC9AMwA1ADkgO2A7YD0wP2A/YEDQABAAAABABCdkDaK18PPPUAAwgAAAAAAOJ2h5AAAAAA4naHnfnU/VsUqgjjAAAAAwACAAAAAAAAAAEAAQAIAAMAAAAUAAMAAAAsAAJvcHN6ATgAAHdnaHQBAQABaXRhbAFAAAIAIgAWAAYAAwACAAIBQQAAAAAAAQAAAAEAAQAAATQCWAAAAAEAAAACATkADgAAAAAFQAFIBeUAZwX3AJYFNABfBJgATASpAFkEuwBZBQEAWQTmAIoCGAB1AhgAigc0AIoE5QCKBN8AWQT+AIoDLQCKBGUAWALTABQCJgAAAbgATAOgAFQCBAAAAAAAfwAEBUICWAAFAAAFMwTNAAAAmgUzBM0AAALNAK0CnwAAAgAFAwAAAAIABOAAAv8SAKH/AAAAAAAAAABSU01TAMAAIAB0B8D+EgAACN0ClAAAAZ8AAAAABF4F0gAAACAADAAAAAIAAAADAAAAFAADAAEAAAAUAAQAaAAAABYAEAADAAYAIABDAEgAUwBhAGMAZQBpAHAAdP//AAAAIABDAEgAUwBhAGMAZQBnAG0Acv////X/vv+6/7D/o/+i/6H/oP+e/50AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAoAKABOAAJERkxUAA5sYXRuAA4ABAAAAAD//wADAAAAAQACAANudW1yACBwbnVtABp0bnVtABQAAAABAAIAAAABAAEAAAABAAAAAwAwABwACAABAAAAAQAIAAEABv/9AAEAAQAVAAEAAAABAAgAAQAGAAMAAQABABIAAQAAAAEACAACAAoAAgATABQAAQACAAkADAABAAAACgA8AFgABERGTFQAJmN5cmwAGmdyZWsAGmxhdG4AGgAEAAAAAP//AAEAAAAEAAAAAP//AAEAAQACa2VybgAWa2VybgAOAAAAAgAAAAAAAAABAAAAAQAEAAkACAABAAgAAQACAAAACAACAQIABAAAAUYBGAALAAsAAAAAAAAAAAAAAB4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAD/uwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE/+wAAAAA//IACv/vAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACD/0wAUAAAAJf/tAAAADQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+7AAAAAAAAAAAAAAAAAAAAAAACAAMAAQAJAAAACwARAAkAEwAUABAAAQABABQABAABAAkABgACAAIAAgABAAgAAAADAAMAAgADAAMABwAFAAAACgAKAAEAAQAUAAgAAAAHAAIAAQABAAkAAgAEAAAAAgACAAEAAQAFAAYAAwAAAAoACgAAAA4ArgADAAEECQAAAJABNgADAAEECQABABwBGgADAAEECQACAA4BDAADAAEECQADADIA2gADAAEECQAEABwBGgADAAEECQAFADYApAADAAEECQAGABwAiAADAAEECQAOADYAUgADAAEECQEBAAwARgADAAEECQE0ABAANgADAAEECQE4ABgAHgADAAEECQE5AAgAFgADAAEECQFAAAwACgADAAEECQFBAAoAAABSAG8AbQBhAG4ASQB0AGEAbABpAGMAMQA0AHAAdABPAHAAdABpAGMAYQBsACAAUwBpAHoAZQBTAGUAbQBpAEIAbwBsAGQAVwBl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") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  color-scheme: light;
  --unit: min(1vw, 1svh);
  --control: calc(var(--unit) * 12.727273);
  --icon: calc(var(--unit) * 6.060606);
  --label-size: calc(var(--unit) * 4.393939);
  --stroke: calc(var(--unit) * .075758);
  --gap: calc(var(--unit) * .606061);
  --end-space: calc(var(--control) / 3);
  --paper: #fdfdfd;
  --surface: #f2f2f2;
  --ink: #000;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --spring: cubic-bezier(.2, 1.35, .3, 1);
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--paper);
}

body {
  min-height: 100svh;
  margin: 0;
  color: var(--ink);
  font-family: Inter, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  box-shadow: inset 0 0 0 1px #ededed;
}

.sidebar {
  position: absolute;
  top: calc(50% + var(--unit) * 1.515152);
  left: calc(var(--unit) * 3.636364);
  transform: translateY(-50%);
  user-select: none;
  -webkit-user-select: none;
}

.sidebar ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-item {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: max-content;
  height: var(--control);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: calc(var(--control) / 2);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: var(--label-size);
  font-weight: 600;
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.pill {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: calc(var(--control) * 4);
  height: var(--control);
  fill: var(--surface);
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms var(--ease);
}

.nav-item.is-hot .pill {
  opacity: 1;
}

.symbol-box {
  display: grid;
  flex: 0 0 var(--control);
  width: var(--control);
  height: var(--control);
  place-items: center;
  pointer-events: none;
}

.symbol {
  position: relative;
  display: block;
  width: var(--icon);
  height: var(--icon);
  transform: scale(.8);
  transition: transform 350ms var(--spring);
}

.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 142.857143%;
  height: 142.857143%;
  max-width: none;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: opacity 160ms var(--ease);
}

[data-item="search"] .icon-outline {
  width: 164.35125%;
  height: 172.72727%;
  left: 49.93447%;
  top: 48.20937%;
}

[data-item="search"] .icon-solid {
  width: 163.92157%;
  height: 169.00270%;
  left: 48.88889%;
  top: 47.84367%;
}

[data-item="home"] .icon-outline {
  width: 145.16749%;
  height: 170.61224%;
  left: 50.00000%;
  top: 49.93197%;
}

[data-item="home"] .icon-solid {
  width: 149.77891%;
  height: 174.40890%;
  left: 50.05972%;
  top: 49.93046%;
}

[data-item="strategies"] .icon-outline {
  width: 142.50000%;
  height: 142.82460%;
  left: 50.00000%;
  top: 49.77221%;
}

[data-item="strategies"] .icon-solid {
  width: 140.74074%;
  height: 139.95536%;
  left: 50.05612%;
  top: 47.99107%;
}

[data-item="campaigns"] .icon-outline {
  width: 152.18447%;
  height: 226.05313%;
  left: 50.00000%;
  top: 43.05977%;
}

[data-item="campaigns"] .icon-solid {
  width: 153.48837%;
  height: 234.50787%;
  left: 49.93880%;
  top: 46.25984%;
}

[data-item="chats"] .icon-outline {
  width: 156.16438%;
  height: 173.68421%;
  left: 50.06227%;
  top: 49.86150%;
}

[data-item="chats"] .icon-solid {
  width: 160.76923%;
  height: 174.65181%;
  left: 49.87179%;
  top: 50.00000%;
}

.icon-outline {
  filter: drop-shadow(var(--stroke) 0 0 #000) drop-shadow(calc(var(--stroke) * -1) 0 0 #000) drop-shadow(0 var(--stroke) 0 #000) drop-shadow(0 calc(var(--stroke) * -1) 0 #000);
  opacity: .46;
}

.icon-solid {
  opacity: 0;
}

.nav-item.is-open .symbol {
  transform: scale(1);
}

.nav-item.is-open .icon-outline {
  opacity: 1;
}

.nav-item[aria-current] .icon-outline {
  opacity: 0;
}

.nav-item[aria-current] .icon-solid {
  opacity: 1;
}

.label {
  display: block;
  max-width: 0;
  padding-right: 0;
  pointer-events: none;
}

.label-text {
  display: block;
  width: max-content;
  line-height: 1.15;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(calc(var(--unit) * -1.212121));
  transition: opacity 160ms var(--ease), transform 260ms var(--ease);
}

.nav-item.is-open .label {
  max-width: none;
  padding-right: var(--end-space);
}

.nav-item.is-open .label-text {
  opacity: 1;
  transform: translateX(0);
}

.nav-item:active .symbol {
  transform: scale(.92);
  transition-duration: 110ms;
}

.nav-item:focus {
  outline: none;
}

.nav-item:focus-visible {
  outline: 2px solid #a8a8a8;
  outline-offset: 3px;
}

.nav-item:disabled {
  opacity: .35;
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
  }
}