/* Docs content only. Glass comes from app.css. No custom cursor. */

html,
body,
html *,
body * {
  cursor: auto !important;
}

.ptr,
.ptr-sb-layer,
.ptr-sb {
  display: none !important;
}

[data-pane][hidden] {
  display: none !important;
}

.doc-pre {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 14px 16px 12px;
  overflow-x: auto;
  font-family: ui-monospace, "SF Mono", "Segoe UI Mono", Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--text);
  white-space: pre;
}

code {
  font-family: ui-monospace, "SF Mono", "Segoe UI Mono", Consolas, monospace;
  font-size: 13px;
}

.row-v code,
.cell-mono {
  font-size: 12px;
}

.sheet.docs-sheet {
  min-width: 0;
  width: 100%;
}

.sheet.docs-sheet td,
.sheet.docs-sheet th {
  white-space: normal;
}

.group > .row .btn-row.btn-wide {
  padding: 0;
}

.tabbar,
.tab,
.tab * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}

button.tab {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

button.tab.is-on {
  color: #fff;
}

body.is-login .login-wrap {
  overflow: visible;
}

body.is-login .large-title.login-title {
  margin: 0 16px 18px !important;
  line-height: 1.15;
  overflow: visible;
}

body.is-login .login-form {
  width: 100%;
}

body.is-login .gate-row {
  position: relative;
  padding: 0 16px;
}

body.is-login .gate-hint {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--dim);
  pointer-events: none;
  z-index: 2;
  font: inherit;
}

body.is-login .gate-row:focus-within .gate-hint,
body.is-login .gate-row.is-filled .gate-hint {
  opacity: 0;
  visibility: hidden;
}

body.is-login .gate-input {
  position: relative;
  z-index: 1;
  direction: ltr;
  text-align: left !important;
  padding: 0;
  caret-color: #fff;
}