:host,
:root {
  --d2h-bg-color: #fff;
  --d2h-border-color: #ddd;
  --d2h-dim-color: rgba(0, 0, 0, 0.3);
  --d2h-line-border-color: #eee;
  --d2h-file-header-bg-color: #f7f7f7;
  --d2h-file-header-border-color: #d8d8d8;
  --d2h-empty-placeholder-bg-color: #f1f1f1;
  --d2h-empty-placeholder-border-color: #e1e1e1;
  --d2h-selected-color: #c8e1ff;
  --d2h-ins-bg-color: #dfd;
  --d2h-ins-border-color: #b4e2b4;
  --d2h-ins-highlight-bg-color: #97f295;
  --d2h-ins-label-color: #399839;
  --d2h-del-bg-color: #fee8e9;
  --d2h-del-border-color: #e9aeae;
  --d2h-del-highlight-bg-color: #ffb6ba;
  --d2h-del-label-color: #c33;
  --d2h-change-del-color: #fdf2d0;
  --d2h-change-ins-color: #ded;
  --d2h-info-bg-color: #f8fafd;
  --d2h-info-border-color: #d5e4f2;
  --d2h-change-label-color: #d0b44c;
  --d2h-moved-label-color: #3572b0;
  --d2h-dark-color: #e6edf3;
  --d2h-dark-bg-color: #0d1117;
  --d2h-dark-border-color: #30363d;
  --d2h-dark-dim-color: #6e7681;
  --d2h-dark-line-border-color: #21262d;
  --d2h-dark-file-header-bg-color: #161b22;
  --d2h-dark-file-header-border-color: #30363d;
  --d2h-dark-empty-placeholder-bg-color: hsla(215, 8%, 47%, 0.1);
  --d2h-dark-empty-placeholder-border-color: #30363d;
  --d2h-dark-selected-color: rgba(56, 139, 253, 0.1);
  --d2h-dark-ins-bg-color: rgba(46, 160, 67, 0.15);
  --d2h-dark-ins-border-color: rgba(46, 160, 67, 0.4);
  --d2h-dark-ins-highlight-bg-color: rgba(46, 160, 67, 0.4);
  --d2h-dark-ins-label-color: #3fb950;
  --d2h-dark-del-bg-color: rgba(248, 81, 73, 0.1);
  --d2h-dark-del-border-color: rgba(248, 81, 73, 0.4);
  --d2h-dark-del-highlight-bg-color: rgba(248, 81, 73, 0.4);
  --d2h-dark-del-label-color: #f85149;
  --d2h-dark-change-del-color: rgba(210, 153, 34, 0.2);
  --d2h-dark-change-ins-color: rgba(46, 160, 67, 0.25);
  --d2h-dark-info-bg-color: rgba(56, 139, 253, 0.1);
  --d2h-dark-info-border-color: rgba(56, 139, 253, 0.4);
  --d2h-dark-change-label-color: #d29922;
  --d2h-dark-moved-label-color: #3572b0;
}
.d2h-wrapper {
  text-align: left;
}
.d2h-file-header {
  background-color: #f7f7f7;
  background-color: var(--d2h-file-header-bg-color);
  border-bottom: 1px solid #d8d8d8;
  border-bottom: 1px solid var(--d2h-file-header-border-color);
  display: flex;
  font-family:
    Source Sans Pro,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: 35px;
  padding: 5px 10px;
}
.d2h-file-header.d2h-sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.d2h-file-stats {
  display: flex;
  font-size: 14px;
  margin-left: auto;
}
.d2h-lines-added {
  border: 1px solid #b4e2b4;
  border: 1px solid var(--d2h-ins-border-color);
  border-radius: 5px 0 0 5px;
  color: #399839;
  color: var(--d2h-ins-label-color);
  padding: 2px;
  text-align: right;
  vertical-align: middle;
}
.d2h-lines-deleted {
  border: 1px solid #e9aeae;
  border: 1px solid var(--d2h-del-border-color);
  border-radius: 0 5px 5px 0;
  color: #c33;
  color: var(--d2h-del-label-color);
  margin-left: 1px;
  padding: 2px;
  text-align: left;
  vertical-align: middle;
}
.d2h-file-name-wrapper {
  display: flex;
  align-items: center;
  font-size: 15px;
  width: 100%;
}
.d2h-file-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.d2h-file-wrapper {
  border: 1px solid #ddd;
  border: 1px solid var(--d2h-border-color);
  border-radius: 3px;
  margin-bottom: 1em;
}
.d2h-file-collapse {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  cursor: pointer;
  display: none;
  font-size: 12px;
  justify-content: flex-end;
  align-items: center;
  border: 1px solid #ddd;
  border: 1px solid var(--d2h-border-color);
  border-radius: 3px;
  padding: 4px 8px;
}
.d2h-file-collapse.d2h-selected {
  background-color: #c8e1ff;
  background-color: var(--d2h-selected-color);
}
.d2h-file-collapse-input {
  margin: 0 4px 0 0;
}
.d2h-diff-table {
  border-collapse: collapse;
  font-family: Menlo, Consolas, monospace;
  font-size: 13px;
  width: 100%;
}
.d2h-files-diff {
  display: flex;
  width: 100%;
}
.d2h-file-diff {
  overflow-y: hidden;
}
.d2h-file-diff.d2h-d-none,
.d2h-files-diff.d2h-d-none {
  display: none;
}
.d2h-file-side-diff {
  display: inline-block;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 50%;
}
.d2h-code-line {
  padding: 0 8em;
  width: calc(100% - 16em);
}
.d2h-code-line,
.d2h-code-side-line {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.d2h-code-side-line {
  padding: 0 4.5em;
  width: calc(100% - 9em);
}
.d2h-code-line-ctn {
  background: none;
  display: inline-block;
  padding: 0;
  word-wrap: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  vertical-align: middle;
  white-space: pre;
  width: 100%;
}
.d2h-code-line del,
.d2h-code-side-line del {
  background-color: #ffb6ba;
  background-color: var(--d2h-del-highlight-bg-color);
}
.d2h-code-line del,
.d2h-code-line ins,
.d2h-code-side-line del,
.d2h-code-side-line ins {
  border-radius: 0.2em;
  display: inline-block;
  margin-top: -1px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.d2h-code-line ins,
.d2h-code-side-line ins {
  background-color: #97f295;
  background-color: var(--d2h-ins-highlight-bg-color);
  text-align: left;
}
.d2h-code-line-prefix {
  background: none;
  display: inline;
  padding: 0;
  word-wrap: normal;
  white-space: pre;
}
.line-num1 {
  float: left;
}
.line-num1,
.line-num2 {
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 0.5em;
  text-overflow: ellipsis;
  width: 3.5em;
}
.line-num2 {
  float: right;
}
.d2h-code-linenumber {
  background-color: #fff;
  background-color: var(--d2h-bg-color);
  border: solid #eee;
  border: solid var(--d2h-line-border-color);
  border-width: 0 1px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.3);
  color: var(--d2h-dim-color);
  cursor: pointer;
  display: inline-block;
  position: absolute;
  text-align: right;
  width: 7.5em;
}
.d2h-code-linenumber:after {
  content: '\200b';
}
.d2h-code-side-linenumber {
  background-color: #fff;
  background-color: var(--d2h-bg-color);
  border: solid #eee;
  border: solid var(--d2h-line-border-color);
  border-width: 0 1px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.3);
  color: var(--d2h-dim-color);
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0 0.5em;
  position: absolute;
  text-align: right;
  text-overflow: ellipsis;
  width: 4em;
}
.d2h-code-side-linenumber:after {
  content: '\200b';
}
.d2h-code-side-emptyplaceholder,
.d2h-emptyplaceholder {
  background-color: #f1f1f1;
  background-color: var(--d2h-empty-placeholder-bg-color);
  border-color: #e1e1e1;
  border-color: var(--d2h-empty-placeholder-border-color);
}
.d2h-code-line-prefix,
.d2h-code-linenumber,
.d2h-code-side-linenumber,
.d2h-emptyplaceholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.d2h-code-linenumber,
.d2h-code-side-linenumber {
  direction: rtl;
}
.d2h-del {
  background-color: #fee8e9;
  background-color: var(--d2h-del-bg-color);
  border-color: #e9aeae;
  border-color: var(--d2h-del-border-color);
}
.d2h-ins {
  background-color: #dfd;
  background-color: var(--d2h-ins-bg-color);
  border-color: #b4e2b4;
  border-color: var(--d2h-ins-border-color);
}
.d2h-info {
  background-color: #f8fafd;
  background-color: var(--d2h-info-bg-color);
  border-color: #d5e4f2;
  border-color: var(--d2h-info-border-color);
  color: rgba(0, 0, 0, 0.3);
  color: var(--d2h-dim-color);
}
.d2h-file-diff .d2h-del.d2h-change {
  background-color: #fdf2d0;
  background-color: var(--d2h-change-del-color);
}
.d2h-file-diff .d2h-ins.d2h-change {
  background-color: #ded;
  background-color: var(--d2h-change-ins-color);
}
.d2h-file-list-wrapper {
  margin-bottom: 10px;
}
.d2h-file-list-wrapper a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.d2h-file-list-wrapper a,
.d2h-file-list-wrapper a:visited {
  color: #3572b0;
  color: var(--d2h-moved-label-color);
}
.d2h-file-list-header {
  text-align: left;
}
.d2h-file-list-title {
  font-weight: 700;
}
.d2h-file-list-line {
  display: flex;
  text-align: left;
}
.d2h-file-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.d2h-file-list > li {
  border-bottom: 1px solid #ddd;
  border-bottom: 1px solid var(--d2h-border-color);
  margin: 0;
  padding: 5px 10px;
}
.d2h-file-list > li:last-child {
  border-bottom: none;
}
.d2h-file-switch {
  cursor: pointer;
  display: none;
  font-size: 10px;
}
.d2h-icon {
  margin-right: 10px;
  vertical-align: middle;
  fill: currentColor;
}
.d2h-deleted {
  color: #c33;
  color: var(--d2h-del-label-color);
}
.d2h-added {
  color: #399839;
  color: var(--d2h-ins-label-color);
}
.d2h-changed {
  color: #d0b44c;
  color: var(--d2h-change-label-color);
}
.d2h-moved {
  color: #3572b0;
  color: var(--d2h-moved-label-color);
}
.d2h-tag {
  background-color: #fff;
  background-color: var(--d2h-bg-color);
  display: flex;
  font-size: 10px;
  margin-left: 5px;
  padding: 0 2px;
}
.d2h-deleted-tag {
  border: 1px solid #c33;
  border: 1px solid var(--d2h-del-label-color);
}
.d2h-added-tag {
  border: 1px solid #399839;
  border: 1px solid var(--d2h-ins-label-color);
}
.d2h-changed-tag {
  border: 1px solid #d0b44c;
  border: 1px solid var(--d2h-change-label-color);
}
.d2h-moved-tag {
  border: 1px solid #3572b0;
  border: 1px solid var(--d2h-moved-label-color);
}
.d2h-dark-color-scheme {
  background-color: #0d1117;
  background-color: var(--d2h-dark-bg-color);
  color: #e6edf3;
  color: var(--d2h-dark-color);
}
.d2h-dark-color-scheme .d2h-file-header {
  background-color: #161b22;
  background-color: var(--d2h-dark-file-header-bg-color);
  border-bottom: #30363d;
  border-bottom: var(--d2h-dark-file-header-border-color);
}
.d2h-dark-color-scheme .d2h-lines-added {
  border: 1px solid rgba(46, 160, 67, 0.4);
  border: 1px solid var(--d2h-dark-ins-border-color);
  color: #3fb950;
  color: var(--d2h-dark-ins-label-color);
}
.d2h-dark-color-scheme .d2h-lines-deleted {
  border: 1px solid rgba(248, 81, 73, 0.4);
  border: 1px solid var(--d2h-dark-del-border-color);
  color: #f85149;
  color: var(--d2h-dark-del-label-color);
}
.d2h-dark-color-scheme .d2h-code-line del,
.d2h-dark-color-scheme .d2h-code-side-line del {
  background-color: rgba(248, 81, 73, 0.4);
  background-color: var(--d2h-dark-del-highlight-bg-color);
}
.d2h-dark-color-scheme .d2h-code-line ins,
.d2h-dark-color-scheme .d2h-code-side-line ins {
  background-color: rgba(46, 160, 67, 0.4);
  background-color: var(--d2h-dark-ins-highlight-bg-color);
}
.d2h-dark-color-scheme .d2h-diff-tbody {
  border-color: #30363d;
  border-color: var(--d2h-dark-border-color);
}
.d2h-dark-color-scheme .d2h-code-side-linenumber {
  background-color: #0d1117;
  background-color: var(--d2h-dark-bg-color);
  border-color: #21262d;
  border-color: var(--d2h-dark-line-border-color);
  color: #6e7681;
  color: var(--d2h-dark-dim-color);
}
.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,
.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder {
  background-color: hsla(215, 8%, 47%, 0.1);
  background-color: var(--d2h-dark-empty-placeholder-bg-color);
  border-color: #30363d;
  border-color: var(--d2h-dark-empty-placeholder-border-color);
}
.d2h-dark-color-scheme .d2h-code-linenumber {
  background-color: #0d1117;
  background-color: var(--d2h-dark-bg-color);
  border-color: #21262d;
  border-color: var(--d2h-dark-line-border-color);
  color: #6e7681;
  color: var(--d2h-dark-dim-color);
}
.d2h-dark-color-scheme .d2h-del {
  background-color: rgba(248, 81, 73, 0.1);
  background-color: var(--d2h-dark-del-bg-color);
  border-color: rgba(248, 81, 73, 0.4);
  border-color: var(--d2h-dark-del-border-color);
}
.d2h-dark-color-scheme .d2h-ins {
  background-color: rgba(46, 160, 67, 0.15);
  background-color: var(--d2h-dark-ins-bg-color);
  border-color: rgba(46, 160, 67, 0.4);
  border-color: var(--d2h-dark-ins-border-color);
}
.d2h-dark-color-scheme .d2h-info {
  background-color: rgba(56, 139, 253, 0.1);
  background-color: var(--d2h-dark-info-bg-color);
  border-color: rgba(56, 139, 253, 0.4);
  border-color: var(--d2h-dark-info-border-color);
  color: #6e7681;
  color: var(--d2h-dark-dim-color);
}
.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change {
  background-color: rgba(210, 153, 34, 0.2);
  background-color: var(--d2h-dark-change-del-color);
}
.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change {
  background-color: rgba(46, 160, 67, 0.25);
  background-color: var(--d2h-dark-change-ins-color);
}
.d2h-dark-color-scheme .d2h-file-wrapper {
  border: 1px solid #30363d;
  border: 1px solid var(--d2h-dark-border-color);
}
.d2h-dark-color-scheme .d2h-file-collapse {
  border: 1px solid #0d1117;
  border: 1px solid var(--d2h-dark-bg-color);
}
.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected {
  background-color: rgba(56, 139, 253, 0.1);
  background-color: var(--d2h-dark-selected-color);
}
.d2h-dark-color-scheme .d2h-file-list-wrapper a,
.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited {
  color: #3572b0;
  color: var(--d2h-dark-moved-label-color);
}
.d2h-dark-color-scheme .d2h-file-list > li {
  border-bottom: 1px solid #0d1117;
  border-bottom: 1px solid var(--d2h-dark-bg-color);
}
.d2h-dark-color-scheme .d2h-deleted {
  color: #f85149;
  color: var(--d2h-dark-del-label-color);
}
.d2h-dark-color-scheme .d2h-added {
  color: #3fb950;
  color: var(--d2h-dark-ins-label-color);
}
.d2h-dark-color-scheme .d2h-changed {
  color: #d29922;
  color: var(--d2h-dark-change-label-color);
}
.d2h-dark-color-scheme .d2h-moved {
  color: #3572b0;
  color: var(--d2h-dark-moved-label-color);
}
.d2h-dark-color-scheme .d2h-tag {
  background-color: #0d1117;
  background-color: var(--d2h-dark-bg-color);
}
.d2h-dark-color-scheme .d2h-deleted-tag {
  border: 1px solid #f85149;
  border: 1px solid var(--d2h-dark-del-label-color);
}
.d2h-dark-color-scheme .d2h-added-tag {
  border: 1px solid #3fb950;
  border: 1px solid var(--d2h-dark-ins-label-color);
}
.d2h-dark-color-scheme .d2h-changed-tag {
  border: 1px solid #d29922;
  border: 1px solid var(--d2h-dark-change-label-color);
}
.d2h-dark-color-scheme .d2h-moved-tag {
  border: 1px solid #3572b0;
  border: 1px solid var(--d2h-dark-moved-label-color);
}
@media (prefers-color-scheme: dark) {
  .d2h-auto-color-scheme {
    background-color: #0d1117;
    background-color: var(--d2h-dark-bg-color);
    color: #e6edf3;
    color: var(--d2h-dark-color);
  }
  .d2h-auto-color-scheme .d2h-file-header {
    background-color: #161b22;
    background-color: var(--d2h-dark-file-header-bg-color);
    border-bottom: #30363d;
    border-bottom: var(--d2h-dark-file-header-border-color);
  }
  .d2h-auto-color-scheme .d2h-lines-added {
    border: 1px solid rgba(46, 160, 67, 0.4);
    border: 1px solid var(--d2h-dark-ins-border-color);
    color: #3fb950;
    color: var(--d2h-dark-ins-label-color);
  }
  .d2h-auto-color-scheme .d2h-lines-deleted {
    border: 1px solid rgba(248, 81, 73, 0.4);
    border: 1px solid var(--d2h-dark-del-border-color);
    color: #f85149;
    color: var(--d2h-dark-del-label-color);
  }
  .d2h-auto-color-scheme .d2h-code-line del,
  .d2h-auto-color-scheme .d2h-code-side-line del {
    background-color: rgba(248, 81, 73, 0.4);
    background-color: var(--d2h-dark-del-highlight-bg-color);
  }
  .d2h-auto-color-scheme .d2h-code-line ins,
  .d2h-auto-color-scheme .d2h-code-side-line ins {
    background-color: rgba(46, 160, 67, 0.4);
    background-color: var(--d2h-dark-ins-highlight-bg-color);
  }
  .d2h-auto-color-scheme .d2h-diff-tbody {
    border-color: #30363d;
    border-color: var(--d2h-dark-border-color);
  }
  .d2h-auto-color-scheme .d2h-code-side-linenumber {
    background-color: #0d1117;
    background-color: var(--d2h-dark-bg-color);
    border-color: #21262d;
    border-color: var(--d2h-dark-line-border-color);
    color: #6e7681;
    color: var(--d2h-dark-dim-color);
  }
  .d2h-auto-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,
  .d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder {
    background-color: hsla(215, 8%, 47%, 0.1);
    background-color: var(--d2h-dark-empty-placeholder-bg-color);
    border-color: #30363d;
    border-color: var(--d2h-dark-empty-placeholder-border-color);
  }
  .d2h-auto-color-scheme .d2h-code-linenumber {
    background-color: #0d1117;
    background-color: var(--d2h-dark-bg-color);
    border-color: #21262d;
    border-color: var(--d2h-dark-line-border-color);
    color: #6e7681;
    color: var(--d2h-dark-dim-color);
  }
  .d2h-auto-color-scheme .d2h-del {
    background-color: rgba(248, 81, 73, 0.1);
    background-color: var(--d2h-dark-del-bg-color);
    border-color: rgba(248, 81, 73, 0.4);
    border-color: var(--d2h-dark-del-border-color);
  }
  .d2h-auto-color-scheme .d2h-ins {
    background-color: rgba(46, 160, 67, 0.15);
    background-color: var(--d2h-dark-ins-bg-color);
    border-color: rgba(46, 160, 67, 0.4);
    border-color: var(--d2h-dark-ins-border-color);
  }
  .d2h-auto-color-scheme .d2h-info {
    background-color: rgba(56, 139, 253, 0.1);
    background-color: var(--d2h-dark-info-bg-color);
    border-color: rgba(56, 139, 253, 0.4);
    border-color: var(--d2h-dark-info-border-color);
    color: #6e7681;
    color: var(--d2h-dark-dim-color);
  }
  .d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change {
    background-color: rgba(210, 153, 34, 0.2);
    background-color: var(--d2h-dark-change-del-color);
  }
  .d2h-auto-color-scheme .d2h-file-diff .d2h-ins.d2h-change {
    background-color: rgba(46, 160, 67, 0.25);
    background-color: var(--d2h-dark-change-ins-color);
  }
  .d2h-auto-color-scheme .d2h-file-wrapper {
    border: 1px solid #30363d;
    border: 1px solid var(--d2h-dark-border-color);
  }
  .d2h-auto-color-scheme .d2h-file-collapse {
    border: 1px solid #0d1117;
    border: 1px solid var(--d2h-dark-bg-color);
  }
  .d2h-auto-color-scheme .d2h-file-collapse.d2h-selected {
    background-color: rgba(56, 139, 253, 0.1);
    background-color: var(--d2h-dark-selected-color);
  }
  .d2h-auto-color-scheme .d2h-file-list-wrapper a,
  .d2h-auto-color-scheme .d2h-file-list-wrapper a:visited {
    color: #3572b0;
    color: var(--d2h-dark-moved-label-color);
  }
  .d2h-auto-color-scheme .d2h-file-list > li {
    border-bottom: 1px solid #0d1117;
    border-bottom: 1px solid var(--d2h-dark-bg-color);
  }
  .d2h-dark-color-scheme .d2h-deleted {
    color: #f85149;
    color: var(--d2h-dark-del-label-color);
  }
  .d2h-auto-color-scheme .d2h-added {
    color: #3fb950;
    color: var(--d2h-dark-ins-label-color);
  }
  .d2h-auto-color-scheme .d2h-changed {
    color: #d29922;
    color: var(--d2h-dark-change-label-color);
  }
  .d2h-auto-color-scheme .d2h-moved {
    color: #3572b0;
    color: var(--d2h-dark-moved-label-color);
  }
  .d2h-auto-color-scheme .d2h-tag {
    background-color: #0d1117;
    background-color: var(--d2h-dark-bg-color);
  }
  .d2h-auto-color-scheme .d2h-deleted-tag {
    border: 1px solid #f85149;
    border: 1px solid var(--d2h-dark-del-label-color);
  }
  .d2h-auto-color-scheme .d2h-added-tag {
    border: 1px solid #3fb950;
    border: 1px solid var(--d2h-dark-ins-label-color);
  }
  .d2h-auto-color-scheme .d2h-changed-tag {
    border: 1px solid #d29922;
    border: 1px solid var(--d2h-dark-change-label-color);
  }
  .d2h-auto-color-scheme .d2h-moved-tag {
    border: 1px solid #3572b0;
    border: 1px solid var(--d2h-dark-moved-label-color);
  }
}

:root {
  /* Values as shared from our designer Tyler */

  /* font sizes */
  --font-size-body-large-tracking: 0.0156rem;
  --font-size-body-large-size: 1rem;
  --font-size-body-large-leading: 1.5rem;
  --font-size-body-medium-tracking: 0.0156rem;
  --font-size-body-medium-size: 0.875rem;
  --font-size-body-medium-leading: 1.25rem;
  --font-size-body-small-tracking: 0.025rem;
  --font-size-body-small-size: 0.75rem;
  --font-size-body-small-leading: 1rem;
  --font-size-display-large-tracking: -0.0156rem;
  --font-size-display-large-size: 3.5625rem;
  --font-size-display-large-leading: 4rem;
  --font-size-display-medium-tracking: -0.0063rem;
  --font-size-display-medium-size: 2.8125rem;
  --font-size-display-medium-leading: 3.25rem;
  --font-size-display-small-tracking: 0rem;
  --font-size-display-small-size: 2.25rem;
  --font-size-display-small-leading: 2.75rem;
  --font-size-headline-large-tracking: 0rem;
  --font-size-headline-large-size: 2rem;
  --font-size-headline-large-leading: 2.5rem;
  --font-size-headline-medium-tracking: 0rem;
  --font-size-headline-medium-size: 1.75rem;
  --font-size-headline-medium-leading: 2.25rem;
  --font-size-headline-small-tracking: 0rem;
  --font-size-headline-small-size: 1.5rem;
  --font-size-headline-small-leading: 2rem;
  --font-size-label-large-tracking: 0.0063rem;
  --font-size-label-large-size: 0.875rem;
  --font-size-label-large-leading: 1.25rem;
  --font-size-label-medium-tracking: 0rem;
  --font-size-label-medium-size: 0.75rem;
  --font-size-label-medium-leading: 1rem;
  --font-size-label-small-tracking: 0.0063rem;
  --font-size-label-small-size: 0.6875rem;
  --font-size-label-small-leading: 1rem;
  --font-size-title-large-tracking: 0rem;
  --font-size-title-large-size: 1.375rem;
  --font-size-title-large-leading: 1.75rem;
  --font-size-title-medium-tracking: 0.0063rem;
  --font-size-title-medium-size: 1rem;
  --font-size-title-medium-leading: 1.5rem;
  --font-size-title-small-tracking: 0rem;
  --font-size-title-small-size: 0.875rem;
  --font-size-title-small-leading: 1.25rem;

  /* radii */
  --radii-none: 0rem;
  --radii-sm: 0.125rem;
  --radii-base: 0.25rem;
  --radii-md: 0.375rem;
  --radii-lg: 0.5rem;
  --radii-xl: 0.75rem;
  --radii-2xl: 1rem;
  --radii-3xl: 1.5rem;
  --radii-full: 62.4375rem;

  /* spaces */
  --space-0: 0rem;
  --space-05: 0.125rem;
  --space-1: 0.25rem;
  --space-15: 0.375rem;
  --space-2: 0.5rem;
  --space-25: 0.625rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --space-36: 9rem;
  --space-40: 10rem;
  --space-44: 11rem;
  --space-48: 12rem;
  --space-52: 13rem;
  --space-56: 14rem;
  --space-60: 15rem;
  --space-64: 16rem;
  --space-72: 18rem;
  --space-80: 20rem;
  --space-96: 24rem;

  /* fonts - TODO: Import these otherwise we can't use them */
  --font-family-display: Clash Grotesk Variable;
  --font-family-sans: DM Sans;

  /* colors */
  --white: hsl(0 0 100%);
  --blue-100: hsl(214 95% 93%);
  --blue-200: hsl(213 97% 87%);
  --blue-300: hsl(212 96% 78%);
  --blue-400: hsl(213 94% 68%);
  --blue-50: hsl(214 100% 97%);
  --blue-500: hsl(217 91% 60%);
  --blue-600: hsl(221 83% 53%);
  --blue-700: hsl(224 76% 48%);
  --blue-800: hsl(226 71% 40%);
  --blue-900: hsl(224 64% 33%);
  --blue-950: hsl(226 57% 21%);
  --green-100: hsl(141 84% 93%);
  --green-200: hsl(141 79% 85%);
  --green-300: hsl(142 77% 73%);
  --green-400: hsl(142 69% 58%);
  --green-50: hsl(138 76% 97%);
  --green-500: hsl(142 71% 45%);
  --green-600: hsl(142 76% 36%);
  --green-700: hsl(142 72% 29%);
  --green-800: hsl(143 64% 24%);
  --green-900: hsl(144 61% 20%);
  --green-950: hsl(145 80% 10%);
  --orange-100: hsl(34 100% 92%);
  --orange-200: hsl(32 98% 83%);
  --orange-300: hsl(31 97% 72%);
  --orange-400: hsl(27 96% 61%);
  --orange-50: hsl(33 100% 96%);
  --orange-500: hsl(25 95% 53%);
  --orange-600: hsl(21 90% 48%);
  --orange-700: hsl(17 88% 40%);
  --orange-800: hsl(15 79% 34%);
  --orange-900: hsl(15 75% 28%);
  --orange-950: hsl(13 81% 15%);
  --red-100: hsl(0 93% 94%);
  --red-200: hsl(0 96% 89%);
  --red-300: hsl(0 94% 82%);
  --red-400: hsl(0 91% 71%);
  --red-50: hsl(0 86% 97%);
  --red-500: hsl(0 84% 60%);
  --red-600: hsl(0 72% 51%);
  --red-700: hsl(0 74% 42%);
  --red-800: hsl(0 70% 35%);
  --red-900: hsl(0 63% 31%);
  --red-950: hsl(0 75% 15%);
  --violet-100: hsl(251 91% 95%);
  --violet-200: hsl(251 95% 92%);
  --violet-300: hsl(252 95% 85%);
  --violet-400: hsl(255 92% 76%);
  --violet-50: hsl(250 100% 98%);
  --violet-500: hsl(258 90% 66%);
  --violet-600: hsl(262 83% 58%);
  --violet-700: hsl(263 70% 50%);
  --violet-800: hsl(263 69% 42%);
  --violet-900: hsl(264 67% 35%);
  --violet-950: hsl(261 73% 23%);
  --yellow-100: hsl(55 97% 88%);
  --yellow-200: hsl(53 98% 77%);
  --yellow-300: hsl(50 98% 64%);
  --yellow-400: hsl(48 96% 53%);
  --yellow-50: hsl(55 92% 95%);
  --yellow-500: hsl(45 93% 47%);
  --yellow-600: hsl(41 96% 40%);
  --yellow-700: hsl(35 92% 33%);
  --yellow-800: hsl(32 81% 29%);
  --yellow-900: hsl(28 73% 26%);
  --yellow-950: hsl(26 83% 14%);
  --zinc-100: hsl(240 5% 96%);
  --zinc-200: hsl(240 6% 90%);
  --zinc-300: hsl(240 5% 84%);
  --zinc-400: hsl(240 5% 65%);
  --zinc-50: hsl(0 0 98%);
  --zinc-500: hsl(240 4% 46%);
  --zinc-600: hsl(240 5% 34%);
  --zinc-700: hsl(240 5% 26%);
  --zinc-800: hsl(240 4% 16%);
  --zinc-900: hsl(240 6% 10%);
  --zinc-950: hsl(240 10% 4%);

  /* Values as they are directly pulled from Figma (or without leading '--' */

  /* font sizes */
  --font-sizebodylargetracking: var(--font-size-body-large-tracking);
  --font-sizebodylargesize: var(--font-size-body-large-size);
  --font-sizebodylargeleading: var(--font-size-body-large-leading);
  --font-sizebodymediumtracking: var(--font-size-body-medium-tracking);
  --font-sizebodymediumsize: var(--font-size-body-medium-size);
  --font-sizebodymediumleading: var(--font-size-body-medium-leading);
  --font-sizebodysmalltracking: var(--font-size-body-small-tracking);
  --font-sizebodysmallsize: var(--font-size-body-small-size);
  --font-sizebodysmallleading: var(--font-size-body-small-leading);
  --font-sizedisplaylargetracking: var(--font-size-display-large-tracking);
  --font-sizedisplaylargesize: var(--font-size-display-large-size);
  --font-sizedisplaylargeleading: var(--font-size-display-large-leading);
  --font-sizedisplaymediumtracking: var(--font-size-display-medium-tracking);
  --font-sizedisplaymediumsize: var(--font-size-display-medium-size);
  --font-sizedisplaymediumleading: var(--font-size-display-medium-leading);
  --font-sizedisplaysmalltracking: var(--font-size-display-small-tracking);
  --font-sizedisplaysmallsize: var(--font-size-display-small-size);
  --font-sizedisplaysmallleading: var(--font-size-display-small-leading);
  --font-sizeheadlinelargetracking: var(--font-size-headline-large-tracking);
  --font-sizeheadlinelargesize: var(--font-size-headline-large-size);
  --font-sizeheadlinelargeleading: var(--font-size-headline-large-leading);
  --font-sizeheadlinemediumtracking: var(--font-size-headline-medium-tracking);
  --font-sizeheadlinemediumsize: var(--font-size-headline-medium-size);
  --font-sizeheadlinemediumleading: var(--font-size-headline-medium-leading);
  --font-sizeheadlinesmalltracking: var(--font-size-headline-small-tracking);
  --font-sizeheadlinesmallsize: var(--font-size-headline-small-size);
  --font-sizeheadlinesmallleading: var(--font-size-headline-small-leading);
  --font-sizelabellargetracking: var(--font-size-label-large-tracking);
  --font-sizelabellargesize: var(--font-size-label-large-size);
  --font-sizelabellargeleading: var(--font-size-label-large-leading);
  --font-sizelabelmediumtracking: var(--font-size-label-medium-tracking);
  --font-sizelabelmediumsize: var(--font-size-label-medium-size);
  --font-sizelabelmediumleading: var(--font-size-label-medium-leading);
  --font-sizelabelsmalltracking: var(--font-size-label-small-tracking);
  --font-sizelabelsmallsize: var(--font-size-label-small-size);
  --font-sizelabelsmallleading: var(--font-size-label-small-leading);
  --font-sizetitlelargetracking: var(--font-size-title-large-tracking);
  --font-sizetitlelargesize: var(--font-size-title-large-size);
  --font-sizetitlelargeleading: var(--font-size-title-large-leading);
  --font-sizetitlemediumtracking: var(--font-size-title-medium-tracking);
  --font-sizetitlemediumsize: var(--font-size-title-medium-size);
  --font-sizetitlemediumleading: var(--font-size-title-medium-leading);
  --font-sizetitlesmalltracking: var(--font-size-title-small-tracking);
  --font-sizetitlesmallsize: var(--font-size-title-small-size);
  --font-sizetitlesmallleading: var(--font-size-title-small-leading);

  /* font colors */
  --font-color-body-md: #444445; /* Used color picker tool on Figma design */
  --font-color-title-sm: #838384; /* Used color picker tool on Figma design */
  --font-color-text-muted: #09090b80;
  --font-color-text-subtle: #09090b;

  /* radii */
  --radius-none: var(--radii-none);
  --radius-sm: var(--radii-sm);
  --radius-base: var(--radii-base);
  --radius-md: var(--radii-md);
  --radius-lg: var(--radii-lg);
  --radius-xl: var(--radii-xl);
  --radius-2xl: var(--radii-2xl);
  --radius-3xl: var(--radii-3xl);
  --radius-full: var(--radii-full);

  /* spaces */
  --size-0: var(--space-0);
  --size-05: var(--space-05);
  --size-1: var(--space-1);
  --size-15: var(--space-15);
  --size-2: var(--space-2);
  --size-25: var(--space-25);
  --size-3: var(--space-3);
  --size-4: var(--space-4);
  --size-5: var(--space-5);
  --size-6: var(--space-6);
  --size-7: var(--space-7);
  --size-8: var(--space-8);
  --size-9: var(--space-9);
  --size-10: var(--space-10);
  --size-11: var(--space-11);
  --size-12: var(--space-12);
  --size-14: var(--space-14);
  --size-16: var(--space-16);
  --size-20: var(--space-20);
  --size-24: var(--space-24);
  --size-28: var(--space-28);
  --size-32: var(--space-32);
  --size-36: var(--space-36);
  --size-40: var(--space-40);
  --size-44: var(--space-44);
  --size-48: var(--space-48);
  --size-52: var(--space-52);
  --size-56: var(--space-56);
  --size-60: var(--space-60);
  --size-64: var(--space-64);
  --size-72: var(--space-72);
  --size-80: var(--space-80);
  --size-96: var(--space-96);

  /* Color */

  /**
   * Light theme
   * DO NOT CONSUME THESE VALUES DIRECTLY
   * Bad: `var(--_colors-accent-light)` 
   * Good: `var(--colors-accent)` 
   */
  --_colors-accent-light: var(--violet-600);
  --_colors-accent-foreground-light: var(--violet-50);
  --_colors-background-light: hsl(216 100% 99%);
  --_colors-border-light: hsl(240 10% 4% / 0.1);
  --_colors-destructive-light: var(--red-600);
  --_colors-destructive-foreground-light: var(--red-50);
  --_colors-foreground-light: var(--zinc-950);
  --_colors-primary-light: hsl(231 100% 57%);
  --_colors-primary-foreground-light: var(--zinc-50);
  --_colors-secondary-light: var(--zinc-200);
  --_colors-secondary-foreground-light: var(--zinc-600);
  --_colors-success-light: var(--green-700);
  --_colors-success-foreground-light: var(--green-50);
  --_colors-warn-light: var(--orange-600);
  --_colors-warn-foreground-light: var(--orange-50);

  /**
    * Dark theme
    * DO NOT CONSUME THESE VALUES DIRECTLY
    * Bad: `var(--_colors-accent-dark)` 
    * Good: `var(--colors-accent)` 
    */
  --_colors-accent-dark: var(--violet-50);
  --_colors-accent-foreground-dark: var(--violet-600);
  --_colors-background-dark: var(--zinc-950);
  --_colors-border-dark: hsl(0 0 98% / 0.1);
  --_colors-destructive-dark: var(--red-50);
  --_colors-destructive-foreground-dark: var(--red-600);
  --_colors-foreground-dark: var(--zinc-50);
  --_colors-primary-dark: var(--blue-50);
  --_colors-primary-foreground-dark: hsl(231 100% 57%);
  --_colors-secondary-dark: hsl(0 0 100%);
  --_colors-secondary-foreground-dark: hsl(0 0 100%);
  --_colors-success-dark: var(--green-50);
  --_colors-success-foreground-dark: var(--green-600);
  --_colors-warn-dark: var(--yellow-50);
  --_colors-warn-foreground-dark: var(--yellow-600);

  /* Use light theme values by default */
  --colors-accent: var(--_colors-accent-light);
  --colors-accent-foreground: var(--_colors-accent-foreground-light);
  --colors-background: var(--_colors-background-light);
  --colors-border: var(--_colors-border-light);
  --colors-destructive: var(--_colors-destructive-light);
  --colors-destructive-foreground: var(--_colors-destructive-foreground-light);
  --colors-foreground: var(--_colors-foreground-light);
  --colors-primary: var(--_colors-primary-light);
  --colors-primary-foreground: var(--_colors-primary-foreground-light);
  --colors-secondary: var(--_colors-secondary-light);
  --colors-secondary-foreground: var(--_colors-secondary-foreground-light);
  --colors-success: var(--_colors-success-light);
  --colors-success-foreground: var(--_colors-success-foreground-light);
  --colors-warn: var(--_colors-warn-light);
  --colors-warn-foreground: var(--_colors-warn-foreground-light);

  /* Custom */
  --scout-default-color: #2242ff; /* Scout AI's primary blue */
}

[data-theme='Light'] {
  /* color */
  --colors-accent: var(--_colors-accent-light);
  --colors-accent-foreground: var(--_colors-accent-foreground-light);
  --colors-background: var(--_colors-background-light);
  --colors-border: var(--_colors-border-light);
  --colors-destructive: var(--_colors-destructive-light);
  --colors-destructive-foreground: var(--_colors-destructive-foreground-light);
  --colors-foreground: var(--_colors-foreground-light);
  --colors-primary: var(--_colors-primary-light);
  --colors-primary-foreground: var(--_colors-primary-foreground-light);
  --colors-secondary: var(--_colors-secondary-light);
  --colors-secondary-foreground: var(--_colors-secondary-foreground-light);
  --colors-success: var(--_colors-success-light);
  --colors-success-foreground: var(--_colors-success-foreground-light);
  --colors-warn: var(--_colors-warn-light);
  --colors-warn-foreground: var(--_colors-warn-foreground-light);
}

[data-theme='Dark'] {
  /* color */
  --colors-accent: var(--_colors-accent-dark);
  --colors-accent-foreground: var(--_colors-accent-foreground-dark);
  --colors-background: var(--_colors-background-dark);
  --colors-border: var(--_colors-border-dark);
  --colors-destructive: var(--_colors-destructive-dark);
  --colors-destructive-foreground: var(--_colors-destructive-foreground-dark);
  --colors-foreground: var(--_colors-foreground-dark);
  --colors-primary: var(--_colors-primary-dark);
  --colors-primary-foreground: var(--_colors-primary-foreground-dark);
  --colors-secondary: var(--_colors-secondary-dark);
  --colors-secondary-foreground: var(--_colors-secondary-foreground-dark);
  --colors-success: var(--_colors-success-dark);
  --colors-success-foreground: var(--_colors-success-foreground-dark);
  --colors-warn: var(--_colors-warn-dark);
  --colors-warn-foreground: var(--_colors-warn-foreground-dark);
}

:root {
  --max-width: 1100px;
  --border-radius: 12px;
  --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
    'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
    'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
  /* The Ant Design <Header> has a height value of 64px*/
  --header-height: 64px;
  --full-page-content-height: calc(100vh - var(--header-height));
  --dark-bg: #0c0f13;
  --text-color: #e0e0e0;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  max-width: 100vw;
  height: 100%;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

/* BLOG */
.prose .anchor {
  position: absolute;
  visibility: hidden;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  margin-left: -1em;
  padding-right: 0.5em;
  width: 80%;
  max-width: 700px;
  cursor: pointer;
}

.anchor:hover {
  visibility: visible;
}

.prose a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.prose .anchor:after {
  font-weight: 300;
  content: '#';
}

.prose *:hover > .anchor {
  visibility: visible;
}

.prose pre {
  border-radius: 0.5rem;
  overflow-x: auto;
  padding: 0.5rem 0.75rem;
  font-size: small;
  /* https://www.npmjs.com/package/sugar-high */
  background-color: #f0f0f0;
}

.prose code {
  padding: 0.125rem 0.25rem;
  border-radius: 0.5rem;
}

.prose pre code {
  padding: 0;
  border: initial;
  line-height: 1.5;
  /* https://www.npmjs.com/package/sugar-high */
  counter-reset: sh-line-number;
}

/* https://www.npmjs.com/package/sugar-high */
.prose pre code .sh__line::before {
  counter-increment: sh-line-number 1;
  content: counter(sh-line-number);
  margin-right: 24px;
  text-align: right;
  color: #a4a4a4;
}

.prose code span {
  font-weight: medium;
}

.prose img {
  /* Don't apply styles to next/image */
  margin: 0;
}

.prose p {
  margin: 1rem 0;
  font-size: medium;
}

.prose h1 {
  font-size: xx-large;
  font-weight: medium;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.prose h2 {
  font-size: x-large;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.prose h3 {
  font-size: large;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.prose h4 {
  font-size: medium;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.prose strong {
  font-weight: medium;
}

.prose ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  font-size: medium;
}

.prose ul li {
  overflow-wrap: anywhere;
}

.prose ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
  font-size: medium;
}

.UpgradeSubscriptionModalClient_root-container__Br3B4 {
  padding: 1.5rem;
  text-align: center;
}

.UpgradeSubscriptionModalClient_modal__AD51O .ant-modal-content {
  background-color: var(--dark-bg) !important;
}

.UpgradeSubscriptionModalClient_modal__AD51O .ant-modal-close {
  color: #888;
}

.UpgradeSubscriptionModalClient_icon-container__o4NJB {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.UpgradeSubscriptionModalClient_credit-icon__6WLrc {
  width: 48px;
  height: 48px;
  color: #2242ff;
}

.UpgradeSubscriptionModalClient_content__iYHF_ {
  max-width: 400px;
  margin: 0 auto;
}

.UpgradeSubscriptionModalClient_title__FTxfo {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fafafa;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.02em;
}

.UpgradeSubscriptionModalClient_subtitle__70KPK {
  font-size: 0.875rem;
  color: #888;
  line-height: 1.5;
  margin: 0 0 1.5rem 0;
}

.UpgradeSubscriptionModalClient_features__pToEP {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  text-align: left;
}

.UpgradeSubscriptionModalClient_feature-item__t29an {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.375rem 0;
  color: #d1d5db;
  font-size: 0.875rem;
}

.UpgradeSubscriptionModalClient_feature-item__t29an:last-child {
  padding-bottom: 0;
}

.UpgradeSubscriptionModalClient_check-icon__A4OyF {
  width: 1rem;
  height: 1rem;
  color: #10b981;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.UpgradeSubscriptionModalClient_button-container__PVzrY {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.UpgradeSubscriptionModalClient_upgrade-button__ZQ_GM {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.UpgradeSubscriptionModalClient_upgrade-button__ZQ_GM:hover {
  text-decoration: none;
  color: unset;
}

.UpgradeSubscriptionModalClient_arrow-icon__QXgN1 {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s ease;
}

.UpgradeSubscriptionModalClient_later-button__OjxZ2 {
  padding: 0.75rem;
  background: transparent;
  color: #888;
  border: 2px solid #333333;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.FooterV2Client_root-container__o2_oP {
  border-top: 1px solid #333333;
  width: 100%;
  color: #e0e0e0;
  padding: 2rem 0 1.5rem;
  margin-top: 3rem;
}

.FooterV2Client_content-wrapper__PZ0lg {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 2rem;
}

.FooterV2Client_sections-container__IDB_3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  margin-bottom: 2rem;
}

.FooterV2Client_section-title___SjvV {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #ffffff;
}

.FooterV2Client_section-links__jWFLa {
  list-style: none;
  padding: 0;
  margin: 0;
}

.FooterV2Client_section-links__jWFLa li {
  margin-bottom: 0.375rem;
}

.FooterV2Client_section-links__jWFLa a {
  color: #b0b0b0;
  text-decoration: none;
  font-size: 0.75rem;
  transition: color 0.2s ease;
}

.FooterV2Client_section-links__jWFLa a:hover {
  color: #ffffff;
}

.FooterV2Client_social-links__Kuzzy {
  display: flex;
  gap: 0.75rem;
}

.FooterV2Client_social-links__Kuzzy a {
  color: #b0b0b0;
  font-size: 1.125rem;
  transition: color 0.2s ease;
}

.FooterV2Client_social-links__Kuzzy a:hover {
  color: #ffffff;
}

.FooterV2Client_bottom-section__oEWv1 {
  text-align: center;
  padding-top: 1.25rem;
}

.FooterV2Client_bottom-section__oEWv1 p {
  margin: 0;
  font-size: 0.75rem;
  color: #888888;
}

/* Mobile Responsive - 468px */
@media only screen and (max-width: 468px) {
  .FooterV2Client_root-container__o2_oP {
    padding: 1.5rem 0 1rem;
    margin-top: 2rem;
  }

  .FooterV2Client_content-wrapper__PZ0lg {
    padding: 0 1rem;
  }

  .FooterV2Client_sections-container__IDB_3 {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
  }

  .FooterV2Client_section-title___SjvV {
    font-size: 0.8125rem;
    margin-bottom: 0.375rem;
  }

  .FooterV2Client_section-links__jWFLa li {
    margin-bottom: 0.25rem;
  }

  .FooterV2Client_section-links__jWFLa a {
    font-size: 0.6875rem;
  }

  .FooterV2Client_social-links__Kuzzy {
    justify-content: flex-start;
  }

  .FooterV2Client_social-links__Kuzzy a {
    font-size: 1rem;
  }

  .FooterV2Client_bottom-section__oEWv1 {
    padding-top: 1rem;
  }

  .FooterV2Client_bottom-section__oEWv1 p {
    font-size: 0.6875rem;
  }
}

.UserSubscriptionCreditsMenuComponentClient_root__5b6Wn {
  padding: 0.5rem 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background-color: #141414;
  border-radius: 8px;
  width: 240px;
}

.UserSubscriptionCreditsMenuComponentClient_header__yVoEW {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  display: block;
}

.UserSubscriptionCreditsMenuComponentClient_subscriptionItem__1SKKI {
  width: 100%;
  margin-bottom: 8px;
}

.UserSubscriptionCreditsMenuComponentClient_subscriptionItem__1SKKI:last-child {
  margin-bottom: 0;
}

.UserSubscriptionCreditsMenuComponentClient_topRow__iDFNT {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.UserSubscriptionCreditsMenuComponentClient_subscriptionName__xHrSl {
  font-size: small;
  color: rgba(193, 193, 193, 0.85);
}

.UserSubscriptionCreditsMenuComponentClient_progress-container__P7Cfp {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.UserSubscriptionCreditsMenuComponentClient_creditsInfo__uKJim {
  font-size: small;
  color: rgba(193, 193, 193, 0.65);
}

.UserSubscriptionCreditsMenuComponentClient_creditsUsed__w2rGP {
  font-weight: 600;
  color: #1890ff;
}

.UserSubscriptionCreditsMenuComponentClient_creditsSeparator__c6Q4m {
  margin: 0 2px;
  color: rgba(255, 255, 255, 0.45);
}

.UserSubscriptionCreditsMenuComponentClient_creditsTotal__TYF44 {
  color: rgba(255, 255, 255, 0.65);
}

.UserSubscriptionCreditsMenuComponentClient_divider__jd5dp {
  margin: 0.25rem -0.75rem 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.LoggedInAvatarMenuClient_root-container__GQ8fn {
  display: flex;
  align-items: center;
}

.LoggedInAvatarMenuClient_dropdown-container__otH9r {
  background-color: #1f1f1f;
  border-radius: 8px;
  /* border: 0.1px solid #656565; */
}

.LoggedInAvatarMenuClient_dropdown-custom-section__Zm1dj {
  padding: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.LoggedInAvatarMenuClient_name-container__2VbOx {
  padding: 0.5rem 1rem;
  color: gray;
  font-size: small;
}

.LoggedInAvatarMenuClient_button-container__foPpv {
  text-align: left;
  width: 100%;
}

.LoggedInAvatarMenuClient_button__LDErx {
  color: rgba(255, 255, 255, 0.85);
  background-color: transparent;
  width: 100%;
  display: block;
  padding: 0.5rem 1rem;
}

.LoggedInAvatarMenuClient_button__LDErx:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: unset;
}

.LoggedInAvatarMenuClient_divider__oqEs_ {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.HeaderClient_header-container__kegpm {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

.HeaderClient_header-container-root__wXIid {
  position: absolute;
  top: 0;
  z-index: 1;
}

.HeaderClient_header-logo-container__C2NVX {
  display: flex;
  margin-right: 1rem;
  gap: var(--size-2);
}

.HeaderClient_header-logo-link-container__C90EO {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.HeaderClient_menu-container__OKcLG {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
}

.HeaderClient_login-and-logout-button-container__3OLGR {
  display: flex;
  direction: row;
  margin-left: auto;
  align-items: center;
  gap: var(--size-2);
}

.HeaderClient_login-and-signup-button__F_OiG {
  padding: var(--space2) var(--space4) var(--space2) var(--space4);
  gap: var(--size-2);
  flex-wrap: none;
}

.MainMenuClient_main-menu__3rgcr .ant-menu-item-selected {
  border-bottom: none !important;
  font-weight: 600 !important;
  color: #1890ff !important;
}

.MainMenuClient_main-menu__3rgcr .ant-menu-item::after {
  border-bottom: none !important;
}

/* Remove both the underline and the hover effect */
.MainMenuClient_main-menu__3rgcr .ant-menu-light .ant-menu-item-selected::after,
.MainMenuClient_main-menu__3rgcr .ant-menu-light .ant-menu-item:hover::after {
  border-bottom-width: 0 !important;
}

/* Remove underline from overflow indicator */
.MainMenuClient_main-menu__3rgcr .ant-menu-overflow-item::after,
.MainMenuClient_main-menu__3rgcr .ant-menu-overflow-item-selected::after {
  border-bottom: none !important;
}

.MainMenuClient_main-menu__3rgcr .ant-menu-overflow-item:hover::after {
  border-bottom: none !important;
}

.MainMenuClient_main-menu__3rgcr {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 0.875rem;
  font-weight: 400;
  flex-grow: 1;
}

@media only screen and (max-width: 768px) {
  .MainMenuClient_main-menu__3rgcr {
    display: flex;
    flex-direction: column;
  }
}

.RootLayoutClient_root-container__Vwucp {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  background-color: var(--dark-bg) !important;
  color: var(--text-color) !important;
}

/* Make the ant design Content component handle overflow properly */
.RootLayoutClient_root-container__Vwucp .ant-layout-content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: auto;
  color: var(--text-color);
}

.RootLayoutClient_display-bounds__rzlL8 {
  max-width: 1280px;
  width: 100%;
  min-height: inherit;
  margin: 0 auto;
}

.RootLayoutClient_display-container__Aol6H {
  display: flex;
  flex-direction: column;
  width: 95%;
  min-height: inherit;
  margin: 0 auto;
}


/*# sourceMappingURL=10ba86965bded3d9.css.map*/