.thumbnail {
  position: relative;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -khtml-user-drag: none;
  -khtml-user-select: none;
  -khtml-user-select: none;
  align-items: center;
  justify-content: center;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -o-user-select: none;
}
.thumbnail
  *:not(p):not(span):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(a) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -khtml-user-drag: none;
  -khtml-user-select: none;
  -khtml-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -o-user-select: none;
}
.thumbnail p:not(.no-drag),
.thumbnail span:not(.no-drag),
.thumbnail h1:not(.no-drag),
.thumbnail h2:not(.no-drag),
.thumbnail h3:not(.no-drag),
.thumbnail h4:not(.no-drag),
.thumbnail h5:not(.no-drag),
.thumbnail h6:not(.no-drag),
.thumbnail a:not(.no-drag) {
  cursor: pointer !important;
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;

  -khtml-user-drag: initial !important;
  -khtml-user-select: all !important;
  -khtml-user-select: all !important;
  -webkit-touch-callout: initial !important;
  -webkit-user-drag: initial !important;
  -moz-user-drag: initial !important;
  -o-user-drag: initial !important;
  user-drag: initial !important;
  -o-user-select: all !important;
}
.thumbnail-frame {
  border-width: var(--line-thiner);
  border-style: solid;
  border-color: var(--color-grey-shade-8);
}
.thumbnail picture {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  width: -webkit-fill-available;
  height: 100%;
  padding: inherit;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;

  align-items: center;
  justify-content: center;
}
.thumbnail picture img {
  width: 100%;
  width: 100%;
  width: -webkit-fill-available;
  height: 100%;
  height: -webkit-fill-available;

  -o-object-fit: cover;
  object-fit: cover;
}
.thumbnail iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  width: -webkit-fill-available !important;
  height: 100% !important;
  height: -webkit-fill-available !important;

  -o-object-fit: fill !important;
  object-fit: fill !important;
}
.thumbnail-youtube {
  position: relative;
  overflow: hidden;
}
.thumbnail-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  width: -webkit-fill-available !important;
  height: 100% !important;
  height: -webkit-fill-available !important;

  -o-object-fit: fill !important;
  object-fit: fill !important;
}
.thumbnail canvas {
  position: absolute;
  top: 0;
  width: 100%;
  width: 100%;
  width: -webkit-fill-available;
  height: 100%;
  overflow: hidden;

  -o-object-fit: contain;
  object-fit: contain;
}
.thumbnail.thumbnail-avatar,
.thumbnail.thumbnail-15x5,
.thumbnail.thumbnail-18x8,
.thumbnail.thumbnail-16x9,
.thumbnail.thumbnail-14x9,
.thumbnail.thumbnail-4x3,
.thumbnail.thumbnail-grid,
.thumbnail.thumbnail-square,
.thumbnail.thumbnail-pdf {
  overflow: hidden;
}
.thumbnail.thumbnail-avatar canvas,
.thumbnail.thumbnail-15x5 canvas,
.thumbnail.thumbnail-18x8 canvas,
.thumbnail.thumbnail-16x9 canvas,
.thumbnail.thumbnail-14x9 canvas,
.thumbnail.thumbnail-4x3 canvas,
.thumbnail.thumbnail-grid canvas,
.thumbnail.thumbnail-square canvas,
.thumbnail.thumbnail-pdf canvas {
  position: absolute;
  top: 0;
}
.thumbnail.thumbnail-avatar::after,
.thumbnail.thumbnail-15x5::after,
.thumbnail.thumbnail-18x8::after,
.thumbnail.thumbnail-16x9::after,
.thumbnail.thumbnail-14x9::after,
.thumbnail.thumbnail-4x3::after,
.thumbnail.thumbnail-grid::after,
.thumbnail.thumbnail-pdf::after,
.thumbnail.thumbnail-square::after {
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.thumbnail.thumbnail-avatar::after {
  padding-bottom: 125%;
}
.thumbnail.thumbnail-15x5::after {
  padding-bottom: 33.3333%;
}
.thumbnail.thumbnail-18x8::after {
  padding-bottom: 44.4444%;
}
.thumbnail.thumbnail-14x9::after {
  padding-bottom: 64.2857%;
}
.thumbnail.thumbnail-16x9::after {
  padding-bottom: 56.25%;
}
.thumbnail.thumbnail-4x3::after {
  padding-bottom: 75%;
}
.thumbnail.thumbnail-grid::after {
  padding-bottom: 100%;
}
.thumbnail.thumbnail-square::after {
  padding-bottom: 100%;
}
.thumbnail.thumbnail-pdf::after {
  padding-bottom: 130%;
}
.thumbnail-youtube::after {
  display: block;
  padding-bottom: 75%;
  content: "";
}
@media (max-width: 575px) {
  .thumbnail-xs {
    position: relative;
    display: flex;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-frame-xs {
    border-width: var(--line-thiner);
    border-style: solid;
    border-color: var(--color-grey-shade-8);
  }
  .thumbnail-xs picture {
    position: absolute;
    display: flex;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-xs picture img {
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    height: -webkit-fill-available;

    -o-object-fit: cover;
    object-fit: cover;
  }
  .thumbnail-xs iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-xs canvas {
    position: absolute;
    top: 0;
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    overflow: hidden;

    -o-object-fit: contain;
    object-fit: contain;
  }
  .thumbnail.thumbnail-xs-avatar,
  .thumbnail.thumbnail-xs-15x5,
  .thumbnail.thumbnail-xs-18x8,
  .thumbnail.thumbnail-xs-16x9,
  .thumbnail.thumbnail-xs-14x9,
  .thumbnail.thumbnail-xs-4x3,
  .thumbnail.thumbnail-xs-grid,
  .thumbnail.thumbnail-xs-square,
  .thumbnail.thumbnail-xs-pdf,
  .thumbnail-xs.thumbnail-xs-15x5,
  .thumbnail-xs.thumbnail-xs-18x8,
  .thumbnail-xs.thumbnail-xs-16x9,
  .thumbnail-xs.thumbnail-xs-14x9,
  .thumbnail-xs.thumbnail-xs-4x3,
  .thumbnail-xs.thumbnail-xs-grid,
  .thumbnail-xs.thumbnail-xs-square,
  .thumbnail-xs.thumbnail-xs-pdf {
    overflow: hidden;
  }
  .thumbnail.thumbnail-xs-avatar canvas,
  .thumbnail.thumbnail-xs-15x5 canvas,
  .thumbnail.thumbnail-xs-18x8 canvas,
  .thumbnail.thumbnail-xs-16x9 canvas,
  .thumbnail.thumbnail-xs-14x9 canvas,
  .thumbnail.thumbnail-xs-4x3 canvas,
  .thumbnail.thumbnail-xs-grid canvas,
  .thumbnail.thumbnail-xs-square canvas,
  .thumbnail.thumbnail-xs-pdf canvas,
  .thumbnail-xs.thumbnail-15x5 canvas,
  .thumbnail-xs.thumbnail-18x8 canvas,
  .thumbnail-xs.thumbnail-16x9 canvas,
  .thumbnail-xs.thumbnail-14x9 canvas,
  .thumbnail-xs.thumbnail-4x3 canvas,
  .thumbnail-xs.thumbnail-grid canvas,
  .thumbnail-xs.thumbnail-square canvas,
  .thumbnail-xs.thumbnail-pdf canvas {
    position: absolute;
    top: 0;
  }
  .thumbnail.thumbnail-xs-avatar::after,
  .thumbnail.thumbnail-xs-15x5::after,
  .thumbnail.thumbnail-xs-18x8::after,
  .thumbnail.thumbnail-xs-16x9::after,
  .thumbnail.thumbnail-xs-14x9::after,
  .thumbnail.thumbnail-xs-4x3::after,
  .thumbnail.thumbnail-xs-grid::after,
  .thumbnail.thumbnail-xs-pdf::after,
  .thumbnail.thumbnail-xs-square::after,
  .thumbnail-xs.thumbnail-xs-15x5::after,
  .thumbnail-xs.thumbnail-xs-18x8::after,
  .thumbnail-xs.thumbnail-xs-16x9::after,
  .thumbnail-xs.thumbnail-xs-14x9::after,
  .thumbnail-xs.thumbnail-xs-4x3::after,
  .thumbnail-xs.thumbnail-xs-grid::after,
  .thumbnail-xs.thumbnail-xs-pdf::after,
  .thumbnail-xs.thumbnail-xs-square::after {
    top: 0;
    left: 0;
    display: block;
    content: "";
  }
  .thumbnail.thumbnail-xs-avatar::after {
    padding-bottom: 125%;
  }
  .thumbnail.thumbnail-xs-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail.thumbnail-xs-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail.thumbnail-xs-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail.thumbnail-xs-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail.thumbnail-xs-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail.thumbnail-xs-grid::after {
    padding-bottom: 85.7142857142857%;
  }
  .thumbnail.thumbnail-xs-square::after {
    padding-bottom: 100%;
  }
  .thumbnail.thumbnail-xs-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail-xs.thumbnail-xs-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail-xs.thumbnail-xs-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail-xs.thumbnail-xs-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail-xs.thumbnail-xs-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail-xs.thumbnail-xs-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail-xs.thumbnail-xs-grid::after {
    padding-bottom: 85.7142857142857%;
  }
  .thumbnail-xs.thumbnail-xs-square::after {
    padding-bottom: 100%;
  }
  .thumbnail-xs.thumbnail-xs-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail.thumbnail-youtube-xs {
    position: relative;
    overflow: hidden;
  }
  .thumbnail.thumbnail-youtube-xs iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail.thumbnail-youtube-xs::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
  .thumbnail-xs.thumbnail-youtube-xs {
    position: relative;
    overflow: hidden;
  }
  .thumbnail-xs.thumbnail-youtube-xs iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-xs.thumbnail-youtube-xs::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
}
@media (min-width: 576px) {
  .thumbnail-sm {
    position: relative;
    display: flex;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-frame-sm {
    border-width: var(--line-thiner);
    border-style: solid;
    border-color: var(--color-grey-shade-8);
  }
  .thumbnail-sm picture {
    position: absolute;
    display: flex;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-sm picture img {
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    height: -webkit-fill-available;

    -o-object-fit: cover;
    object-fit: cover;
  }
  .thumbnail-sm iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-sm canvas {
    position: absolute;
    top: 0;
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    overflow: hidden;

    -o-object-fit: contain;
    object-fit: contain;
  }
  .thumbnail.thumbnail-sm-avatar,
  .thumbnail.thumbnail-sm-15x5,
  .thumbnail.thumbnail-sm-18x8,
  .thumbnail.thumbnail-sm-16x9,
  .thumbnail.thumbnail-sm-14x9,
  .thumbnail.thumbnail-sm-4x3,
  .thumbnail.thumbnail-sm-grid,
  .thumbnail.thumbnail-sm-square,
  .thumbnail.thumbnail-sm-pdf,
  .thumbnail-sm.thumbnail-sm-15x5,
  .thumbnail-sm.thumbnail-sm-18x8,
  .thumbnail-sm.thumbnail-sm-16x9,
  .thumbnail-sm.thumbnail-sm-14x9,
  .thumbnail-sm.thumbnail-sm-4x3,
  .thumbnail-sm.thumbnail-sm-grid,
  .thumbnail-sm.thumbnail-sm-square,
  .thumbnail-sm.thumbnail-sm-pdf {
    overflow: hidden;
  }
  .thumbnail.thumbnail-sm-avatar canvas,
  .thumbnail.thumbnail-sm-15x5 canvas,
  .thumbnail.thumbnail-sm-18x8 canvas,
  .thumbnail.thumbnail-sm-16x9 canvas,
  .thumbnail.thumbnail-sm-14x9 canvas,
  .thumbnail.thumbnail-sm-4x3 canvas,
  .thumbnail.thumbnail-sm-grid canvas,
  .thumbnail.thumbnail-sm-square canvas,
  .thumbnail.thumbnail-sm-pdf canvas,
  .thumbnail-sm.thumbnail-15x5 canvas,
  .thumbnail-sm.thumbnail-18x8 canvas,
  .thumbnail-sm.thumbnail-16x9 canvas,
  .thumbnail-sm.thumbnail-14x9 canvas,
  .thumbnail-sm.thumbnail-4x3 canvas,
  .thumbnail-sm.thumbnail-grid canvas,
  .thumbnail-sm.thumbnail-square canvas,
  .thumbnail-sm.thumbnail-pdf canvas {
    position: absolute;
    top: 0;
  }
  .thumbnail.thumbnail-sm-avatar::after,
  .thumbnail.thumbnail-sm-15x5::after,
  .thumbnail.thumbnail-sm-18x8::after,
  .thumbnail.thumbnail-sm-16x9::after,
  .thumbnail.thumbnail-sm-14x9::after,
  .thumbnail.thumbnail-sm-4x3::after,
  .thumbnail.thumbnail-sm-grid::after,
  .thumbnail.thumbnail-sm-pdf::after,
  .thumbnail.thumbnail-sm-square::after,
  .thumbnail-sm.thumbnail-sm-15x5::after,
  .thumbnail-sm.thumbnail-sm-18x8::after,
  .thumbnail-sm.thumbnail-sm-16x9::after,
  .thumbnail-sm.thumbnail-sm-14x9::after,
  .thumbnail-sm.thumbnail-sm-4x3::after,
  .thumbnail-sm.thumbnail-sm-grid::after,
  .thumbnail-sm.thumbnail-sm-pdf::after,
  .thumbnail-sm.thumbnail-sm-square::after {
    top: 0;
    left: 0;
    display: block;
    content: "";
  }
  .thumbnail.thumbnail-sm-avatar::after {
    padding-bottom: 125%;
  }
  .thumbnail.thumbnail-sm-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail.thumbnail-sm-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail.thumbnail-sm-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail.thumbnail-sm-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail.thumbnail-sm-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail.thumbnail-sm-grid::after {
    padding-bottom: 85.7142857142857%;
  }
  .thumbnail.thumbnail-sm-square::after {
    padding-bottom: 100%;
  }
  .thumbnail.thumbnail-sm-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail-sm.thumbnail-sm-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail-sm.thumbnail-sm-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail-sm.thumbnail-sm-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail-sm.thumbnail-sm-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail-sm.thumbnail-sm-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail-sm.thumbnail-sm-grid::after {
    padding-bottom: 85.7142857142857%;
  }
  .thumbnail-sm.thumbnail-sm-square::after {
    padding-bottom: 100%;
  }
  .thumbnail-sm.thumbnail-sm-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail.thumbnail-youtube-sm {
    position: relative;
    overflow: hidden;
  }
  .thumbnail.thumbnail-youtube-sm iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail.thumbnail-youtube-sm::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
  .thumbnail-sm.thumbnail-youtube-sm {
    position: relative;
    overflow: hidden;
  }
  .thumbnail-sm.thumbnail-youtube-sm iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-sm.thumbnail-youtube-sm::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
}
@media (min-width: 768px) {
  .thumbnail-md {
    position: relative;
    display: flex;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-frame-md {
    border-width: var(--line-thiner);
    border-style: solid;
    border-color: var(--color-grey-shade-8);
  }
  .thumbnail-md picture {
    position: absolute;
    display: flex;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-md picture img {
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    height: -webkit-fill-available;

    -o-object-fit: cover;
    object-fit: cover;
  }
  .thumbnail-md iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-md canvas {
    position: absolute;
    top: 0;
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    overflow: hidden;

    -o-object-fit: contain;
    object-fit: contain;
  }
  .thumbnail.thumbnail-md-avatar,
  .thumbnail.thumbnail-md-15x5,
  .thumbnail.thumbnail-md-18x8,
  .thumbnail.thumbnail-md-16x9,
  .thumbnail.thumbnail-md-14x9,
  .thumbnail.thumbnail-md-4x3,
  .thumbnail.thumbnail-md-grid,
  .thumbnail.thumbnail-md-square,
  .thumbnail.thumbnail-md-pdf,
  .thumbnail-sm.thumbnail-md-15x5,
  .thumbnail-sm.thumbnail-md-18x8,
  .thumbnail-sm.thumbnail-md-16x9,
  .thumbnail-sm.thumbnail-md-14x9,
  .thumbnail-sm.thumbnail-md-4x3,
  .thumbnail-sm.thumbnail-md-grid,
  .thumbnail-sm.thumbnail-md-square,
  .thumbnail-sm.thumbnail-md-pdf {
    overflow: hidden;
  }
  .thumbnail.thumbnail-md-avatar canvas,
  .thumbnail.thumbnail-md-15x5 canvas,
  .thumbnail.thumbnail-md-18x8 canvas,
  .thumbnail.thumbnail-md-16x9 canvas,
  .thumbnail.thumbnail-md-14x9 canvas,
  .thumbnail.thumbnail-md-4x3 canvas,
  .thumbnail.thumbnail-md-grid canvas,
  .thumbnail.thumbnail-md-square canvas,
  .thumbnail.thumbnail-md-pdf canvas,
  .thumbnail-sm.thumbnail-15x5 canvas,
  .thumbnail-sm.thumbnail-18x8 canvas,
  .thumbnail-sm.thumbnail-16x9 canvas,
  .thumbnail-sm.thumbnail-14x9 canvas,
  .thumbnail-sm.thumbnail-4x3 canvas,
  .thumbnail-sm.thumbnail-grid canvas,
  .thumbnail-sm.thumbnail-square canvas,
  .thumbnail-sm.thumbnail-pdf canvas {
    position: absolute;
    top: 0;
  }
  .thumbnail.thumbnail-md-avatar::after,
  .thumbnail.thumbnail-md-15x5::after,
  .thumbnail.thumbnail-md-18x8::after,
  .thumbnail.thumbnail-md-16x9::after,
  .thumbnail.thumbnail-md-14x9::after,
  .thumbnail.thumbnail-md-4x3::after,
  .thumbnail.thumbnail-md-grid::after,
  .thumbnail.thumbnail-md-pdf::after,
  .thumbnail.thumbnail-md-square::after,
  .thumbnail-sm.thumbnail-md-15x5::after,
  .thumbnail-sm.thumbnail-md-18x8::after,
  .thumbnail-sm.thumbnail-md-16x9::after,
  .thumbnail-sm.thumbnail-md-14x9::after,
  .thumbnail-sm.thumbnail-md-4x3::after,
  .thumbnail-sm.thumbnail-md-grid::after,
  .thumbnail-sm.thumbnail-md-pdf::after,
  .thumbnail-sm.thumbnail-md-square::after {
    top: 0;
    left: 0;
    display: block;
    content: "";
  }
  .thumbnail.thumbnail-md-avatar::after {
    padding-bottom: 125%;
  }
  .thumbnail.thumbnail-md-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail.thumbnail-md-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail.thumbnail-md-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail.thumbnail-md-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail.thumbnail-md-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail.thumbnail-md-grid::after {
    padding-bottom: 85.7142857142857%;
  }
  .thumbnail.thumbnail-md-square::after {
    padding-bottom: 100%;
  }
  .thumbnail.thumbnail-md-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail-md.thumbnail-md-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail-md.thumbnail-md-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail-md.thumbnail-md-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail-md.thumbnail-md-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail-md.thumbnail-md-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail-md.thumbnail-md-grid::after {
    padding-bottom: 85.7142857142857%;
  }
  .thumbnail-md.thumbnail-md-square::after {
    padding-bottom: 100%;
  }
  .thumbnail-md.thumbnail-md-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail.thumbnail-youtube-md {
    position: relative;
    overflow: hidden;
  }
  .thumbnail.thumbnail-youtube-md iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail.thumbnail-youtube-md::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
  .thumbnail-md.thumbnail-youtube-md {
    position: relative;
    overflow: hidden;
  }
  .thumbnail-md.thumbnail-youtube-md iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-md.thumbnail-youtube-md::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
}
@media (min-width: 992px) {
  .thumbnail-lg {
    position: relative;
    display: flex;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-frame-lg {
    border-width: var(--line-thiner);
    border-style: solid;
    border-color: var(--color-grey-shade-8);
  }
  .thumbnail-lg picture {
    position: absolute;
    display: flex;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-lg picture img {
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    height: -webkit-fill-available;

    -o-object-fit: cover;
    object-fit: cover;
  }
  .thumbnail-lg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-lg canvas {
    position: absolute;
    top: 0;
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    overflow: hidden;

    -o-object-fit: contain;
    object-fit: contain;
  }
  .thumbnail.thumbnail-lg-avatar,
  .thumbnail.thumbnail-lg-15x5,
  .thumbnail.thumbnail-lg-18x8,
  .thumbnail.thumbnail-lg-16x9,
  .thumbnail.thumbnail-lg-14x9,
  .thumbnail.thumbnail-lg-4x3,
  .thumbnail.thumbnail-lg-grid,
  .thumbnail.thumbnail-lg-square,
  .thumbnail.thumbnail-lg-pdf,
  .thumbnail-sm.thumbnail-lg-15x5,
  .thumbnail-sm.thumbnail-lg-18x8,
  .thumbnail-sm.thumbnail-lg-16x9,
  .thumbnail-sm.thumbnail-lg-14x9,
  .thumbnail-sm.thumbnail-lg-4x3,
  .thumbnail-sm.thumbnail-lg-grid,
  .thumbnail-sm.thumbnail-lg-square,
  .thumbnail-sm.thumbnail-lg-pdf {
    overflow: hidden;
  }
  .thumbnail.thumbnail-lg-avatar canvas,
  .thumbnail.thumbnail-lg-15x5 canvas,
  .thumbnail.thumbnail-lg-18x8 canvas,
  .thumbnail.thumbnail-lg-16x9 canvas,
  .thumbnail.thumbnail-lg-14x9 canvas,
  .thumbnail.thumbnail-lg-4x3 canvas,
  .thumbnail.thumbnail-lg-grid canvas,
  .thumbnail.thumbnail-lg-square canvas,
  .thumbnail.thumbnail-lg-pdf canvas,
  .thumbnail-sm.thumbnail-15x5 canvas,
  .thumbnail-sm.thumbnail-18x8 canvas,
  .thumbnail-sm.thumbnail-16x9 canvas,
  .thumbnail-sm.thumbnail-14x9 canvas,
  .thumbnail-sm.thumbnail-4x3 canvas,
  .thumbnail-sm.thumbnail-grid canvas,
  .thumbnail-sm.thumbnail-square canvas,
  .thumbnail-sm.thumbnail-pdf canvas {
    position: absolute;
    top: 0;
  }
  .thumbnail.thumbnail-lg-avatar::after,
  .thumbnail.thumbnail-lg-15x5::after,
  .thumbnail.thumbnail-lg-18x8::after,
  .thumbnail.thumbnail-lg-16x9::after,
  .thumbnail.thumbnail-lg-14x9::after,
  .thumbnail.thumbnail-lg-4x3::after,
  .thumbnail.thumbnail-lg-grid::after,
  .thumbnail.thumbnail-lg-pdf::after,
  .thumbnail.thumbnail-lg-square::after,
  .thumbnail-sm.thumbnail-lg-15x5::after,
  .thumbnail-sm.thumbnail-lg-18x8::after,
  .thumbnail-sm.thumbnail-lg-16x9::after,
  .thumbnail-sm.thumbnail-lg-14x9::after,
  .thumbnail-sm.thumbnail-lg-4x3::after,
  .thumbnail-sm.thumbnail-lg-grid::after,
  .thumbnail-sm.thumbnail-lg-pdf::after,
  .thumbnail-sm.thumbnail-lg-square::after {
    top: 0;
    left: 0;
    display: block;
    content: "";
  }
  .thumbnail.thumbnail-lg-avatar::after {
    padding-bottom: 125%;
  }
  .thumbnail.thumbnail-lg-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail.thumbnail-lg-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail.thumbnail-lg-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail.thumbnail-lg-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail.thumbnail-lg-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail.thumbnail-grid::after,
  .thumbnail.thumbnail-sm-grid::after,
  .thumbnail.thumbnail-md-grid::after,
  .thumbnail.thumbnail-lg-grid::after {
    padding-bottom: 71.4285714285714%;
  }
  .thumbnail.thumbnail-lg-square::after {
    padding-bottom: 100%;
  }
  .thumbnail.thumbnail-lg-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail-lg.thumbnail-lg-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail-lg.thumbnail-lg-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail-lg.thumbnail-lg-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail-lg.thumbnail-lg-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail-lg.thumbnail-lg-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail-lg.thumbnail-lg-grid::after {
    padding-bottom: 71.4285714285714%;
  }
  .thumbnail-lg.thumbnail-lg-square::after {
    padding-bottom: 100%;
  }
  .thumbnail-lg.thumbnail-lg-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail.thumbnail-youtube-lg {
    position: relative;
    overflow: hidden;
  }
  .thumbnail.thumbnail-youtube-lg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail.thumbnail-youtube-lg::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
  .thumbnail-lg.thumbnail-youtube-lg {
    position: relative;
    overflow: hidden;
  }
  .thumbnail-lg.thumbnail-youtube-lg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-lg.thumbnail-youtube-lg::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
}
@media (min-width: 1200px) {
  .thumbnail-xl {
    position: relative;
    display: flex;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-frame-xl {
    border-width: var(--line-thiner);
    border-style: solid;
    border-color: var(--color-grey-shade-8);
  }
  .thumbnail-xl picture {
    position: absolute;
    display: flex;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-xl picture img {
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    height: -webkit-fill-available;

    -o-object-fit: cover;
    object-fit: cover;
  }
  .thumbnail-xl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-xl canvas {
    position: absolute;
    top: 0;
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    overflow: hidden;

    -o-object-fit: contain;
    object-fit: contain;
  }
  .thumbnail.thumbnail-xl-avatar,
  .thumbnail.thumbnail-xl-15x5,
  .thumbnail.thumbnail-xl-18x8,
  .thumbnail.thumbnail-xl-16x9,
  .thumbnail.thumbnail-xl-14x9,
  .thumbnail.thumbnail-xl-4x3,
  .thumbnail.thumbnail-xl-grid,
  .thumbnail.thumbnail-xl-square,
  .thumbnail.thumbnail-xl-pdf,
  .thumbnail-sm.thumbnail-xl-15x5,
  .thumbnail-sm.thumbnail-xl-18x8,
  .thumbnail-sm.thumbnail-xl-16x9,
  .thumbnail-sm.thumbnail-xl-14x9,
  .thumbnail-sm.thumbnail-xl-4x3,
  .thumbnail-sm.thumbnail-xl-grid,
  .thumbnail-sm.thumbnail-xl-square,
  .thumbnail-sm.thumbnail-xl-pdf {
    overflow: hidden;
  }
  .thumbnail.thumbnail-xl-avatar canvas,
  .thumbnail.thumbnail-xl-15x5 canvas,
  .thumbnail.thumbnail-xl-18x8 canvas,
  .thumbnail.thumbnail-xl-16x9 canvas,
  .thumbnail.thumbnail-xl-14x9 canvas,
  .thumbnail.thumbnail-xl-4x3 canvas,
  .thumbnail.thumbnail-xl-grid canvas,
  .thumbnail.thumbnail-xl-square canvas,
  .thumbnail.thumbnail-xl-pdf canvas,
  .thumbnail-sm.thumbnail-15x5 canvas,
  .thumbnail-sm.thumbnail-18x8 canvas,
  .thumbnail-sm.thumbnail-16x9 canvas,
  .thumbnail-sm.thumbnail-14x9 canvas,
  .thumbnail-sm.thumbnail-4x3 canvas,
  .thumbnail-sm.thumbnail-grid canvas,
  .thumbnail-sm.thumbnail-square canvas,
  .thumbnail-sm.thumbnail-pdf canvas {
    position: absolute;
    top: 0;
  }
  .thumbnail.thumbnail-xl-avatar::after,
  .thumbnail.thumbnail-xl-15x5::after,
  .thumbnail.thumbnail-xl-18x8::after,
  .thumbnail.thumbnail-xl-16x9::after,
  .thumbnail.thumbnail-xl-14x9::after,
  .thumbnail.thumbnail-xl-4x3::after,
  .thumbnail.thumbnail-xl-grid::after,
  .thumbnail.thumbnail-xl-pdf::after,
  .thumbnail.thumbnail-xl-square::after,
  .thumbnail-sm.thumbnail-xl-15x5::after,
  .thumbnail-sm.thumbnail-xl-18x8::after,
  .thumbnail-sm.thumbnail-xl-16x9::after,
  .thumbnail-sm.thumbnail-xl-14x9::after,
  .thumbnail-sm.thumbnail-xl-4x3::after,
  .thumbnail-sm.thumbnail-xl-grid::after,
  .thumbnail-sm.thumbnail-xl-pdf::after,
  .thumbnail-sm.thumbnail-xl-square::after {
    top: 0;
    left: 0;
    display: block;
    content: "";
  }
  .thumbnail.thumbnail-xl-avatar::after {
    padding-bottom: 125%;
  }
  .thumbnail.thumbnail-xl-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail.thumbnail-xl-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail.thumbnail-xl-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail.thumbnail-xl-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail.thumbnail-xl-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail.thumbnail-xl-grid::after {
    padding-bottom: 71.4285714285714%;
  }
  .thumbnail.thumbnail-xl-square::after {
    padding-bottom: 100%;
  }
  .thumbnail.thumbnail-xl-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail-xl.thumbnail-xl-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail-xl.thumbnail-xl-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail-xl.thumbnail-xl-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail-xl.thumbnail-xl-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail-xl.thumbnail-xl-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail-xl.thumbnail-xl-grid::after {
    padding-bottom: 71.4285714285714%;
  }
  .thumbnail-xl.thumbnail-xl-square::after {
    padding-bottom: 100%;
  }
  .thumbnail-xl.thumbnail-xl-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail.thumbnail-youtube-xl {
    position: relative;
    overflow: hidden;
  }
  .thumbnail.thumbnail-youtube-xl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail.thumbnail-youtube-xl::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
  .thumbnail-xl.thumbnail-youtube-xl {
    position: relative;
    overflow: hidden;
  }
  .thumbnail-xl.thumbnail-youtube-xl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-xl.thumbnail-youtube-xl::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
}
@media (min-width: 1400px) {
  .thumbnail-xxl {
    position: relative;
    display: flex;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-frame-xxl {
    border-width: var(--line-thiner);
    border-style: solid;
    border-color: var(--color-grey-shade-8);
  }
  .thumbnail-xxl picture {
    position: absolute;
    display: flex;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-xxl picture img {
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    height: -webkit-fill-available;

    -o-object-fit: cover;
    object-fit: cover;
  }
  .thumbnail-xxl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-xxl canvas {
    position: absolute;
    top: 0;
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    overflow: hidden;

    -o-object-fit: contain;
    object-fit: contain;
  }
  .thumbnail.thumbnail-xxl-avatar,
  .thumbnail.thumbnail-xxl-15x5,
  .thumbnail.thumbnail-xxl-18x8,
  .thumbnail.thumbnail-xxl-16x9,
  .thumbnail.thumbnail-xxl-14x9,
  .thumbnail.thumbnail-xxl-4x3,
  .thumbnail.thumbnail-xxl-grid,
  .thumbnail.thumbnail-xxl-square,
  .thumbnail.thumbnail-xxl-pdf,
  .thumbnail-sm.thumbnail-xxl-15x5,
  .thumbnail-sm.thumbnail-xxl-18x8,
  .thumbnail-sm.thumbnail-xxl-16x9,
  .thumbnail-sm.thumbnail-xxl-14x9,
  .thumbnail-sm.thumbnail-xxl-4x3,
  .thumbnail-sm.thumbnail-xxl-grid,
  .thumbnail-sm.thumbnail-xxl-square,
  .thumbnail-sm.thumbnail-xxl-pdf {
    overflow: hidden;
  }
  .thumbnail.thumbnail-xxl-avatar canvas,
  .thumbnail.thumbnail-xxl-15x5 canvas,
  .thumbnail.thumbnail-xxl-18x8 canvas,
  .thumbnail.thumbnail-xxl-16x9 canvas,
  .thumbnail.thumbnail-xxl-14x9 canvas,
  .thumbnail.thumbnail-xxl-4x3 canvas,
  .thumbnail.thumbnail-xxl-grid canvas,
  .thumbnail.thumbnail-xxl-square canvas,
  .thumbnail.thumbnail-xxl-pdf canvas,
  .thumbnail-sm.thumbnail-15x5 canvas,
  .thumbnail-sm.thumbnail-18x8 canvas,
  .thumbnail-sm.thumbnail-16x9 canvas,
  .thumbnail-sm.thumbnail-14x9 canvas,
  .thumbnail-sm.thumbnail-4x3 canvas,
  .thumbnail-sm.thumbnail-grid canvas,
  .thumbnail-sm.thumbnail-square canvas,
  .thumbnail-sm.thumbnail-pdf canvas {
    position: absolute;
    top: 0;
  }
  .thumbnail.thumbnail-xxl-avatar::after,
  .thumbnail.thumbnail-xxl-15x5::after,
  .thumbnail.thumbnail-xxl-18x8::after,
  .thumbnail.thumbnail-xxl-16x9::after,
  .thumbnail.thumbnail-xxl-14x9::after,
  .thumbnail.thumbnail-xxl-4x3::after,
  .thumbnail.thumbnail-xxl-grid::after,
  .thumbnail.thumbnail-xxl-pdf::after,
  .thumbnail.thumbnail-xxl-square::after,
  .thumbnail-sm.thumbnail-xxl-15x5::after,
  .thumbnail-sm.thumbnail-xxl-18x8::after,
  .thumbnail-sm.thumbnail-xxl-16x9::after,
  .thumbnail-sm.thumbnail-xxl-14x9::after,
  .thumbnail-sm.thumbnail-xxl-4x3::after,
  .thumbnail-sm.thumbnail-xxl-grid::after,
  .thumbnail-sm.thumbnail-xxl-pdf::after,
  .thumbnail-sm.thumbnail-xxl-square::after {
    top: 0;
    left: 0;
    display: block;
    content: "";
  }
  .thumbnail.thumbnail-xxl-avatar::after {
    padding-bottom: 125%;
  }
  .thumbnail.thumbnail-xxl-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail.thumbnail-xxl-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail.thumbnail-xxl-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail.thumbnail-xxl-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail.thumbnail-xxl-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail.thumbnail-xxl-grid::after {
    padding-bottom: 71.4285714285714%;
  }
  .thumbnail.thumbnail-xxl-square::after {
    padding-bottom: 100%;
  }
  .thumbnail.thumbnail-xxl-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail-xxl.thumbnail-xxl-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail-xxl.thumbnail-xxl-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail-xxl.thumbnail-xxl-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail-xxl.thumbnail-xxl-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail-xxl.thumbnail-xxl-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail-xxl.thumbnail-xxl-grid::after {
    padding-bottom: 71.4285714285714%;
  }
  .thumbnail-xxl.thumbnail-xxl-square::after {
    padding-bottom: 100%;
  }
  .thumbnail-xxl.thumbnail-xxl-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail.thumbnail-youtube-xxl {
    position: relative;
    overflow: hidden;
  }
  .thumbnail.thumbnail-youtube-xxl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail.thumbnail-youtube-xxl::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
  .thumbnail-xxl.thumbnail-youtube-xxl {
    position: relative;
    overflow: hidden;
  }
  .thumbnail-xxl.thumbnail-youtube-xxl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-xxl.thumbnail-youtube-xxl::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
}
@media (min-width: 1920px) {
  .thumbnail-xxxl {
    position: relative;
    display: flex;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-frame-xxxl {
    border-width: var(--line-thiner);
    border-style: solid;
    border-color: var(--color-grey-shade-8);
  }
  .thumbnail-xxxl picture {
    position: absolute;
    display: flex;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;

    align-items: center;
    justify-content: center;
  }
  .thumbnail-xxxl picture img {
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    height: -webkit-fill-available;

    -o-object-fit: cover;
    object-fit: cover;
  }
  .thumbnail-xxxl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-xxxl canvas {
    position: absolute;
    top: 0;
    width: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    overflow: hidden;

    -o-object-fit: contain;
    object-fit: contain;
  }
  .thumbnail.thumbnail-xxxl-avatar,
  .thumbnail.thumbnail-xxxl-15x5,
  .thumbnail.thumbnail-xxxl-18x8,
  .thumbnail.thumbnail-xxxl-16x9,
  .thumbnail.thumbnail-xxxl-14x9,
  .thumbnail.thumbnail-xxxl-4x3,
  .thumbnail.thumbnail-xxxl-grid,
  .thumbnail.thumbnail-xxxl-square,
  .thumbnail.thumbnail-xxxl-pdf,
  .thumbnail-sm.thumbnail-xxxl-15x5,
  .thumbnail-sm.thumbnail-xxxl-18x8,
  .thumbnail-sm.thumbnail-xxxl-16x9,
  .thumbnail-sm.thumbnail-xxxl-14x9,
  .thumbnail-sm.thumbnail-xxxl-4x3,
  .thumbnail-sm.thumbnail-xxxl-grid,
  .thumbnail-sm.thumbnail-xxxl-square,
  .thumbnail-sm.thumbnail-xxxl-pdf {
    overflow: hidden;
  }
  .thumbnail.thumbnail-xxxl-avatar canvas,
  .thumbnail.thumbnail-xxxl-15x5 canvas,
  .thumbnail.thumbnail-xxxl-18x8 canvas,
  .thumbnail.thumbnail-xxxl-16x9 canvas,
  .thumbnail.thumbnail-xxxl-14x9 canvas,
  .thumbnail.thumbnail-xxxl-4x3 canvas,
  .thumbnail.thumbnail-xxxl-grid canvas,
  .thumbnail.thumbnail-xxxl-square canvas,
  .thumbnail.thumbnail-xxxl-pdf canvas,
  .thumbnail-sm.thumbnail-15x5 canvas,
  .thumbnail-sm.thumbnail-18x8 canvas,
  .thumbnail-sm.thumbnail-16x9 canvas,
  .thumbnail-sm.thumbnail-14x9 canvas,
  .thumbnail-sm.thumbnail-4x3 canvas,
  .thumbnail-sm.thumbnail-grid canvas,
  .thumbnail-sm.thumbnail-square canvas,
  .thumbnail-sm.thumbnail-pdf canvas {
    position: absolute;
    top: 0;
  }
  .thumbnail.thumbnail-xxxl-avatar::after,
  .thumbnail.thumbnail-xxxl-15x5::after,
  .thumbnail.thumbnail-xxxl-18x8::after,
  .thumbnail.thumbnail-xxxl-16x9::after,
  .thumbnail.thumbnail-xxxl-14x9::after,
  .thumbnail.thumbnail-xxxl-4x3::after,
  .thumbnail.thumbnail-xxxl-grid::after,
  .thumbnail.thumbnail-xxxl-pdf::after,
  .thumbnail.thumbnail-xxxl-square::after,
  .thumbnail-sm.thumbnail-xxxl-15x5::after,
  .thumbnail-sm.thumbnail-xxxl-18x8::after,
  .thumbnail-sm.thumbnail-xxxl-16x9::after,
  .thumbnail-sm.thumbnail-xxxl-14x9::after,
  .thumbnail-sm.thumbnail-xxxl-4x3::after,
  .thumbnail-sm.thumbnail-xxxl-grid::after,
  .thumbnail-sm.thumbnail-xxxl-pdf::after,
  .thumbnail-sm.thumbnail-xxxl-square::after {
    top: 0;
    left: 0;
    display: block;
    content: "";
  }
  .thumbnail.thumbnail-xxxl-avatar::after {
    padding-bottom: 125%;
  }
  .thumbnail.thumbnail-xxxl-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail.thumbnail-xxxl-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail.thumbnail-xxxl-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail.thumbnail-xxxl-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail.thumbnail-xxxl-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail.thumbnail-xxxl-grid::after {
    padding-bottom: 71.4285714285714%;
  }
  .thumbnail.thumbnail-xxxl-square::after {
    padding-bottom: 100%;
  }
  .thumbnail.thumbnail-xxxl-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail-xxxl.thumbnail-xxxl-15x5::after {
    padding-bottom: 33.3333%;
  }
  .thumbnail-xxxl.thumbnail-xxxl-18x8::after {
    padding-bottom: 44.4444%;
  }
  .thumbnail-xxxl.thumbnail-xxxl-14x9::after {
    padding-bottom: 64.2857%;
  }
  .thumbnail-xxxl.thumbnail-xxxl-16x9::after {
    padding-bottom: 56.25%;
  }
  .thumbnail-xxxl.thumbnail-xxxl-4x3::after {
    padding-bottom: 75%;
  }
  .thumbnail-xxxl.thumbnail-xxxl-grid::after {
    padding-bottom: 71.4285714285714%;
  }
  .thumbnail-xxxl.thumbnail-xxxl-square::after {
    padding-bottom: 100%;
  }
  .thumbnail-xxxl.thumbnail-xxxl-pdf::after {
    padding-bottom: 130%;
  }
  .thumbnail.thumbnail-youtube-xxxl {
    position: relative;
    overflow: hidden;
  }
  .thumbnail.thumbnail-youtube-xxxl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail.thumbnail-youtube-xxxl::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
  .thumbnail-xxxl.thumbnail-youtube-xxxl {
    position: relative;
    overflow: hidden;
  }
  .thumbnail-xxxl.thumbnail-youtube-xxxl iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    width: -webkit-fill-available !important;
    height: 100% !important;
    height: -webkit-fill-available !important;

    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .thumbnail-xxxl.thumbnail-youtube-xxxl::after {
    display: block;
    padding-bottom: 75%;
    content: "";
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  .thumbnail picture img {
    width: 100%;
    height: 100%;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  .thumbnail picture img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (min-width: 576px) {
  .thumbnail-sm picture img {
    width: 100%;
    height: 100%;
  }
}
@media not all and (min-resolution: 0.001dpcm) and (min-width: 576px) {
  .thumbnail-sm picture img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (min-width: 768px) {
  .thumbnail-md picture img {
    width: 100%;
    height: 100%;
  }
}
@media not all and (min-resolution: 0.001dpcm) and (min-width: 768px) {
  .thumbnail-md picture img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (min-width: 992px) {
  .thumbnail-lg picture img {
    width: 100%;
    height: 100%;
  }
}
@media not all and (min-resolution: 0.001dpcm) and (min-width: 992px) {
  .thumbnail-lg picture img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1200px) {
  .thumbnail-xl picture img {
    width: 100%;
    height: 100%;
  }
}
@media not all and (min-resolution: 0.001dpcm) and (min-width: 1200px) {
  .thumbnail-xl picture img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1400px) {
  .thumbnail-xxl picture img {
    width: 100%;
    height: 100%;
  }
}
@media not all and (min-resolution: 0.001dpcm) and (min-width: 1400px) {
  .thumbnail-xxl picture img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1920px) {
  .thumbnail-xxxl picture img {
    width: 100%;
    height: 100%;
  }
}
@media not all and (min-resolution: 0.001dpcm) and (min-width: 1920px) {
  .thumbnail-xxxl picture img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (min-width: 2560px) {
  .thumbnail-xxxxl picture img {
    width: 100%;
    height: 100%;
  }
}
@media not all and (min-resolution: 0.001dpcm) and (min-width: 2560px) {
  .thumbnail-xxxxl picture img {
    width: 100%;
    height: 100%;
  }
}