.docs-topbar{
  background-color: #f7f9fc;
  height:110px;
  border-bottom: 1px solid #eeeeee;
  box-shadow: unset;
  align-items: start;
  flex-direction: column;
}

.flex-h.topbar-line-1 {
    height: 65px;
    width: 100%;
}

.flex-h.topbar-line-2 {
    height: 45px;
    width: 100%;
}
.flex-h.topbar-line-1 {
    height: 65px;
    width: 100%;
    align-items: center;
}

.flex-h.topbar-line-2 {
    height: 45px;
    width: 100%;
}

.docs-topbar .header-menu {
    margin-left: 24px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    font-variant-numeric: proportional-nums;
}

.docs-topbar .header-box {
    padding-top: 8px;
    padding-bottom: 8px;
}

.header-box {}

a * {text-decoration: none;color: rgb(60 65 87);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu";}

.header-menu .header-menu-item {
    padding-right: 20px;
}

.logo-section h2 {
    margin-left: 20px;
    font-weight: 500;
}

.logo-section img {
}

.docs-topbar .logo-section {
    margin-left: 24px;
    align-items: center;
}

input {}

.topbar-line-1input {}

.docs-topbar .searchbox {
    margin-left: 43px;
    height: 35px;
}

input[search] {
    padding: 10px 20px 10px 40px;
}

.flex-h.topbar-line-1 {
    height: 65px;
    width: 100%;
    align-items: center;
}

.flex-h.topbar-line-2 {
    height: 45px;
    width: 100%;
}

.docs-topbar .header-menu {
    margin-left: 24px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    font-variant-numeric: proportional-nums;
}

.docs-topbar .header-box {
    padding-top: 8px;
    padding-bottom: 8px;
}

.header-box {}

a * {text-decoration: none;color: rgb(60 65 87);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu";}

.header-menu .header-menu-item {
    padding-right: 20px;
}

.logo-section h2 {
    margin-left: 20px;
    font-weight: 500;
}

.logo-section img {
}

.docs-topbar .logo-section {
    align-items: center;
}

input {}

.topbar-line-1input {}

.docs-topbar .searchbox {
    margin-left: 43px;
    height: 35px;
}

.input-box input[search] {
    padding: 10px 20px 10px 40px;
}

.input-box:has([search]):before {
    color: rgb(60 65 87);
    font-family: var(--fa-style-family,"Font Awesome 7 Free");
    font-weight: var(--fa-style,900);
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    content: "\f002";
    position: absolute;
    left: 14px;
    font-size: 12px;
    top: 50%;
    transform: translate(0, -33%);
}

.input-box {
    position: relative;
}

.input-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(60 65 87 / 51%);
  opacity: 1; /* Firefox */
}

.input-box :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(60 65 87 / 51%);
}

.input-box ::-ms-input-placeholder { /* Microsoft Edge */
  color: rgb(60 65 87 / 51%);
}

.searchbox .input-box {
  width: 300px;
}

.input-box input {
  width: -webkit-fill-available;
  width: 100%;
}

.primary-container-shell {
  width: 100%;
  height: calc(100% - 110px);
  overflow:
  hidden;
  display: flex;
}

article h1, .title{
  font-size: 32px;
  color: black;
  font-weight: 700 !important;
  margin: 0;
  padding: 0;
}

.primary-container-shell .article-content-container {
    width: calc(100vw - 0px);
    display: flex;
    justify-content: center;
    flex: 1;
    overflow-y: scroll;
    overflow-x: hidden;
}

.article-content-container .content-container {
    max-width: 1175px;
    width: 100%;
    position: relative;
}

.content-container article {overflow-x: visible;}

.article-title-box {
    padding-top: 20px;
}

.article-title-box .sub-title {
    font-size: 20px;
    padding-top: 20px;
}


.primary-container-shell .sidebar {
    display: block;
    width: 300px;
    height: 100%;
    box-shadow: inset -1px 0 #e3e8ee;
    position: relative;
}

.sidebar .sidebar-content {
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
    height: 100%;
}

button[regular]:hover {
    box-shadow: unset;
    background-color: unset;
}

button {}

button[regular] {
    font-weight: 500;
    font-size: 14px;
    padding-left: 12px;
    text-align: left;
    text-overflow: ellipsis;
    height: auto;
    padding-top: 7px;
    padding-bottom: 7px;
}

button[regular]:focus-visible {
    outline: none;
}

button[regular]:focus {
    box-shadow: none;
}

.flex-h.sidebar-button-item.sidebar-button-active button {
    color: #6d6df4 !important;
    font-weight: bold;
}

article h1, article h2, article h3, article h4 {
    margin-left: unset;
    font-weight: revert;
}

article h1:first-of-type {
    padding-top: 20px;
}

article hr {
    margin-top: 30px;
    margin-bottom: 50px;
    border-top: 1px solid #eaeaea;
    border-bottom: unset;
}

ul {
    font-weight: revert;
    list-style: revert;
    padding: revert;
    margin: revert;
}

.side-by-side {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@screen and (max-width: 1000px){
  .side-by-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.side-by-side .right {
    padding-left: 3rem;
}

.side-by-side .column{
    overflow: auto;
    padding-top: var(--default-vertical-spacing);
}

.side-by-side .left{
    padding-right: 3rem;
    border-right: 1px solid var(--toc-border);
}

.image-card {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--sail-color-gray-100);
}

.image-card .card-image {
  margin-bottom: 20px;
  transition: box-shadow 0.2s ease-in-out;
  border-radius: 5px !important;
  overflow: hidden;
  box-shadow: 0 0 1px 0 #00000059;
}

.image-card .card-image:hover {
  box-shadow: var(--card-hover-shadow);
}

.image-card .card-image img {
  object-fit: cover;
  object-position: center 34%;
  width: 100%;
  display: block;
  min-height: 116px;
  height: 116px;
  border-radius: var(--card-border-radius);
}

@media (max-width: 1150px) {
  .ImageCard .Card-footer {
    // Hide product badges for image cards
    display: none;
  }
}

@media (max-width: 750px) {
  .Card .Card-image {
    display: none;
  }
}

.card-group{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 33%));
  grid-gap: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}

article .image-card h2 {
    color: #5469d4;
}

article .image-card p {
    font-weight: 300;
    font-size: 14px;
    padding-top: 7px;
}

article>h2:first-of-type {
    padding-bottom: 20px;
    margin-top: 7px;
    font-weight: 400;
    padding-bottom: 30px;
    border-bottom: 1px solid #0000001c;
    margin-bottom: 30px;
}

img.aside-image {
    word-wrap: break-word;
    margin-left: 20px;
    padding: 16px;
    border: 0;
    margin-top: 12px;
    margin-bottom: 12px;
    float: right;
}

.image-wrapper.aside-image-wrapper{
    word-wrap: break-word;
    text-align: center;
    box-sizing: border-box;
    text-align: center;
}

* {
    word-wrap: break-word;
}

article p {
    font-weight: revert;
    position: revert;
    margin: revert;
}

.link-card.flex.column {
    padding: 18px;
    border: 1px solid #e3e8ee;
    border-radius: 4px;
    transition: box-shadow .2s ease-in-out;
    cursor: pointer !important;
}

.link-card:hover {
    box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.01), 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.02);
}

.link-card h3 {
    margin-top: 0px;
}

.link-card p {
    margin-bottom: 0px;
}

.link-card * {
    pointer: cursor;
}

.image-wrapper, .video-wrapper {
    padding-top: 30px;
    text-align: center;
}

.image-wrapper p, .video-wrapper p {
    font-size: 12px;
    color: #585858;
}

article>h2:not(article>h2:first-of-type) {
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: unset;
}

.image-wrapper img, .video-wrapper video {
    border-radius: 10px;
}

.article-content-container .right-box {
    width: 250px;
    display: block;
    position: sticky;
    top: 52px;
    padding-left: 50px;
    padding-right: 15px;
    flex: none;
    max-height: 600px;
    height: 100%;
}

.content-container .article-flex-box {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
    display: flex;
}

span.table-of-contents-header {
    font-weight: 500;
    font-size: 13px;
}

.table-of-contents-item {padding: 6px 10px 10px 0px;cursor: pointer;}

.table-of-contents-list {
    margin-top: 5px;
    flex-direction: column;
}

@media screen and (max-width: 1200px) {
  .article-content-container .right-box {
    display: none;
  }
}

.flex-h.sidebar-folder-item:before {
}

.sidebar-folder-item .angle {
    color: gray;
    line-height: 5px;
    width: 7px;
    margin-left: 7px;
    transform: rotate(0deg);
    transition: transform 100ms ease-in;
}

.angle svg {
    color: #888888;
    background-color: white;
    fill: currentcolor;
}

.sidebar-folder-item {
    align-items: center;
}

.sidebar-button-item {
    margin-left: 10px;
}

.sidebar-folder-item button[regular] {
    padding-left: 8px;
}

.sidebar-folder-item .folder-list {
    padding-left: 20px;
}

.sidebar-folder .folder-list {
    padding-left: 20px;
}

.sidebar-folder .folder-list {
    padding-left: 5px;
    border-left: 1px dotted;
    margin-left: 11px;
    transition: max-height 200ms linear;
    max-height: 400px;
    overflow: hidden;
}

.sidebar-button-item button {
    font-weight: 300;
    color: #616161 !important;
}

.sidebar-folder-active button[regular] {
    color: black;
    font-weight: bold;
}

.sidebar-folder:not(.sidebar-folder-open) .sidebar-folder-item .angle {
    transform: rotate(-90deg);
}

.sidebar-folder:not(.sidebar-folder-open) .folder-list {
    max-height: 0 !important;
}

.folder-list .sidebar-button-item {
}

.folder-list .sidebar-button-item button[regular] {}

a.header-menu-item.active span {
    color: #6e6df4;
    font-weight: bold;
}

.content-skeleton-wrapper {
  position: absolute;
  background-color: white;
  min-height: 350px;
  height:100%;
  z-index: 10;
  width: calc(100% - 100px);
}

.content-skeleton {
  animation-name: content-skeleton-animation;
  animation-delay: 20ms;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  position: absolute;
  background-color: white;
  min-height: 350px;
  height:100%;
  z-index: 10;
  width: 100%;
  opacity:0;
  margin-top:30px;
}

.content-skeleton-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: transparent;
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  background-size: 200px 100%;
  background-repeat: no-repeat;
  animation-name: content-skeleton-overlay-animation;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  height: 100%;
  width: 100%;
}

@media (max-width: 800px) {
  .content-skeleton-header,
  .content-skeleton-subheader {
    display: none;
  }
}

@keyframes content-skeleton-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes content-skeleton-overlay-animation {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}

.content-skeleton-header {
    margin-top: 8px;
}

.content-skeleton-subheader {
    margin-top: 10px;
    margin-bottom: 50px;
}

.content-skeleton *:not(.content-skeleton-overlay, .box-a, .box-b) {
    background-color: #e3e8ee;
}

.Box-root.Margin-bottom--24 {}

.content-skeleton .box-a, .content-skeleton .box-b {
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
}

.box-a>*, .box-b>* {
    margin-bottom: 8px;
}

.image-wrapper:not(.aside-image-wrapper) img {
    text-align: center;
}

.image-wrapper.aside-image-wrapper.image-aside-right img {
    float: right;
}

.image-wrapper.aside-image-wrapper.image-aside-left img {
    float: left;
}

.image-aside-left img.aside-image {
    margin-left: 0;
    margin-right: 20px;
    padding-left: 0px;
}

.image-wrapper.inline-image-wrapper {
    padding-top: 0px;
}

.image-wrapper.inline-image-wrapper.inline-float-left .inline-image {
    margin-right: 20px;
    margin-bottom: 20px;
}

.image-wrapper.inline-image-wrapper.inline-float-right .inline-image {
    margin-left: 20px;
    margin-bottom: 20px;
}

article a {
    color: #7878d0;
    font-weight: 600;
  cursor:pointer !important;
}

td .image-wrapper img {
    border-radius: unset;
}

.image-wrapper img.image.shadow, .video-wrapper video.shadow, .image-card .card-image.shadow {
    filter: drop-shadow(2px 4px 9px #00000024);
    background-color: #00000024;
}


.callout {
    margin-bottom: 12px;
    margin-top: 20px;
    margin: 0 1px;
    border-radius: 4px;
    background-color: #fffae7;
    border: 1px solid #adadad;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 14px;
}

.callout i {
    width: fit-content;
    margin: 15px 20px;
}

.callout p {
    margin: unset;
    color: #3b3b3b;
}

.callout i.fa-exclamation-triangle {
    color: #d97917;
}

.sidebar-folder .sidebar-folder>.sidebar-folder-item button {
    /* color: #616161; */
    /* font-weight: 300 !important; */
}

a.bold {
    font-weight: bolder;
}

a.bold span {
    color: black;
}

.modal .search-results {
    width: 40%;
    height: 400px;
    transform: unset;
    left: 100px;
    top: 14px;
    resize: none;
    overflow: hidden;
}

.search-results .search {}

.search-results .search-topbar {
    height: 50px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.search-results input#search {
    width: calc(100% - 40px);
    height: 100%;
    box-shadow: unset;
    outline: unset;
    border-radius: unset;
    padding-left: 60px;
}

.search-results .search-topbar i.fa.fa-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

.search-topbar i.fa.fa-times {
    cursor: pointer;
    font-size: 17px;
}

.search-results .results {
    padding: 10px;
    overflow: scroll;
    height: calc(100% - 50px);
}

.search-results .results .result {
    padding-bottom: 10px;
    padding-top: 10px;
    height: auto;
    align-items: center;
    flex-shrink: 0;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #00000008;
}

.search-results .results .result:hover {
    :;
    background-color: #f9f9f9;
    cursor: pointer;
    border-radius: 8px;
}

.result>.main>div.article-title {
    font-weight: normal;
    color: #5a5a5a;
}

.result>.main {
    margin-left: 5px;
}

.search-results .results .result .main>p {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-content-list>.sidebar-folder:last-child {
    padding-bottom: 50px;
}

.video-wrapper iframe.image {
    width: 100%;
    height: 47vh;
}

.image-wrapper.fullscreen, .video-wrapper.fullscreen {
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    padding: 40px;
    height: 100%;
    width: 100%;
    background-color: #00000024;
}

.image-wrapper.fullscreen img.image, .video-wrapper.fullscreen video, .image-card.fullscreen .card-image {
    margin: auto;
    background-color: unset;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.video-wrapper.fullscreen {
    padding: 10px;
    background-color: #171717 !important;!i;!;
}

.image-wrapper img.image.shadow:not([src]) {
    width: 100%;
    display: block;
    aspect-ratio: 2;
}


.theme-atom-one-dark .hljs {
    color: #abb2bf;
    background: #282c34
}

pre.theme-atom-one-dark {
    padding: unset;
    border-radius: 10px;
}

.api-block {
    color: #abb2bf;
    background: #282c34;
}

.api-block pre code {
    border: unset;
    outline: unset;
    background-color: unset;
    border-radius: unset;
    background-color: unset !important;!i;!;
    padding: 20px;
}

.api-block .header {
    background-color: #ffffff21;
    color: #cfcfcf;
    font-weight: normal;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    text-align: left;
    justify-content: left;
    font-size: 13px;
    align-items: center;
}

.api-block {
    border-radius: 11px;
}

.api-block pre.theme-atom-one-dark {
    margin: unset;
    border:unset;
    background-color: #282c34;
    color: #abb2bf;
}

.api-url {
    display: flex;
    color: white;
    width: min-content;
    cursor: pointer;
}

.api-url div:nth-child(1) {
    color: #2ab42a;
    width: 74px;
    text-align: right;
    margin-right: 10px;
}

.api-url div.update, .api-block div.update{
    color: #2ab42a;
}

.api-url div.delete, .api-block div.delete{
    color: #ff8718;
}

.api-url div.get, .api-block div.get{
    color: #2199f7;
}

.api-block pre[data-language='endpoints'] code {
    word-break: unset;
    white-space: unset;
    line-height: unset;
    font-size: 1em;
    line-height: 12px;
    display: block;
}

.api-block pre code p {
    display: none;
}

.dual-section {
    border-top: 1px solid #e3e3e3;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 30px;
    padding-top: 10px;
    flex-wrap: nowrap;
    align-items: center;
}

.dual-section>div>.left-section {
    width: 49%;
    margin-right: 40px;
}

.dual-section>div>.right-section {
    width: 50%;
    position: sticky;
    top: 13px;
    align-self: flex-start;
    margin-bottom: 40px;
}

/* for block of numbers */
.hljs-ln-numbers {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: top;
    color: gray !important;
    position: relative;
    padding-right: 10px !important;
}

/* for block of code */
.hljs-ln-code {
    padding-left: 10px;
}

.hljs-ln tr {
    border: unset;
}

.hljs-ln td {
    border: unset;
    color: white;
}

table.hljs-ln {
    margin-top: unset;
    margin-bottom: unset;
}

.api-block>.header .update, .api-block>.header .delete, .api-block>.header .get {
    margin-right: 5px;
}

.api-block i.fa.fa-copy {
    margin-left: auto;
    margin-right: 12px;
    cursor: pointer;
    font-size: 12px;
}

.api-block .header.url .name {
    color: white;
}

.api-block .header.url {
    background-color: #274e90;
    font-size: 15px;
}

.api-block{
    overflow:hidden;
}

.hljs-ln td, .hljs-ln td>* {
    line-height: 20px !important;
    font-size: 15px !important;
}


.hljs-ln-n:before {
  line-height: 20px !important;!im;!imo;!i;!;
  font-size: 11px;
  height: 20px;
  display: block;
}

.hljs-ln-line.hljs-ln-numbers {
    justify-content: center;
    ilable;
    height: ;
}

.hljs-ln .hljs-ln-n {
    line-height: 20px !important;
    height: 20px;
    display: block;
}


.parameters .parameter {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
}

.parameters .parameter .parameter-header {
    display: flex;
    align-items: center;
}

.parameters-body {
    margin-top:20px;
}

.parameter .parameter-name {
    font-family: monospace;
    font-size: 16px;
    margin-right: 20px;
}

.parameter .parameter-type {
    font-size: 13px;
    color: #434343;
}


.enum {
    background-color: #9448ff;
    color: white;
    padding: 3px 8px;
    margin-right: 5px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}

.parameter>.parameter-body>.parameters {
    margin-left: 10px;
    border-left: 1px dashed gray;
    padding-left: 20px;
    border-top: 1px solid #e2e2e2;
}

.parameter>.parameter-body>.parameters>.parameters-body {
    margin-top: unset;
}

.parameter>.parameter-body>.parameters>.parameters-body>.parameter:first-of-type {
    border-top: unset;
}

.dual-section.primary-section {
    width: calc(100% + 100px);
    left: -50px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #f9f9f9;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}

.dual-section:not(.primary-section) {
    display: none;
}

.dual-section:not(.primary-section).open {
    display: block;
}

.dual-section .show {
    padding: 10px 20px;
    background-color: #5e5eff;
    border-radius: 40px;
    color: white;
    cursor: pointer;
    transition: all 100ms;
    margin-top: 35px;
    display: flex;
    flex-direction: row !important;!imp;!impp;!imppo;!impp;!i;!;
    align-items: center;
}

.dual-section .show i {
    margin-left: 10px;
}

.dual-section .show:hover {
    background-color: #4444d1;
}

.dual-section>.flex-h {
    width: -webkit-fill-available;
    width: -moz-fill-available;
}

table>tbody>tr:nth-child(odd) {
    background-color: transparent !important;
}


.logo-word-mark {
    font-size: 22px;
    font-weight: bold;
    background: linear-gradient(90deg, #7c71e1, #4985ee);
    -webkit-background-clip: text;
    margin-left: 10px;
    color: transparent;
    cursor: pointer;
    align-items: center;
    display: flex;
}

.logo-word-mark img {
    width: 22px;
    margin-right: 7px;
    transform: translateY(1px);
}

.article-flex-box .right-box>a * {
    color: white !important;
    font-size: 14px;
    align-items: center;
    z-index: 2;
}

.article-flex-box .right-box>a i {
    font-size:16px;
    margin-right:6px;
}

.article-flex-box .right-box>a {
    padding-bottom: 30px !important;
    display: block;
    flex-shrink: 0;
}

.video-thumb {
    width: -webkit-fill-available;
    width: -moz-fill-available;
    height: 100px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
}

.video-thumb .thumb{
    filter: invert(0.9) brightness(0.5);
    width:100%;
    height:100%;
    position:absolute;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px 0 black;
    background: url(/img/thumbnail/m-custom.png) no-repeat;
    background-size: cover;
    z-index: 0;
}

.video-thumb {}

.table-of-contents-item * {
    font-size: 14px;
    font-weight: normal;
}

.article-footer {
    margin-top: 90px;
}

.article-footer hr {
    margin-top: 65px;
}

.ending-item {
    font-weight: normal;
    color: #3b3b3b;
    margin-bottom: 7px;
    font-weight: lighter;
}

.ending-item i {color: #9d9d9d;margin-right: 5px;}

.ending-survey input[type="radio"] {
    width: 18px;
    height: 18px;
}

.survey-radio {
    display: flex;
    padding-top: 20px;
}

.survey-radio input {
    margin-right: 15px;
}

.survey-radio:last-child {
    padding-bottom: 20px;
}

.survey-radio .reason {
    font-weight: 500;
    color: #3b3b3b;
    margin-bottom: 5px;
}

.survey-radio .comment {
    font-weight: lighter;
}

.survey-radio textarea {
    width: 100%;
    position: relative;
    flex-grow: 1;
    margin-top: 10px;
}

.breadcrumb {
    display: flex;
    font-size: 15px !important;
    margin-top: 30px;
    margin-bottom: -15px;
}

.breadcrumb .breadcrumb-item {
    margin-right: 24px;
    position: relative;
    color: gray;
}

.breadcrumb .breadcrumb-item:not(:last-child)::after {
    position: absolute;
    content: " / ";
    right: -14px;
}

.breadcrumb .breadcrumb-item:not(:hover) * {
    color: gray;
}

.breadcrumb * {
    font-weight: normal;
}

.search-pill {
}

.search-pill {
    font-size: 14px;
    padding: 4px 10px;
    background-color: #000000d1;
    color: white;
    margin-left: auto;
    margin-right: 19px;
    border-radius: 20px;
}


.results>:nth-child(1) {
    margin-bottom: 10px;
}