.tx-container {
  padding-top: 1rem;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), #4c6bae 99%, var(--md-default-bg-color) 99%);
}

[data-md-color-scheme=slate] .tx-container {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(224, 15%, 14%, 1)' /></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), #7947ee 99%, var(--md-default-bg-color) 99%)
}

.tx-hero {
  margin: 0 .8rem;
  color: var(--md-primary-bg-color)
}

.tx-hero h1 {
  margin-bottom: 1rem;
  color: currentColor;
  font-weight: 700
}

@media screen and (max-width: 29.9375em) {
  .tx-hero h1 {
    font-size: 1.4rem
  }
}

.tx-hero__content {
  padding-bottom: 6rem
}

@media screen and (min-width: 60em) {
  .tx-hero {
    display: flex;
    align-items: stretch
  }

  .tx-hero__content {
    max-width: 19rem;
    margin-top: 3.5rem;
    padding-bottom: 15vw
  }

  .tx-hero__image {
    order: 1;
    width: 38rem;
    transform: translateX(4rem)
  }
}

@media screen and (min-width: 76.25em) {
  .tx-hero__image {
    transform: translateX(8rem)
  }
}

.tx-hero__subtext {
  font-style: italic;
}

.tx-hero .md-button {
  margin-top: .5rem;
  margin-right: .5rem;
  color: var(--md-primary-bg-color)
}

.tx-hero .md-button:hover,
.tx-hero .md-button:focus {
  color: var(--md-default-bg-color);
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color)
}

.tx-hero .md-button--primary {
  color: var(--md-primary-fg-color);
  background-color: var(--md-primary-bg-color);
  border-color: var(--md-primary-bg-color)
}

.md-fab {
  position: fixed;
  width: 56px;
  height: 56px;
  padding: 12px !important;
  bottom: 16px;
  right: 16px;
  border-radius: 50% !important;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0.2rem rgba(0,0,0,.1), 0 0.2rem 0.4rem rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 0.2rem rgba(0,0,0,.1), 0 0.2rem 0.4rem rgba(0,0,0,.2);
  box-shadow: 0 0 0.2rem rgba(0,0,0,.1), 0 0.2rem 0.4rem rgba(0,0,0,.2);
}

.md-top {
  border: 2px solid;
}

/* For images */
a[data-fancybox] > img {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/* Custom admonitions */
:root {
  /* tag-plus-outline */
  --md-admonition-icon--tag-new: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 5A1.5 1.5 0 1 0 8 6.5 1.5 1.5 0 0 0 6.5 5m0 0A1.5 1.5 0 1 0 8 6.5 1.5 1.5 0 0 0 6.5 5m14.91 6.58-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l.41.4a5.62 5.62 0 0 1 2.08-.74L4 11V4h7l9 9-7 7-1.08-1.08a5.57 5.57 0 0 1-.74 2.08l.41.41A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42M6.5 5A1.5 1.5 0 1 0 8 6.5 1.5 1.5 0 0 0 6.5 5M10 19H7v3H5v-3H2v-2h3v-3h2v3h3Z"/></svg>')
}
.md-typeset .admonition.tag-new,
.md-typeset details.tag-new {
  border-color: rgb(43, 155, 70);
}
.md-typeset .tag-new > .admonition-title,
.md-typeset .tag-new > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .tag-new > .admonition-title::before,
.md-typeset .tag-new > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--tag-new);
          mask-image: var(--md-admonition-icon--tag-new);
}
:root {
  /* tag-remove-outline */
  --md-admonition-icon--tag-remove: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 5A1.5 1.5 0 1 0 8 6.5 1.5 1.5 0 0 0 6.5 5m0 0A1.5 1.5 0 1 0 8 6.5 1.5 1.5 0 0 0 6.5 5m14.91 6.58-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l.41.4a5.62 5.62 0 0 1 2.08-.74L4 11V4h7l9 9-7 7-1.08-1.08a5.57 5.57 0 0 1-.74 2.08l.41.41A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42M6.5 5A1.5 1.5 0 1 0 8 6.5 1.5 1.5 0 0 0 6.5 5m1.62 16.54L6 19.41l-2.12 2.13-1.42-1.42L4.59 18l-2.13-2.12 1.42-1.42L6 16.59l2.12-2.13 1.42 1.42L7.41 18l2.13 2.12Z"/></svg>')
}
.md-typeset .admonition.tag-remove,
.md-typeset details.tag-remove {
  border-color: rgb(255, 82, 82);
}
.md-typeset .tag-remove > .admonition-title,
.md-typeset .tag-remove > summary {
  background-color: rgba(255, 82, 82, 0.1);
}
.md-typeset .tag-remove > .admonition-title::before,
.md-typeset .tag-remove > summary::before {
  background-color: rgb(255, 82, 82);
  -webkit-mask-image: var(--md-admonition-icon--tag-remove);
          mask-image: var(--md-admonition-icon--tag-remove);
}
/* Assume that tag-change is to notify user about changes, that might require his actions.
  Therefore the color is more warning-like. Alternative option is rgb(0, 176, 255)
*/
:root {
  /* tag-edit-outline */
  --md-admonition-icon--tag-change: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.41 11.58-9-9C12.04 2.21 11.53 2 11 2H4c-.53 0-1.04.21-1.41.59C2.21 2.96 2 3.47 2 4v7c0 .26.05.53.15.77.1.23.25.46.44.65l1.98 1.98L6 13l-2-2V4h7l9 9-7 7-2.13-2.13-.17.17v-.01l-1.25 1.25 2.14 2.14c.38.37.88.58 1.41.58.53 0 1.04-.21 1.41-.59l7-7c.38-.37.59-.88.59-1.41 0-.26-.05-.5-.15-.77-.1-.23-.25-.46-.44-.65M6.5 5a1.5 1.5 0 0 1 1.39.93c.11.27.14.57.08.86-.06.29-.2.56-.41.77-.21.21-.48.35-.77.41-.29.06-.59.03-.86-.08A1.5 1.5 0 0 1 6.5 5m4.2 10.35 1-1a.55.55 0 0 0 0-.77l-1.28-1.28a.55.55 0 0 0-.77 0l-1 1 2.05 2.05m-2.64-1.47L2 19.94V22h2.06l6.05-6.07-2.05-2.05Z"/></svg>')
}
.md-typeset .admonition.tag-change,
.md-typeset details.tag-change {
  border-color: rgb(255, 145, 0);
}
.md-typeset .tag-change > .admonition-title,
.md-typeset .tag-change > summary {
  background-color: rgba(255, 145, 0, 0.1);
}
.md-typeset .tag-change > .admonition-title::before,
.md-typeset .tag-change > summary::before {
  background-color: rgb(255, 145, 0);
  -webkit-mask-image: var(--md-admonition-icon--tag-change);
          mask-image: var(--md-admonition-icon--tag-change);
}

/* Chips with color based on admonition styling */
.md-chip {
  background-color: #e0e0e0;
  color: rgba(0,0,0);
  font-family: Roboto,sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /* font-size: .875rem;
  line-height: 1.25rem; */
  font-weight: 400;
  letter-spacing: .0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  border-width: 0;
  outline: none;
  -webkit-appearance: none;
  border-radius: 16px;
}
.md-chip > span:last-child {
  margin-left: 8px;
}
.md-chip > span:first-child {
  margin-left: 0px;
}
.md-chip > span.twemoji {
  height: 1rem;
}

.md-chip-note {
  color: #448aff;
}
.md-chip-summary {
  color: #00b0ff;
}
.md-chip-info {
  color: #00b8d4;
}
.md-chip-tip {
  color: #00bfa5;
}
.md-chip-success {
  color: #00c853;
}
.md-chip-question {
  color: #64dd17;
}
.md-chip-warning {
  color: #ff9100;
}
.md-chip-failure {
  color: #ff5252;
}
.md-chip-error {
  color: #ff1744;
}
.md-chip-bug {
  color: #f50057;
}
.md-chip-example {
  color: #651fff;
}
.md-chip-quote {
  color: #9e9e9e;
}
.md-chip-note, .md-chip-summary, .md-chip-info, .md-chip-tip, .md-chip-success, .md-chip-question, .md-chip-warning, .md-chip-failure, .md-chip-error, .md-chip-bug, .md-chip-example, .md-chip-quote {
  background-color: inherit;
  border: 1px solid;
}

.md-chip-note-fill {
  background-color: rgba(68,138,255,.25);
}
.md-chip-summary-fill {
  background-color: rgba(0,176,255,.25);
}
.md-chip-info-fill {
  background-color: rgba(0,184,212,.25);
}
.md-chip-tip-fill {
  background-color: rgba(0,191,165,.25);
}
.md-chip-success-fill {
  background-color: rgba(0,200,83,.25);
}
.md-chip-question-fill {
  background-color: rgba(100,221,23,.25);
}
.md-chip-warning-fill {
  background-color: rgba(255,145,0,.25);
}
.md-chip-failure-fill {
  background-color: rgba(255,82,82,.25);
}
.md-chip-error-fill {
  background-color: rgba(255,23,68,.25);
}
.md-chip-bug-fill {
  background-color: rgba(245,0,87,.25);
}
.md-chip-example-fill {
  background-color: rgba(101,31,255,.25);
}
.md-chip-quote-fill {
  background-color: rgba(158,158,158,.25);
}
@media (prefers-color-scheme: dark) {
  .md-chip-note-fill, .md-chip-summary-fill, .md-chip-info-fill, .md-chip-tip-fill, .md-chip-success-fill, .md-chip-question-fill, .md-chip-warning-fill, .md-chip-failure-fill, .md-chip-error-fill, .md-chip-bug-fill, .md-chip-example-fill, .md-chip-quote-fill {
    color: #ffffff;
  }
}

.text-center {
  text-align: center;
}