/* "back to karthik's world" bar, pinned to the top of each venture's standalone page */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/FiraCode-Latin.woff2") format("woff2");
}

.kw-spacer { height: 36px; }

.kw-strip {
  position: fixed;
  top: env(safe-area-inset-top, 0px);
  left: 0;
  right: 0;
  z-index: 2147483000;
  box-sizing: border-box;
  height: 36px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  background: #f0e4c3;
  border-bottom: 1px solid rgba(162, 104, 174, 0.45);
}

.kw-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  padding: 0 10px;
  background: #a268ae;
  color: #f0e4c3;
  font: 600 13px/1 "Fira Code", ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
}
.kw-back:hover { background: #93569f; }
.kw-back:focus-visible { outline: 2px solid #1a170f; outline-offset: 2px; }
.kw-back svg { width: 15px; height: 15px; flex: none; }