@font-face {
  font-family: "Kulim Park";
  font-style: normal;
  font-weight: normal;
  src: local("Kulim Park Regular"), local("KulimPark-Regular"), url("../fonts/kulim-park-v1-latin-regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Kulim Park";
  font-style: normal;
  font-weight: 600;
  src: local("Kulim Park Semibold"), local("KulimPark-Semibold"), url("../fonts/kulim-park-v1-latin-600.woff2") format("woff2");
  font-display: swap;
}
/*
 * [Modified] Modern CSS Reset
 * @link https://github.com/hankchizljaw/modern-css-reset
*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}

/* Make images easier to work with */
img {
  display: block;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  html {
    scroll-behavior: initial;
  }
}
body {
  color: #100b4b;
}

.tdbc-header-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 50vh;
  background-image: url("../img/starry-sky.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #e8e7f0;
  letter-spacing: 0.03em;
  text-align: center;
  box-shadow: inset 100vw 100vh rgba(21, 15, 100, 0.4);
  overflow: hidden;
}
@media (max-width: 900px) {
  .tdbc-header-wrapper {
    min-height: 60vh;
  }
}
@media (max-width: 425px) {
  .tdbc-header-wrapper {
    min-height: 80vh;
  }
}
.tdbc-header-wrapper--lesson {
  min-height: 30vh;
  padding-top: 8vh;
  padding-bottom: 8vh;
  background-image: none;
}

.tdbc-header-wrapper .tdbc-max-line-length {
  max-width: 40ch;
}

.tdbc-header-graphic {
  position: absolute;
  bottom: 1vh;
  left: 0;
  max-width: 25vw;
  max-height: 48vh;
}

.tdbc-course-logo {
  align-self: center;
  max-width: 6rem;
}

hr {
  position: relative;
  width: 20%;
  height: 2px;
  margin-top: 4rem;
  margin-bottom: 4rem;
  border: none;
  background-image: linear-gradient(-20deg, #7893dc 20%, #ff7ca6 100%);
}

h1,
h2,
h3,
.tdbc-lead,
.tdbc-button,
nav li,
.tdbc-autoplay {
  font-family: "Kulim Park", sans-serif;
}

h1,
h2,
h3 {
  letter-spacing: 0.03em;
  line-height: 1.2;
  font-weight: 600;
}

h1 {
  font-size: 3rem;
}
h1 span {
  display: block;
  font-size: 0.8em;
  font-style: italic;
}

h2 {
  font-size: 2.5rem;
}

h3,
.tdbc-h3 {
  font-size: 1.5rem;
}

h4,
.tdbc-h4 {
  font-size: 1.125rem;
}

h3.tdbc-ink-secondary,
h4.tdbc-ink-secondary {
  color: #ff568c;
}

p.tdbc-ink-secondary {
  color: #eb004b;
}

strong {
  font-weight: 600;
}

main a:not([class]) {
  color: #eb004b;
}

.tdbc-section-title {
  margin-left: -0.5em;
  padding: 0.5em;
  border-radius: 4px;
  background-color: #7893dc;
  background-image: linear-gradient(-20deg, rgba(121, 147, 221, 0.5) 20%, rgba(251, 169, 195, 0.9) 100%);
}

.tdbc-align-left {
  text-align: left;
}

.tdbc-srOnly {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

code:not([class*=language]) {
  display: inline-flex;
  color: #2e21dc;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 0.85em;
  line-height: 1.1;
}

pre code:not([class*=language]) {
  width: 100%;
  max-width: calc(100vw - 2rem);
  overflow-x: auto;
}

blockquote {
  position: relative;
  margin: 3rem 0;
  padding-left: 1.5rem;
}
blockquote::before {
  background-image: linear-gradient(45deg, #7893dc 20%, #ff7ca6 100%);
  width: 2px;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  position: absolute;
}
blockquote,
blockquote p {
  font-size: 1.125rem;
}

.tdbc-lead {
  font-size: 1.25rem;
}

.tdbc-list-decorated {
  display: grid;
  align-items: center;
  padding: 0;
  grid-gap: 1em;
  list-style-type: none;
}
@media (min-width: 600px) {
  .tdbc-list-decorated--columns {
    grid-template-columns: 1fr 1fr;
  }
}
.tdbc-list-decorated li {
  display: inline-flex;
  position: relative;
  padding-left: 1em;
}
.tdbc-list-decorated li::before {
  flex: 0 0 22px;
  margin-top: -0.2em;
  margin-right: 0.5em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%237893DC%22%20d%3D%22M21.5%204.2L18%2010.7l3.5%206.7-7.4-1.2-5.2%205.3-1.2-7.4L1%2010.7l6.7-3.3L8.9%200l5.2%205.4%207.4-1.2z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left 0.25em;
  content: "";
}
.tdbc-list-decorated li:nth-child(2n)::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ff7ca6%22%20d%3D%22M21.5%204.2L18%2010.7l3.5%206.7-7.4-1.2-5.2%205.3-1.2-7.4L1%2010.7l6.7-3.3L8.9%200l5.2%205.4%207.4-1.2z%22%2F%3E%3C%2Fsvg%3E");
}

.tdbc-button {
  display: inline-flex;
  align-items: center;
  align-self: start;
  justify-content: center;
  min-width: 120px;
  min-height: 48px;
  margin-top: 24px;
  padding: 0 24px;
  border: 0;
  border-radius: 4px;
  background-color: #150f64;
  color: #fff;
  font-size: 1.16rem;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
}
.tdbc-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px #e50049;
}
.tdbc-button--secondary {
  background-color: #ff568c;
}
.tdbc-button--secondary:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.87);
}
.tdbc-button--small {
  min-height: 34px;
  padding: 0.25em 0.75em;
  font-size: 1rem;
}
.tdbc-button--center {
  align-self: center;
  justify-self: center;
}

.tdbc-button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.tdbc-button-group a:not(:first-child) {
  margin-left: 16px;
}

.tdbc-icon-button {
  display: inline-flex;
  position: relative;
  width: 1em;
  height: 1em;
  padding: 0;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
}
.tdbc-icon-button svg {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  fill: currentColor;
  opacity: 0.7;
}
p + .tdbc-icon-button {
  margin-top: 24px;
}
.tdbc-icon-button:focus, .tdbc-icon-button:hover {
  outline: none;
}
.tdbc-icon-button:focus svg, .tdbc-icon-button:hover svg {
  opacity: 1;
}
.tdbc-icon-button:focus::after {
  position: absolute;
  top: -0.3em;
  right: -0.3em;
  bottom: -0.3em;
  left: -0.3em;
  border: 1px solid currentColor;
  border-radius: 50%;
  content: "";
}

.tdbc-nav {
  display: inline-block;
  position: fixed;
  top: 0;
  right: 0;
  padding: 0.25em 0;
  border-radius: 0 0 0 4px;
  background: #ffcbdb;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.tdbc-nav ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tdbc-nav ul li {
  padding: 0 0.5em;
  color: #150f64;
}
.tdbc-nav ul li + li {
  border-left: 1px solid #cc6d8f;
}
.tdbc-nav a {
  color: inherit;
  text-decoration: none;
}
.tdbc-nav a:focus {
  font-weight: bold;
}

.tdbc-card-wrapper {
  display: grid;
  grid-gap: 2em;
  grid-template-columns: repeat(auto-fit, minmax(25ch, 1fr));
}
.tdbc-card-wrapper--4col {
  display: block;
}
@media (min-width: 400px) {
  .tdbc-card-wrapper--4col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .tdbc-card-wrapper--4col {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 960px) {
  .tdbc-card-wrapper--4col {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* stylelint-disable-next-line */
ul.tdbc-card-wrapper {
  padding-left: 0;
}

.tdbc-card {
  display: flex;
  flex-direction: column;
}
.tdbc-card--list {
  border-left: 2px solid #ff7ca6;
}
.tdbc-card--contained {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
}
.tdbc-card__img {
  min-height: 20vh;
  transition: box-shadow 80ms ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 30px 60px rgba(21, 15, 100, 0.3);
}
.tdbc-card:hover .tdbc-card__img {
  box-shadow: inset 0 0 10px 10px rgba(21, 15, 100, 0.3);
}
.tdbc-card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px;
}
.tdbc-card__content h4 {
  margin-bottom: 1rem;
}
.tdbc-card__content p {
  margin-top: auto;
}
.tdbc-card__content p + .tdbc-button {
  margin-top: 16px;
}
.tdbc-card__content p.tdbc-soon {
  color: #3157bd;
  font-style: italic;
  font-weight: 600;
}
.tdbc-card__content .tdbc-episode-links {
  margin-top: auto;
}
.tdbc-card__content .tdbc-episode-links a {
  display: inline-block;
}
.tdbc-card__content .tdbc-episode-links a + a {
  margin-top: 1rem;
}
.tdbc-card__content .tdbc-episode-links a:only-child {
  color: #ff568c;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.tdbc-card__content :last-child {
  margin-bottom: 0;
}
.tdbc-card h3 span {
  display: inline-block;
  padding: 0.05em 0.25em;
  border-radius: 4px;
  background-color: rgba(255, 124, 166, 0.4);
  font-family: monospace;
  font-size: 0.8em;
}
.tdbc-card p {
  margin-bottom: 0.5rem;
}
.tdbc-card ul {
  margin-bottom: 2em;
}
.tdbc-card ul li {
  padding-left: 0;
}

.tdbc-promo {
  grid-column: 1/4;
  margin-top: 2rem;
  border: 2px solid #7893dc;
}
@media (min-width: 960px) {
  .tdbc-promo {
    grid-column: 2/4;
  }
}
.tdbc-promo .tdbc-card__content {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: auto 1fr;
}
.tdbc-promo .tdbc-card__content h3 {
  margin-bottom: 0.5rem;
}
.tdbc-promo .tdbc-card__content img {
  width: 6rem;
}

.tdbc-icon {
  display: inline-flex;
  position: relative;
  width: 1em;
  height: 1em;
  color: currentColor;
  font-size: 32px;
}
.tdbc-icon svg {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  fill: currentColor;
  opacity: 0.7;
}

.tdbc-splash-graphic {
  position: fixed;
  top: 60vh;
  min-width: 115vw;
  min-height: 55vh;
  z-index: -1;
}
.tdbc-splash-graphic path:nth-child(3n+1) {
  fill: #ff7ca6;
}
.tdbc-splash-graphic path:nth-child(3n+2) {
  fill: #7893dc;
}
.tdbc-splash-graphic path:nth-child(3n+3) {
  fill: #ffcbdb;
}
@media (max-width: 500) {
  .tdbc-splash-graphic {
    position: absolute;
  }
}

#about.tdbc-index {
  background-image: url("../img/stars-icon.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
@media (max-width: 800px) {
  #about.tdbc-index {
    padding-top: 60px;
    background-position: right top;
    background-size: 25vw auto;
  }
  #about.tdbc-index .tdbc-max-line-length {
    max-width: 50ch;
  }
}

#support {
  margin-top: 80px;
  background-image: linear-gradient(-20deg, rgba(121, 147, 221, 0.5) 20%, rgba(251, 169, 195, 0.9) 100%), url("../img/starry-sky.jpg");
}
#support .tdbc-lead {
  font-weight: 600;
}
#support .tdbc-ink-primary {
  text-shadow: 0.03em 0.03em 0.1em rgba(255, 255, 255, 0.5);
}

#launch .tdbc-wrapper {
  display: grid;
  grid-gap: 1em;
}
@media (min-width: 600px) {
  #launch .tdbc-wrapper {
    align-items: center;
    justify-content: space-around;
    grid-template-columns: 30vmin 0.8fr;
  }
}
#launch .tdbc-wrapper .tdbc-lead {
  margin-bottom: 0;
}
#launch img {
  width: 30vmin;
}

.tdbc-page--lesson {
  background-color: #f3f3f7;
}
@media (prefers-color-scheme: dark) {
  .tdbc-page--lesson {
    background-color: #bac4de;
  }
}

.tdbc-lesson {
  padding-bottom: 80px;
}
.tdbc-lesson .tdbc-video {
  margin-top: -5vh;
  border: 1px solid #fff;
  background: #150f64;
}
.tdbc-lesson a:not(.tdbc-button) {
  color: #2e21dc;
}
.tdbc-lesson h4 {
  color: #2319a5;
}
.tdbc-lesson p,
.tdbc-lesson li {
  font-size: 1.125rem;
}

.tdbc-autoplay {
  display: flex;
  align-items: center;
}
.tdbc-autoplay,
.tdbc-autoplay a {
  color: #869ee0;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.tdbc-autoplay-loader {
  display: grid;
  place-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  padding: 1rem;
  transition: 180ms opacity ease-in;
  background-color: #7893dc;
  opacity: 0;
  font-size: 3rem;
  text-align: center;
  pointer-events: none;
}
.tdbc-autoplay-loader__countdown {
  margin: 1rem auto 0;
  color: #2c1fd1;
  font-size: 6rem;
  font-weight: 600;
}
.tdbc-autoplay-loader--visible {
  opacity: 1;
  pointer-events: unset;
}

.tdbc-switch {
  display: inline-grid;
  align-items: center;
  grid-template-areas: "switch";
  width: 2.5rem;
  margin-right: 1rem;
}
.tdbc-switch::before, .tdbc-switch__indicator,
.tdbc-switch input {
  grid-area: switch;
}
.tdbc-switch::before {
  width: 100%;
  height: 0.75rem;
  border-radius: 0.75em;
  background-color: #5d7dd5;
  content: "";
}
.tdbc-switch__indicator {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  transition: 180ms all ease-in;
  border: 1px solid transparent;
  border-radius: 50%;
  background-color: #d6e5f4;
}
.tdbc-switch__status {
  width: 3ch;
  margin-left: 0.15rem;
  text-align: left;
}
.tdbc-switch input {
  width: 0;
  height: 0;
  opacity: 0;
}
.tdbc-switch input:checked + .tdbc-switch__indicator {
  transform: translateX(100%);
  background-color: #94f88d;
}
.tdbc-switch input:focus + .tdbc-switch__indicator {
  position: relative;
}
.tdbc-switch input:focus + .tdbc-switch__indicator::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: inherit;
  box-shadow: 0 0 2px 3px #ffcbdb;
  content: "";
}

/**
 * a11y-dark theme for JavaScript, CSS, and HTML
 * Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css
 * @author ericwbailey
 */
code[class*=language-],
pre[class*=language-] {
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  font-size: 0.9rem;
  tab-size: 4;
  hyphens: none;
}

/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 2rem 0;
  overflow: auto;
  border-radius: 0.3em;
  max-width: calc(100vw - 2rem);
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #f9f9f9;
}

/* Inline code */
:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #6f6d78;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #6662e4;
}

.token.boolean,
.token.number {
  color: #348614;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #171392;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.language-scss .token.string,
.style .token.string,
.token.variable {
  color: #d42a76;
}

.token.function {
  color: #6f34a3;
}

.token.atrule,
.token.attr-value {
  color: #6662e4;
}

.token.keyword {
  color: #171392;
}

.token.regex,
.token.important {
  color: #348614;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

@media screen and (-ms-high-contrast: active) {
  code[class*=language-],
pre[class*=language-] {
    color: windowText;
    background: window;
  }

  :not(pre) > code[class*=language-],
pre[class*=language-] {
    background: window;
  }

  .token.important {
    background: highlight;
    color: window;
    font-weight: normal;
  }

  .token.atrule,
.token.attr-value,
.token.function,
.token.keyword,
.token.operator,
.token.selector {
    font-weight: bold;
  }

  .token.attr-value,
.token.comment,
.token.doctype,
.token.function,
.token.keyword,
.token.operator,
.token.property,
.token.string {
    color: highlight;
  }

  .token.attr-value,
.token.url {
    font-weight: normal;
  }
}
.tdbc-wrapper {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}

.tdbc-d-flex-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.tdbc-d-flex-column {
  flex-direction: column;
}

.tdbc-d-flex-between {
  justify-content: space-between;
}

.tdbc-m-x {
  margin-right: 16px;
  margin-left: 16px;
}

.tdbc-margin-v-sm {
  margin-top: 16px;
  margin-bottom: 16px;
}

.tdbc-margin-t-sm {
  margin-top: 16px !important;
}

.tdbc-padding-v-sm {
  padding-top: 16px;
  padding-bottom: 16px;
}

.tdbc-margin-v-md {
  margin-top: 24px;
  margin-bottom: 24px;
}

.tdbc-margin-t-md {
  margin-top: 24px !important;
}

.tdbc-padding-v-md {
  padding-top: 24px;
  padding-bottom: 24px;
}

.tdbc-margin-v-lg {
  margin-top: 40px;
  margin-bottom: 40px;
}

.tdbc-margin-t-lg {
  margin-top: 40px !important;
}

.tdbc-padding-v-lg {
  padding-top: 40px;
  padding-bottom: 40px;
}

.tdbc-margin-v-xl {
  margin-top: 80px;
  margin-bottom: 80px;
}

.tdbc-margin-t-xl {
  margin-top: 80px !important;
}

.tdbc-padding-v-xl {
  padding-top: 80px;
  padding-bottom: 80px;
}

.tdbc-hidden {
  display: none;
}

.tdbc-background-primary {
  background-color: #150f64;
}

.tdbc-background-secondary {
  background-color: #ff7ca6;
}

.tdbc-background-tertiary {
  background-color: #7893dc;
}

.tdbc-background-support {
  background-color: #ffcbdb;
}

.tdbc-ink-primary {
  color: #150f64;
}
.tdbc-ink-primary > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-primary > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-secondary {
  color: #ff7ca6;
}
.tdbc-ink-secondary > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-secondary > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-tertiary {
  color: #7893dc;
}
.tdbc-ink-tertiary > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-tertiary > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-support {
  color: #ffcbdb;
}
.tdbc-ink-support > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-support > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-primary-alt {
  color: #2e21dc;
}
.tdbc-ink-primary-alt > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-primary-alt > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-secondary-lg {
  color: #ff568c;
}
.tdbc-ink-secondary-lg > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-secondary-lg > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-secondary-sm {
  color: #eb004b;
}
.tdbc-ink-secondary-sm > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-secondary-sm > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-light {
  color: #f9f9f9;
}
.tdbc-ink-light > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-light > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-dark {
  color: #162310;
}
.tdbc-ink-dark > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-dark > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-gray {
  color: #e9e9ea;
}
.tdbc-ink-gray > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-gray > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-gray-dark {
  color: #bbb9ba;
}
.tdbc-ink-gray-dark > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-gray-dark > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-ink-gray-text {
  color: #767676;
}
.tdbc-ink-gray-text > a:not(.tdbc-button):not(.tdbc-icon-button) {
  border: 2px solid transparent;
  color: inherit;
}
.tdbc-ink-gray-text > a:not(.tdbc-button):not(.tdbc-icon-button):focus {
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 0 3px currentColor;
}

.tdbc-video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  border-radius: 7px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.27);
  overflow: hidden;
}
.tdbc-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tdbc-max-line-length {
  max-width: 60ch;
}

.tdbc-anchor {
  display: inline-block;
  margin-left: 0.25em;
  transition: 180ms opacity ease-in-out;
  opacity: 0.7;
  font-size: 0.65em;
  vertical-align: top;
}
.tdbc-anchor:hover {
  opacity: 1;
}

/*# sourceMappingURL=style.css.map */