@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Inter:wght@400;600;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap");
/* line 1, assets/style/_reset.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 90, assets/style/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

/* line 103, assets/style/_reset.scss */
body {
  line-height: 1; }

/* line 106, assets/style/_reset.scss */
ol,
ul {
  list-style: none; }

/* line 110, assets/style/_reset.scss */
blockquote,
q {
  quotes: none; }

/* line 114, assets/style/_reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

/* line 121, assets/style/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 126, assets/style/_reset.scss */
body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1; }

/* line 134, assets/style/_reset.scss */
html,
body {
  height: 100%; }

/* line 17, assets/style/_fonts.scss */
html {
  font-size: 18px; }

/* line 21, assets/style/_fonts.scss */
body {
  font-size: 100%;
  font-family: Inter, helvetica, sans-serif; }

/* line 1, assets/style/_global.scss */
html,
body {
  height: 100vh; }

/* line 6, assets/style/_global.scss */
body {
  background: #030408;
  color: #fff;
  overflow: auto; }

/* line 12, assets/style/_global.scss */
.content-wrapper {
  background: #0a0e1b;
  padding-bottom: 4rem; }

/* line 17, assets/style/_global.scss */
.main-header {
  max-width: 72rem;
  padding: 0 1rem;
  margin: 0rem auto 3rem;
  padding-top: 2rem;
  display: flex;
  align-items: center; }
  /* line 25, assets/style/_global.scss */
  .main-header .logo {
    color: inherit;
    display: block; }
    /* line 29, assets/style/_global.scss */
    .main-header .logo svg {
      max-width: 5.5rem;
      height: auto; }
  /* line 35, assets/style/_global.scss */
  .main-header .navigation {
    display: flex;
    align-items: center;
    justify-content: space-evenly; }
    /* line 40, assets/style/_global.scss */
    .main-header .navigation.site-navigation {
      margin-left: 2rem; }
    /* line 44, assets/style/_global.scss */
    .main-header .navigation.account-navigation {
      margin-left: auto; }
    /* line 48, assets/style/_global.scss */
    .main-header .navigation ul {
      display: flex;
      align-items: center;
      gap: 0.5rem; }
      /* line 54, assets/style/_global.scss */
      .main-header .navigation ul li a {
        text-decoration: none; }
        /* line 57, assets/style/_global.scss */
        .main-header .navigation ul li a.toggle-menu {
          padding: 0.5rem;
          display: none; }
        /* line 62, assets/style/_global.scss */
        .main-header .navigation ul li a:not(.button) {
          color: inherit; }
  @media (max-width: 768px) {
    /* line 71, assets/style/_global.scss */
    .main-header .site-navigation {
      display: none; }
    /* line 75, assets/style/_global.scss */
    .main-header .toggle-menu {
      display: block !important; } }
/* line 81, assets/style/_global.scss */
.main-content {
  max-width: 60rem;
  padding: 0 1rem;
  margin: 0 auto; }
  /* line 86, assets/style/_global.scss */
  .main-content a {
    color: inherit; }
  /* line 90, assets/style/_global.scss */
  .main-content p {
    line-height: 140%; }
    /* line 93, assets/style/_global.scss */
    .main-content p:not(:last-child) {
      margin-bottom: 1.5rem; }

/* line 99, assets/style/_global.scss */
.hero {
  max-width: 60rem;
  padding: 2rem 1rem 4rem;
  margin: 0 auto; }
  /* line 107, assets/style/_global.scss */
  .hero .title {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620;
    font-size: 2.8rem;
    line-height: 130%;
    margin-bottom: 0.5rem; }
  /* line 115, assets/style/_global.scss */
  .hero .intro {
    color: #9d9fa4;
    line-height: 150%;
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-size: 1.2rem; }
  /* line 123, assets/style/_global.scss */
  .hero .title,
  .hero .intro {
    max-width: 35rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  /* line 131, assets/style/_global.scss */
  .hero .cta {
    text-align: center; }
  /* line 135, assets/style/_global.scss */
  .hero .shot {
    margin: 4rem auto 0;
    border-radius: 0.3rem;
    max-width: 50rem; }
    /* line 148, assets/style/_global.scss */
    .hero .shot img {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 0.3rem; }
  @media (max-width: 768px) {
    /* line 164, assets/style/_global.scss */
    .hero .title {
      font-size: 2rem; } }
/* line 170, assets/style/_global.scss */
.main-footer {
  padding: 2rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 176, assets/style/_global.scss */
  .main-footer .logo {
    color: inherit;
    display: block; }
    /* line 180, assets/style/_global.scss */
    .main-footer .logo svg {
      max-width: 5.5rem;
      height: auto; }

/* line 189, assets/style/_global.scss */
.mobile-navigation {
  position: fixed;
  display: none;
  z-index: 30000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #030408;
  box-sizing: border-box;
  overflow: auto; }
  /* line 201, assets/style/_global.scss */
  .mobile-navigation a {
    text-decoration: none; }
  /* line 205, assets/style/_global.scss */
  .mobile-navigation header {
    position: absolute;
    top: 1.8rem;
    right: 1.8rem; }
    /* line 210, assets/style/_global.scss */
    .mobile-navigation header .toggle-menu {
      margin-left: auto;
      font-size: 2.5rem;
      color: #fff; }
  /* line 217, assets/style/_global.scss */
  .mobile-navigation ul {
    box-sizing: border-box;
    padding: 1.5rem 2rem;
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh; }
    /* line 229, assets/style/_global.scss */
    .mobile-navigation ul li {
      display: block; }
      /* line 232, assets/style/_global.scss */
      .mobile-navigation ul li a {
        display: block;
        line-height: 120%;
        font-size: 3.5vh;
        color: #fff;
        padding: 0.5rem 1rem; }
      /* line 240, assets/style/_global.scss */
      .mobile-navigation ul li.active a {
        color: #44f0b0; }
      /* line 244, assets/style/_global.scss */
      .mobile-navigation ul li.back-home-link a, .mobile-navigation ul li.blog-link a, .mobile-navigation ul li.jobs-link a {
        font-size: 2.5vh;
        opacity: 0.8;
        padding: 0.5rem 1rem; }

/* line 255, assets/style/_global.scss */
body.menu-open {
  overflow: hidden; }
  /* line 258, assets/style/_global.scss */
  body.menu-open .mobile-navigation {
    display: block; }

/* line 1, assets/style/_chart.scss */
.big-chart {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 48px auto;
  grid-template-rows: 24px 1fr;
  grid-template-areas: 'toolbar topbar' 'toolbar chart';
  background: #fff;
  padding: 8px;
  background: #1d212e;
  border-radius: 0.3rem;
  gap: 8px; }
  /* line 20, assets/style/_chart.scss */
  .big-chart .toolbar {
    background: #fff1;
    grid-area: toolbar;
    border-radius: 0.3rem;
    padding: 5px; }
    /* line 26, assets/style/_chart.scss */
    .big-chart .toolbar .tools {
      display: flex;
      flex-direction: column;
      gap: 2px; }
      /* line 31, assets/style/_chart.scss */
      .big-chart .toolbar .tools .tool {
        width: 38px;
        height: 38px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        /* line 40, assets/style/_chart.scss */
        .big-chart .toolbar .tools .tool.active {
          color: #44f0b0;
          background: #fff1;
          border-radius: 0.3rem; }
        /* line 46, assets/style/_chart.scss */
        .big-chart .toolbar .tools .tool svg {
          width: 50%;
          height: auto;
          display: block;
          pointer-events: none; }
  /* line 56, assets/style/_chart.scss */
  .big-chart .topbar {
    grid-area: topbar;
    font-size: 13px;
    display: flex;
    align-items: center; }
    /* line 63, assets/style/_chart.scss */
    .big-chart .topbar .intervals {
      display: flex;
      align-items: center;
      gap: 5px;
      height: 100%; }
      /* line 69, assets/style/_chart.scss */
      .big-chart .topbar .intervals .interval {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff1;
        padding: 0 5px;
        border-radius: 2px;
        cursor: pointer; }
        /* line 79, assets/style/_chart.scss */
        .big-chart .topbar .intervals .interval.active {
          background: #fff2; }
  /* line 86, assets/style/_chart.scss */
  .big-chart .chart-wrapper {
    grid-area: chart;
    height: 100%;
    width: 100%;
    min-height: 0;
    min-width: 0; }
    /* line 96, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg rect.rise {
      fill: #24a77b; }
    /* line 100, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg rect.fall {
      fill: #e6724e; }
    /* line 106, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg .annotations .annotation:hover {
      cursor: pointer; }
    /* line 112, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg .y-axis,
    .big-chart .chart-wrapper svg .x-axis {
      pointer-events: all; }
      /* line 116, assets/style/_chart.scss */
      .big-chart .chart-wrapper svg .y-axis .tick,
      .big-chart .chart-wrapper svg .x-axis .tick {
        pointer-events: none; }
        /* line 119, assets/style/_chart.scss */
        .big-chart .chart-wrapper svg .y-axis .tick line,
        .big-chart .chart-wrapper svg .x-axis .tick line {
          opacity: 0.05; }
        /* line 123, assets/style/_chart.scss */
        .big-chart .chart-wrapper svg .y-axis .tick text,
        .big-chart .chart-wrapper svg .x-axis .tick text {
          opacity: 0.6; }
    /* line 130, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg .y-axis:hover {
      cursor: row-resize; }
    /* line 134, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg .y-axis .domain {
      stroke-width: 0; }
    /* line 139, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg .y-axis .tick line {
      opacity: 0.05; }
    /* line 147, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg .x-axis .domain {
      stroke-width: 0; }
    /* line 152, assets/style/_chart.scss */
    .big-chart .chart-wrapper svg .x-axis:hover {
      cursor: col-resize; }

/* line 3, assets/style/_components.scss */
.button {
  height: 2.6rem;
  padding: 0 1rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Inter, helvetica, sans-serif;
  font-weight: 620;
  font-size: 0.9rem;
  border-radius: 0.3rem;
  background: #363944;
  border: 0;
  color: #fff;
  text-decoration: none;
  pointer: cursor; }
  /* line 20, assets/style/_components.scss */
  .button svg {
    width: 1.1rem;
    height: 1.1rem; }
  /* line 25, assets/style/_components.scss */
  .button.disabled {
    cursor: default;
    opacity: 0.4;
    pointer-events: none; }
  /* line 31, assets/style/_components.scss */
  .button.with-icon {
    padding: 0 0.6rem; }
  /* line 35, assets/style/_components.scss */
  .button:hover {
    background: #3b3e4a; }
  /* line 39, assets/style/_components.scss */
  .button.primary {
    background: #44f0b0;
    background: linear-gradient(65deg, #44f0b0, #00bcc5 60%);
    background-size: 200%;
    color: #0a0e1b;
    transition: background 450ms ease; }
    /* line 46, assets/style/_components.scss */
    .button.primary:hover {
      background-size: 120%; }
  /* line 51, assets/style/_components.scss */
  .button.plain {
    background: transparent;
    color: #9d9fa4; }
    /* line 55, assets/style/_components.scss */
    .button.plain:hover {
      background: #1d212e; }
  /* line 60, assets/style/_components.scss */
  .button.white {
    background: white;
    color: #0a0e1b; }
    /* line 64, assets/style/_components.scss */
    .button.white:hover {
      opacity: 0.9; }

/* line 72, assets/style/_components.scss */
.empty {
  background: #1d212e;
  border-radius: 0.3rem;
  padding: 2rem; }

/* line 78, assets/style/_components.scss */
.blank-slate {
  background: #1d212e;
  border-radius: 0.3rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 5rem 0; }
  /* line 89, assets/style/_components.scss */
  .blank-slate svg {
    width: 80%;
    max-width: 4rem;
    height: auto;
    color: #44f0b0; }
  /* line 96, assets/style/_components.scss */
  .blank-slate .title {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.6rem; }
  /* line 102, assets/style/_components.scss */
  .blank-slate .description {
    color: #9d9fa4; }

/* line 110, assets/style/_components.scss */
.signal-detail .signal-header {
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  /* line 115, assets/style/_components.scss */
  .signal-detail .signal-header .header {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center; }
    /* line 120, assets/style/_components.scss */
    .signal-detail .signal-header .header .title {
      font-family: Inter, helvetica, sans-serif;
      font-weight: 620;
      font-size: 1.4rem; }
    /* line 126, assets/style/_components.scss */
    .signal-detail .signal-header .header .pub-date {
      color: #9d9fa4;
      font-family: Inconsolata, helvetica, sans-serif;
      font-weight: 700;
      margin-left: auto;
      font-size: 0.9rem;
      white-space: nowrap; }
  /* line 136, assets/style/_components.scss */
  .signal-detail .signal-header .badges {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem; }

@media (max-width: 640px) {
  /* line 144, assets/style/_components.scss */
  .signal-detail .signal-header {
    padding-left: 1rem;
    padding-right: 1rem; } }

/* line 153, assets/style/_components.scss */
.signal-detail .signal,
.signal-list .signal {
  background: #1d212e;
  border-radius: 0.3rem;
  padding: 2rem; }
  /* line 158, assets/style/_components.scss */
  .signal-detail .signal:not(:last-child),
  .signal-list .signal:not(:last-child) {
    margin-bottom: 1.5rem; }
  /* line 162, assets/style/_components.scss */
  .signal-detail .signal .header,
  .signal-list .signal .header {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center; }
    /* line 167, assets/style/_components.scss */
    .signal-detail .signal .header .title,
    .signal-list .signal .header .title {
      font-family: Inter, helvetica, sans-serif;
      font-weight: 620;
      line-height: 150%; }
    /* line 173, assets/style/_components.scss */
    .signal-detail .signal .header .pub-date,
    .signal-list .signal .header .pub-date {
      color: #9d9fa4;
      font-family: Inconsolata, helvetica, sans-serif;
      font-weight: 700;
      margin-left: auto;
      font-size: 0.9rem;
      white-space: nowrap; }
      /* line 181, assets/style/_components.scss */
      .signal-detail .signal .header .pub-date a,
      .signal-list .signal .header .pub-date a {
        text-decoration: none;
        color: inherit; }
        /* line 185, assets/style/_components.scss */
        .signal-detail .signal .header .pub-date a:hover,
        .signal-list .signal .header .pub-date a:hover {
          text-decoration: underline; }
  /* line 192, assets/style/_components.scss */
  .signal-detail .signal .badges,
  .signal-list .signal .badges {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem; }
  /* line 198, assets/style/_components.scss */
  .signal-detail .signal .meta,
  .signal-list .signal .meta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    align-items: center;
    margin-bottom: 1.5rem; }
    /* line 205, assets/style/_components.scss */
    .signal-detail .signal .meta .action-box,
    .signal-detail .signal .meta .rr-box,
    .signal-list .signal .meta .action-box,
    .signal-list .signal .meta .rr-box {
      background: rgba(39, 43, 55, 0.6);
      padding: 1.2rem;
      border-radius: 0.3rem;
      box-sizing: border-box; }
    /* line 213, assets/style/_components.scss */
    .signal-detail .signal .meta .rr-box,
    .signal-list .signal .meta .rr-box {
      display: grid;
      grid-template-columns: 1fr 1fr; }
  /* line 219, assets/style/_components.scss */
  .signal-detail .signal .chart-container,
  .signal-list .signal .chart-container {
    height: 280px;
    background: #0a0e1b;
    padding: 2rem 1rem 1rem;
    border-radius: 0.3rem;
    position: relative; }
    /* line 226, assets/style/_components.scss */
    .signal-detail .signal .chart-container .reset-zoom,
    .signal-list .signal .chart-container .reset-zoom {
      position: absolute;
      top: 1rem;
      right: 1rem; }
    /* line 232, assets/style/_components.scss */
    .signal-detail .signal .chart-container .tooltip,
    .signal-list .signal .chart-container .tooltip {
      position: absolute;
      top: 1rem;
      left: 1rem;
      font-size: 0.7rem; }
    /* line 239, assets/style/_components.scss */
    .signal-detail .signal .chart-container .label,
    .signal-list .signal .chart-container .label {
      position: absolute;
      bottom: 20px;
      background: #000;
      padding: 0.2rem;
      font-size: 0.7rem;
      white-space: nowrap;
      transform: translateX(-50%); }
  /* line 250, assets/style/_components.scss */
  .signal-detail .signal .description,
  .signal-list .signal .description {
    margin-top: 1.5rem;
    font-size: 0.9rem;
    color: #9d9fa4; }
  /* line 256, assets/style/_components.scss */
  .signal-detail .signal .footer,
  .signal-list .signal .footer {
    margin-top: 1.5rem;
    display: flex;
    gap: 0.5rem;
    justify-content: end;
    align-items: center; }
    /* line 263, assets/style/_components.scss */
    .signal-detail .signal .footer .toggle-bookmark.is-bookmarked,
    .signal-list .signal .footer .toggle-bookmark.is-bookmarked {
      color: #44f0b0; }

@media (max-width: 768px) {
  /* line 272, assets/style/_components.scss */
  .signal-detail .signal .meta,
  .signal-list .signal .meta {
    grid-template-columns: 1fr; }
    /* line 275, assets/style/_components.scss */
    .signal-detail .signal .meta .rr-box,
    .signal-list .signal .meta .rr-box {
      width: 100%;
      grid-template-columns: 1fr 1fr; }
    /* line 280, assets/style/_components.scss */
    .signal-detail .signal .meta .action-box,
    .signal-list .signal .meta .action-box {
      width: 100%; }
  /* line 285, assets/style/_components.scss */
  .signal-detail .signal .chart-container,
  .signal-list .signal .chart-container {
    height: 260px; } }

@media (max-width: 640px) {
  /* line 292, assets/style/_components.scss */
  .signal-detail .signal,
  .signal-list .signal {
    padding: 1rem; }
    /* line 295, assets/style/_components.scss */
    .signal-detail .signal .header,
    .signal-list .signal .header {
      display: grid;
      grid-template-areas: 'date' 'title'; }
      /* line 301, assets/style/_components.scss */
      .signal-detail .signal .header .title,
      .signal-list .signal .header .title {
        margin-left: 0;
        grid-area: title; }
      /* line 306, assets/style/_components.scss */
      .signal-detail .signal .header .pub-date,
      .signal-list .signal .header .pub-date {
        grid-area: date;
        margin-left: 0;
        margin-bottom: 0.5rem; }
    /* line 316, assets/style/_components.scss */
    .signal-detail .signal .chart-container,
    .signal-list .signal .chart-container {
      height: 200px; }
    /* line 320, assets/style/_components.scss */
    .signal-detail .signal .footer,
    .signal-list .signal .footer {
      justify-content: center; } }

/* line 339, assets/style/_components.scss */
.outcome,
.kind,
.status {
  font-size: 0.9rem;
  font-family: Inconsolata, helvetica, sans-serif;
  font-weight: 700;
  padding: 0.25rem 0.3rem;
  background: #6c6e76;
  border-radius: 0.2rem;
  color: #0a0e1b;
  text-transform: uppercase;
  display: inline-flex;
  gap: 0.4rem;
  align-items: center; }
  /* line 354, assets/style/_components.scss */
  .outcome svg,
  .kind svg,
  .status svg {
    display: block;
    width: 0.9rem;
    height: 0.9rem; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

/* line 370, assets/style/_components.scss */
.status.developing, .status.active {
  background: #254668;
  color: #59adf6;
  background: #3d414b;
  color: #9d9fa4; }
  /* line 378, assets/style/_components.scss */
  .status.developing svg, .status.active svg {
    animation: spin 4s linear infinite; }

/* line 383, assets/style/_components.scss */
.status.cancelled, .status.sl {
  background: #57312d;
  color: #e6724e; }

/* line 389, assets/style/_components.scss */
.status.tp {
  background: #13443d;
  color: #24a77b; }

/* line 397, assets/style/_components.scss */
.kind {
  color: #fff; }
  /* line 400, assets/style/_components.scss */
  .kind.short {
    background: #e6724e; }
  /* line 409, assets/style/_components.scss */
  .kind.long {
    background: #24a77b; }

/* line 418, assets/style/_components.scss */
.split-props {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem; }
  @media (max-width: 768px) {
    /* line 418, assets/style/_components.scss */
    .split-props {
      gap: 1rem;
      grid-template-columns: 1fr; } }
/* line 429, assets/style/_components.scss */
.props {
  font-size: 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  /* line 436, assets/style/_components.scss */
  .props.vertical .prop {
    flex-direction: column;
    gap: 0.5rem; }
    /* line 440, assets/style/_components.scss */
    .props.vertical .prop .key {
      width: auto;
      flex: auto; }
  /* line 447, assets/style/_components.scss */
  .props .prop {
    display: flex;
    gap: 1rem; }
    /* line 451, assets/style/_components.scss */
    .props .prop.center {
      align-items: center; }
    /* line 455, assets/style/_components.scss */
    .props .prop .key {
      color: #84868d;
      flex: 0 7rem; }
      /* line 459, assets/style/_components.scss */
      .props .prop .key[title] {
        text-decoration: underline;
        text-decoration-style: dotted;
        cursor: help; }
    /* line 466, assets/style/_components.scss */
    .props .prop .value {
      flex: 1; }
      /* line 469, assets/style/_components.scss */
      .props .prop .value.cur {
        font-family: Inconsolata, helvetica, sans-serif;
        font-weight: 700;
        font-size: 1.1rem; }
        /* line 474, assets/style/_components.scss */
        .props .prop .value.cur .unit {
          font-size: 0.9rem;
          color: #6c6e76;
          display: none; }
    /* line 482, assets/style/_components.scss */
    .props .prop .prop {
      font-family: Inter, helvetica, sans-serif;
      font-weight: 620; }
  @media (max-width: 768px) {
    /* line 490, assets/style/_components.scss */
    .props:not(.vertical) .prop {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem; } }
/* line 501, assets/style/_components.scss */
.section-title {
  margin: 4rem auto; }
  /* line 504, assets/style/_components.scss */
  .section-title:first-child {
    margin-top: 0; }
  /* line 508, assets/style/_components.scss */
  .section-title.left {
    margin-left: 0;
    margin-right: 0; }
  /* line 513, assets/style/_components.scss */
  .section-title .pretitle {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620;
    font-size: 0.9rem;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    color: transparent;
    background: linear-gradient(60deg, #44f0b0, #00bcc5);
    display: block;
    background-clip: text; }
  /* line 526, assets/style/_components.scss */
  .section-title .title {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 130%;
    margin-bottom: 0.5rem; }
  /* line 534, assets/style/_components.scss */
  .section-title .subtitle {
    color: #9d9fa4;
    line-height: 140%;
    margin-bottom: 1.5rem;
    font-size: 1.1rem; }
  /* line 541, assets/style/_components.scss */
  .section-title .pretitle,
  .section-title .title,
  .section-title .subtitle {
    max-width: 30rem; }
  /* line 548, assets/style/_components.scss */
  .section-title:not(.left) .pretitle,
  .section-title:not(.left) .title,
  .section-title:not(.left) .subtitle {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  @media (max-width: 768px) {
    /* line 558, assets/style/_components.scss */
    .section-title .title {
      font-size: 1.8rem; } }
/* line 564, assets/style/_components.scss */
.sub-section-title {
  margin: 2rem auto;
  text-align: center; }
  /* line 568, assets/style/_components.scss */
  .sub-section-title.left {
    text-align: left; }
  /* line 572, assets/style/_components.scss */
  .sub-section-title .pretitle {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620;
    font-size: 0.9rem;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    color: transparent;
    background: linear-gradient(60deg, #44f0b0, #00bcc5);
    display: block;
    background-clip: text; }
  /* line 585, assets/style/_components.scss */
  .sub-section-title .title {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620;
    font-size: 1.4rem;
    line-height: 130%;
    margin-bottom: 0.5rem; }
  /* line 593, assets/style/_components.scss */
  .sub-section-title .subtitle {
    color: #9d9fa4;
    line-height: 140%;
    margin-bottom: 1.5rem;
    font-size: 1.1rem; }
  /* line 600, assets/style/_components.scss */
  .sub-section-title .pretitle,
  .sub-section-title .title,
  .sub-section-title .subtitle {
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }

/* line 610, assets/style/_components.scss */
.block-title .pretitle {
  font-family: Inter, helvetica, sans-serif;
  font-weight: 620;
  font-size: 0.9rem;
  line-height: 130%;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  color: transparent;
  background: linear-gradient(60deg, #44f0b0, #00bcc5);
  display: block;
  background-clip: text; }

/* line 623, assets/style/_components.scss */
.block-title .title {
  max-width: 30rem;
  font-family: Inter, helvetica, sans-serif;
  font-weight: 620;
  font-size: 1.4rem;
  line-height: 140%;
  margin-bottom: 0.5rem; }

/* line 635, assets/style/_components.scss */
.feature-list {
  display: flex;
  flex-direction: column;
  gap: 6rem; }
  /* line 640, assets/style/_components.scss */
  .feature-list .feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center; }
    /* line 646, assets/style/_components.scss */
    .feature-list .feature .fig {
      width: 80%;
      height: auto;
      display: block;
      margin: 0 auto; }
    /* line 653, assets/style/_components.scss */
    .feature-list .feature .split-features {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
      margin-top: 2rem; }
      /* line 659, assets/style/_components.scss */
      .feature-list .feature .split-features .icon {
        color: #00bcc5;
        width: 1.5rem;
        height: auto;
        display: block;
        margin-bottom: 1rem; }
      /* line 667, assets/style/_components.scss */
      .feature-list .feature .split-features .title {
        font-family: Inter, helvetica, sans-serif;
        font-weight: 620;
        line-height: 130%;
        margin-bottom: 1rem; }
  @media (max-width: 768px) {
    /* line 677, assets/style/_components.scss */
    .feature-list .feature {
      grid-template-columns: 1fr;
      grid-template-areas: 'figure' 'text'; }
      /* line 683, assets/style/_components.scss */
      .feature-list .feature .figure {
        grid-area: figure; }
        /* line 686, assets/style/_components.scss */
        .feature-list .feature .figure .fig {
          max-width: 15rem; }
      /* line 691, assets/style/_components.scss */
      .feature-list .feature .text {
        grid-area: text; } }
/* line 700, assets/style/_components.scss */
.exchanges {
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: center;
  margin: 2rem auto 0; }
  /* line 707, assets/style/_components.scss */
  .exchanges svg {
    height: 1.8rem;
    width: auto;
    opacity: 0.3; }
    /* line 712, assets/style/_components.scss */
    .exchanges svg:nth-child(2) {
      height: 1.2rem; }
    /* line 716, assets/style/_components.scss */
    .exchanges svg:nth-child(3) {
      height: 1.8rem; }

/* line 724, assets/style/_components.scss */
.text {
  line-height: 150%; }
  /* line 727, assets/style/_components.scss */
  .text:not(:last-child) {
    margin-bottom: 1.5rem; }
  /* line 731, assets/style/_components.scss */
  .text.big {
    font-size: 1.2rem; }
  /* line 735, assets/style/_components.scss */
  .text.fade-1 {
    color: #9d9fa4; }
  /* line 739, assets/style/_components.scss */
  .text.fade-2 {
    color: #84868d; }

/* line 746, assets/style/_components.scss */
.testimonials {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: masonry;
  align-items: start;
  gap: 1rem;
  margin-bottom: 6rem; }
  /* line 754, assets/style/_components.scss */
  .testimonials .testimonial {
    background: #1d212e;
    border-radius: 0.4rem;
    padding: 1.5rem; }
    /* line 759, assets/style/_components.scss */
    .testimonials .testimonial .header {
      display: flex;
      align-items: center;
      margin-bottom: 1.5rem; }
      /* line 764, assets/style/_components.scss */
      .testimonials .testimonial .header .avatar {
        margin-right: 1rem; }
        /* line 767, assets/style/_components.scss */
        .testimonials .testimonial .header .avatar img {
          width: 2.5rem;
          height: 2.5rem;
          border-radius: 1.25rem; }
      /* line 775, assets/style/_components.scss */
      .testimonials .testimonial .header .info .name {
        font-family: Inter, helvetica, sans-serif;
        font-weight: 620;
        margin-bottom: 0.5rem; }
      /* line 781, assets/style/_components.scss */
      .testimonials .testimonial .header .info .title {
        color: #84868d;
        font-size: 0.9rem; }
      /* line 787, assets/style/_components.scss */
      .testimonials .testimonial .header .link {
        margin-left: auto;
        width: 1rem;
        height: auto; }
    /* line 794, assets/style/_components.scss */
    .testimonials .testimonial .quote {
      font-family: Inter, helvetica, sans-serif;
      line-height: 150%; }
  @media (max-width: 768px) {
    /* line 746, assets/style/_components.scss */
    .testimonials {
      display: flex;
      flex-direction: column; } }
/* line 806, assets/style/_components.scss */
.confidence-bar {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  margin-top: 0.75rem;
  width: 100%;
  min-width: 3rem;
  max-width: 7rem; }
  /* line 816, assets/style/_components.scss */
  .confidence-bar div {
    height: 0.5rem;
    background: #272b37;
    border-radius: 0.1rem; }
  /* line 823, assets/style/_components.scss */
  .confidence-bar.confidence-1 div:nth-child(1) {
    background: #24a77b;
    opacity: 0.4; }
  /* line 830, assets/style/_components.scss */
  .confidence-bar.confidence-2 div:nth-child(1),
  .confidence-bar.confidence-2 div:nth-child(2) {
    background: #b8dc88;
    background: #24a77b;
    opacity: 0.8; }
  /* line 839, assets/style/_components.scss */
  .confidence-bar.confidence-3 div {
    background: #24a77b; }

/* line 848, assets/style/_components.scss */
.section-header {
  margin: 0 0 2.5rem; }
  /* line 851, assets/style/_components.scss */
  .section-header .title {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620;
    font-size: 1.5rem;
    line-height: 130%; }

/* line 861, assets/style/_components.scss */
.notification {
  margin-bottom: 2.5rem;
  display: flex;
  gap: 1rem;
  font-size: 0.9rem;
  background: #1d212e;
  border-radius: 0.3rem;
  padding: 2rem; }
  /* line 870, assets/style/_components.scss */
  .notification .action,
  .notification .icon {
    color: #9d94ff; }
  /* line 876, assets/style/_components.scss */
  .notification .content .title {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620;
    margin-bottom: 0.75rem; }
  /* line 882, assets/style/_components.scss */
  .notification .content p {
    color: #84868d; }
  /* line 887, assets/style/_components.scss */
  .notification .action {
    align-self: center;
    margin-left: auto; }
    /* line 891, assets/style/_components.scss */
    .notification .action a {
      text-decoration: none; }
      /* line 894, assets/style/_components.scss */
      .notification .action a:hover {
        text-decoration: underline; }

/* line 903, assets/style/_components.scss */
.pagination {
  margin: 3rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem; }

/* line 913, assets/style/_components.scss */
up-modal-backdrop {
  background: #0a0e1b; }

/* line 917, assets/style/_components.scss */
up-modal-box {
  background: #0a0e1b;
  padding: 0; }

/* line 922, assets/style/_components.scss */
up-modal[size='large'] up-modal-box {
  width: 60rem;
  position: static !important; }

/* line 927, assets/style/_components.scss */
up-popup-dismiss,
up-cover-dismiss,
up-drawer-dismiss,
up-modal-dismiss {
  font-size: 2.4rem;
  right: 1rem;
  top: 1rem; }

/* line 939, assets/style/_components.scss */
form > div {
  margin-bottom: 1.5rem; }
  /* line 942, assets/style/_components.scss */
  form > div label {
    font-size: 0.9rem;
    display: block;
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620;
    margin-bottom: 0.5rem; }
  /* line 950, assets/style/_components.scss */
  form > div .helptext {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    color: #84868d; }
  /* line 956, assets/style/_components.scss */
  form > div input[type='email'],
  form > div input[type='tel'],
  form > div input[type='text'] {
    background: #1d212e;
    border: 0;
    padding: 0.4rem 0.8rem;
    border-radius: 0.2rem;
    display: block;
    color: #fff; }
  /* line 968, assets/style/_components.scss */
  form > div .errorlist li {
    margin-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: #e6724e; }
  /* line 976, assets/style/_components.scss */
  form > div input[disabled] {
    color: #fff3; }

/* line 984, assets/style/_components.scss */
.performance {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, 1fr); }
  /* line 989, assets/style/_components.scss */
  .performance .metric {
    text-align: center; }
    /* line 992, assets/style/_components.scss */
    .performance .metric .number {
      display: flex;
      gap: 0.5rem;
      margin-bottom: 0.5rem;
      color: #44f0b0;
      align-items: center;
      justify-content: center; }
      /* line 1000, assets/style/_components.scss */
      .performance .metric .number .value {
        font-family: Inter, helvetica, sans-serif;
        font-weight: 700;
        font-size: 3rem; }
    /* line 1007, assets/style/_components.scss */
    .performance .metric .label,
    .performance .metric .details {
      font-family: Inter, helvetica, sans-serif;
      font-weight: 620;
      line-height: 150%; }
    /* line 1014, assets/style/_components.scss */
    .performance .metric .details {
      opacity: 0.7; }
  @media (max-width: 640px) {
    /* line 984, assets/style/_components.scss */
    .performance {
      grid-template-columns: repeat(1, 1fr);
      gap: 1.5rem; } }
/* line 1027, assets/style/_components.scss */
.pricing-tiers {
  display: flex;
  justify-content: center; }
  /* line 1031, assets/style/_components.scss */
  .pricing-tiers .tier {
    width: 100%;
    max-width: 20rem;
    background: #1d212e;
    padding: 1.5rem;
    border-radius: 0.5rem; }
    /* line 1038, assets/style/_components.scss */
    .pricing-tiers .tier .pre-title {
      color: #84868d; }
    /* line 1042, assets/style/_components.scss */
    .pricing-tiers .tier .price {
      margin: 1rem 0;
      display: flex;
      gap: 0.5rem;
      align-items: flex-end; }
      /* line 1048, assets/style/_components.scss */
      .pricing-tiers .tier .price .amount {
        font-family: Inter, helvetica, sans-serif;
        font-weight: 700;
        font-size: 2.9rem; }
      /* line 1054, assets/style/_components.scss */
      .pricing-tiers .tier .price .unit {
        font-family: Inter, helvetica, sans-serif;
        font-weight: 620;
        color: #84868d;
        margin-bottom: 0.5rem; }
    /* line 1062, assets/style/_components.scss */
    .pricing-tiers .tier .cta {
      margin: 2rem 0; }
      /* line 1065, assets/style/_components.scss */
      .pricing-tiers .tier .cta .button {
        display: flex; }
  /* line 1072, assets/style/_components.scss */
  .pricing-tiers .includes .label {
    margin: 1rem 0;
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620; }
  /* line 1078, assets/style/_components.scss */
  .pricing-tiers .includes .feature {
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    /* line 1084, assets/style/_components.scss */
    .pricing-tiers .includes .feature svg {
      color: #44f0b0;
      width: 20px;
      height: 20px; }
    /* line 1090, assets/style/_components.scss */
    .pricing-tiers .includes .feature .text {
      font-size: 0.9rem; }
  @media (max-width: 640px) {
    /* line 1027, assets/style/_components.scss */
    .pricing-tiers {
      grid-template-columns: 1fr; } }
/* line 1105, assets/style/_components.scss */
.accordion .item .title {
  padding: 1rem 0;
  line-height: 130%;
  font-size: 1.2rem;
  font-family: Inter, helvetica, sans-serif;
  font-weight: 620;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  /* line 1117, assets/style/_components.scss */
  .accordion .item .title::after {
    content: '+';
    font-size: 1.6rem;
    font-weight: 400; }

/* line 1124, assets/style/_components.scss */
.accordion .item .body {
  line-height: 150%;
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
  visibility: hidden; }

/* line 1132, assets/style/_components.scss */
.accordion .item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

/* line 1138, assets/style/_components.scss */
.accordion .item.is-active .title::after {
  content: '\2013'; }

/* line 1143, assets/style/_components.scss */
.accordion .item.is-active .body {
  visibility: visible;
  margin-bottom: 1.5rem; }

/* line 1153, assets/style/_components.scss */
.cta-banner {
  margin: 4rem auto;
  background: #1d212e;
  background: linear-gradient(-120deg, #0a0e1b, #074a4c);
  border-radius: 0.3rem;
  border-radius: 0.8rem;
  padding: 2rem; }
  /* line 1164, assets/style/_components.scss */
  .cta-banner .title {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-family: Inter, helvetica, sans-serif;
    font-weight: 620;
    line-height: 130%; }
  /* line 1172, assets/style/_components.scss */
  .cta-banner .customer-grid {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    width: 100%; }
    /* line 1178, assets/style/_components.scss */
    .cta-banner .customer-grid img {
      min-width: 0;
      width: 100%;
      height: auto;
      display: block;
      border-radius: 1rem; }
  @media (max-width: 640px) {
    /* line 1153, assets/style/_components.scss */
    .cta-banner {
      padding: 1.5rem; } }
/* line 2, assets/style/_accounts.scss */
body.accounts-body .accounts-wrapper {
  max-width: 20rem;
  background: #1d212e;
  border-radius: 0.3rem;
  padding: 2rem;
  margin: 0 auto; }
  /* line 9, assets/style/_accounts.scss */
  body.accounts-body .accounts-wrapper h1 {
    font-family: Inter, helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 130%;
    margin-bottom: 1.5rem; }
  /* line 17, assets/style/_accounts.scss */
  body.accounts-body .accounts-wrapper h1 + p {
    color: #9d9fa4; }
  /* line 22, assets/style/_accounts.scss */
  body.accounts-body .accounts-wrapper form label {
    display: block;
    margin-bottom: 0.5rem; }
    /* line 26, assets/style/_accounts.scss */
    body.accounts-body .accounts-wrapper form label[for='id_remember'] {
      display: none; }
  /* line 32, assets/style/_accounts.scss */
  body.accounts-body .accounts-wrapper form ul:not(.errorlist) li {
    margin-bottom: 0.5rem;
    color: #9d9fa4;
    font-size: 0.9rem;
    line-height: 130%; }
  /* line 41, assets/style/_accounts.scss */
  body.accounts-body .accounts-wrapper form ul.errorlist li {
    margin-bottom: 0.5rem;
    color: #e6724e;
    font-size: 0.9rem;
    line-height: 130%; }
  /* line 49, assets/style/_accounts.scss */
  body.accounts-body .accounts-wrapper form p:has(#id_remember) {
    color: inherit;
    display: flex;
    align-items: center; }
    /* line 54, assets/style/_accounts.scss */
    body.accounts-body .accounts-wrapper form p:has(#id_remember)::after {
      display: inline-block;
      content: 'Stay logged in'; }
  /* line 60, assets/style/_accounts.scss */
  body.accounts-body .accounts-wrapper form #id_password_helptext {
    display: block;
    font-size: 0.9rem;
    margin-top: 0.5rem; }
  /* line 66, assets/style/_accounts.scss */
  body.accounts-body .accounts-wrapper form input[type='text'],
  body.accounts-body .accounts-wrapper form input[type='email'],
  body.accounts-body .accounts-wrapper form input[type='password'] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.6rem 0.6rem;
    border: 0;
    border-radius: 0.3rem; }

/* line 2, assets/style/_inside.scss */
.inside-body .mobile-home-link {
  display: none;
  margin-bottom: 1rem; }

/* line 7, assets/style/_inside.scss */
.inside-body .mobile-home-link + .section-title {
  margin-top: 0; }

/* line 11, assets/style/_inside.scss */
.inside-body .section-title {
  margin-bottom: 2rem; }
  /* line 14, assets/style/_inside.scss */
  .inside-body .section-title .title {
    font-size: 1.8rem; }
  /* line 19, assets/style/_inside.scss */
  .inside-body .section-title .subtitle {
    font-size: 1rem; }

/* line 24, assets/style/_inside.scss */
.inside-body .content-wrapper {
  padding-left: 4rem;
  padding-top: 3rem; }

/* line 29, assets/style/_inside.scss */
.inside-body .sidebar {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 3.8rem;
  padding: 1rem 0.75rem 0.75rem;
  box-sizing: border-box;
  background: #1d212e;
  display: flex;
  flex-direction: column; }

/* line 45, assets/style/_inside.scss */
.inside-body ul li a {
  width: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  border-radius: 0.3rem; }

/* line 54, assets/style/_inside.scss */
.inside-body ul li svg {
  color: #6c6e76;
  display: block;
  width: 100%;
  height: auto; }

/* line 62, assets/style/_inside.scss */
.inside-body ul.top {
  margin-bottom: 1rem; }
  /* line 66, assets/style/_inside.scss */
  .inside-body ul.top li a {
    padding: 0.25rem; }

/* line 75, assets/style/_inside.scss */
.inside-body ul.middle li:not(:last-child), .inside-body ul.bottom li:not(:last-child) {
  margin-bottom: 0.5rem; }

/* line 79, assets/style/_inside.scss */
.inside-body ul.middle li a:hover,
.inside-body ul.middle li a.active, .inside-body ul.bottom li a:hover,
.inside-body ul.bottom li a.active {
  background: #272b37; }
  /* line 83, assets/style/_inside.scss */
  .inside-body ul.middle li a:hover svg,
  .inside-body ul.middle li a.active svg, .inside-body ul.bottom li a:hover svg,
  .inside-body ul.bottom li a.active svg {
    color: #fff; }

/* line 90, assets/style/_inside.scss */
.inside-body ul.bottom {
  margin-top: auto; }

@media (max-width: 640px) {
  /* line 96, assets/style/_inside.scss */
  .inside-body .mobile-home-link {
    display: block; }
  /* line 100, assets/style/_inside.scss */
  .inside-body .content-wrapper {
    padding-left: 0;
    padding-top: 1rem;
    padding-bottom: 5rem; }
  /* line 106, assets/style/_inside.scss */
  .inside-body .sidebar {
    top: auto;
    bottom: 0;
    width: 100vw;
    height: 3.6rem;
    flex-direction: row;
    overflow: auto;
    box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.8);
    z-index: 100000;
    padding: 0.75rem;
    gap: 1rem; }
    /* line 118, assets/style/_inside.scss */
    .inside-body .sidebar ul {
      display: flex;
      gap: 1rem; }
      /* line 122, assets/style/_inside.scss */
      .inside-body .sidebar ul li {
        margin: 0 !important; }
        /* line 125, assets/style/_inside.scss */
        .inside-body .sidebar ul li a {
          height: 100%;
          width: auto; }
          /* line 129, assets/style/_inside.scss */
          .inside-body .sidebar ul li a svg {
            height: 100%;
            width: auto;
            margin: 0 auto; }
      /* line 137, assets/style/_inside.scss */
      .inside-body .sidebar ul.top {
        display: none; }
      /* line 141, assets/style/_inside.scss */
      .inside-body .sidebar ul.bottom {
        margin-top: 0;
        margin-left: auto; } }