:root {
  --kiku-brand: #05b8ee;
  --kiku-ink: #0c1c3b;
  --kiku-action: #00789f;
  --kiku-action-hover: #006586;
  --kiku-tint: #edf9fd;
  --kiku-border: #b9e4f1;
  --kiku-sub: #526477;
  --kiku-muted: #607183;
  --kiku-line: #dfe7ed;
  --kiku-background: #f7f9fb;
  --kiku-warning: #a45a25;
  --kiku-warning-light: #fff5eb;
  --kiku-warning-border: #f1d8c1;
  --kiku-focus: #0089b6;
}

.kikustock-logo {
  position: relative;
  display: inline-block;
  width: 170px;
  max-width: 100%;
  aspect-ratio: 1352 / 320;
  flex: 0 0 auto;
  overflow: hidden;
  vertical-align: middle;
  mix-blend-mode: multiply;
}

/* Frame the supplied artwork without changing its lettering or source pixels. */
.kikustock-logo > img {
  position: absolute;
  display: block;
  width: 123.668639%;
  max-width: none;
  height: auto;
  left: -12.130178%;
  top: -90%;
}

.kikustock-logo--app { width: 138px; }
.kikustock-logo--login { width: 260px; }
.kikustock-symbol { display: inline-block; width: 48px; height: 48px; }

@media (max-width: 700px) {
  .kikustock-logo { width: 138px; }
  .kikustock-logo--login { width: 240px; }
}