.css-18ahtrp {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: static;
  color: inherit;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  opacity: 1;
}
.css-s5y86c {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-shrink: 0;
  position: sticky;
  top: 0px;
  left: auto;
  right: 0px;
  color: inherit;
  width: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 1101;
}
@media (min-width: 0px) {
  .css-s5y86c {
    min-height: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 960px) {
  .css-s5y86c {
    min-height: 70px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.css-1orfikq {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}
.css-mr86mw {
  text-decoration: none;
}
.css-19sir4t {
  height: 30px;
  width: auto;
}
@media (min-width: 1280px) {
  .css-19sir4t {
    height: 35px;
  }
}
.css-11jexre {
  text-decoration: none;
  color: rgb(207, 26, 23);
  cursor: pointer;
}
.css-11jexre:hover {
  text-decoration-color: inherit;
}
.css-11jexre:hover {
  text-decoration: none;
}
.css-mzjc32 a:not(.list-inner-item) {
  color: currentcolor;
  outline-color: rgb(207, 26, 23);
  text-decoration-color: currentcolor;
  text-decoration-thickness: 1px;
  text-underline-offset: 15%;
}
.css-mzjc32 a:not(.list-inner-item):focus {
  color: rgb(207, 26, 23);
  text-decoration-color: transparent;
}
.css-mzjc32 a:not(.list-inner-item):visited {
  color: currentcolor;
  text-decoration-color: currentcolor;
}
.css-mzjc32 a:not(.list-inner-item):hover {
  color: rgb(207, 26, 23);
  text-decoration-color: rgb(207, 26, 23);
}
.css-mzjc32 a:not(.list-inner-item):active {
  color: rgb(207, 26, 23);
  text-decoration-color: transparent;
}
.css-mzjc32 ul {
  padding-inline-start: 24px;
  list-style-type: square;
}
.css-mzjc32 ol {
  padding-inline-start: 20px;
}
.css-mzjc32 ul > li {
  padding-left: 0px;
}
@media (min-width: 960px) {
  .css-mzjc32 ul > li {
    padding-left: 8px;
    text-indent: 0px;
  }
}
.css-mzjc32 ol > li {
  padding-left: 4px;
}
@media (min-width: 960px) {
  .css-mzjc32 ol > li {
    padding-left: 12px;
    text-indent: 0px;
  }
}
.css-mzjc32 ul > li::marker {
  color: rgb(207, 26, 23);
}
.css-1nx1enc {
  color: rgb(81, 90, 97);
}
.css-10q82xk {
  max-width: 100vw;
  position: relative;
}
@media (max-width: 959.95px) {
  .css-10q82xk > * {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 960px) {
  .css-10q82xk {
    grid-column: header-start / header-start;
  }
}
@media (min-width: 1280px) {
  .css-10q82xk {
    margin-right: 324px;
  }
}
.css-agzfhm {
  margin-top: 0px;
  margin-bottom: 24px;
}
@media (min-width: 600px) {
  .css-agzfhm {
    margin-bottom: 32px;
  }
}
@media (max-width: 599.95px) {
  .css-agzfhm {
    overflow: hidden;
  }
}
.css-agzfhm img {
  display: block;
}
@media (min-width: 1280px) {
  .css-agzfhm {
    min-height: 600px;
  }
}
.css-fehi5j {
  margin-top: 0px;
  margin-bottom: 24px;
}
.css-fehi5j a:not(.list-inner-item) {
  color: currentcolor;
  outline-color: rgb(207, 26, 23);
  text-decoration-color: currentcolor;
  text-decoration-thickness: 1px;
  text-underline-offset: 15%;
}
.css-fehi5j a:not(.list-inner-item):focus {
  color: rgb(207, 26, 23);
  text-decoration-color: transparent;
}
.css-fehi5j a:not(.list-inner-item):visited {
  color: currentcolor;
  text-decoration-color: currentcolor;
}
.css-fehi5j a:not(.list-inner-item):hover {
  color: rgb(207, 26, 23);
  text-decoration-color: rgb(207, 26, 23);
}
.css-fehi5j a:not(.list-inner-item):active {
  color: rgb(207, 26, 23);
  text-decoration-color: transparent;
}
.css-fehi5j ul {
  padding-inline-start: 24px;
  list-style-type: square;
}
.css-fehi5j ol {
  padding-inline-start: 20px;
}
.css-fehi5j ul > li {
  padding-left: 0px;
}
@media (min-width: 960px) {
  .css-fehi5j ul > li {
    padding-left: 8px;
    text-indent: 0px;
  }
}
.css-fehi5j ol > li {
  padding-left: 4px;
}
@media (min-width: 960px) {
  .css-fehi5j ol > li {
    padding-left: 12px;
    text-indent: 0px;
  }
}
.css-fehi5j ul > li::marker {
  color: rgb(207, 26, 23);
}
@media (min-width: 600px) {
  .css-fehi5j {
    margin-bottom: 32px;
  }
}
@media (max-width: 599.95px) {
  .css-fehi5j {
    overflow: hidden;
  }
}
.css-fehi5j img {
  display: block;
}
@media (min-width: 1280px) {
  .css-fehi5j {
    min-height: 600px;
  }
}
.css-1r186gb {
  background-color: rgb(241, 242, 243);
}
@media (min-width: 0px) {
  .css-1r186gb {
    padding-top: 0px;
  }
}
.css-njrxxp {
  display: flex;
  flex-direction: row;
}
.css-njrxxp > :not(:last-child) {
  padding-right: 16px;
}
.css-1k0cngm {
  display: flex;
  flex-direction: row;
}
.css-1k0cngm > :not(:last-child) {
  padding-right: 8px;
}
.css-mxd7es {
  cursor: pointer;
  color: rgb(81, 90, 97);
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  border: 2px solid rgb(213, 217, 220);
  width: 32px;
  height: 32px;
  min-width: 32px;
  font-size: 16px;
}
.css-mxd7es:hover {
  border-color: rgb(207, 26, 23);
}
.css-mxd7es:active:hover {
  border-color: rgb(224, 34, 31);
}
.css-mxd7es:disabled {
  border-color: rgb(213, 217, 220);
}
.css-mxd7es:active {
  border-color: rgb(184, 8, 0);
}
.css-mxd7es:hover:active {
  border-color: rgb(184, 8, 0);
}
.css-eyodu7 {
  font-size: 0.888889rem;
  color: rgb(207, 26, 23);
  vertical-align: sub;
}
.css-eyodu7:hover {
  color: rgb(207, 26, 23);
}
.css-eyodu7:active {
  color: rgb(207, 26, 23);
}
.css-pru3f2 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(81, 90, 97);
  padding-top: 2px;
}
.css-pru3f2 > * + span {
  margin-left: 8px;
}
@media (min-width: 600px) {
  .css-pru3f2 > svg {
    width: 24px;
  }
}
.css-q1jlkc {
  color: rgb(155, 164, 172);
}
.css-1bh351n {
  align-items: flex-start;
  background-color: rgb(241, 242, 243);
  color: rgb(27, 32, 36);
  display: flex;
  padding: 8px 16px;
  position: relative;
}
.css-1wp7qx8 {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-box-flex: 1;
  flex-grow: 1;
  color: rgb(27, 32, 36);
  margin: 0px 12px;
}
.css-1hfftel {
  color: rgb(81, 90, 97);
  margin-bottom: 8px;
  font-weight: 400;
}
.css-1p6kesl {
  display: flex;
  flex-flow: row wrap;
}
.css-787k7j {
  margin-right: 8px;
  margin-bottom: 8px;
}
.css-d7h3br {
  height: 32px;
  border-radius: 2px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  background-color: rgb(184, 8, 0);
  color: rgb(241, 242, 243);
  margin-right: 8px;
  margin-bottom: 8px;
}
.css-d7h3br:active {
  background-color: rgb(184, 8, 0);
}
.css-d7h3br:hover {
  background-color: rgb(224, 34, 31);
}
.css-d7h3br:focus {
  background-color: rgb(184, 8, 0);
  border: 2px solid rgb(25, 119, 250);
}
.css-d7h3br > * {
  padding: 0px 12px;
}
.css-6umeks {
  max-width: 100%;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  outline: 0px;
  text-decoration: none;
  border: 0px;
  padding: 0px;
  vertical-align: middle;
  box-sizing: border-box;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  height: 32px;
  border-radius: 2px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  background-color: rgb(184, 8, 0);
  color: rgb(241, 242, 243);
  margin-right: 8px;
  margin-bottom: 8px;
}
.css-6umeks.Mui-disabled {
  opacity: 0.38;
  pointer-events: none;
}
.css-6umeks .MuiChip-avatar {
  margin-left: 5px;
  margin-right: -6px;
  width: 24px;
  height: 24px;
  color: rgb(81, 90, 97);
  font-size: 0.666667rem;
}
.css-6umeks .MuiChip-avatarColorPrimary {
  color: rgb(255, 255, 255);
  background-color: rgb(27, 32, 36);
}
.css-6umeks .MuiChip-avatarColorSecondary {
  color: rgb(255, 255, 255);
  background-color: rgb(184, 8, 0);
}
.css-6umeks .MuiChip-avatarSmall {
  margin-left: 4px;
  margin-right: -4px;
  width: 18px;
  height: 18px;
  font-size: 0.555556rem;
}
.css-6umeks .MuiChip-icon {
  margin-left: 5px;
  margin-right: -6px;
  color: rgb(81, 90, 97);
}
.css-6umeks .MuiChip-deleteIcon {
  -webkit-tap-highlight-color: transparent;
  color: rgba(27, 32, 36, 0.26);
  font-size: 22px;
  cursor: pointer;
  margin: 0px 5px 0px -6px;
}
.css-6umeks .MuiChip-deleteIcon:hover {
  color: rgba(27, 32, 36, 0.4);
}
.css-6umeks:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.css-6umeks.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.2);
}
.css-6umeks:active {
  background-color: rgb(184, 8, 0);
}
.css-6umeks:hover {
  background-color: rgb(224, 34, 31);
}
.css-6umeks:focus {
  background-color: rgb(184, 8, 0);
  border: 2px solid rgb(25, 119, 250);
}
.css-6umeks > * {
  padding: 0px 12px;
}
.css-1yo77rn {
  position: relative;
  margin: 0px 8px 8px 0px;
  appearance: none;
  max-width: 100%;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  outline: 0px;
  text-decoration: none;
  border: 0px;
  padding: 0px;
  vertical-align: middle;
  box-sizing: border-box;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  height: 32px;
  border-radius: 2px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  background-color: rgb(184, 8, 0);
  color: rgb(241, 242, 243);
}
.css-1yo77rn.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-1yo77rn {
    -webkit-print-color-adjust: exact;
  }
}
.css-1yo77rn:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-1yo77rn.Mui-disabled {
  opacity: 0.38;
  pointer-events: none;
}
.css-1yo77rn .MuiChip-avatar {
  margin-left: 5px;
  margin-right: -6px;
  width: 24px;
  height: 24px;
  color: rgb(81, 90, 97);
  font-size: 0.666667rem;
}
.css-1yo77rn .MuiChip-avatarColorPrimary {
  color: rgb(255, 255, 255);
  background-color: rgb(27, 32, 36);
}
.css-1yo77rn .MuiChip-avatarColorSecondary {
  color: rgb(255, 255, 255);
  background-color: rgb(184, 8, 0);
}
.css-1yo77rn .MuiChip-avatarSmall {
  margin-left: 4px;
  margin-right: -4px;
  width: 18px;
  height: 18px;
  font-size: 0.555556rem;
}
.css-1yo77rn .MuiChip-icon {
  margin-left: 5px;
  margin-right: -6px;
  color: rgb(81, 90, 97);
}
.css-1yo77rn .MuiChip-deleteIcon {
  -webkit-tap-highlight-color: transparent;
  color: rgba(27, 32, 36, 0.26);
  font-size: 22px;
  cursor: pointer;
  margin: 0px 5px 0px -6px;
}
.css-1yo77rn .MuiChip-deleteIcon:hover {
  color: rgba(27, 32, 36, 0.4);
}
.css-1yo77rn:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.css-1yo77rn.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.2);
}
.css-1yo77rn:active {
  background-color: rgb(184, 8, 0);
}
.css-1yo77rn:hover {
  background-color: rgb(224, 34, 31);
}
.css-1yo77rn:focus {
  background-color: rgb(184, 8, 0);
  border: 2px solid rgb(25, 119, 250);
}
.css-1yo77rn > * {
  padding: 0px 12px;
}
.css-fhb54n {
  position: relative;
  margin: 0px 8px 8px 0px;
  appearance: none;
  max-width: 100%;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  outline: 0px;
  text-decoration: none;
  border: 0px;
  padding: 0px;
  vertical-align: middle;
  box-sizing: border-box;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  height: 32px;
  border-radius: 2px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  background-color: rgb(184, 8, 0);
  color: rgb(241, 242, 243);
}
.css-fhb54n:hover {
  text-decoration-color: inherit;
}
.css-fhb54n.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-fhb54n {
    -webkit-print-color-adjust: exact;
  }
}
.css-fhb54n:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-fhb54n.Mui-disabled {
  opacity: 0.38;
  pointer-events: none;
}
.css-fhb54n .MuiChip-avatar {
  margin-left: 5px;
  margin-right: -6px;
  width: 24px;
  height: 24px;
  color: rgb(81, 90, 97);
  font-size: 0.666667rem;
}
.css-fhb54n .MuiChip-avatarColorPrimary {
  color: rgb(255, 255, 255);
  background-color: rgb(27, 32, 36);
}
.css-fhb54n .MuiChip-avatarColorSecondary {
  color: rgb(255, 255, 255);
  background-color: rgb(184, 8, 0);
}
.css-fhb54n .MuiChip-avatarSmall {
  margin-left: 4px;
  margin-right: -4px;
  width: 18px;
  height: 18px;
  font-size: 0.555556rem;
}
.css-fhb54n .MuiChip-icon {
  margin-left: 5px;
  margin-right: -6px;
  color: rgb(81, 90, 97);
}
.css-fhb54n .MuiChip-deleteIcon {
  -webkit-tap-highlight-color: transparent;
  color: rgba(27, 32, 36, 0.26);
  font-size: 22px;
  cursor: pointer;
  margin: 0px 5px 0px -6px;
}
.css-fhb54n .MuiChip-deleteIcon:hover {
  color: rgba(27, 32, 36, 0.4);
}
.css-fhb54n:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.css-fhb54n.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.2);
}
.css-fhb54n:active {
  background-color: rgb(184, 8, 0);
}
.css-fhb54n:hover {
  background-color: rgb(224, 34, 31);
}
.css-fhb54n:focus {
  background-color: rgb(184, 8, 0);
  border: 2px solid rgb(25, 119, 250);
}
.css-fhb54n > * {
  padding: 0px 12px;
}
.css-uee3c4 {
  background-color: rgb(241, 242, 243);
}
.css-uee3c4 a:not(.MuiButton-contained):not(.shelf-tab-selected) {
  color: rgb(27, 32, 36);
}
.css-uee3c4 .MuiButton-outlined {
  border-color: rgb(213, 217, 220);
}
.css-uee3c4 .MuiButton-outlined:hover {
  border-color: rgb(224, 34, 31);
}
.css-uee3c4 .MuiCardContent-root a > p {
  color: rgb(207, 26, 23);
}
.css-9wl5zr {
  margin: auto -12px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "loc-0" "loc-1" "loc-2" "loc-3" "loc-4" "loc-5" "loc-6" "loc-7" "loc-8";
}
@media (min-width: 600px) {
  .css-9wl5zr {
    grid-template-areas: "loc-0 loc-0" "loc-1 loc-2" "loc-3 loc-4" "loc-5 loc-6" "loc-7 loc-8";
  }
}
@media (min-width: 960px) {
  .css-9wl5zr {
    grid-template-areas: "loc-0 loc-0 loc-0 loc-0" "loc-1 loc-2 loc-3 loc-4" "loc-5 loc-6 loc-7 loc-8";
  }
}
.css-18scuot {
  text-decoration: none !important;
}
.css-18scuot:hover {
  text-decoration-color: inherit;
}
.css-ddu0az {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 8px;
  aspect-ratio: 16 / 9;
}
.css-1j88l55 {
  padding: 0px;
}
.css-1j88l55:last-child {
  padding-bottom: 0px;
}
.css-xm93xg {
  display: block;
  text-decoration: none;
  margin-bottom: 4px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.css-xm93xg:hover {
  text-decoration: none;
}
.css-n4i37h a:not(.MuiButton-contained):not(.shelf-tab-selected) {
  color: rgb(27, 32, 36);
}
.css-n4i37h .MuiButton-outlined {
  border-color: rgb(213, 217, 220);
}
.css-n4i37h .MuiButton-outlined:hover {
  border-color: rgb(224, 34, 31);
}
.css-n4i37h .MuiCardContent-root a > p {
  color: rgb(207, 26, 23);
}
.css-ejzcrr {
  display: grid;
  grid-template-areas: "loc-0" "loc-1" "loc-2";
  grid-auto-columns: 100%;
  margin: auto;
}
@media (min-width: 960px) {
  .css-ejzcrr {
    -webkit-box-align: center;
    align-items: center;
    grid-template-columns: 1fr auto;
    grid-template-areas: "loc-0 loc-2" "loc-1 loc-1";
  }
}
.css-11edhk7 {
  grid-area: loc-0 / loc-0 / loc-0 / loc-0;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.css-1c15bhl {
  grid-area: loc-1 / loc-1 / loc-1 / loc-1;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.css-g30y0s {
  margin-bottom: 16px;
  display: block;
  position: relative;
  max-width: 240px;
}
.css-1evn96h {
  transition: transform 0.2s ease 0s;
  width: 100%;
  height: 100%;
}
.css-jzri7u {
  position: relative;
}
.css-jzri7u::before {
  inset: 0px;
  content: " ";
  position: absolute;
  z-index: -1;
  transform: none;
  background-color: rgb(241, 242, 243);
}
@media (min-width: 960px) {
  .css-jzri7u::before {
    background-image: url("news-b53230b.webp");
    background-size: 460px 244px;
    background-position: max(100%, 55% + 460px) bottom;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1280px) {
  .css-jzri7u::before {
    background-image: url("news_2x-4ee7f32.webp");
  }
}
.css-9af67a {
  margin: auto -12px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.css-1b84m10 span {
  display: none;
}
.css-1b84m10 .MuiFormLabel-root {
  font-size: 14px;
}
.css-1b84m10 label {
  left: 0px;
  transform-origin: left top;
}
.css-1z079e4 span {
  display: none;
}
.css-1z079e4 .MuiFormLabel-root {
  font-size: 14px;
}
.css-1z079e4 label {
  left: 0px;
  transform-origin: left top;
}
.css-hv28wv {
  display: block;
  transform-origin: left top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  transform: translate(0px, 20px) scale(1);
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
    transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
    max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.css-6c8j6e {
  color: rgb(81, 90, 97);
}
.css-6c8j6e:hover {
  background-color: rgba(207, 26, 23, 0.04);
}
@media (hover: none) {
  .css-6c8j6e:hover {
    background-color: transparent;
  }
}
.css-6c8j6e.Mui-checked,
.css-6c8j6e.MuiCheckbox-indeterminate {
  color: rgb(207, 26, 23);
}
.css-6c8j6e.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-14ftrov {
  padding: 9px;
  border-radius: 50%;
  color: rgb(81, 90, 97);
}
.css-14ftrov:hover {
  background-color: rgba(207, 26, 23, 0.04);
}
@media (hover: none) {
  .css-14ftrov:hover {
    background-color: transparent;
  }
}
.css-14ftrov.Mui-checked,
.css-14ftrov.MuiCheckbox-indeterminate {
  color: rgb(207, 26, 23);
}
.css-14ftrov.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-146tlf7 {
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  border: 2px solid rgb(207, 26, 23);
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
}
.css-146tlf7:hover {
  box-shadow: none;
}
.css-146tlf7:hover {
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
  border-color: rgb(207, 26, 23);
}
.css-146tlf7:active,
.css-146tlf7:hover {
  background-color: rgb(224, 34, 31);
  border-color: rgb(224, 34, 31);
}
.css-146tlf7:disabled {
  color: rgb(250, 250, 250);
  border-color: rgb(213, 217, 220);
}
.css-146tlf7:hover {
  background-color: rgb(184, 8, 0);
  border-color: rgb(184, 8, 0);
}
.css-146tlf7:disabled {
  background-color: rgb(155, 164, 172);
  border-color: rgb(155, 164, 172);
}
@media (min-width: 960px) {
  .css-146tlf7 {
    min-width: 253px;
  }
}
.css-9fsj0j {
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  width: 100%;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  border: 2px solid rgb(207, 26, 23);
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
}
.css-9fsj0j:hover {
  text-decoration: none;
  background-color: rgb(27, 32, 36);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 7px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 8px 4px -6px;
}
@media (hover: none) {
  .css-9fsj0j:hover {
    background-color: rgb(47, 52, 56);
  }
}
.css-9fsj0j.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}
.css-9fsj0j:hover {
  box-shadow: none;
}
.css-9fsj0j:hover {
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
  border-color: rgb(207, 26, 23);
}
.css-9fsj0j:active,
.css-9fsj0j:hover {
  background-color: rgb(224, 34, 31);
  border-color: rgb(224, 34, 31);
}
.css-9fsj0j:disabled {
  color: rgb(250, 250, 250);
  border-color: rgb(213, 217, 220);
}
.css-9fsj0j:hover {
  background-color: rgb(184, 8, 0);
  border-color: rgb(184, 8, 0);
}
.css-9fsj0j:disabled {
  background-color: rgb(155, 164, 172);
  border-color: rgb(155, 164, 172);
}
@media (min-width: 960px) {
  .css-9fsj0j {
    min-width: 253px;
  }
}
.css-9womu1 {
  text-decoration: underline rgba(47, 52, 56, 0.4);
}
.css-9womu1:hover {
  text-decoration-color: inherit;
}
.css-1vzug1r {
  direction: ltr;
}
@media (min-width: 0px) {
  .css-1vzug1r {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 960px) {
  .css-1vzug1r {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .css-1vzug1r {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (min-width: 1440px) {
  .css-1vzug1r {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.css-77nvtt {
  margin: auto -12px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "loc-0" "loc-1" "loc-2" "loc-3";
}
@media (min-width: 960px) {
  .css-77nvtt {
    grid-template-areas: "loc-0 loc-1 loc-2 loc-3";
  }
}
.css-9bkqdc {
  color: rgb(27, 32, 36);
  margin: 0px 0px 4px;
  font-size: 0.888889rem;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 500;
}
.css-9bkqdc a {
  text-decoration: none;
  color: currentcolor;
}
.css-ya275x {
  color: rgb(81, 90, 97);
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
}
.css-ya275x a {
  text-decoration: none;
  color: currentcolor;
}
.css-13j1d1l {
  margin: 32px 0px 0px;
  font-size: 0.777778rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
}
.css-1170tpp {
  text-decoration: underline;
}
.css-me6wms {
  text-decoration: underline;
}
.css-me6wms:hover {
  text-decoration-color: inherit;
}
.css-m20ddu {
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  border: 2px solid rgb(27, 32, 36);
  color: rgb(250, 250, 250);
  background-color: rgb(27, 32, 36);
  line-height: 1.33333;
  font-size: 0.777778rem;
  font-weight: 400;
  white-space: nowrap;
  padding: 2px 12px;
}
.css-m20ddu:hover {
  box-shadow: none;
}
.css-m20ddu:hover {
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
  border-color: rgb(207, 26, 23);
}
.css-m20ddu:active,
.css-m20ddu:hover {
  background-color: rgb(224, 34, 31);
  border-color: rgb(224, 34, 31);
}
.css-m20ddu:disabled {
  color: rgb(250, 250, 250);
  border-color: rgb(213, 217, 220);
}
.css-m20ddu > span > svg:nth-of-type(1) {
  font-size: 34px;
  margin: -5px 0px;
}
.css-m20ddu > span {
  margin: 0px;
}
.css-m20ddu:hover,
.css-m20ddu:active {
  background-color: rgb(47, 52, 56);
  border-color: rgb(47, 52, 56);
}
.css-1wn615e {
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  border: 2px solid rgb(27, 32, 36);
  color: rgb(250, 250, 250);
  background-color: rgb(27, 32, 36);
  line-height: 1.33333;
  font-size: 0.777778rem;
  font-weight: 400;
  white-space: nowrap;
  padding: 2px 12px;
}
.css-1wn615e:hover {
  text-decoration: none;
  background-color: rgb(27, 32, 36);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 7px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 8px 4px -6px;
}
@media (hover: none) {
  .css-1wn615e:hover {
    background-color: rgb(47, 52, 56);
  }
}
.css-1wn615e.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}
.css-1wn615e:hover {
  box-shadow: none;
}
.css-1wn615e:hover {
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
  border-color: rgb(207, 26, 23);
}
.css-1wn615e:active,
.css-1wn615e:hover {
  background-color: rgb(224, 34, 31);
  border-color: rgb(224, 34, 31);
}
.css-1wn615e:disabled {
  color: rgb(250, 250, 250);
  border-color: rgb(213, 217, 220);
}
.css-1wn615e > span > svg:nth-of-type(1) {
  font-size: 34px;
  margin: -5px 0px;
}
.css-1wn615e > span {
  margin: 0px;
}
.css-1wn615e:hover,
.css-1wn615e:active {
  background-color: rgb(47, 52, 56);
  border-color: rgb(47, 52, 56);
}
.css-4yy5t3 {
  color: rgb(155, 164, 172);
  text-transform: uppercase;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
.css-o82n2l {
  display: flex;
  flex-flow: column wrap;
}
@media (min-width: 600px) and (max-width: 959.95px) {
  .css-o82n2l {
    margin-left: -8px;
  }
}
.css-11kv7ij {
  padding: 0px;
  width: auto;
}
@media (min-width: 600px) and (max-width: 959.95px) {
  .css-11kv7ij {
    width: 50%;
    margin-left: 8px;
  }
}
.css-tmqw5o {
  color: rgb(241, 242, 243);
  text-decoration: none;
  box-shadow: transparent 0px -1px 0px 0px inset;
  transition: box-shadow 0.1s ease-in-out 0s;
}
.css-tmqw5o:hover {
  box-shadow: rgb(155, 164, 172) 0px -1px 0px 0px inset;
}
.css-144x2qn {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 0.777778rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
}
.css-jbsha6 {
  padding: 0px;
  width: auto;
}
.css-qs76my {
  min-width: auto;
  margin-right: 8px;
  color: rgb(241, 242, 243);
}
.css-qgrusc {
  padding: 0px;
  width: auto;
  display: inline;
}
.css-qgrusc:not(:first-of-type) {
  margin-left: 8px;
}
@media (min-width: 600px) {
  .css-qgrusc:not(:first-of-type) {
    margin-left: 0px;
  }
}
@media (min-width: 1280px) {
  .css-qgrusc:not(:first-of-type) {
    margin-left: 8px;
  }
}
.css-x8lz32 {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  border: unset;
  font-size: 24px;
  color: rgb(241, 242, 243);
  width: 44px;
  height: 44px;
  min-width: 44px;
}
.css-x8lz32:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-x8lz32:active:hover {
  border-color: rgb(224, 34, 31);
}
.css-x8lz32:disabled {
  color: rgb(213, 217, 220);
}
.css-1i4zco3 {
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  border: unset;
  font-size: 24px;
  color: rgb(241, 242, 243);
  width: 44px;
  height: 44px;
  min-width: 44px;
}
.css-1i4zco3:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-1i4zco3:hover {
    background-color: transparent;
  }
}
.css-1i4zco3.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-1i4zco3:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-1i4zco3:active:hover {
  border-color: rgb(224, 34, 31);
}
.css-1i4zco3:disabled {
  color: rgb(213, 217, 220);
}
.css-1bqboij {
  display: flex;
  flex-flow: column wrap;
  height: auto;
  margin-bottom: 32px;
}
@media (min-width: 600px) and (max-width: 959.95px) {
  .css-1bqboij {
    margin-left: -8px;
  }
}
@media (min-width: 600px) {
  .css-1bqboij {
    height: 156px;
  }
}
@media (min-width: 960px) {
  .css-1bqboij {
    margin-bottom: 0px;
  }
}
@media (min-width: 1280px) {
  .css-1bqboij {
    flex-direction: row;
    height: auto;
  }
}
.css-189ndni {
  padding: 0px;
  width: auto;
}
@media (min-width: 600px) and (max-width: 959.95px) {
  .css-189ndni {
    width: 50%;
    margin-left: 8px;
  }
}
@media (min-width: 600px) {
  .css-189ndni {
    width: unset;
    margin-right: 16px;
  }
}
.css-11p78jl {
  display: flex;
  flex-flow: column wrap;
}
@media (min-width: 600px) and (max-width: 959.95px) {
  .css-11p78jl {
    margin-left: -8px;
    height: 173px;
  }
}
@media (min-width: 600px) {
  .css-11p78jl {
    flex-direction: row;
    margin-bottom: 16px;
    height: 48px;
  }
}
@media (min-width: 960px) {
  .css-11p78jl {
    margin-bottom: 0px;
  }
}
@media not all and (min-width: 1280px) {
  .css-dr0d7l-media-query {
    display: none !important;
  }
}
.css-1jke4yk {
  position: relative;
  width: 100%;
}
.css-q3tw8q {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  height: 2.77778rem;
  background-color: rgb(27, 32, 36);
  padding-left: 24px;
}
.css-1hlld7t {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 32px);
  margin-left: -32px;
  -webkit-box-align: center;
  align-items: center;
}
.css-1hlld7t > .MuiGrid-item {
  padding-left: 32px;
}
.css-1snfcx5 {
  margin: 0px;
  color: rgb(47, 52, 56);
  display: flex;
  text-decoration: none;
}
.css-bcwygx {
  user-select: none;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.33333rem;
  height: 21px;
  width: 44px;
}
.css-g7ht58 {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.css-3ldbe4 {
  box-sizing: border-box;
  flex-flow: row wrap;
  width: calc(100% + 16px);
  margin-left: -16px;
  display: inline-flex;
  list-style-type: none;
  padding-inline-start: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.css-3ldbe4 > .MuiGrid-item {
  padding-left: 16px;
}
.css-3blr93 {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.css-1nb5xcj {
  text-decoration: none;
  color: rgb(241, 242, 243);
}
.css-1nb5xcj::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: transparent;
}
.css-1671req {
  margin: 0px;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  position: relative;
  font-size: 0.666667rem;
  text-decoration: none;
  color: rgb(241, 242, 243);
}
.css-1671req::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: transparent;
}
.css-v3z1wi {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
}
.css-h0vpob {
  padding: 0px;
  background: transparent;
  border: none;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
}
.css-1fhqnz2 {
  margin: 0px;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  position: relative;
  color: rgb(241, 242, 243);
  font-size: 0.666667rem;
  cursor: pointer;
}
.css-1fhqnz2::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: transparent;
}
.css-z3igbn {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  display: flex;
}
.css-1kw4cfn {
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: inherit;
  color: white;
  cursor: pointer;
  transform: none;
}
.css-o1f656 {
  z-index: 1102;
  width: 100%;
}
.css-ngyxrc {
  z-index: 1102;
  width: 100%;
}
.css-1u3t278 {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 24px);
  margin-left: -24px;
}
.css-1u3t278 > .MuiGrid-item {
  padding-left: 24px;
}
.css-2m3m7t {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  display: inline-flex;
}
.css-cgxzmc {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 8px);
  margin-left: -8px;
  -webkit-box-align: center;
  align-items: center;
}
.css-cgxzmc > .MuiGrid-item {
  padding-left: 8px;
}
.css-1gvp8s4 {
  padding: 0px;
  background: transparent;
  border: none;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 8px);
  margin-left: -8px;
  -webkit-box-align: center;
  align-items: center;
}
.css-1gvp8s4 > .MuiGrid-item {
  padding-left: 8px;
}
.css-cbqj5w {
  font-size: 16px;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  color: rgb(255, 255, 255);
}
.css-1qwmbzs {
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 16px;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  color: rgb(255, 255, 255);
}
.css-7uxbh2 {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  position: relative;
  color: rgb(241, 242, 243);
  cursor: pointer;
}
.css-7uxbh2::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: transparent;
}
.css-qzclq {
  color: rgb(255, 255, 255);
  padding-left: 8px;
}
.css-fzic8o {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  position: relative;
  text-decoration: none;
  color: rgb(241, 242, 243);
}
.css-fzic8o::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: transparent;
}
.css-pfx6bs {
  margin: 0px;
  color: rgb(47, 52, 56);
  display: flex;
  background-color: rgb(253, 183, 23);
  width: 170px;
  height: 2.77778rem;
  text-decoration: none;
}
.css-w1l2v {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 16px);
  margin-left: -16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.css-w1l2v > .MuiGrid-item {
  padding-left: 16px;
}
.css-1lzmeqi {
  font-size: 0.777778rem;
}
.css-108pk5k {
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 0.777778rem;
}
.css-12wss7d {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 1101;
}
.css-1sjch4y {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 1101;
}
.css-19t34p1 {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 24px);
  margin-left: -24px;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-type: none;
  padding-inline-start: 0px;
}
.css-19t34p1 > .MuiGrid-item {
  padding-left: 24px;
}
.css-148q9pn {
  margin: 0px;
  color: rgb(47, 52, 56);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-decoration: none;
}
.css-2l5bv3 {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.33333;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
  letter-spacing: normal;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  color: rgb(27, 32, 36);
  transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transform: translateZ(0px);
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
@media (min-width: 960px) {
  .css-2l5bv3 {
    font-size: 1.11111rem;
    line-height: 1.4;
  }
}
@media (min-width: 0px) {
  .css-2l5bv3 {
    font-size: 0.777778rem;
  }
}
.css-2l5bv3::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 3px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: transparent;
}
@media not all and (min-width: 960px) {
  .css-10lc6z4-media-query {
    display: none !important;
  }
}
.css-ggwlnl {
  z-index: 1102;
}
.css-qfia1s {
  z-index: 1102;
}
@media not all and (min-width: 600px) {
  .css-o9s1dq-media-query {
    display: none !important;
  }
}
@media (min-width: 0px) {
  .css-1pm4g5y {
    min-height: 50px;
  }
}
@media (min-width: 600px) {
  .css-1pm4g5y {
    min-height: 90px;
  }
}
@media (min-width: 960px) {
  .css-1pm4g5y {
    min-height: 90px;
  }
}
.css-w0pj6f {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
  inset: 0px;
  border-radius: inherit;
}
@media (min-width: 0px) {
  .css-1dvgv7a {
    min-height: 250px;
  }
}
@media (min-width: 600px) {
  .css-1dvgv7a {
    min-height: 250px;
  }
}
@media (min-width: 960px) {
  .css-1dvgv7a {
    min-height: 250px;
  }
}
.css-bsjlxr {
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: 100%;
  z-index: 1;
}
.css-bsjlxr button {
  margin: 0px;
}
.css-1x36n8t {
  padding-right: 16px;
}
.css-1xogugs {
  text-align: center;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: visible;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding: 5px;
  font-size: 1rem;
  border-width: 2px;
  border-style: solid;
  color: rgb(213, 217, 220);
  margin: 8px;
  border-color: rgb(213, 217, 220);
}
.css-1xogugs:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-1xogugs:hover {
    background-color: transparent;
  }
}
.css-1xogugs.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}
.css-1xogugs svg {
  color: rgb(213, 217, 220);
  transform: rotate(0deg);
}
.css-1xogugs:hover,
.css-1xogugs:hover svg {
  border-color: rgb(255, 61, 52);
  color: rgb(255, 61, 52);
  background-color: initial;
}
.css-lgdxl3 {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  border: 2px solid rgb(213, 217, 220);
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  text-align: center;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: visible;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding: 5px;
  font-size: 1rem;
  color: rgb(213, 217, 220);
  margin: 8px;
}
.css-lgdxl3.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-lgdxl3 {
    -webkit-print-color-adjust: exact;
  }
}
.css-lgdxl3:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-lgdxl3:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-lgdxl3:hover {
    background-color: transparent;
  }
}
.css-lgdxl3.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}
.css-lgdxl3 svg {
  color: rgb(213, 217, 220);
  transform: rotate(0deg);
}
.css-lgdxl3:hover,
.css-lgdxl3:hover svg {
  border-color: rgb(255, 61, 52);
  color: rgb(255, 61, 52);
  background-color: initial;
}
.css-1x2okud {
  text-align: center;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: visible;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding: 5px;
  font-size: 1rem;
  border-width: 2px;
  border-style: solid;
  color: rgb(213, 217, 220);
  margin: 8px;
  border-color: rgb(27, 32, 36);
}
.css-1x2okud:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-1x2okud:hover {
    background-color: transparent;
  }
}
.css-1x2okud.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}
.css-1x2okud svg {
  color: rgb(81, 90, 97);
  transform: rotate(0deg);
}
.css-1x2okud:hover,
.css-1x2okud:hover svg {
  border-color: rgb(255, 61, 52);
  color: rgb(255, 61, 52);
  background-color: initial;
}
.css-smg4gt {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  border: 2px solid rgb(27, 32, 36);
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  text-align: center;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: visible;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding: 5px;
  font-size: 1rem;
  color: rgb(213, 217, 220);
  margin: 8px;
}
.css-smg4gt.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-smg4gt {
    -webkit-print-color-adjust: exact;
  }
}
.css-smg4gt:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-smg4gt:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-smg4gt:hover {
    background-color: transparent;
  }
}
.css-smg4gt.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}
.css-smg4gt svg {
  color: rgb(81, 90, 97);
  transform: rotate(0deg);
}
.css-smg4gt:hover,
.css-smg4gt:hover svg {
  border-color: rgb(255, 61, 52);
  color: rgb(255, 61, 52);
  background-color: initial;
}
.css-15g9dhc {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: static;
  color: inherit;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  opacity: 0.9;
}
.css-czkl3a {
  background-color: rgb(255, 255, 255);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 7px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 8px 4px -6px;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: static;
  color: inherit;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  opacity: 0.9;
}
.css-o22wer {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-shrink: 0;
  position: sticky;
  top: 0px;
  left: auto;
  right: 0px;
  color: inherit;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 1101;
}
@media (min-width: 0px) {
  .css-o22wer {
    min-height: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 960px) {
  .css-o22wer {
    min-height: 70px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.css-1hhyhxl {
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 7px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 8px 4px -6px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-shrink: 0;
  position: sticky;
  top: 0px;
  left: auto;
  right: 0px;
  color: inherit;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 1101;
}
@media (min-width: 0px) {
  .css-1hhyhxl {
    min-height: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 960px) {
  .css-1hhyhxl {
    min-height: 70px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.css-1qivlo1 {
  text-decoration: none;
  color: rgb(241, 242, 243);
}
.css-1qivlo1::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: rgb(241, 242, 243);
}
.css-2a8ddl {
  margin: 0px;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  position: relative;
  font-size: 0.666667rem;
  text-decoration: none;
  color: rgb(241, 242, 243);
}
.css-2a8ddl::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: rgb(241, 242, 243);
}
.css-zsu0n8.MuiLinearProgress-colorPrimary {
  background-color: transparent;
}
.css-zsu0n8 .MuiLinearProgress-bar {
  background-color: rgb(224, 34, 31);
}
.css-hm6la4 {
  position: relative;
  overflow: hidden;
  display: block;
  height: 4px;
  z-index: 0;
  background-color: rgb(175, 177, 179);
}
@media print {
  .css-hm6la4 {
    -webkit-print-color-adjust: exact;
  }
}
.css-hm6la4.MuiLinearProgress-colorPrimary {
  background-color: transparent;
}
.css-hm6la4 .MuiLinearProgress-bar {
  background-color: rgb(224, 34, 31);
}
.css-1mw1gpl {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: 0px;
  transition: transform 0.4s linear 0s;
  transform-origin: left center;
  background-color: rgb(47, 52, 56);
}
.css-1ja83f2 {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.33333;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
  letter-spacing: normal;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  color: rgb(207, 26, 23);
  transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transform: translateZ(0px);
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
@media (min-width: 960px) {
  .css-1ja83f2 {
    font-size: 1.11111rem;
    line-height: 1.4;
  }
}
@media (min-width: 0px) {
  .css-1ja83f2 {
    font-size: 0.777778rem;
  }
}
.css-1ja83f2::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 3px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: rgb(207, 26, 23);
}
.css-p81zvq {
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  max-width: 100vw;
  overflow: hidden;
}
@media (min-width: 0px) {
  .css-p81zvq {
    display: none;
    min-height: 86px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (min-width: 600px) {
  .css-p81zvq {
    min-height: 142px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1280px) {
  .css-p81zvq {
    display: flex;
    min-height: 302px;
  }
}
.css-1wbfa8 {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  max-width: 100vw;
  overflow: hidden;
}
@media (min-width: 0px) {
  .css-1wbfa8 {
    min-height: 86px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (min-width: 600px) {
  .css-1wbfa8 {
    min-height: 142px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1280px) {
  .css-1wbfa8 {
    min-height: 302px;
  }
}
.css-1dj09p2 {
  height: 0px;
  z-index: 1200;
}
.css-11k7nbu {
  z-index: 1200;
}
@media print {
  .css-11k7nbu {
    position: absolute !important;
  }
}
.css-6duz0m {
  position: fixed;
  inset: 0px;
  visibility: hidden;
  height: 0px;
  z-index: 1200;
}
.css-3n4asb {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: auto;
  flex: 1 0 auto;
  z-index: 1200;
  position: fixed;
  inset: auto 0px 0px;
  outline: 0px;
  max-height: 100%;
  background-color: transparent;
}
.css-g1zul9 {
  color: rgb(27, 32, 36);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: auto;
  flex: 1 0 auto;
  z-index: 1200;
  position: fixed;
  inset: auto 0px 0px;
  outline: 0px;
  max-height: 100%;
  background-color: transparent;
}
.css-9pjvke {
  background: rgb(27, 32, 36);
  color: rgb(255, 255, 255);
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0, 0, 0.2, 1) 0s;
  border-top: 2px solid rgb(47, 52, 56);
}
@media (min-width: 1280px) {
  .css-9pjvke {
    margin: 0px 16px 16px;
    border-radius: 4px;
    padding: 8px 16px;
    border: 2px solid rgb(47, 52, 56);
  }
}
.css-7iesbb-upper-section {
  -webkit-box-align: stretch;
  align-items: stretch;
  display: flex;
  height: 100vh;
  max-width: 100%;
  transition: height 0.2s ease 0s;
  margin: 0px;
  padding: 0px 16px;
  width: 100%;
}
@media (min-width: 600px) {
  .css-7iesbb-upper-section {
    height: 100vh;
  }
}
@media (min-width: 1280px) {
  .css-7iesbb-upper-section {
    height: auto;
    max-width: none;
  }
}
.css-1hyfx7x {
  display: none;
}
.css-1yotwlv-lower-section {
  background-color: rgb(0, 0, 0);
  display: none;
  justify-items: center;
  width: 100%;
  height: 29vh;
  overflow-y: scroll;
  padding: 16px 16px 0px;
  transition: height 0.2s ease 0s;
}
@media (max-width: 599.95px) {
  .css-1yotwlv-lower-section::after {
    content: "";
    display: block;
    height: 64px;
    width: 100%;
  }
}
@media (min-width: 600px) {
  .css-1yotwlv-lower-section {
    display: none;
  }
}
@media (min-width: 0px) {
  .css-18tdvij {
    min-height: 250px;
  }
}
@media (min-width: 600px) {
  .css-18tdvij {
    min-height: 90px;
  }
}
@media (min-width: 960px) {
  .css-18tdvij {
    min-height: 90px;
  }
}
.css-pij4fi {
  margin: 0px auto;
  max-width: 1440px;
  padding: 32px 12px;
}
@media (min-width: 960px) {
  .css-pij4fi {
    padding: 40px 12px;
  }
}
@media (min-width: 1280px) {
  .css-pij4fi {
    padding: 48px 24px;
  }
}
@media (min-width: 1440px) {
  .css-pij4fi {
    padding: 64px 24px;
  }
}
.css-fn12d4 {
  margin: auto -12px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "loc-0" "loc-2" "loc-1" "loc-3" "loc-4" "loc-5" "loc-6" "loc-7";
}
.css-fn12d4 a {
  color: rgb(27, 32, 36);
}
@media (min-width: 600px) {
  .css-fn12d4 {
    grid-template-areas: "loc-0 loc-1" "loc-2 loc-3" "loc-2 loc-4" "loc-2 loc-5" "loc-2 loc-6" "loc-7 loc-7";
  }
}
@media (min-width: 960px) {
  .css-fn12d4 {
    grid-template-areas: "loc-0 loc-1 loc-1 loc-1" "loc-2 loc-3 loc-4 loc-7" "loc-2 loc-5 loc-6 loc-7" "loc-2 x x x";
  }
}
.css-b91o0y {
  margin: auto -12px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "loc-0" "loc-2" "loc-1" "loc-3" "loc-4" "loc-5" "loc-6" "loc-7";
}
.css-b91o0y a {
  color: rgb(27, 32, 36);
}
@media (min-width: 600px) {
  .css-b91o0y {
    grid-template-areas: "loc-0 loc-1" "loc-2 loc-3" "loc-2 loc-4" "loc-2 loc-5" "loc-2 loc-6" "loc-7 loc-7";
  }
}
@media (min-width: 960px) {
  .css-b91o0y {
    grid-template-areas: "loc-0 loc-1 loc-1 loc-1" "loc-2 loc-3 loc-4 loc-7" "loc-2 loc-5 loc-6 loc-7" "loc-2 x x x";
  }
}
.css-kchujv {
  text-decoration: none !important;
}
.css-18z3dse {
  margin: 0px;
  color: rgb(47, 52, 56);
  display: inline-block;
  text-decoration: none !important;
}
.css-1iyk53d {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  white-space: nowrap;
}
.css-hmossg {
  position: relative;
  color: rgb(155, 164, 172);
  top: 2px;
  right: 1px;
  margin-left: 8px;
}
.css-1udvhxr {
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.33333rem;
  position: relative;
  color: rgb(155, 164, 172);
  top: 2px;
  right: 1px;
  margin-left: 8px;
}
.css-1mlwwge {
  grid-area: loc-2 / loc-2 / loc-2 / loc-2;
  color: inherit;
  padding: 0px 12px 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-1mlwwge .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-d03moh {
  text-decoration: none;
  display: block;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-d03moh .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-w8tapl {
  text-decoration: none;
  display: block;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-w8tapl:hover {
  text-decoration-color: inherit;
}
.css-w8tapl .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-b864qz {
  margin: 0px;
  text-decoration: none;
  display: block;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-b864qz:hover {
  text-decoration-color: inherit;
}
.css-b864qz .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-1stxh09 {
  color: rgb(27, 32, 36);
  font-weight: 400;
  display: block;
  text-decoration: none;
  margin-bottom: 4px;
}
.css-1stxh09:hover {
  text-decoration: none;
}
.css-994lv3 {
  margin: 0px 0px 4px;
  font-size: 0.888889rem;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgb(27, 32, 36);
  font-weight: 400;
  display: block;
  text-decoration: none;
}
.css-994lv3:hover {
  text-decoration: none;
}
.css-laocxc {
  display: flex;
  flex-wrap: wrap;
}
.css-laocxc > * {
  margin-right: 12px;
}
.css-f0tph0 {
  display: flex;
  flex-wrap: wrap;
}
.css-f0tph0 > * {
  margin-right: 12px;
}
.css-fbf9pv {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(81, 90, 97);
  direction: ltr;
}
.css-fbf9pv > * + span {
  margin-left: 4px;
}
@media (min-width: 600px) {
  .css-fbf9pv > svg {
    width: 18px;
  }
}
.css-1eu63ix {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(81, 90, 97);
  direction: ltr;
}
.css-1eu63ix > * + span {
  margin-left: 4px;
}
@media (min-width: 600px) {
  .css-1eu63ix > svg {
    width: 18px;
  }
}
.css-s9le6r {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}
.css-1h7zlj3 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(81, 90, 97);
  background-color: transparent;
}
.css-1h7zlj3 > * + span {
  margin-left: 4px;
}
@media (min-width: 600px) {
  .css-1h7zlj3 > svg {
    width: 18px;
  }
}
.css-1h7zlj3 svg {
  color: rgb(81, 90, 97);
}
.css-18faao9 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(81, 90, 97);
  background-color: transparent;
}
.css-18faao9 > * + span {
  margin-left: 4px;
}
@media (min-width: 600px) {
  .css-18faao9 > svg {
    width: 18px;
  }
}
.css-18faao9 svg {
  color: rgb(81, 90, 97);
}
.css-94sa9s {
  background-color: transparent;
  border-radius: 0px;
  transition: all 0.2s ease 0s;
}
.css-94sa9s img:first-of-type {
  transition: all 0.2s ease 0s;
}
a .css-94sa9s:hover img:first-of-type {
  transform: scale(1.05);
}
@media (max-width: 959.95px) {
  .css-94sa9s {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px;
  }
}
.css-1osneu0 {
  max-width: 100vw;
  text-align: center;
}
.css-1osneu0 .tablet-ads {
  display: inline-block;
}
@media (min-width: 0px) {
  .css-1osneu0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 600px) {
  .css-1osneu0 {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.css-14ygc57 {
  grid-area: loc-7 / loc-7 / loc-7 / loc-7;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
  max-width: 100vw;
  text-align: center;
}
.css-14ygc57 .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-14ygc57 .tablet-ads {
  display: inline-block;
}
@media (min-width: 0px) {
  .css-14ygc57 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 600px) {
  .css-14ygc57 {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.css-npzoy9 {
  margin: auto -12px;
}
.css-1adkwav {
  margin: auto -12px;
}
.css-dvigw1 {
  margin: auto -12px;
  display: flex;
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
}
@media (min-width: 960px) {
  .css-dvigw1 {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-areas: "loc-1 loc-2 loc-3 loc-4 loc-5 loc-6" "loc-7 loc-8 loc-9 loc-10 loc-11 loc-12";
  }
}
.css-yjm856 {
  margin: auto -12px;
  display: flex;
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
}
@media (min-width: 960px) {
  .css-yjm856 {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-areas: "loc-1 loc-2 loc-3 loc-4 loc-5 loc-6" "loc-7 loc-8 loc-9 loc-10 loc-11 loc-12";
  }
}
.css-1d3bbye {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.css-7b0s5o {
  transition: all 0.2s ease 0s;
}
.css-7b0s5o:hover {
  transform: scale(1.05);
}
.css-u7okq0 {
  box-sizing: border-box;
  margin: 0px;
  flex-direction: row;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  flex-grow: 0;
  max-width: 100%;
  transition: all 0.2s ease 0s;
}
@media (min-width: 600px) {
  .css-u7okq0 {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .css-u7okq0 {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .css-u7okq0 {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}
@media (min-width: 1440px) {
  .css-u7okq0 {
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}
.css-u7okq0:hover {
  transform: scale(1.05);
}
.css-b3ywll {
  color: inherit;
  text-decoration: none;
}
.css-vgfw10 {
  color: inherit;
  text-decoration: none;
}
.css-vgfw10:hover {
  text-decoration-color: inherit;
}
.css-ukywbs {
  margin: 0px;
  color: inherit;
  text-decoration: none;
}
.css-ukywbs:hover {
  text-decoration-color: inherit;
}
.css-1h1oh4j {
  position: relative;
  padding-bottom: 16px;
}
@media (max-width: -0.05px) {
  .css-1h1oh4j {
    min-width: 150px;
  }
}
.css-1n547a4 {
  position: relative;
  padding-bottom: 16px;
}
@media (max-width: -0.05px) {
  .css-1n547a4 {
    min-width: 150px;
  }
}
.css-17p0slj {
  overflow: hidden;
  border-radius: 4px;
  box-shadow: rgb(213, 217, 220) 0px 12px 14px -10px;
  display: flex;
  aspect-ratio: 1 / 1;
}
.css-uwwqev {
  width: 100%;
  height: 100%;
}
.css-vna5nz {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: rgb(81, 90, 97) 0px 0px 14px 0px;
  height: 6px;
  margin: 0px auto;
  width: calc(100% - 16px);
  min-width: 148px;
}
.css-4ojz25 {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px auto;
  min-width: 148px;
  box-shadow: rgb(81, 90, 97) 0px 2px 8px -2px;
  height: 8px;
  width: calc(100% - 32px);
}
.css-5uisrr {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.css-2hhz9b {
  color: inherit;
}
.css-1h6hjhy {
  text-decoration: none;
  color: inherit;
}
.css-202tcv {
  margin: 0px;
  text-decoration: none;
  color: inherit;
}
.css-qhxi1u {
  margin: 0px;
  font-size: 0.888889rem;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
}
.css-1gci048 {
  color: rgb(81, 90, 97);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.css-1poa21l {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  color: rgb(81, 90, 97);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.css-1xh64oy {
  grid-area: loc-9 / loc-9 / loc-9 / loc-9;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-1xh64oy .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-amp343 {
  grid-area: loc-10 / loc-10 / loc-10 / loc-10;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-amp343 .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-bc8tv1 {
  grid-area: loc-11 / loc-11 / loc-11 / loc-11;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-bc8tv1 .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-ueuhle {
  grid-area: loc-12 / loc-12 / loc-12 / loc-12;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-ueuhle .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-1d46d1y {
  grid-area: loc-13 / loc-13 / loc-13 / loc-13;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-1d46d1y .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-r3p9zt {
  grid-area: loc-14 / loc-14 / loc-14 / loc-14;
  color: inherit;
  padding: 12px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-r3p9zt .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-qt3kae {
  background-color: rgb(241, 242, 243);
}
.css-qt3kae a:not(.MuiButton-contained):not(.shelf-tab-selected) {
  color: rgb(27, 32, 36);
}
.css-qt3kae .MuiButton-outlined {
  border-color: rgb(213, 217, 220);
}
.css-qt3kae .MuiButton-outlined:hover {
  border-color: rgb(224, 34, 31);
}
.css-qt3kae .MuiCardContent-root a > p {
  color: rgb(207, 26, 23);
}
.css-1a9e6nn {
  background-color: rgb(241, 242, 243);
}
.css-1a9e6nn a:not(.MuiButton-contained):not(.shelf-tab-selected) {
  color: rgb(27, 32, 36);
}
.css-1a9e6nn .MuiButton-outlined {
  border-color: rgb(213, 217, 220);
}
.css-1a9e6nn .MuiButton-outlined:hover {
  border-color: rgb(224, 34, 31);
}
.css-1a9e6nn .MuiCardContent-root a > p {
  color: rgb(207, 26, 23);
}
.css-kfoyza {
  margin: auto -12px;
  padding-bottom: 12px;
}
.css-1s1ffou {
  margin: auto -12px;
  padding-bottom: 12px;
}
.css-1itxphw {
  display: flex;
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
  margin: -6px -12px -12px;
  padding: 0px 12px 12px;
}
@media (min-width: 960px) {
  .css-1itxphw {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    padding: 12px 0px 16px;
    margin: -12px -12px -16px;
  }
}
.css-1itxphw > a + a {
  margin-left: 8px;
}
@media (min-width: 960px) {
  .css-1itxphw :first-of-type {
    margin-left: 12px;
  }
}
.css-ciaav0 {
  display: flex;
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
  margin: -6px -12px -12px;
  padding: 0px 12px 12px;
}
@media (min-width: 960px) {
  .css-ciaav0 {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    padding: 12px 0px 16px;
    margin: -12px -12px -16px;
  }
}
.css-ciaav0 > a + a {
  margin-left: 8px;
}
@media (min-width: 960px) {
  .css-ciaav0 :first-of-type {
    margin-left: 12px;
  }
}
.css-khd3dz {
  display: flex;
  text-decoration: none;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  background-color: rgb(81, 90, 97);
  cursor: pointer;
  font-size: 0.777778rem;
  font-weight: 500;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
  padding: 12px;
  border-radius: 4px;
}
.css-khd3dz:hover {
  background-color: rgb(241, 242, 243);
}
.css-khd3dz.shelf-tab-selected {
  color: rgb(241, 242, 243);
  background-color: rgb(81, 90, 97);
}
.css-khd3dz > svg {
  margin-left: 4px;
  margin-top: -2px;
  margin-bottom: -2px;
  width: 24px;
  height: 24px;
  transform: scaleX(1);
  color: rgb(155, 164, 172);
}
.css-vrwl7x {
  display: flex;
  text-decoration: none;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  background-color: rgb(81, 90, 97);
  cursor: pointer;
  font-size: 0.777778rem;
  font-weight: 500;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
  padding: 12px;
  border-radius: 4px;
}
.css-vrwl7x:hover {
  background-color: rgb(241, 242, 243);
}
.css-vrwl7x.shelf-tab-selected {
  color: rgb(241, 242, 243);
  background-color: rgb(81, 90, 97);
}
.css-vrwl7x > svg {
  margin-left: 4px;
  margin-top: -2px;
  margin-bottom: -2px;
  width: 24px;
  height: 24px;
  transform: scaleX(1);
  color: rgb(155, 164, 172);
}
.css-rp7can {
  display: flex;
  text-decoration: none;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  font-size: 0.777778rem;
  font-weight: 500;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
  padding: 12px;
  border-radius: 4px;
}
.css-rp7can:hover {
  background-color: rgb(241, 242, 243);
}
.css-rp7can.shelf-tab-selected {
  color: rgb(241, 242, 243);
  background-color: rgb(81, 90, 97);
}
.css-rp7can > svg {
  margin-left: 4px;
  margin-top: -2px;
  margin-bottom: -2px;
  width: 24px;
  height: 24px;
  transform: scaleX(1);
  color: rgb(155, 164, 172);
}
.css-1q2noww {
  display: flex;
  text-decoration: none;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  font-size: 0.777778rem;
  font-weight: 500;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
  padding: 12px;
  border-radius: 4px;
}
.css-1q2noww:hover {
  background-color: rgb(241, 242, 243);
}
.css-1q2noww.shelf-tab-selected {
  color: rgb(241, 242, 243);
  background-color: rgb(81, 90, 97);
}
.css-1q2noww > svg {
  margin-left: 4px;
  margin-top: -2px;
  margin-bottom: -2px;
  width: 24px;
  height: 24px;
  transform: scaleX(1);
  color: rgb(155, 164, 172);
}
.css-17sfvbq {
  padding: 16px 6px;
  margin: 0px -12px -8px -18px;
  direction: ltr;
}
@media (min-width: 600px) {
  .css-17sfvbq {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-areas: "loc-0 loc-0" "loc-1 loc-2" "loc-3 loc-4" "loc-5 loc-6" "loc-7 loc-8";
    margin: 0px -18px -8px;
  }
}
@media (min-width: 960px) {
  .css-17sfvbq {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    padding: 12px 0px 16px;
    margin: -12px -12px -16px;
  }
  .css-17sfvbq > .SBS_ShelfItem {
    max-width: 25%;
  }
}
@media (min-width: 0px) {
  .css-17sfvbq {
    padding-top: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 24px;
  }
}
.css-w9dc41 {
  padding: 16px 6px;
  margin: 0px -12px -8px -18px;
  direction: ltr;
}
@media (min-width: 600px) {
  .css-w9dc41 {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-areas: "loc-0 loc-0" "loc-1 loc-2" "loc-3 loc-4" "loc-5 loc-6" "loc-7 loc-8";
    margin: 0px -18px -8px;
  }
}
@media (min-width: 960px) {
  .css-w9dc41 {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    padding: 12px 0px 16px;
    margin: -12px -12px -16px;
  }
  .css-w9dc41 > .SBS_ShelfItem {
    max-width: 25%;
  }
}
@media (min-width: 0px) {
  .css-w9dc41 {
    padding-top: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 24px;
  }
}
.css-1lqz8j9 {
  background-color: transparent;
  border-radius: 0px;
  transition: all 0.2s ease 0s;
}
.css-1lqz8j9 img:first-of-type {
  transition: all 0.2s ease 0s;
}
a .css-1lqz8j9:hover img:first-of-type {
  transform: scale(1.05);
}
@media (max-width: 599.95px) {
  .css-1lqz8j9 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px;
  }
}
.css-gmuwbf {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.css-1mrm02m {
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  color: rgb(27, 32, 36);
  border: 2px solid rgb(213, 217, 220);
}
.css-1mrm02m:hover {
  box-shadow: none;
}
.css-1mrm02m:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-1mrm02m:hover.css-1mrm02m:hover {
  border-width: 2px;
}
.css-1mrm02m:active,
.css-1mrm02m:hover {
  border-color: rgb(224, 34, 31);
}
.css-1mrm02m:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 959.95px) {
  .css-1mrm02m {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-bfe2si {
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  color: rgb(27, 32, 36);
  border: 2px solid rgb(213, 217, 220);
}
.css-bfe2si:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
  border: 1px solid rgb(47, 52, 56);
}
@media (hover: none) {
  .css-bfe2si:hover {
    background-color: transparent;
  }
}
.css-bfe2si.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.css-bfe2si:hover {
  box-shadow: none;
}
.css-bfe2si:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-bfe2si:hover.css-bfe2si:hover {
  border-width: 2px;
}
.css-bfe2si:active,
.css-bfe2si:hover {
  border-color: rgb(224, 34, 31);
}
.css-bfe2si:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 959.95px) {
  .css-bfe2si {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-o2sqox {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  color: rgb(27, 32, 36);
  border: 2px solid rgb(213, 217, 220);
}
.css-o2sqox.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-o2sqox {
    -webkit-print-color-adjust: exact;
  }
}
.css-o2sqox:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-o2sqox:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
  border: 1px solid rgb(47, 52, 56);
}
@media (hover: none) {
  .css-o2sqox:hover {
    background-color: transparent;
  }
}
.css-o2sqox.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.css-o2sqox:hover {
  box-shadow: none;
}
.css-o2sqox:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-o2sqox:hover.css-o2sqox:hover {
  border-width: 2px;
}
.css-o2sqox:active,
.css-o2sqox:hover {
  border-color: rgb(224, 34, 31);
}
.css-o2sqox:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 959.95px) {
  .css-o2sqox {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-pu82ql {
  direction: rtl;
}
.css-1kblnej {
  margin: 0px 0px 4px;
  font-size: 0.888889rem;
  font-weight: 400;
  font-family: "Noto Kufi Arabic", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  letter-spacing: normal;
  display: block;
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.css-1kblnej:hover {
  text-decoration: none;
}
@media (min-width: 960px) {
  .css-18zrc8v {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
  }
}
@media (min-width: 960px) {
  .css-1i9tj0z {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
  }
}
.css-1s4eijj {
  width: 100%;
  max-width: 88.8889rem;
}
.css-1senj59 {
  width: 100%;
  max-width: 88.8889rem;
}
.css-25q82x {
  position: relative;
  margin-bottom: -13px;
  overflow-x: hidden;
}
@media (min-width: 960px) {
  .css-25q82x {
    margin-bottom: 0px;
  }
}
@media (min-width: 1440px) {
  .css-25q82x {
    margin-bottom: -8px;
    overflow-x: unset;
  }
}
.css-mmxaow {
  position: relative;
  background-color: rgb(255, 255, 255);
}
.css-1rz5c2k {
  margin-top: 0px;
  position: relative;
  background-color: rgb(255, 255, 255);
}
.css-cssveg {
  position: relative;
}
.css-1seibgw {
  position: relative;
}
.css-laoeyf {
  position: relative;
  height: calc(75vw);
  max-height: 40rem;
}
@media (min-width: 960px) {
  .css-laoeyf {
    height: calc(37.5vw);
    max-height: 33.3333rem;
  }
}
.css-vb3c92 {
  position: relative;
  height: calc(75vw);
  max-height: 40rem;
}
@media (min-width: 960px) {
  .css-vb3c92 {
    height: calc(37.5vw);
    max-height: 33.3333rem;
  }
}
.css-1klneih {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  transition: opacity 0.8s ease-in-out 0s;
  opacity: 0;
}
.css-1klneih.header-carousel-opaque {
  opacity: 1;
}
.css-1dqcbhl {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  transition: opacity 0.8s ease-in-out 0s;
  opacity: 0;
}
.css-1dqcbhl.header-carousel-opaque {
  opacity: 1;
}
.css-168zf02 {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  position: absolute;
  top: 0px;
  width: 100%;
  height: calc(37.5vw);
  max-height: 600px;
}
.css-1vcrf2r {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  position: absolute;
  top: 0px;
  width: 100%;
  height: calc(37.5vw);
  max-height: 600px;
}
.css-1y0ysr8 {
  position: absolute;
  margin-top: 58px;
  margin-left: 32px;
  top: 0px;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .css-1y0ysr8 {
    margin-top: 77px;
    margin-left: 64px;
  }
}
@media (min-width: 1440px) {
  .css-1y0ysr8 {
    margin-top: 136px;
  }
}
.css-47hea0 {
  position: absolute;
  margin-top: 58px;
  margin-left: 32px;
  top: 0px;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .css-47hea0 {
    margin-top: 77px;
    margin-left: 64px;
  }
}
@media (min-width: 1440px) {
  .css-47hea0 {
    margin-top: 136px;
  }
}
.css-czr64w {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.css-1x5j0rw {
  margin-top: 0px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.css-vc3e36 {
  font-weight: 700;
  color: rgb(255, 255, 255);
  margin-right: 32px;
  text-decoration: none;
}
.css-1bhodzp {
  margin: 0px 32px 0px 0px;
  font-size: 1rem;
  line-height: 1.33333;
  font-family: Ubuntu, sans-serif;
  letter-spacing: normal;
  font-weight: 700;
  color: rgb(255, 255, 255);
  text-decoration: none;
}
@media (min-width: 960px) {
  .css-1bhodzp {
    font-size: 1.11111rem;
    line-height: 1.4;
  }
}
.css-1sat6vo {
  position: relative;
  height: 4px;
  width: 100px;
  background-color: rgb(255, 255, 255);
}
.css-7jst32 {
  position: relative;
  height: 4px;
  width: 100px;
  background-color: rgb(255, 255, 255);
}
.css-t3qu16 {
  position: absolute;
  top: 0px;
  height: 100%;
  background-color: rgb(224, 34, 31);
}
.css-hoegml {
  letter-spacing: normal;
  font-size: 1.66667rem;
  color: rgb(255, 255, 255);
  width: 50vw;
  display: block;
}
@media (min-width: 1280px) {
  .css-hoegml {
    font-size: 1.77778rem;
    max-width: 40.8889rem;
  }
}
@media (min-width: 1440px) {
  .css-hoegml {
    font-size: 2.44444rem;
  }
}
.css-1hbxuv5 {
  margin: 0px;
  line-height: 1.33333;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
  letter-spacing: normal;
  font-size: 1.66667rem;
  color: rgb(255, 255, 255);
  width: 50vw;
  display: block;
}
@media (min-width: 960px) {
  .css-1hbxuv5 {
    font-size: 1.77778rem;
    line-height: 1.25;
  }
}
@media (min-width: 1280px) {
  .css-1hbxuv5 {
    font-size: 1.77778rem;
    max-width: 40.8889rem;
  }
}
@media (min-width: 1440px) {
  .css-1hbxuv5 {
    font-size: 2.44444rem;
  }
}
.css-10v4rhg {
  display: flex;
  position: relative;
  top: -1.55556rem;
  align-items: flex-end;
}
@media (min-width: 1440px) {
  .css-10v4rhg {
    top: -2.66667rem;
    padding: 0px 64px;
  }
}
.css-afyprp {
  flex: 1 1 0%;
  cursor: pointer;
}
.css-56hv7l {
  display: flex;
  flex-direction: column;
  flex: 0 0 80%;
  margin: 0px 4px;
  padding: 52px 16px 13px;
  border-radius: 2px;
  background: rgb(241, 242, 243);
  height: 220px;
}
@media (min-width: 960px) {
  .css-56hv7l {
    margin: 0px;
    flex: 1 1 0%;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border-right: 1px solid rgb(241, 242, 243);
    border-bottom: 1px solid rgb(241, 242, 243);
  }
}
@media (min-width: 960px) {
  .css-56hv7l {
    border-radius: 2px;
    background: rgb(241, 242, 243);
  }
}
.css-1hoo1ck {
  display: flex;
  flex-direction: column;
  flex: 0 0 80%;
  margin: 0px 4px;
  padding: 52px 16px 13px;
  border-radius: 2px;
  background: rgb(241, 242, 243);
  height: 220px;
}
@media (min-width: 960px) {
  .css-1hoo1ck {
    margin: 0px;
    flex: 1 1 0%;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border-right: 1px solid rgb(241, 242, 243);
    border-bottom: 1px solid rgb(241, 242, 243);
  }
}
@media (min-width: 960px) {
  .css-1hoo1ck {
    border-radius: 2px;
    background: rgb(241, 242, 243);
  }
}
.css-1smbjja {
  display: flex;
  flex: 1 1 0%;
}
.css-agpk2v {
  display: flex;
  flex: 1 1 0%;
}
.css-gk5qyr {
  flex: 0 0 4px;
  height: 24px;
  background-color: rgb(224, 34, 31);
  margin-right: 16px;
}
.css-3u5g5e {
  flex: 0 0 4px;
  height: 24px;
  background-color: rgb(224, 34, 31);
  margin-right: 16px;
}
.css-1d31z54 {
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  text-decoration: none;
  color: rgb(27, 32, 36);
  line-height: 1.33;
}
@media (min-width: 960px) {
  .css-1d31z54 {
    font-size: 0.888889rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5;
  }
}
.css-59ur98 {
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  text-decoration: none;
  color: rgb(27, 32, 36);
  line-height: 1.33;
}
.css-59ur98:hover {
  text-decoration-color: inherit;
}
@media (min-width: 960px) {
  .css-59ur98 {
    font-size: 0.888889rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5;
  }
}
.css-2voyum {
  margin: 0px;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  text-decoration: none;
  color: rgb(27, 32, 36);
  line-height: 1.33;
}
.css-2voyum:hover {
  text-decoration-color: inherit;
}
@media (min-width: 960px) {
  .css-2voyum {
    font-size: 0.888889rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5;
  }
}
.css-8xl60i {
  margin-top: auto;
}
.css-1fd9v68 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 8px;
}
.css-wjjxcs {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 8px;
}
.css-1g13gji {
  color: rgb(207, 26, 23);
  text-transform: uppercase;
}
.css-wbrj3o {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  color: rgb(207, 26, 23);
  text-transform: uppercase;
}
.css-1fb5c6r {
  display: flex;
  flex-direction: column;
  flex: 0 0 80%;
  height: 200px;
  margin: 0px 4px;
  padding: 32px 16px 13px;
  border-radius: 2px;
  background: rgb(241, 242, 243);
}
@media (min-width: 960px) {
  .css-1fb5c6r {
    margin: 0px;
    flex: 1 1 0%;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border-right: 1px solid rgb(241, 242, 243);
    border-bottom: 1px solid rgb(241, 242, 243);
  }
}
.css-1ny15ad {
  display: flex;
  flex-direction: column;
  flex: 0 0 80%;
  height: 200px;
  margin: 0px 4px;
  padding: 32px 16px 13px;
  border-radius: 2px;
  background: rgb(241, 242, 243);
}
@media (min-width: 960px) {
  .css-1ny15ad {
    margin: 0px;
    flex: 1 1 0%;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border-right: 1px solid rgb(241, 242, 243);
    border-bottom: 1px solid rgb(241, 242, 243);
  }
}
.css-dikftu {
  background-color: rgb(27, 32, 36);
  overflow: hidden;
  position: relative;
}
@media (min-width: 960px) {
  .css-dikftu {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (min-width: 1280px) {
  .css-dikftu {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.css-1hyjmuz {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-1hyjmuz {
    left: 0px;
  }
}
.css-xluazs {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-xluazs {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-xluazs {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-xluazs {
    left: 0px;
  }
}
.css-c9r8vl {
  position: relative;
}
@media (min-width: 1440px) {
  .col-md-3 .css-c9r8vl {
    padding-left: 40px;
  }
}
@media (min-width: 0px) {
  .css-c9r8vl {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 960px) {
  .css-c9r8vl {
    padding-left: 44px;
    padding-right: 44px;
  }
}
@media (min-width: 1280px) {
  .css-c9r8vl {
    padding-left: 56px;
    padding-right: 56px;
  }
}
.css-86mw0d {
  width: 100%;
  margin-left: auto;
  box-sizing: border-box;
  margin-right: auto;
  display: block;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}
@media (min-width: 600px) {
  .css-86mw0d {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .css-86mw0d {
    max-width: 1280px;
  }
}
@media (min-width: 0px) {
  .css-86mw0d {
    padding: 0px 16px;
  }
}
@media (min-width: 1280px) {
  .css-86mw0d {
    padding: 0px 24px;
  }
}
@media (min-width: 1280px) {
  .css-86mw0d {
    max-width: 1440px;
  }
}
@media (min-width: 1440px) {
  .col-md-3 .css-86mw0d {
    padding-left: 40px;
  }
}
@media (min-width: 0px) {
  .css-86mw0d {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 960px) {
  .css-86mw0d {
    padding-left: 44px;
    padding-right: 44px;
  }
}
@media (min-width: 1280px) {
  .css-86mw0d {
    padding-left: 56px;
    padding-right: 56px;
  }
}
.css-5zwtcv {
  display: flex;
  flex-direction: column;
}
@media (min-width: 0px) {
  .css-5zwtcv {
    flex-direction: column-reverse;
  }
}
@media (min-width: 960px) {
  .css-5zwtcv {
    flex-direction: row;
  }
}
@media (min-width: 0px) {
  .css-5zwtcv {
    gap: 24px;
  }
}
@media (min-width: 960px) {
  .css-5zwtcv {
    gap: 32px;
  }
}
@media (min-width: 1280px) {
  .css-5zwtcv {
    gap: 40px;
  }
}
@media (min-width: 960px) {
  .css-1c70h82 {
    background-color: transparent;
    flex-basis: 50%;
    padding: 0px;
  }
}
.css-147nl4x {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 0px;
}
@media (min-width: 0px) {
  .css-147nl4x {
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 960px) {
  .css-147nl4x {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 960px) {
  .css-147nl4x {
    background-color: transparent;
    flex-basis: 50%;
    padding: 0px;
  }
}
.css-wtz1jm {
  color: rgb(241, 242, 243);
}
.css-6fu0kf {
  margin: 0px;
  font-size: 1.33333rem;
  line-height: 1.33333;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
  letter-spacing: -0.2px;
  color: rgb(241, 242, 243);
}
@media (min-width: 960px) {
  .css-6fu0kf {
    font-size: 1.77778rem;
    line-height: 1.25;
  }
}
@media (min-width: 0px) {
  .css-6fu0kf {
    margin-bottom: 12px;
  }
}
@media (min-width: 960px) {
  .css-6fu0kf {
    margin-bottom: 16px;
  }
}
.css-1ymcmd3 {
  margin: 0px 0px 12px;
  font-size: 1rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55556;
  letter-spacing: normal;
  color: rgb(241, 242, 243);
}
.css-13ijh3l {
  margin: 0px;
  font-size: 0.888889rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgb(241, 242, 243);
}
@media (min-width: 0px) {
  .css-13ijh3l {
    margin-bottom: 12px;
  }
}
@media (min-width: 960px) {
  .css-13ijh3l {
    margin-bottom: 16px;
  }
}
.css-1olq7s5 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -16px;
}
@media (min-width: 600px) {
  .css-1olq7s5 {
    font-size: large;
  }
}
@media (max-width: 599.95px) {
  .css-1olq7s5 {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-1yq2ufl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -16px;
}
@media (min-width: 600px) {
  .css-1yq2ufl {
    font-size: large;
  }
}
@media (max-width: 599.95px) {
  .css-1yq2ufl {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-1er166h {
  margin-bottom: 16px;
  margin-right: 16px;
}
.css-m75ept {
  margin-bottom: 16px;
  margin-right: 16px;
}
.css-11okdhq {
  text-decoration: none;
}
.css-11okdhq:hover {
  text-decoration: none;
}
.css-cg3s93 {
  text-decoration: none;
}
.css-cg3s93:hover {
  text-decoration-color: inherit;
}
.css-cg3s93:hover {
  text-decoration: none;
}
.css-scga63 {
  margin: 0px;
  color: rgb(47, 52, 56);
  text-decoration: none;
}
.css-scga63:hover {
  text-decoration-color: inherit;
}
.css-scga63:hover {
  text-decoration: none;
}
.css-1o4cjie {
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  text-decoration: none;
  color: rgb(27, 32, 36);
  background: rgb(213, 217, 220);
  border: 2px solid rgb(213, 217, 220);
}
.css-1o4cjie:hover {
  box-shadow: none;
}
.css-1o4cjie:hover {
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
  border-color: rgb(207, 26, 23);
}
.css-1o4cjie:active,
.css-1o4cjie:hover {
  background-color: rgb(224, 34, 31);
  border-color: rgb(224, 34, 31);
}
.css-1o4cjie:disabled {
  color: rgb(250, 250, 250);
  border-color: rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-1o4cjie {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-1o4cjie:hover {
  text-decoration: none;
}
.css-4eln0b {
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  text-decoration: none;
  color: rgb(27, 32, 36);
  background: rgb(213, 217, 220);
  border: 2px solid rgb(213, 217, 220);
}
.css-4eln0b:hover {
  text-decoration: none;
  background-color: rgb(27, 32, 36);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 7px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 8px 4px -6px;
}
@media (hover: none) {
  .css-4eln0b:hover {
    background-color: rgb(47, 52, 56);
  }
}
.css-4eln0b.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}
.css-4eln0b:hover {
  box-shadow: none;
}
.css-4eln0b:hover {
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
  border-color: rgb(207, 26, 23);
}
.css-4eln0b:active,
.css-4eln0b:hover {
  background-color: rgb(224, 34, 31);
  border-color: rgb(224, 34, 31);
}
.css-4eln0b:disabled {
  color: rgb(250, 250, 250);
  border-color: rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-4eln0b {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-4eln0b:hover {
  text-decoration: none;
}
.css-x1tb1c {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  text-decoration: none;
  color: rgb(27, 32, 36);
  background: rgb(213, 217, 220);
  border: 2px solid rgb(213, 217, 220);
}
.css-x1tb1c.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-x1tb1c {
    -webkit-print-color-adjust: exact;
  }
}
.css-x1tb1c:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-x1tb1c:hover {
  text-decoration: none;
  background-color: rgb(27, 32, 36);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 7px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 8px 4px -6px;
}
@media (hover: none) {
  .css-x1tb1c:hover {
    background-color: rgb(47, 52, 56);
  }
}
.css-x1tb1c.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}
.css-x1tb1c:hover {
  box-shadow: none;
}
.css-x1tb1c:hover {
  color: rgb(250, 250, 250);
  background-color: rgb(207, 26, 23);
  border-color: rgb(207, 26, 23);
}
.css-x1tb1c:active,
.css-x1tb1c:hover {
  background-color: rgb(224, 34, 31);
  border-color: rgb(224, 34, 31);
}
.css-x1tb1c:disabled {
  color: rgb(250, 250, 250);
  border-color: rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-x1tb1c {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-x1tb1c:hover {
  text-decoration: none;
}
.css-11zkbxv {
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  text-decoration: none;
  color: rgb(241, 242, 243);
  border: 2px solid rgb(155, 164, 172);
}
.css-11zkbxv:hover {
  box-shadow: none;
}
.css-11zkbxv:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-11zkbxv:hover.css-11zkbxv:hover {
  border-width: 2px;
}
.css-11zkbxv:active,
.css-11zkbxv:hover {
  border-color: rgb(224, 34, 31);
}
.css-11zkbxv:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-11zkbxv {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-11zkbxv:hover {
  text-decoration: none;
}
.css-1qz9txw {
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  text-decoration: none;
  color: rgb(241, 242, 243);
  border: 2px solid rgb(155, 164, 172);
}
.css-1qz9txw:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
  border: 1px solid rgb(47, 52, 56);
}
@media (hover: none) {
  .css-1qz9txw:hover {
    background-color: transparent;
  }
}
.css-1qz9txw.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.css-1qz9txw:hover {
  box-shadow: none;
}
.css-1qz9txw:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-1qz9txw:hover.css-1qz9txw:hover {
  border-width: 2px;
}
.css-1qz9txw:active,
.css-1qz9txw:hover {
  border-color: rgb(224, 34, 31);
}
.css-1qz9txw:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-1qz9txw {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-1qz9txw:hover {
  text-decoration: none;
}
.css-1wolghh {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
  text-decoration: none;
  color: rgb(241, 242, 243);
  border: 2px solid rgb(155, 164, 172);
}
.css-1wolghh.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-1wolghh {
    -webkit-print-color-adjust: exact;
  }
}
.css-1wolghh:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-1wolghh:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
  border: 1px solid rgb(47, 52, 56);
}
@media (hover: none) {
  .css-1wolghh:hover {
    background-color: transparent;
  }
}
.css-1wolghh.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.css-1wolghh:hover {
  box-shadow: none;
}
.css-1wolghh:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-1wolghh:hover.css-1wolghh:hover {
  border-width: 2px;
}
.css-1wolghh:active,
.css-1wolghh:hover {
  border-color: rgb(224, 34, 31);
}
.css-1wolghh:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-1wolghh {
    font-size: 0.666667rem;
    line-height: 1.66667;
  }
}
.css-1wolghh:hover {
  text-decoration: none;
}
@media (min-width: 960px) {
  .css-1l63ool {
    flex-basis: 50%;
  }
}
.css-1a5bpe6 {
  background-color: transparent;
}
.css-7cucdc {
  background-color: transparent;
}
.css-5gld1t {
  background: linear-gradient(rgb(224, 34, 31) 0%, rgba(224, 34, 31, 0) 100%);
  bottom: 0px;
  left: 0px;
  position: absolute;
  top: 0px;
}
.css-17zxg64 {
  background: linear-gradient(rgb(224, 34, 31) 0%, rgba(224, 34, 31, 0) 100%);
  bottom: 0px;
  left: 0px;
  position: absolute;
  top: 0px;
}
@media (min-width: 0px) {
  .css-17zxg64 {
    width: 8px;
  }
}
@media (min-width: 960px) {
  .css-17zxg64 {
    width: 12px;
  }
}
@media (min-width: 1280px) {
  .css-17zxg64 {
    width: 16px;
  }
}
.css-1hl1k88 {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-1hl1k88 {
    left: 0px;
  }
}
.css-1h75qbh {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-1h75qbh {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-1h75qbh {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-1h75qbh {
    left: 0px;
  }
}
.css-1vme1m6 {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-1vme1m6 {
    left: 0px;
  }
}
.css-1nlfrv3 {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-1nlfrv3 {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-1nlfrv3 {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-1nlfrv3 {
    left: 0px;
  }
}
.css-fk70i1 {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-fk70i1 {
    left: 0px;
  }
}
.css-iuxucm {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-iuxucm {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-iuxucm {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-iuxucm {
    left: 0px;
  }
}
.css-1aufaty {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-1aufaty {
    left: 0px;
  }
}
.css-82hke {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-82hke {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-82hke {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-82hke {
    left: 0px;
  }
}
.css-7sa8m7 {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-7sa8m7 {
    left: 0px;
  }
}
.css-owh1d0 {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-owh1d0 {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-owh1d0 {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-owh1d0 {
    left: 0px;
  }
}
.css-1ycwuii {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-1ycwuii {
    left: 0px;
  }
}
.css-fv6z8p {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-fv6z8p {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-fv6z8p {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-fv6z8p {
    left: 0px;
  }
}
.css-dlehcw {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-dlehcw {
    left: 0px;
  }
}
.css-k6szek {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-k6szek {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-k6szek {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-k6szek {
    left: 0px;
  }
}
.css-1a6p72g {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-1a6p72g {
    left: 0px;
  }
}
.css-17qcd7d {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-17qcd7d {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-17qcd7d {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-17qcd7d {
    left: 0px;
  }
}
.css-18a8ok5 {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-18a8ok5 {
    left: 0px;
  }
}
.css-1q5ktnm {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-1q5ktnm {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-1q5ktnm {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-1q5ktnm {
    left: 0px;
  }
}
.css-1cc5s8k {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-1cc5s8k {
    left: 0px;
  }
}
.css-57nhqi {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-57nhqi {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-57nhqi {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-57nhqi {
    left: 0px;
  }
}
.css-47f3z0 {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-47f3z0 {
    left: 0px;
  }
}
.css-qgv4od {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-qgv4od {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-qgv4od {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-qgv4od {
    left: 0px;
  }
}
.css-1mrufwt {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-1mrufwt {
    left: 0px;
  }
}
.css-ianqpe {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-ianqpe {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-ianqpe {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-ianqpe {
    left: 0px;
  }
}
.css-hlxjcj {
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 960px) {
  .css-hlxjcj {
    left: 0px;
  }
}
.css-15btrl8 {
  height: 100%;
  bottom: 0px;
  filter: blur(40px);
  left: 0px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  background-image: url("");
}
@media (min-width: 0px) {
  .css-15btrl8 {
    width: 200vw;
  }
}
@media (min-width: 960px) {
  .css-15btrl8 {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .css-15btrl8 {
    left: 0px;
  }
}
.css-k3re5g {
  margin: 0px auto;
  max-width: 1440px;
  padding: 32px 12px;
}
@media (min-width: 960px) {
  .css-k3re5g {
    padding: 40px 12px;
  }
}
@media (min-width: 1280px) {
  .css-k3re5g {
    padding: 48px 24px;
  }
}
@media (min-width: 1440px) {
  .css-k3re5g {
    padding: 64px 24px;
  }
}
@media (min-width: 0px) {
  .css-k3re5g {
    padding: 32px 16px;
  }
}
@media (min-width: 960px) {
  .css-k3re5g {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .css-k3re5g {
    padding: 48px 24px;
  }
}
@media (min-width: 1440px) {
  .css-k3re5g {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.css-1ahfwut {
  grid-area: loc-0 / loc-0 / loc-0 / loc-0;
  color: inherit;
  padding: 0px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-1ahfwut .SBS_ShelfItem {
  padding: 0px;
}
.css-7kavab {
  color: inherit;
  padding: 0px;
  scroll-snap-align: start;
  flex: 1 1 0px;
}
.css-7kavab .SBS_ShelfItem {
  padding: 0px;
}
.css-btx683 {
  border-left: 4px solid rgb(224, 34, 31);
  padding-left: 16px;
  margin-bottom: 12px;
}
.css-1dh1iza {
  grid-area: loc-1 / loc-1 / loc-1 / loc-1;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  padding: 0px;
  display: grid;
}
.css-1dh1iza .SBS_ShelfItem {
  padding: 12px 0px;
}
@media (min-width: 0px) {
  .css-1dh1iza {
    margin-bottom: 8px;
  }
}
@media (min-width: 960px) {
  .css-1dh1iza {
    margin-bottom: 0px;
  }
}
.css-1xxmsxd {
  margin: auto -12px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "loc-0" "loc-1" "loc-2" "loc-3" "loc-4" "loc-5" "loc-6" "loc-7" "loc-8";
  padding: 0px;
}
@media (min-width: 600px) {
  .css-1xxmsxd {
    grid-template-areas: "loc-0 loc-0" "loc-1 loc-2" "loc-3 loc-4" "loc-5 loc-6" "loc-7 loc-8";
  }
}
@media (min-width: 960px) {
  .css-1xxmsxd {
    grid-template-areas: "loc-0 loc-0 loc-0 loc-0" "loc-1 loc-2 loc-3 loc-4" "loc-5 loc-6 loc-7 loc-8";
  }
}
.css-1xxmsxd sx {
  margin-left: -12px;
  margin-right: -12px;
}
.css-yue9bx {
  margin: auto -12px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "loc-0" "loc-1" "loc-2" "loc-3" "loc-4" "loc-5" "loc-6" "loc-7" "loc-8";
  padding: 0px;
}
@media (min-width: 600px) {
  .css-yue9bx {
    grid-template-areas: "loc-0 loc-0" "loc-1 loc-2" "loc-3 loc-4" "loc-5 loc-6" "loc-7 loc-8";
  }
}
@media (min-width: 960px) {
  .css-yue9bx {
    grid-template-areas: "loc-0 loc-0 loc-0 loc-0" "loc-1 loc-2 loc-3 loc-4" "loc-5 loc-6 loc-7 loc-8";
  }
}
.css-yue9bx sx {
  margin-left: -12px;
  margin-right: -12px;
}
.css-19abm78 {
  grid-area: loc-1 / loc-1 / loc-1 / loc-1;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  padding: 12px !important;
}
.css-19abm78 .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-xsbyz {
  grid-area: loc-2 / loc-2 / loc-2 / loc-2;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  padding: 12px !important;
}
.css-xsbyz .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-jem5r3 {
  grid-area: loc-3 / loc-3 / loc-3 / loc-3;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  padding: 12px !important;
}
.css-jem5r3 .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-14vqda3 {
  grid-area: loc-4 / loc-4 / loc-4 / loc-4;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  padding: 12px !important;
}
.css-14vqda3 .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-1y6c864 {
  background-color: rgb(27, 32, 36);
  color: rgb(255, 255, 255);
}
.css-1y6c864 a:not(.MuiButton-contained):not(.shelf-tab-selected) {
  color: rgb(255, 255, 255);
}
.css-1y6c864 .MuiButton-contained {
  border-color: rgb(241, 242, 243);
  background-color: rgb(241, 242, 243);
  color: rgb(27, 32, 36);
}
.css-1y6c864 .MuiButton-contained:hover {
  border-color: rgb(224, 34, 31);
  background-color: rgb(224, 34, 31);
}
.css-1y6c864 .MuiButton-outlined {
  color: rgb(241, 242, 243);
  border-color: rgb(81, 90, 97);
}
.css-1y6c864 .MuiButton-outlined:hover {
  border-color: rgb(224, 34, 31);
}
.css-1y6c864 .MuiCardContent-root a > p {
  color: rgb(255, 61, 52);
}
.css-1y6c864 a:not(.MuiButton-root):not(.SBS_ShelfItem) {
  text-decoration: underline;
}
.css-c9lpmp {
  background-color: rgb(27, 32, 36);
  color: rgb(255, 255, 255);
}
.css-c9lpmp a:not(.MuiButton-contained):not(.shelf-tab-selected) {
  color: rgb(255, 255, 255);
}
.css-c9lpmp .MuiButton-contained {
  border-color: rgb(241, 242, 243);
  background-color: rgb(241, 242, 243);
  color: rgb(27, 32, 36);
}
.css-c9lpmp .MuiButton-contained:hover {
  border-color: rgb(224, 34, 31);
  background-color: rgb(224, 34, 31);
}
.css-c9lpmp .MuiButton-outlined {
  color: rgb(241, 242, 243);
  border-color: rgb(81, 90, 97);
}
.css-c9lpmp .MuiButton-outlined:hover {
  border-color: rgb(224, 34, 31);
}
.css-c9lpmp .MuiCardContent-root a > p {
  color: rgb(255, 61, 52);
}
.css-c9lpmp a:not(.MuiButton-root):not(.SBS_ShelfItem) {
  text-decoration: underline;
}
.css-1q34k9u {
  display: flex;
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
  margin: -6px -12px -8px;
  padding: 0px;
}
@media (min-width: 960px) {
  .css-1q34k9u {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    padding: 12px 0px 16px;
    margin: -12px -12px -16px;
  }
}
.css-1q34k9u > .SBS_ShelfItem {
  max-width: 25%;
  min-width: 224px;
}
.css-1q34k9u sx {
  margin-left: -12px;
  margin-right: -12px;
}
.css-1vs5sfj {
  display: flex;
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
  margin: -6px -12px -8px;
  padding: 0px;
}
@media (min-width: 960px) {
  .css-1vs5sfj {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    padding: 12px 0px 16px;
    margin: -12px -12px -16px;
  }
}
.css-1vs5sfj > .SBS_ShelfItem {
  max-width: 25%;
  min-width: 224px;
}
.css-1vs5sfj sx {
  margin-left: -12px;
  margin-right: -12px;
}
.css-1tyu1bi {
  margin: auto -12px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "loc-0" "loc-1" "loc-2" "loc-3" "loc-4" "loc-5";
  padding: 0px;
}
@media (min-width: 600px) {
  .css-1tyu1bi {
    grid-template-areas: "loc-0 loc-0" "loc-1 loc-1" "loc-2 loc-3" "loc-4 loc-5";
  }
}
@media (min-width: 1024px) {
  .css-1tyu1bi {
    grid-template-areas: "loc-0 loc-0 loc-0 loc-0" "loc-1 loc-1 loc-2 loc-3" "loc-1 loc-1 loc-4 loc-5";
  }
}
.css-1tyu1bi sx {
  margin-left: -12px;
  margin-right: -12px;
}
.css-11q9ba3 {
  margin: auto -12px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "loc-0" "loc-1" "loc-2" "loc-3" "loc-4" "loc-5";
  padding: 0px;
}
@media (min-width: 600px) {
  .css-11q9ba3 {
    grid-template-areas: "loc-0 loc-0" "loc-1 loc-1" "loc-2 loc-3" "loc-4 loc-5";
  }
}
@media (min-width: 1024px) {
  .css-11q9ba3 {
    grid-template-areas: "loc-0 loc-0 loc-0 loc-0" "loc-1 loc-1 loc-2 loc-3" "loc-1 loc-1 loc-4 loc-5";
  }
}
.css-11q9ba3 sx {
  margin-left: -12px;
  margin-right: -12px;
}
.css-c2f38m {
  background-color: transparent;
  border-radius: 0px;
  transition: all 0.2s ease 0s;
}
.css-c2f38m img:first-of-type {
  transition: all 0.2s ease 0s;
}
a .css-c2f38m:hover img:first-of-type {
  transform: scale(1.05);
}
.css-1s9kzt6 {
  margin: 0px 0px 4px;
  font-size: 1rem;
  line-height: 1.33333;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
  letter-spacing: normal;
  display: block;
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (min-width: 960px) {
  .css-1s9kzt6 {
    font-size: 1.11111rem;
    line-height: 1.4;
  }
}
.css-1s9kzt6:hover {
  text-decoration: none;
}
.css-hfvoif {
  grid-area: loc-5 / loc-5 / loc-5 / loc-5;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  padding: 12px !important;
}
.css-hfvoif .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-1427jts {
  background-color: rgb(11, 13, 15);
  color: rgb(255, 255, 255);
}
.css-1427jts a:not(.MuiButton-contained) {
  color: rgb(255, 255, 255);
}
.css-1427jts a:not(.MuiButton-root):not(.SBS_ShelfItem) {
  text-decoration: underline;
}
.css-atkyx3 {
  background-color: rgb(11, 13, 15);
  color: rgb(255, 255, 255);
}
.css-atkyx3 a:not(.MuiButton-contained) {
  color: rgb(255, 255, 255);
}
.css-atkyx3 a:not(.MuiButton-root):not(.SBS_ShelfItem) {
  text-decoration: underline;
}
.css-3duvke {
  border-left: 4px solid rgb(253, 183, 23);
  padding-left: 16px;
  margin-bottom: 12px;
  border-top-color: rgb(253, 183, 23);
  border-right-color: rgb(253, 183, 23);
  border-bottom-color: rgb(253, 183, 23);
}
.css-171r7nj {
  grid-area: loc-2 / loc-2 / loc-2 / loc-2;
  color: inherit;
  padding: 0px;
  scroll-snap-align: start;
  flex: 1 1 0px;
  align-self: baseline;
}
.css-171r7nj .SBS_ShelfItem {
  padding: 0px;
}
.css-1290tko {
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 0px) {
  .css-1290tko {
    display: none;
    text-align: center;
  }
}
@media (min-width: 960px) {
  .css-1290tko {
    display: flex;
    margin-left: 12px;
    text-align: left;
  }
}
.css-1va9zi4 {
  margin: 0px;
  font-size: 0.777778rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
  color: rgb(241, 242, 243);
  white-space: nowrap;
}
@media (min-width: 0px) {
  .css-1va9zi4 {
    margin-bottom: 12px;
  }
}
@media (min-width: 960px) {
  .css-1va9zi4 {
    margin-right: 12px;
    margin-bottom: 0px;
  }
}
.css-1axrxaz {
  text-decoration: none;
  color: rgb(11, 13, 15);
}
.css-6n21b7 {
  margin: 0px;
  font-size: 0.777778rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
  background-color: rgb(253, 183, 23);
  border-radius: 160px;
  display: inline-flex;
  justify-content: space-around;
  text-decoration: none;
  color: rgb(11, 13, 15);
}
@media (min-width: 0px) {
  .css-6n21b7 {
    font-size: 14px;
    width: 100%;
    height: 44px;
  }
}
@media (min-width: 600px) {
  .css-6n21b7 {
    width: 382px;
  }
}
@media (min-width: 960px) {
  .css-6n21b7 {
    font-size: 12px;
    width: 182px;
    height: 30px;
  }
}
.css-vb6e92 {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}
.css-vb6e92 > :not(style) + :not(style) {
  margin: 0px 0px 0px 8px;
}
.css-1dpz5gd {
  margin: 0px;
  color: rgb(27, 32, 36);
}
@media (max-width: 599.95px) {
  .css-1dhkeyj {
    width: 94px;
    height: 19px;
  }
}
@media (min-width: 600px) {
  .css-1dhkeyj {
    width: 84px;
    height: 17px;
  }
}
.css-1x0p1ct {
  box-sizing: border-box;
  flex-direction: row;
}
@media (min-width: 960px) {
  .css-1x0p1ct {
    display: none;
  }
}
.css-vmf67y {
  margin: 0px 0px 24px;
  flex-shrink: 0;
  border-width: 0px 0px thin;
  border-style: solid;
  border-color: rgb(27, 32, 36);
}
.css-yox6m2 {
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 0px) {
  .css-yox6m2 {
    display: block;
    text-align: center;
  }
}
@media (min-width: 960px) {
  .css-yox6m2 {
    display: flex;
    margin-left: 12px;
    text-align: left;
  }
}
.css-sheofe {
  display: flex;
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
  margin: -6px -12px -8px;
  padding: 0px;
}
@media (min-width: 960px) {
  .css-sheofe {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    padding: 12px 0px 16px;
    margin: -12px -12px -16px;
  }
}
.css-sheofe > .SBS_ShelfItem {
  max-width: 33%;
  min-width: 224px;
}
.css-sheofe sx {
  margin-left: -12px;
  margin-right: -12px;
}
.css-1i6i0lb {
  display: flex;
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
  margin: -6px -12px -8px;
  padding: 0px;
}
@media (min-width: 960px) {
  .css-1i6i0lb {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    padding: 12px 0px 16px;
    margin: -12px -12px -16px;
  }
}
.css-1i6i0lb > .SBS_ShelfItem {
  max-width: 33%;
  min-width: 224px;
}
.css-1i6i0lb sx {
  margin-left: -12px;
  margin-right: -12px;
}
.css-rcgg6s {
  grid-area: loc-6 / loc-6 / loc-6 / loc-6;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  padding: 12px !important;
}
.css-rcgg6s .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-lk4dhb {
  grid-area: loc-7 / loc-7 / loc-7 / loc-7;
  color: inherit;
  scroll-snap-align: start;
  flex: 1 1 0px;
  padding: 12px !important;
}
.css-lk4dhb .SBS_ShelfItem {
  padding: 12px 0px;
}
.css-9mx8yr {
  margin: 0px auto;
  max-width: 1440px;
}
@media (min-width: 0px) {
  .css-9mx8yr {
    padding: 32px 12px;
  }
}
@media (min-width: 960px) {
  .css-9mx8yr {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .css-9mx8yr {
    padding: 48px 24px;
  }
}
@media (min-width: 1440px) {
  .css-9mx8yr {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.css-ndtmny {
  border-left: 4px solid rgb(224, 34, 31);
  padding-left: 16px;
  margin-bottom: 24px;
}
.css-13mlvgi {
  position: relative;
}
@media (min-width: 0px) {
  .css-13mlvgi {
    flex: 0 0 90.9091%;
  }
}
@media (min-width: 600px) {
  .css-13mlvgi {
    flex: 0 0 90.9091%;
  }
}
@media (min-width: 960px) {
  .css-13mlvgi {
    flex: 0 0 33.3333%;
  }
}
@media (min-width: 1280px) {
  .css-13mlvgi {
    flex: 0 0 33.3333%;
  }
}
@media (min-width: 1440px) {
  .css-13mlvgi {
    flex: 0 0 33.3333%;
  }
}
.css-1431tpp {
  display: flex;
  padding: 8px;
  flex-direction: column;
  background-color: rgb(11, 13, 15);
  height: 100%;
  margin-right: 8px;
}
.css-l1lgv7 {
  background-color: rgb(11, 13, 15);
  display: flex;
  flex-direction: row;
  color: white;
}
.css-ova271 {
  overflow: hidden;
  background-color: rgb(11, 13, 15);
  display: flex;
  flex-direction: row;
  color: white;
}
.css-1nu5xuv {
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgb(11, 13, 15);
  display: flex;
  flex-direction: row;
  color: white;
}
.css-183yuve {
  margin: 24px 16px 16px;
  position: relative;
  font-size: 0px;
}
.css-1inzv75 {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 24px 16px 16px;
  position: relative;
  font-size: 0px;
}
.css-fus5y7 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 0px) {
  .css-fus5y7 {
    padding-top: 24px;
    padding-bottom: 16px;
  }
}
@media (min-width: 960px) {
  .css-fus5y7 {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}
.css-bmesc0 {
  margin: 0px;
  font-size: 1rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55556;
  letter-spacing: normal;
}
.css-a7x2s3 {
  color: rgb(155, 164, 172);
  display: flex;
}
.css-a7x2s3 svg {
  height: 18px;
  width: 18px;
  fill: rgb(155, 164, 172);
  vertical-align: middle;
}
.css-1bsxxzh {
  color: rgb(155, 164, 172);
  display: flex;
}
.css-1bsxxzh svg {
  height: 18px;
  width: 18px;
  fill: rgb(155, 164, 172);
  vertical-align: middle;
}
.css-1tnwvkd {
  padding-left: 6px;
  padding-right: 0px;
  direction: initial;
}
.css-i1cpdz {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  padding-left: 6px;
  padding-right: 0px;
  direction: initial;
}
.css-qrhcem {
  padding: 0px;
  margin-top: auto;
}
@media (min-width: 960px) {
  .css-qrhcem {
    max-width: 382px;
  }
}
.css-j3st6p {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px;
  margin-top: auto;
}
.css-j3st6p > :not(:first-of-type) {
  margin-left: 8px;
}
@media (min-width: 960px) {
  .css-j3st6p {
    max-width: 382px;
  }
}
.css-1p4qa43 {
  font-size: 14px;
  margin-right: -28px;
  margin-left: 0px;
}
@media (max-width: 599.95px) {
  .css-1p4qa43 {
    margin-right: -20px;
  }
}
.css-ofbrkb {
  margin: 0px -28px 0px 0px;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55556;
  letter-spacing: normal;
  font-size: 14px;
}
@media (max-width: 599.95px) {
  .css-ofbrkb {
    margin-right: -20px;
  }
}
.css-17f0sez {
  display: flex;
}
@media (max-width: 599.95px) {
  .css-17f0sez {
    display: none;
  }
}
.css-13tuov8 {
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  transition: all 0.3s ease 0s;
  color: rgb(255, 255, 255);
  margin-right: 0px;
  min-width: 64px;
  width: initial;
}
.css-13tuov8 svg {
  transition: all 0.3s ease 0s;
}
.css-13tuov8:hover {
  transform: scale(1.1);
}
.css-13tuov8:hover svg {
  transform: scale(1.1);
}
.css-2c5v22 {
  font-size: 0.666667rem;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 6px 8px;
  border-radius: 4px;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  transition: all 0.3s ease 0s;
  color: rgb(255, 255, 255);
  margin-right: 0px;
  min-width: 64px;
  width: initial;
}
.css-2c5v22:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-2c5v22:hover {
    background-color: transparent;
  }
}
.css-2c5v22.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-2c5v22 svg {
  transition: all 0.3s ease 0s;
}
.css-2c5v22:hover {
  transform: scale(1.1);
}
.css-2c5v22:hover svg {
  transform: scale(1.1);
}
.css-8r455t {
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-size: 0.666667rem;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 6px 8px;
  border-radius: 4px;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  transition: all 0.3s ease 0s;
  color: rgb(255, 255, 255);
  min-width: 64px;
  width: initial;
}
.css-8r455t.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-8r455t {
    -webkit-print-color-adjust: exact;
  }
}
.css-8r455t:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-8r455t:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-8r455t:hover {
    background-color: transparent;
  }
}
.css-8r455t.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-8r455t svg {
  transition: all 0.3s ease 0s;
}
.css-8r455t:hover {
  transform: scale(1.1);
}
.css-8r455t:hover svg {
  transform: scale(1.1);
}
.css-5zcg2s {
  border-color: rgb(27, 32, 36);
}
.css-e28te8 {
  margin: 0px;
  flex-shrink: 0;
  border-width: 0px 0px thin;
  border-style: solid;
  border-color: rgb(27, 32, 36);
}
.css-4pqftp {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  margin-bottom: 16px;
}
.css-10mpvxf {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 4px;
}
.css-10mpvxf:hover {
  transition: all 500ms ease 0s;
  background-color: rgb(27, 32, 36);
  border-radius: 8px;
}
.css-10mpvxf:hover .e18v9sni4 {
  transition: all 500ms ease 0s;
  background-color: rgb(250, 250, 250);
}
.css-10mpvxf:hover .e18v9sni4 svg {
  transition: all 500ms ease 0s;
  fill: rgb(27, 32, 36);
}
.css-1mg5dtl {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 4px;
}
.css-1mg5dtl:hover {
  transition: all 500ms ease 0s;
  background-color: rgb(27, 32, 36);
  border-radius: 8px;
}
.css-1mg5dtl:hover .e18v9sni4 {
  transition: all 500ms ease 0s;
  background-color: rgb(250, 250, 250);
}
.css-1mg5dtl:hover .e18v9sni4 svg {
  transition: all 500ms ease 0s;
  fill: rgb(27, 32, 36);
}
.css-1gdm5eg {
  color: unset;
  font: unset;
  font-palette: unset;
  font-synthesis: unset;
  forced-color-adjust: unset;
  text-orientation: unset;
  text-rendering: unset;
  -webkit-font-smoothing: unset;
  -webkit-locale: unset;
  -webkit-text-orientation: unset;
  -webkit-writing-mode: unset;
  writing-mode: unset;
  zoom: unset;
  accent-color: unset;
  align-content: unset;
  align-items: center;
  place-self: unset;
  alignment-baseline: unset;
  animation-composition: unset;
  animation: unset;
  app-region: unset;
  appearance: unset;
  aspect-ratio: unset;
  backdrop-filter: unset;
  backface-visibility: unset;
  background: unset;
  background-blend-mode: unset;
  baseline-shift: unset;
  baseline-source: unset;
  block-size: unset;
  border-block: unset;
  border: unset;
  border-radius: unset;
  border-collapse: unset;
  border-end-end-radius: unset;
  border-end-start-radius: unset;
  border-inline: unset;
  border-start-end-radius: unset;
  border-start-start-radius: unset;
  inset: unset;
  box-shadow: unset;
  box-sizing: unset;
  break-after: unset;
  break-before: unset;
  break-inside: unset;
  buffered-rendering: unset;
  caption-side: unset;
  caret-color: unset;
  clear: unset;
  clip: unset;
  clip-path: unset;
  clip-rule: unset;
  color-interpolation: unset;
  color-interpolation-filters: unset;
  color-rendering: unset;
  color-scheme: unset;
  columns: unset;
  column-fill: unset;
  gap: unset;
  column-rule: unset;
  column-span: unset;
  contain: unset;
  contain-intrinsic-block-size: unset;
  contain-intrinsic-size: unset;
  contain-intrinsic-inline-size: unset;
  container: unset;
  content: unset;
  content-visibility: unset;
  counter-increment: unset;
  counter-reset: unset;
  counter-set: unset;
  cursor: pointer;
  cx: unset;
  cy: unset;
  d: unset;
  display: flex;
  dominant-baseline: unset;
  empty-cells: unset;
  fill: unset;
  fill-opacity: unset;
  fill-rule: unset;
  filter: unset;
  flex: unset;
  flex-flow: unset;
  float: unset;
  flood-color: unset;
  flood-opacity: unset;
  grid: unset;
  grid-area: unset;
  height: unset;
  hyphenate-character: unset;
  hyphenate-limit-chars: unset;
  hyphens: unset;
  image-orientation: unset;
  image-rendering: unset;
  initial-letter: unset;
  inline-size: unset;
  inset-block: unset;
  inset-inline: unset;
  isolation: unset;
  justify-content: space-between;
  justify-items: unset;
  letter-spacing: unset;
  lighting-color: unset;
  line-break: unset;
  list-style: unset;
  margin-block: unset;
  margin: unset;
  margin-inline: unset;
  marker: unset;
  mask: unset;
  mask-type: unset;
  math-depth: unset;
  math-shift: unset;
  math-style: unset;
  max-block-size: unset;
  max-height: unset;
  max-inline-size: unset;
  max-width: unset;
  min-block-size: unset;
  min-height: 68px;
  min-inline-size: unset;
  min-width: unset;
  mix-blend-mode: unset;
  object-fit: unset;
  object-position: unset;
  object-view-box: unset;
  offset: unset;
  opacity: unset;
  order: unset;
  orphans: unset;
  outline: unset;
  outline-offset: unset;
  overflow-anchor: unset;
  overflow-clip-margin: unset;
  overflow-wrap: unset;
  overflow: unset;
  overscroll-behavior-block: unset;
  overscroll-behavior-inline: unset;
  overscroll-behavior: unset;
  padding-block: unset;
  padding: unset;
  padding-inline: unset;
  page: unset;
  page-orientation: unset;
  paint-order: unset;
  perspective: unset;
  perspective-origin: unset;
  pointer-events: unset;
  position: unset;
  quotes: unset;
  r: unset;
  resize: unset;
  rotate: unset;
  ruby-position: unset;
  rx: unset;
  ry: unset;
  scale: unset;
  scroll-behavior: unset;
  scroll-margin-block: unset;
  scroll-margin: unset;
  scroll-margin-inline: unset;
  scroll-padding-block: unset;
  scroll-padding: unset;
  scroll-padding-inline: unset;
  scroll-snap-align: unset;
  scroll-snap-stop: unset;
  scroll-snap-type: unset;
  scrollbar-gutter: unset;
  shape-image-threshold: unset;
  shape-margin: unset;
  shape-outside: unset;
  shape-rendering: unset;
  size: unset;
  speak: unset;
  stop-color: unset;
  stop-opacity: unset;
  stroke: unset;
  stroke-dasharray: unset;
  stroke-dashoffset: unset;
  stroke-linecap: unset;
  stroke-linejoin: unset;
  stroke-miterlimit: unset;
  stroke-opacity: unset;
  stroke-width: unset;
  tab-size: unset;
  table-layout: unset;
  text-align: unset;
  text-align-last: unset;
  text-anchor: unset;
  text-combine-upright: unset;
  text-decoration: unset;
  text-decoration-skip-ink: unset;
  text-emphasis: unset;
  text-emphasis-position: unset;
  text-indent: unset;
  text-overflow: unset;
  text-shadow: unset;
  text-size-adjust: unset;
  text-transform: unset;
  text-underline-offset: unset;
  text-underline-position: unset;
  touch-action: unset;
  transform: unset;
  transform-box: unset;
  transform-origin: unset;
  transform-style: unset;
  transition: unset;
  translate: unset;
  user-select: unset;
  vector-effect: unset;
  vertical-align: unset;
  view-transition-name: unset;
  visibility: unset;
  border-spacing: unset;
  -webkit-box-align: center;
  -webkit-box-decoration-break: unset;
  -webkit-box-direction: unset;
  -webkit-box-flex: unset;
  -webkit-box-ordinal-group: unset;
  -webkit-box-orient: unset;
  -webkit-box-pack: justify;
  -webkit-box-reflect: unset;
  -webkit-highlight: unset;
  -webkit-line-break: unset;
  -webkit-line-clamp: unset;
  -webkit-mask-box-image: unset;
  -webkit-mask: unset;
  -webkit-mask-composite: unset;
  -webkit-print-color-adjust: unset;
  -webkit-rtl-ordering: unset;
  -webkit-ruby-position: unset;
  -webkit-tap-highlight-color: unset;
  -webkit-text-combine: unset;
  -webkit-text-decorations-in-effect: unset;
  -webkit-text-fill-color: unset;
  -webkit-text-security: unset;
  -webkit-text-stroke: unset;
  -webkit-user-drag: unset;
  -webkit-user-modify: unset;
  white-space: unset;
  widows: unset;
  width: unset;
  will-change: unset;
  word-break: unset;
  word-spacing: unset;
  x: unset;
  y: unset;
  z-index: unset;
}
.css-wxz38p {
  color: unset;
  font: unset;
  font-palette: unset;
  font-synthesis: unset;
  forced-color-adjust: unset;
  text-orientation: unset;
  text-rendering: unset;
  -webkit-font-smoothing: unset;
  -webkit-locale: unset;
  -webkit-text-orientation: unset;
  -webkit-writing-mode: unset;
  writing-mode: unset;
  zoom: unset;
  accent-color: unset;
  align-content: unset;
  align-items: center;
  place-self: unset;
  alignment-baseline: unset;
  animation-composition: unset;
  animation: unset;
  app-region: unset;
  appearance: unset;
  aspect-ratio: unset;
  backdrop-filter: unset;
  backface-visibility: unset;
  background: unset;
  background-blend-mode: unset;
  baseline-shift: unset;
  baseline-source: unset;
  block-size: unset;
  border-block: unset;
  border: unset;
  border-radius: unset;
  border-collapse: unset;
  border-end-end-radius: unset;
  border-end-start-radius: unset;
  border-inline: unset;
  border-start-end-radius: unset;
  border-start-start-radius: unset;
  inset: unset;
  box-shadow: unset;
  box-sizing: unset;
  break-after: unset;
  break-before: unset;
  break-inside: unset;
  buffered-rendering: unset;
  caption-side: unset;
  caret-color: unset;
  clear: unset;
  clip: unset;
  clip-path: unset;
  clip-rule: unset;
  color-interpolation: unset;
  color-interpolation-filters: unset;
  color-rendering: unset;
  color-scheme: unset;
  columns: unset;
  column-fill: unset;
  gap: unset;
  column-rule: unset;
  column-span: unset;
  contain: unset;
  contain-intrinsic-block-size: unset;
  contain-intrinsic-size: unset;
  contain-intrinsic-inline-size: unset;
  container: unset;
  content: unset;
  content-visibility: unset;
  counter-increment: unset;
  counter-reset: unset;
  counter-set: unset;
  cursor: pointer;
  cx: unset;
  cy: unset;
  d: unset;
  display: flex;
  dominant-baseline: unset;
  empty-cells: unset;
  fill: unset;
  fill-opacity: unset;
  fill-rule: unset;
  filter: unset;
  flex: unset;
  flex-flow: unset;
  float: unset;
  flood-color: unset;
  flood-opacity: unset;
  grid: unset;
  grid-area: unset;
  height: unset;
  hyphenate-character: unset;
  hyphenate-limit-chars: unset;
  hyphens: unset;
  image-orientation: unset;
  image-rendering: unset;
  initial-letter: unset;
  inline-size: unset;
  inset-block: unset;
  inset-inline: unset;
  isolation: unset;
  justify-content: space-between;
  justify-items: unset;
  letter-spacing: unset;
  lighting-color: unset;
  line-break: unset;
  list-style: unset;
  margin-block: unset;
  margin: unset;
  margin-inline: unset;
  marker: unset;
  mask: unset;
  mask-type: unset;
  math-depth: unset;
  math-shift: unset;
  math-style: unset;
  max-block-size: unset;
  max-height: unset;
  max-inline-size: unset;
  max-width: unset;
  min-block-size: unset;
  min-height: 68px;
  min-inline-size: unset;
  min-width: unset;
  mix-blend-mode: unset;
  object-fit: unset;
  object-position: unset;
  object-view-box: unset;
  offset: unset;
  opacity: unset;
  order: unset;
  orphans: unset;
  outline: unset;
  outline-offset: unset;
  overflow-anchor: unset;
  overflow-clip-margin: unset;
  overflow-wrap: unset;
  overflow: unset;
  overscroll-behavior-block: unset;
  overscroll-behavior-inline: unset;
  overscroll-behavior: unset;
  padding-block: unset;
  padding: unset;
  padding-inline: unset;
  page: unset;
  page-orientation: unset;
  paint-order: unset;
  perspective: unset;
  perspective-origin: unset;
  pointer-events: unset;
  position: unset;
  quotes: unset;
  r: unset;
  resize: unset;
  rotate: unset;
  ruby-position: unset;
  rx: unset;
  ry: unset;
  scale: unset;
  scroll-behavior: unset;
  scroll-margin-block: unset;
  scroll-margin: unset;
  scroll-margin-inline: unset;
  scroll-padding-block: unset;
  scroll-padding: unset;
  scroll-padding-inline: unset;
  scroll-snap-align: unset;
  scroll-snap-stop: unset;
  scroll-snap-type: unset;
  scrollbar-gutter: unset;
  shape-image-threshold: unset;
  shape-margin: unset;
  shape-outside: unset;
  shape-rendering: unset;
  size: unset;
  speak: unset;
  stop-color: unset;
  stop-opacity: unset;
  stroke: unset;
  stroke-dasharray: unset;
  stroke-dashoffset: unset;
  stroke-linecap: unset;
  stroke-linejoin: unset;
  stroke-miterlimit: unset;
  stroke-opacity: unset;
  stroke-width: unset;
  tab-size: unset;
  table-layout: unset;
  text-align: unset;
  text-align-last: unset;
  text-anchor: unset;
  text-combine-upright: unset;
  text-decoration: unset;
  text-decoration-skip-ink: unset;
  text-emphasis: unset;
  text-emphasis-position: unset;
  text-indent: unset;
  text-overflow: unset;
  text-shadow: unset;
  text-size-adjust: unset;
  text-transform: unset;
  text-underline-offset: unset;
  text-underline-position: unset;
  touch-action: unset;
  transform: unset;
  transform-box: unset;
  transform-origin: unset;
  transform-style: unset;
  transition: unset;
  translate: unset;
  user-select: unset;
  vector-effect: unset;
  vertical-align: unset;
  view-transition-name: unset;
  visibility: unset;
  border-spacing: unset;
  -webkit-box-align: center;
  -webkit-box-decoration-break: unset;
  -webkit-box-direction: unset;
  -webkit-box-flex: unset;
  -webkit-box-ordinal-group: unset;
  -webkit-box-orient: unset;
  -webkit-box-pack: justify;
  -webkit-box-reflect: unset;
  -webkit-highlight: unset;
  -webkit-line-break: unset;
  -webkit-line-clamp: unset;
  -webkit-mask-box-image: unset;
  -webkit-mask: unset;
  -webkit-mask-composite: unset;
  -webkit-print-color-adjust: unset;
  -webkit-rtl-ordering: unset;
  -webkit-ruby-position: unset;
  -webkit-tap-highlight-color: unset;
  -webkit-text-combine: unset;
  -webkit-text-decorations-in-effect: unset;
  -webkit-text-fill-color: unset;
  -webkit-text-security: unset;
  -webkit-text-stroke: unset;
  -webkit-user-drag: unset;
  -webkit-user-modify: unset;
  white-space: unset;
  widows: unset;
  width: unset;
  will-change: unset;
  word-break: unset;
  word-spacing: unset;
  x: unset;
  y: unset;
  z-index: unset;
}
.css-iful63 {
  width: 36px;
  height: 36px;
  margin-right: 8px;
  background-color: rgb(27, 32, 36);
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 50%;
}
.css-iful63 svg {
  z-index: 1;
  position: absolute;
  width: 16px;
  height: 16px;
  fill: rgb(250, 250, 250);
}
.css-1nsi986 {
  user-select: none;
  overflow: hidden;
  text-align: center;
  flex-shrink: 0;
  font-size: 1.33333rem;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  background-color: rgb(27, 32, 36);
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 50%;
}
.css-1nsi986 svg {
  z-index: 1;
  position: absolute;
  width: 16px;
  height: 16px;
  fill: rgb(250, 250, 250);
}
.css-1go17gu {
  flex: 1 1 0%;
  align-self: baseline;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  margin-top: 9px;
}
.css-12fuwby {
  flex: 1 1 0%;
  align-self: baseline;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  margin-top: 9px;
}
.css-70qvj9 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.css-og1gb1 {
  display: flex;
  font-size: 12px;
  color: rgb(155, 164, 172);
}
.css-og1gb1 svg {
  margin: 0px 4px;
  width: 16px;
  height: 16px;
}
.css-10o77ha {
  padding: 0px;
}
.css-10o77ha:hover {
  background-color: transparent;
}
@media (min-width: 960px) {
  .css-10o77ha {
    max-width: 382px;
  }
}
.css-17uonc2 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px;
}
.css-17uonc2 > :not(:first-of-type) {
  margin-left: 8px;
}
.css-17uonc2:hover {
  background-color: transparent;
}
@media (min-width: 960px) {
  .css-17uonc2 {
    max-width: 382px;
  }
}
.css-zqdzab {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
@media (min-width: 600px) {
  .css-zqdzab {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 960px) {
  .css-zqdzab {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.css-1vljd9e {
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  line-height: 1.5;
  border: 2px solid rgb(47, 52, 56);
  color: rgb(241, 242, 243);
  display: block;
  font-weight: 500;
  font-size: 0.666667rem;
}
.css-1vljd9e:hover {
  box-shadow: none;
}
.css-1vljd9e:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-1vljd9e:hover.css-1vljd9e:hover {
  border-width: 2px;
}
.css-1vljd9e:active,
.css-1vljd9e:hover {
  border-color: rgb(224, 34, 31);
}
.css-1vljd9e:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-1vljd9e {
    margin-bottom: 24px;
  }
}
.css-uzi3z6 {
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  line-height: 1.5;
  border: 2px solid rgb(47, 52, 56);
  color: rgb(241, 242, 243);
  display: block;
  font-weight: 500;
  font-size: 0.666667rem;
}
.css-uzi3z6:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
  border: 1px solid rgb(47, 52, 56);
}
@media (hover: none) {
  .css-uzi3z6:hover {
    background-color: transparent;
  }
}
.css-uzi3z6.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.css-uzi3z6:hover {
  box-shadow: none;
}
.css-uzi3z6:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-uzi3z6:hover.css-uzi3z6:hover {
  border-width: 2px;
}
.css-uzi3z6:active,
.css-uzi3z6:hover {
  border-color: rgb(224, 34, 31);
}
.css-uzi3z6:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-uzi3z6 {
    margin-bottom: 24px;
  }
}
.css-62cutw {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  line-height: 1.5;
  border: 2px solid rgb(47, 52, 56);
  color: rgb(241, 242, 243);
  display: block;
  font-weight: 500;
  font-size: 0.666667rem;
}
.css-62cutw.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-62cutw {
    -webkit-print-color-adjust: exact;
  }
}
.css-62cutw:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-62cutw:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
  border: 1px solid rgb(47, 52, 56);
}
@media (hover: none) {
  .css-62cutw:hover {
    background-color: transparent;
  }
}
.css-62cutw.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.css-62cutw:hover {
  box-shadow: none;
}
.css-62cutw:hover {
  background-color: transparent;
  border-color: rgb(207, 26, 23);
}
.css-62cutw:hover.css-62cutw:hover {
  border-width: 2px;
}
.css-62cutw:active,
.css-62cutw:hover {
  border-color: rgb(224, 34, 31);
}
.css-62cutw:disabled {
  border: 2px solid rgb(213, 217, 220);
}
@media (max-width: 599.95px) {
  .css-62cutw {
    margin-bottom: 24px;
  }
}
.css-gsmp0c {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
@media (min-width: 960px) {
  .css-gsmp0c {
    column-gap: 64px;
  }
}
.css-1pl2tyb {
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 1280px) {
  .css-1pl2tyb {
    align-items: flex-start;
    justify-content: left;
    flex-direction: row;
  }
}
.css-aa5toi {
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 1280px) {
  .css-aa5toi {
    align-items: flex-start;
    justify-content: left;
    flex-direction: row;
  }
}
.css-8918k4 {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
}
.css-8918k4 span {
  text-align: center;
}
@media (min-width: 1280px) {
  .css-8918k4 {
    align-items: flex-start;
    margin-left: 16px;
    margin-top: 0px;
  }
  .css-8918k4 span {
    text-align: inherit;
  }
}
.css-rv88gu {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
}
.css-rv88gu span {
  text-align: center;
}
@media (min-width: 1280px) {
  .css-rv88gu {
    align-items: flex-start;
    margin-left: 16px;
    margin-top: 0px;
  }
  .css-rv88gu span {
    text-align: inherit;
  }
}
.css-l6ct9h {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
}
.css-8z59e6 {
  display: grid;
  align-content: center;
  grid-template-rows: repeat(2, 1fr);
  max-height: 19vh;
}
@media (min-width: 960px) {
  .css-8z59e6 {
    grid-template-rows: 1fr;
    grid-template-columns: 16fr 66fr 16fr;
    flex-direction: row;
  }
}
.css-djaftr {
  display: grid;
  align-content: center;
  grid-template-rows: repeat(2, 1fr);
  max-height: 19vh;
}
@media (min-width: 960px) {
  .css-djaftr {
    grid-template-rows: 1fr;
    grid-template-columns: 16fr 66fr 16fr;
    flex-direction: row;
  }
}
.css-h02kzh {
  order: 2;
  z-index: 2;
  opacity: 1;
}
@media (min-width: 960px) {
  .css-h02kzh {
    order: -1;
  }
}
.css-1dnmjgi {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  order: 2;
  z-index: 2;
  opacity: 1;
}
@media (min-width: 960px) {
  .css-1dnmjgi {
    order: -1;
  }
}
.css-dvxtzn {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.css-10kf2u {
  color: rgb(155, 164, 172);
  transform: translateY(12px);
}
@media (min-width: 960px) {
  .css-10kf2u {
    display: none;
  }
}
.css-1mfkihr {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(155, 164, 172);
  transform: translateY(12px);
}
@media (min-width: 960px) {
  .css-1mfkihr {
    display: none;
  }
}
.css-1bfx0ml {
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.css-11yg257 {
  border-radius: 50%;
  border: 0px;
  color: rgb(241, 242, 243);
  background: transparent;
}
.css-11yg257:hover {
  background: rgb(47, 52, 56);
}
.css-11yg257:disabled {
  color: rgb(241, 242, 243);
  border: 0px;
}
.css-11yg257:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-dfo1u0 {
  font-size: 0.666667rem;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 11px;
  border-radius: 50%;
  border: 0px;
  color: rgb(241, 242, 243);
  background: transparent;
}
.css-dfo1u0.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.css-dfo1u0:hover {
  text-decoration: none;
  background-color: rgba(27, 32, 36, 0.04);
}
@media (hover: none) {
  .css-dfo1u0:hover {
    background-color: transparent;
  }
}
.css-dfo1u0.Mui-selected {
  color: rgb(27, 32, 36);
  background-color: rgba(27, 32, 36, 0.08);
}
.css-dfo1u0.Mui-selected:hover {
  background-color: rgba(27, 32, 36, 0.12);
}
@media (hover: none) {
  .css-dfo1u0.Mui-selected:hover {
    background-color: rgba(27, 32, 36, 0.08);
  }
}
.css-dfo1u0:hover {
  background: rgb(47, 52, 56);
}
.css-dfo1u0:disabled {
  color: rgb(241, 242, 243);
  border: 0px;
}
.css-dfo1u0:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-1psbb6e {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-size: 0.666667rem;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 11px;
  border-radius: 50%;
  border: 0px;
  color: rgb(241, 242, 243);
  background: transparent;
}
.css-1psbb6e.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-1psbb6e {
    -webkit-print-color-adjust: exact;
  }
}
.css-1psbb6e:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-1psbb6e.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.css-1psbb6e:hover {
  text-decoration: none;
  background-color: rgba(27, 32, 36, 0.04);
}
@media (hover: none) {
  .css-1psbb6e:hover {
    background-color: transparent;
  }
}
.css-1psbb6e.Mui-selected {
  color: rgb(27, 32, 36);
  background-color: rgba(27, 32, 36, 0.08);
}
.css-1psbb6e.Mui-selected:hover {
  background-color: rgba(27, 32, 36, 0.12);
}
@media (hover: none) {
  .css-1psbb6e.Mui-selected:hover {
    background-color: rgba(27, 32, 36, 0.08);
  }
}
.css-1psbb6e:hover {
  background: rgb(47, 52, 56);
}
.css-1psbb6e:disabled {
  color: rgb(241, 242, 243);
  border: 0px;
}
.css-1psbb6e:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-9ur1b {
  flex-direction: row;
}
.css-1251j9t {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
}
.css-1n6mhl {
  color: rgb(241, 242, 243);
  border: none;
  margin: 0px;
}
.css-1n6mhl svg {
  fill: rgb(255, 255, 255);
  z-index: 1;
  width: 24px;
  height: 24px;
}
.css-1n6mhl:hover::before {
  background: rgb(47, 52, 56);
}
.css-1n6mhl:active::before {
  background: rgb(81, 90, 97);
}
.css-1n6mhl::before {
  content: " ";
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-1n6mhl:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-1qpjxj2 {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 0px;
}
.css-1qpjxj2:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-1qpjxj2:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-1qpjxj2:disabled {
  color: rgb(213, 217, 220);
}
.css-1qpjxj2 svg {
  fill: rgb(255, 255, 255);
  z-index: 1;
  width: 24px;
  height: 24px;
}
.css-1qpjxj2:hover::before {
  background: rgb(47, 52, 56);
}
.css-1qpjxj2:active::before {
  background: rgb(81, 90, 97);
}
.css-1qpjxj2::before {
  content: " ";
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-1qpjxj2:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-ex44ag {
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 0px;
}
.css-ex44ag:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-ex44ag:hover {
    background-color: transparent;
  }
}
.css-ex44ag.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-ex44ag:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-ex44ag:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-ex44ag:disabled {
  color: rgb(213, 217, 220);
}
.css-ex44ag svg {
  fill: rgb(255, 255, 255);
  z-index: 1;
  width: 24px;
  height: 24px;
}
.css-ex44ag:hover::before {
  background: rgb(47, 52, 56);
}
.css-ex44ag:active::before {
  background: rgb(81, 90, 97);
}
.css-ex44ag::before {
  content: " ";
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-ex44ag:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-ib0r4c {
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 0px;
}
.css-ib0r4c.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-ib0r4c {
    -webkit-print-color-adjust: exact;
  }
}
.css-ib0r4c:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-ib0r4c:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-ib0r4c:hover {
    background-color: transparent;
  }
}
.css-ib0r4c.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-ib0r4c:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-ib0r4c:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-ib0r4c:disabled {
  color: rgb(213, 217, 220);
}
.css-ib0r4c svg {
  fill: rgb(255, 255, 255);
  z-index: 1;
  width: 24px;
  height: 24px;
}
.css-ib0r4c:hover::before {
  background: rgb(47, 52, 56);
}
.css-ib0r4c:active::before {
  background: rgb(81, 90, 97);
}
.css-ib0r4c::before {
  content: " ";
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-ib0r4c:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-r50xbx {
  color: rgb(241, 242, 243);
  border: none;
  margin: 8px;
}
.css-r50xbx svg {
  fill: rgb(255, 255, 255);
  z-index: 1;
  width: 48px;
  height: 48px;
}
.css-r50xbx:hover::before {
  background: rgb(47, 52, 56);
}
.css-r50xbx:active::before {
  background: rgb(81, 90, 97);
}
.css-r50xbx::before {
  content: " ";
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  transform: scale(1.3);
}
.css-r50xbx:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-so61jw {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 8px;
}
.css-so61jw:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-so61jw:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-so61jw:disabled {
  color: rgb(213, 217, 220);
}
.css-so61jw svg {
  fill: rgb(255, 255, 255);
  z-index: 1;
  width: 48px;
  height: 48px;
}
.css-so61jw:hover::before {
  background: rgb(47, 52, 56);
}
.css-so61jw:active::before {
  background: rgb(81, 90, 97);
}
.css-so61jw::before {
  content: " ";
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  transform: scale(1.3);
}
.css-so61jw:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-17u0qn8 {
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 8px;
}
.css-17u0qn8:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-17u0qn8:hover {
    background-color: transparent;
  }
}
.css-17u0qn8.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-17u0qn8:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-17u0qn8:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-17u0qn8:disabled {
  color: rgb(213, 217, 220);
}
.css-17u0qn8 svg {
  fill: rgb(255, 255, 255);
  z-index: 1;
  width: 48px;
  height: 48px;
}
.css-17u0qn8:hover::before {
  background: rgb(47, 52, 56);
}
.css-17u0qn8:active::before {
  background: rgb(81, 90, 97);
}
.css-17u0qn8::before {
  content: " ";
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  transform: scale(1.3);
}
.css-17u0qn8:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-1o9p43 {
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 8px;
}
.css-1o9p43.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-1o9p43 {
    -webkit-print-color-adjust: exact;
  }
}
.css-1o9p43:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-1o9p43:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-1o9p43:hover {
    background-color: transparent;
  }
}
.css-1o9p43.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-1o9p43:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-1o9p43:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-1o9p43:disabled {
  color: rgb(213, 217, 220);
}
.css-1o9p43 svg {
  fill: rgb(255, 255, 255);
  z-index: 1;
  width: 48px;
  height: 48px;
}
.css-1o9p43:hover::before {
  background: rgb(47, 52, 56);
}
.css-1o9p43:active::before {
  background: rgb(81, 90, 97);
}
.css-1o9p43::before {
  content: " ";
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  transform: scale(1.3);
}
.css-1o9p43:disabled svg {
  fill: rgb(81, 90, 97);
}
.css-v8add4 {
  color: rgb(241, 242, 243);
  border: none;
  margin: 0px 12px;
}
.css-v8add4 svg {
  z-index: 1;
  fill: rgb(27, 32, 36);
  height: 24px;
  width: 24px;
}
.css-v8add4:hover::before {
  transform: scale(1.1);
}
.css-v8add4:active::before {
  transform: scale(1);
}
.css-v8add4::before {
  content: " ";
  background: rgb(255, 255, 255);
  transition: all 0.2s ease 0s;
  height: 56px;
  width: 56px;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-1jacuui {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 0px 12px;
}
.css-1jacuui:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-1jacuui:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-1jacuui:disabled {
  color: rgb(213, 217, 220);
}
.css-1jacuui svg {
  z-index: 1;
  fill: rgb(27, 32, 36);
  height: 24px;
  width: 24px;
}
.css-1jacuui:hover::before {
  transform: scale(1.1);
}
.css-1jacuui:active::before {
  transform: scale(1);
}
.css-1jacuui::before {
  content: " ";
  background: rgb(255, 255, 255);
  transition: all 0.2s ease 0s;
  height: 56px;
  width: 56px;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-kbldz8 {
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 0px 12px;
}
.css-kbldz8:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-kbldz8:hover {
    background-color: transparent;
  }
}
.css-kbldz8.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-kbldz8:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-kbldz8:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-kbldz8:disabled {
  color: rgb(213, 217, 220);
}
.css-kbldz8 svg {
  z-index: 1;
  fill: rgb(27, 32, 36);
  height: 24px;
  width: 24px;
}
.css-kbldz8:hover::before {
  transform: scale(1.1);
}
.css-kbldz8:active::before {
  transform: scale(1);
}
.css-kbldz8::before {
  content: " ";
  background: rgb(255, 255, 255);
  transition: all 0.2s ease 0s;
  height: 56px;
  width: 56px;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-l35epm {
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
  margin: 0px 12px;
}
.css-l35epm.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-l35epm {
    -webkit-print-color-adjust: exact;
  }
}
.css-l35epm:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-l35epm:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-l35epm:hover {
    background-color: transparent;
  }
}
.css-l35epm.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-l35epm:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-l35epm:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-l35epm:disabled {
  color: rgb(213, 217, 220);
}
.css-l35epm svg {
  z-index: 1;
  fill: rgb(27, 32, 36);
  height: 24px;
  width: 24px;
}
.css-l35epm:hover::before {
  transform: scale(1.1);
}
.css-l35epm:active::before {
  transform: scale(1);
}
.css-l35epm::before {
  content: " ";
  background: rgb(255, 255, 255);
  transition: all 0.2s ease 0s;
  height: 56px;
  width: 56px;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-j9fx34 {
  order: 2;
  flex-direction: row;
}
@media (max-width: 599.95px) {
  .css-j9fx34 {
    display: none;
  }
}
.css-y5783b {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  order: 2;
  flex-direction: row;
}
@media (max-width: 599.95px) {
  .css-y5783b {
    display: none;
  }
}
.css-14shylc {
  border-radius: 50%;
  position: relative;
  z-index: 100;
}
.css-14shylc:hover {
  background: rgb(47, 52, 56);
}
.css-zepn3s {
  border: none;
  color: rgb(241, 242, 243);
  background: transparent;
}
.css-zepn3s:active {
  background: rgb(81, 90, 97);
}
.css-ns7rqt {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  border: none;
  color: rgb(241, 242, 243);
  background: transparent;
}
.css-ns7rqt:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-ns7rqt:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-ns7rqt:disabled {
  color: rgb(213, 217, 220);
}
.css-ns7rqt:active {
  background: rgb(81, 90, 97);
}
.css-7wroqr {
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  border: none;
  color: rgb(241, 242, 243);
  background: transparent;
}
.css-7wroqr:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-7wroqr:hover {
    background-color: transparent;
  }
}
.css-7wroqr.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-7wroqr:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-7wroqr:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-7wroqr:disabled {
  color: rgb(213, 217, 220);
}
.css-7wroqr:active {
  background: rgb(81, 90, 97);
}
.css-1irymt6 {
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  margin: 0px;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  border: none;
  color: rgb(241, 242, 243);
  background: transparent;
}
.css-1irymt6.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-1irymt6 {
    -webkit-print-color-adjust: exact;
  }
}
.css-1irymt6:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-1irymt6:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-1irymt6:hover {
    background-color: transparent;
  }
}
.css-1irymt6.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-1irymt6:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-1irymt6:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-1irymt6:disabled {
  color: rgb(213, 217, 220);
}
.css-1irymt6:active {
  background: rgb(81, 90, 97);
}
.css-by529t {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  position: relative;
  pointer-events: all;
}
.css-1a4angu {
  padding: 8px 0px;
}
@media (pointer: coarse) {
  .css-1a4angu {
    padding: 8px 0px;
  }
}
.css-1a4angu .MuiSlider-rail,
.css-1a4angu .MuiSlider-track {
  height: 4px;
  border-radius: 4px;
  opacity: 1;
}
.css-1a4angu .MuiSlider-rail {
  background: linear-gradient(
    to right,
    rgb(155, 164, 172) 0%,
    rgb(155, 164, 172) 0%,
    rgb(47, 52, 56) 0%
  );
}
.css-1a4angu .MuiSlider-track {
  color: rgb(246, 137, 33);
}
.css-1a4angu .MuiSlider-thumb {
  transition: all 0.2s ease 0s;
  height: 14px;
  width: 14px;
  color: rgb(255, 255, 255);
}
.css-1a4angu .MuiSlider-thumb:hover {
  transform: scale(1.25) translate(-40%, -40%);
}
.css-tyykia {
  border-radius: 12px;
  box-sizing: content-box;
  display: inline-block;
  position: relative;
  cursor: pointer;
  touch-action: none;
  color: rgb(47, 52, 56);
  -webkit-tap-highlight-color: transparent;
  height: 4px;
  width: 100%;
  padding: 8px 0px;
}
@media (pointer: coarse) {
  .css-tyykia {
    padding: 20px 0px;
  }
}
@media print {
  .css-tyykia {
    -webkit-print-color-adjust: exact;
  }
}
.css-tyykia.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgb(155, 164, 172);
}
.css-tyykia.MuiSlider-dragging .MuiSlider-thumb,
.css-tyykia.MuiSlider-dragging .MuiSlider-track {
  transition: none 0s ease 0s;
}
@media (pointer: coarse) {
  .css-tyykia {
    padding: 8px 0px;
  }
}
.css-tyykia .MuiSlider-rail,
.css-tyykia .MuiSlider-track {
  height: 4px;
  border-radius: 4px;
  opacity: 1;
}
.css-tyykia .MuiSlider-rail {
  background: linear-gradient(
    to right,
    rgb(155, 164, 172) 0%,
    rgb(155, 164, 172) 0%,
    rgb(47, 52, 56) 0%
  );
}
.css-tyykia .MuiSlider-track {
  color: rgb(246, 137, 33);
}
.css-tyykia .MuiSlider-thumb {
  transition: all 0.2s ease 0s;
  height: 14px;
  width: 14px;
  color: rgb(255, 255, 255);
}
.css-tyykia .MuiSlider-thumb:hover {
  transform: scale(1.25) translate(-40%, -40%);
}
.css-b04pc9 {
  display: block;
  position: absolute;
  border-radius: inherit;
  background-color: currentcolor;
  opacity: 0.38;
  width: 100%;
  height: inherit;
  top: 50%;
  transform: translateY(-50%);
}
.css-1t2bqnt {
  display: block;
  position: absolute;
  border-radius: inherit;
  border: 1px solid currentcolor;
  background-color: currentcolor;
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  height: inherit;
  top: 50%;
  transform: translateY(-50%);
}
.css-urfnq2 {
  position: absolute;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  outline: 0px;
  background-color: currentcolor;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  top: 50%;
  transform: translate(-50%, -50%);
}
.css-urfnq2::before {
  position: absolute;
  content: "";
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.css-urfnq2::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.css-urfnq2:hover,
.css-urfnq2.Mui-focusVisible {
  box-shadow: rgba(47, 52, 56, 0.16) 0px 0px 0px 8px;
}
@media (hover: none) {
  .css-urfnq2:hover,
  .css-urfnq2.Mui-focusVisible {
    box-shadow: none;
  }
}
.css-urfnq2.Mui-active {
  box-shadow: rgba(47, 52, 56, 0.16) 0px 0px 0px 14px;
}
.css-urfnq2.Mui-disabled:hover {
  box-shadow: none;
}
.css-1hdcc1s {
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  direction: ltr;
}
.css-81caay {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  color: rgb(155, 164, 172);
}
.css-c67lzo {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
}
.css-14xzfd9 {
  color: rgb(241, 242, 243);
  border: none;
}
.css-14xzfd9:hover::before {
  transform: scale(1.25);
}
.css-14xzfd9:active::before {
  background: rgb(81, 90, 97);
}
.css-14xzfd9::before {
  content: " ";
  transition: all 0.2s ease 0s;
  background: rgb(47, 52, 56);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-l5skjp {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
}
.css-l5skjp:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-l5skjp:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-l5skjp:disabled {
  color: rgb(213, 217, 220);
}
.css-l5skjp:hover::before {
  transform: scale(1.25);
}
.css-l5skjp:active::before {
  background: rgb(81, 90, 97);
}
.css-l5skjp::before {
  content: " ";
  transition: all 0.2s ease 0s;
  background: rgb(47, 52, 56);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-13lwwsj {
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
}
.css-13lwwsj:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-13lwwsj:hover {
    background-color: transparent;
  }
}
.css-13lwwsj.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-13lwwsj:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-13lwwsj:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-13lwwsj:disabled {
  color: rgb(213, 217, 220);
}
.css-13lwwsj:hover::before {
  transform: scale(1.25);
}
.css-13lwwsj:active::before {
  background: rgb(81, 90, 97);
}
.css-13lwwsj::before {
  content: " ";
  transition: all 0.2s ease 0s;
  background: rgb(47, 52, 56);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-1wz4dwq {
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  margin: 0px;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
}
.css-1wz4dwq.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-1wz4dwq {
    -webkit-print-color-adjust: exact;
  }
}
.css-1wz4dwq:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-1wz4dwq:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-1wz4dwq:hover {
    background-color: transparent;
  }
}
.css-1wz4dwq.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-1wz4dwq:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-1wz4dwq:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-1wz4dwq:disabled {
  color: rgb(213, 217, 220);
}
.css-1wz4dwq:hover::before {
  transform: scale(1.25);
}
.css-1wz4dwq:active::before {
  background: rgb(81, 90, 97);
}
.css-1wz4dwq::before {
  content: " ";
  transition: all 0.2s ease 0s;
  background: rgb(47, 52, 56);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}
.css-twoir5 {
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.33333rem;
  z-index: 1;
}
.css-u2xwc7 {
  position: relative;
  right: -8px;
  opacity: 1;
  pointer-events: all;
}
.css-vz70ld {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  margin-left: 16px;
  margin-right: -11px;
  flex-direction: row-reverse;
  position: relative;
  right: -8px;
  opacity: 1;
  pointer-events: all;
}
.css-vz70ld.Mui-disabled {
  cursor: default;
}
.css-vz70ld .MuiFormControlLabel-label.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.css-1bta07w {
  width: 68px;
  height: 44px;
  transform: translateY(6px);
}
.css-1bta07w .MuiSwitch-track {
  margin-top: 4px;
  width: 40px;
  height: 12px;
  opacity: 1 !important;
  background-color: rgb(81, 90, 97) !important;
}
.css-1bta07w .MuiSwitch-switchBase > div {
  transition: all 0.3s ease 0s;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}
.css-1bta07w .Mui-checked {
  margin-left: 5px;
}
.css-1bta07w:hover .MuiSwitch-switchBase > div {
  transform: scale(1.25);
}
.css-kw2tli {
  display: inline-flex;
  overflow: hidden;
  padding: 7px;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  z-index: 0;
  vertical-align: middle;
  margin-left: -8px;
  width: 68px;
  height: 44px;
  transform: translateY(6px);
}
@media print {
  .css-kw2tli {
    -webkit-print-color-adjust: exact;
  }
}
.css-kw2tli .MuiSwitch-thumb {
  width: 16px;
  height: 16px;
}
.css-kw2tli .MuiSwitch-switchBase {
  padding: 4px;
}
.css-kw2tli .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(16px);
}
.css-kw2tli .MuiSwitch-track {
  margin-top: 4px;
  width: 40px;
  height: 12px;
  opacity: 1 !important;
  background-color: rgb(81, 90, 97) !important;
}
.css-kw2tli .MuiSwitch-switchBase > div {
  transition: all 0.3s ease 0s;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}
.css-kw2tli .Mui-checked {
  margin-left: 5px;
}
.css-kw2tli:hover .MuiSwitch-switchBase > div {
  transform: scale(1.25);
}
.css-eiz38d {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  color: rgb(255, 255, 255);
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.css-eiz38d.Mui-checked {
  transform: translateX(20px);
}
.css-eiz38d.Mui-disabled {
  color: rgb(241, 242, 243);
}
.css-eiz38d.Mui-checked + .MuiSwitch-track {
  opacity: 0.5;
}
.css-eiz38d.Mui-disabled + .MuiSwitch-track {
  opacity: 0.12;
}
.css-eiz38d .MuiSwitch-input {
  left: -100%;
  width: 300%;
}
.css-eiz38d:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-eiz38d:hover {
    background-color: transparent;
  }
}
.css-eiz38d.Mui-checked {
  color: rgb(199, 83, 0);
}
.css-eiz38d.Mui-checked:hover {
  background-color: rgba(199, 83, 0, 0.04);
}
@media (hover: none) {
  .css-eiz38d.Mui-checked:hover {
    background-color: transparent;
  }
}
.css-eiz38d.Mui-checked.Mui-disabled {
  color: rgb(233, 189, 158);
}
.css-eiz38d.Mui-checked + .MuiSwitch-track {
  background-color: rgb(199, 83, 0);
}
.css-17g5rkg {
  padding: 9px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  color: rgb(255, 255, 255);
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.css-17g5rkg.Mui-checked {
  transform: translateX(20px);
}
.css-17g5rkg.Mui-disabled {
  color: rgb(241, 242, 243);
}
.css-17g5rkg.Mui-checked + .MuiSwitch-track {
  opacity: 0.5;
}
.css-17g5rkg.Mui-disabled + .MuiSwitch-track {
  opacity: 0.12;
}
.css-17g5rkg .MuiSwitch-input {
  left: -100%;
  width: 300%;
}
.css-17g5rkg:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-17g5rkg:hover {
    background-color: transparent;
  }
}
.css-17g5rkg.Mui-checked {
  color: rgb(199, 83, 0);
}
.css-17g5rkg.Mui-checked:hover {
  background-color: rgba(199, 83, 0, 0.04);
}
@media (hover: none) {
  .css-17g5rkg.Mui-checked:hover {
    background-color: transparent;
  }
}
.css-17g5rkg.Mui-checked.Mui-disabled {
  color: rgb(233, 189, 158);
}
.css-17g5rkg.Mui-checked + .MuiSwitch-track {
  background-color: rgb(199, 83, 0);
}
.css-il6pdq {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  padding: 9px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  color: rgb(255, 255, 255);
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.css-il6pdq.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-il6pdq {
    -webkit-print-color-adjust: exact;
  }
}
.css-il6pdq:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-il6pdq.Mui-checked {
  transform: translateX(20px);
}
.css-il6pdq.Mui-disabled {
  color: rgb(241, 242, 243);
}
.css-il6pdq.Mui-checked + .MuiSwitch-track {
  opacity: 0.5;
}
.css-il6pdq.Mui-disabled + .MuiSwitch-track {
  opacity: 0.12;
}
.css-il6pdq .MuiSwitch-input {
  left: -100%;
  width: 300%;
}
.css-il6pdq:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-il6pdq:hover {
    background-color: transparent;
  }
}
.css-il6pdq.Mui-checked {
  color: rgb(199, 83, 0);
}
.css-il6pdq.Mui-checked:hover {
  background-color: rgba(199, 83, 0, 0.04);
}
@media (hover: none) {
  .css-il6pdq.Mui-checked:hover {
    background-color: transparent;
  }
}
.css-il6pdq.Mui-checked.Mui-disabled {
  color: rgb(233, 189, 158);
}
.css-il6pdq.Mui-checked + .MuiSwitch-track {
  background-color: rgb(199, 83, 0);
}
.css-zteb79 {
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.3s ease 0s;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  margin-top: 2px;
  display: flex;
}
.css-zteb79 svg {
  color: black;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  margin-left: 1px;
}
.css-zteb79:hover {
  transform: scale(1.25);
}
.css-1ju1kxc {
  height: 100%;
  width: 100%;
  border-radius: 7px;
  z-index: -1;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: rgb(0, 0, 0);
  opacity: 0.38;
}
.css-zm0l4b {
  margin: 0px 8px 0px 0px;
  font-size: 0.777778rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
}
.css-pzzean {
  color: rgb(241, 242, 243);
  border: none;
}
.css-pzzean:hover {
  background: rgb(47, 52, 56);
}
.css-pzzean:active {
  background: rgb(81, 90, 97);
}
.css-1i21aty {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
}
.css-1i21aty:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-1i21aty:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-1i21aty:disabled {
  color: rgb(213, 217, 220);
}
.css-1i21aty:hover {
  background: rgb(47, 52, 56);
}
.css-1i21aty:active {
  background: rgb(81, 90, 97);
}
.css-odgcr0 {
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
}
.css-odgcr0:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-odgcr0:hover {
    background-color: transparent;
  }
}
.css-odgcr0.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-odgcr0:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-odgcr0:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-odgcr0:disabled {
  color: rgb(213, 217, 220);
}
.css-odgcr0:hover {
  background: rgb(47, 52, 56);
}
.css-odgcr0:active {
  background: rgb(81, 90, 97);
}
.css-ssz8kw {
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  margin: 0px;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
  padding: 0px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  font-size: 24px;
  color: rgb(241, 242, 243);
  border: none;
}
.css-ssz8kw.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-ssz8kw {
    -webkit-print-color-adjust: exact;
  }
}
.css-ssz8kw:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-ssz8kw:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-ssz8kw:hover {
    background-color: transparent;
  }
}
.css-ssz8kw.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-ssz8kw:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(213, 217, 220);
}
.css-ssz8kw:active:hover {
  border-color: rgb(221, 112, 9);
}
.css-ssz8kw:disabled {
  color: rgb(213, 217, 220);
}
.css-ssz8kw:hover {
  background: rgb(47, 52, 56);
}
.css-ssz8kw:active {
  background: rgb(81, 90, 97);
}
.css-axlvbk {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.33333;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
  letter-spacing: normal;
  width: 100%;
  color: rgb(241, 242, 243);
}
@media (min-width: 960px) {
  .css-axlvbk {
    font-size: 1.11111rem;
    line-height: 1.4;
  }
}
@media (min-width: 0px) {
  .css-axlvbk {
    display: none;
    margin-bottom: 8px;
  }
}
@media (min-width: 600px) {
  .css-axlvbk {
    display: block;
  }
}
@media (min-width: 960px) {
  .css-axlvbk {
    margin-bottom: 0px;
  }
}
.css-1pw8hbr {
  color: white;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  grid-template-columns: 85px auto 32px;
  grid-template-areas: "image info button";
  padding: 8px;
  border-radius: 4px;
  column-gap: 16px;
  display: none;
  margin-bottom: 0px;
}
@media (min-width: 600px) {
  .css-1pw8hbr {
    grid-template-columns: 85px 1fr 50px;
  }
}
@media (min-width: 960px) {
  .css-1pw8hbr {
    grid-template-columns: 85px 1fr 32px;
  }
}
@media (min-width: 960px) {
  .css-1pw8hbr {
    display: grid;
  }
}
.css-z37c4o {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
@media (min-width: 600px) {
  .css-z37c4o {
    display: grid;
    grid-template-areas: "name length";
  }
}
@media (min-width: 960px) {
  .css-z37c4o {
    grid-template-areas: "name date length";
    grid-template-columns: 1fr 120px repeat(1, 80px);
  }
}
.css-1cyc0me {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  color: rgb(155, 164, 172);
  text-transform: uppercase;
}
.css-1733gyz {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  z-index: 1;
}
.css-16xk13h {
  text-align: center;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: visible;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.55556rem;
  color: rgb(213, 217, 220);
  margin: 5px;
  border: 0px solid;
  background-color: rgb(11, 13, 15);
  padding: 20px;
}
.css-16xk13h:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-16xk13h:hover {
    background-color: transparent;
  }
}
.css-16xk13h.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}
.css-16xk13h svg {
  color: rgb(213, 217, 220);
  transform: rotate(0deg);
}
.css-16xk13h:hover,
.css-16xk13h:hover svg {
  border-color: rgb(255, 61, 52);
  color: rgb(255, 61, 52);
  background-color: initial;
}
.css-16xk13h:disabled {
  color: rgb(81, 90, 97);
  background-color: rgb(11, 13, 15);
}
.css-16xk13h:disabled svg {
  color: rgb(81, 90, 97);
}
.css-16xk13h:hover {
  background-color: rgb(47, 52, 56);
}
.css-15e41wd {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  text-align: center;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: visible;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.55556rem;
  color: rgb(213, 217, 220);
  margin: 5px;
  border: 0px solid;
  background-color: rgb(11, 13, 15);
  padding: 20px;
}
.css-15e41wd.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-15e41wd {
    -webkit-print-color-adjust: exact;
  }
}
.css-15e41wd:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-15e41wd:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .css-15e41wd:hover {
    background-color: transparent;
  }
}
.css-15e41wd.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}
.css-15e41wd svg {
  color: rgb(213, 217, 220);
  transform: rotate(0deg);
}
.css-15e41wd:hover,
.css-15e41wd:hover svg {
  border-color: rgb(255, 61, 52);
  color: rgb(255, 61, 52);
  background-color: initial;
}
.css-15e41wd:disabled {
  color: rgb(81, 90, 97);
  background-color: rgb(11, 13, 15);
}
.css-15e41wd:disabled svg {
  color: rgb(81, 90, 97);
}
.css-15e41wd:hover {
  background-color: rgb(47, 52, 56);
}
.css-clrkw9 {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
}
@media (max-width: 599.95px) {
  .css-clrkw9 {
    top: 4px;
    left: 4px;
  }
}
.css-kdw87f {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
}
@media (max-width: 599.95px) {
  .css-kdw87f {
    top: 4px;
    left: 4px;
  }
}
.css-1q12dl5 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 1px 8px;
  border-radius: 2px;
  color: rgb(241, 242, 243);
  background-color: rgb(27, 32, 36);
}
.css-1q12dl5 > * + span {
  margin-left: 8px;
}
@media (min-width: 600px) {
  .css-1q12dl5 > svg {
    width: 24px;
  }
}
.css-1q12dl5 span {
  font-weight: 700;
}
.css-aw03mg {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 1px 8px;
  border-radius: 2px;
  color: rgb(241, 242, 243);
  background-color: rgb(27, 32, 36);
}
.css-aw03mg > * + span {
  margin-left: 8px;
}
@media (min-width: 600px) {
  .css-aw03mg > svg {
    width: 24px;
  }
}
.css-aw03mg span {
  font-weight: 700;
}
.css-g9k2cn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
}
@media (max-width: 599.95px) {
  .css-g9k2cn {
    top: 4px;
    right: 4px;
  }
}
.css-31vqjl {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
}
@media (max-width: 599.95px) {
  .css-31vqjl {
    top: 4px;
    right: 4px;
  }
}
.css-86hxs0 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 1px 8px;
  border-radius: 2px;
  color: rgb(241, 242, 243);
  background-color: rgb(27, 32, 36);
}
.css-86hxs0 > * + span {
  margin-right: 8px;
}
@media (min-width: 600px) {
  .css-86hxs0 > svg {
    width: 24px;
  }
}
.css-86hxs0 span {
  font-weight: 700;
}
.css-uwrlzm {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 1px 8px;
  border-radius: 2px;
  color: rgb(241, 242, 243);
  background-color: rgb(27, 32, 36);
}
.css-uwrlzm > * + span {
  margin-right: 8px;
}
@media (min-width: 600px) {
  .css-uwrlzm > svg {
    width: 24px;
  }
}
.css-uwrlzm span {
  font-weight: 700;
}
.css-ijam2i {
  margin: 0px;
  font-size: 0.777778rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}
@media (min-width: 0px) {
  .css-exul89 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 960px) {
  .css-exul89 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.css-h2a21c {
  margin: 0px 0px 8px;
  font-size: 0.777778rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.42857;
  letter-spacing: normal;
  text-align: left;
  color: rgb(81, 90, 97);
}
.css-1j8drg7 {
  display: grid;
  row-gap: 16px;
}
.css-msrtrf {
  display: grid;
  row-gap: 16px;
}
.css-6r9dju {
  margin: auto 0px;
  font-size: 1rem;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55556;
  letter-spacing: normal;
  font-weight: 700;
}
.css-74a2ok {
  position: relative;
  display: inline-block;
  padding: 0px;
  background: rgb(241, 242, 243);
  margin-right: 16px;
}
.css-74a2ok .copied-message-enter {
  opacity: 0;
}
.css-74a2ok .copied-message-enter-active {
  opacity: 1;
}
.css-74a2ok .copied-message-exit {
  opacity: 1;
}
.css-74a2ok .copied-message-exit-active {
  opacity: 0;
  transition: opacity 500ms ease 0s;
}
.css-vbnalj {
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
}
.css-vbnalj:hover {
  box-shadow: none;
}
.css-g16kla {
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: rgb(47, 52, 56);
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
}
.css-g16kla:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-g16kla:hover {
    background-color: transparent;
  }
}
.css-g16kla.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-g16kla:hover {
  box-shadow: none;
}
.css-edjyen {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  min-width: 64px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: rgb(47, 52, 56);
  border-radius: 2px;
  text-transform: none;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 0.888889rem;
  line-height: 1.5;
}
.css-edjyen.Mui-disabled {
  pointer-events: none;
  cursor: default;
}
@media print {
  .css-edjyen {
    -webkit-print-color-adjust: exact;
  }
}
.css-edjyen:focus-visible {
  outline: rgb(74, 144, 226) solid 2px;
}
.css-edjyen:hover {
  text-decoration: none;
  background-color: rgba(47, 52, 56, 0.04);
}
@media (hover: none) {
  .css-edjyen:hover {
    background-color: transparent;
  }
}
.css-edjyen.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.css-edjyen:hover {
  box-shadow: none;
}
.css-en21t9 {
  margin: 0px;
  font-size: 0.666667rem;
  line-height: 1.66667;
  letter-spacing: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-transform: none;
  font-weight: 700;
}
.css-13g1kd3 {
  margin-left: 6.4px;
  width: 14.4px;
  height: 14.4px;
}
.css-alf5zf {
  user-select: none;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.33333rem;
  margin-left: 6.4px;
  width: 14.4px;
  height: 14.4px;
}
.css-13kcyhu {
  display: inline-block;
  position: relative;
  background: rgb(241, 242, 243);
}
.css-7kw8an {
  display: inline-block;
  position: relative;
  background: rgb(241, 242, 243);
}
.css-1qp0n3q {
  margin-left: 8px;
  width: 14.4px;
  height: 14.4px;
}
.css-15yqtke {
  user-select: none;
  display: inline-block;
  fill: currentcolor;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.33333rem;
  margin-left: 8px;
  width: 14.4px;
  height: 14.4px;
}
.css-zqb1sa .MuiPaper-root {
  box-shadow: rgb(0, 0, 0) 0px 6px 20px -10px;
}
.css-w7hkmp .MuiPaper-root {
  box-shadow: rgb(0, 0, 0) 0px 6px 20px -10px;
}
.css-1ssqpe9 .MuiPaper-root {
  box-shadow: rgb(0, 0, 0) 0px 6px 20px -10px;
}
.css-1hn6cwu {
  position: relative;
}
.css-1hn6cwu iframe {
  max-width: 540px;
  width: 100%;
}
.css-1hp8le5 {
  display: block;
  background-color: rgba(27, 32, 36, 0.11);
  height: 1.2em;
  animation: 1.5s ease-in-out 0.5s infinite normal none running animation-c7515d;
  max-width: 540px;
}
@-webkit-keyframes animation-c7515d {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation-c7515d {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.css-igdl66 {
  margin: 0px;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  position: relative;
  color: rgb(241, 242, 243);
  font-size: 0.666667rem;
  cursor: pointer;
}
.css-igdl66::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: rgb(241, 242, 243);
}
.css-ozjwea {
  margin: 0px;
  font-size: 0.666667rem;
  font-weight: 400;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.66667;
  letter-spacing: normal;
  position: relative;
  text-decoration: none;
  color: rgb(241, 242, 243);
}
.css-ozjwea::after {
  left: 50%;
  bottom: 0px;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  transform: translate(-50%, 0px);
  height: 2px;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background-color: rgb(241, 242, 243);
}

.usabilla_live_button_container {
  display: none;
}
iframe.usabilla-live-button#usabilla_live_button_container_iframe722974442 {
  width: 40px;
  height: 130px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  z-index: 9998;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 0 0;
  background-color: transparent;
}
.trc_rbox_container {
  direction: ltr;
  text-align: left;
}
.trc_rbox_container [class*="span"] {
  float: none;
  margin-left: 0;
}
.trc_multi_widget_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.trc_multi_widget_container .trc_rbox_div {
  margin: 0;
}
.trc_rbox_header {
  border: 0 solid;
  overflow: hidden;
  vertical-align: middle;
}
.trc_rbox_container .trc_img {
  display: inline-block !important;
}
.trc_rbox_header_icon_div {
  display: table-cell;
  vertical-align: baseline;
}
.trc_rbox_header .trc_rbox_header_icon_div .trc_rbox_header_icon_img {
  vertical-align: middle;
  width: auto;
}
.trc_rbox_header_icon_span {
  display: inline-table;
}
.in_trc_header {
  position: relative !important;
  float: right;
  margin: 0;
}
#trc_rbox_css_loaded {
  overflow: hidden;
  width: 0;
  height: 0;
}
.trc_rbox {
  margin-top: 0;
}
.trc_rbox_div {
  margin: 0 0 3px;
  direction: ltr;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: auto;
  position: relative;
  width: auto;
  border: solid #ccc 1px;
}
.loading-animation span {
  display: block;
}
.videoCube {
  zoom: 1;
  cursor: pointer;
  float: none;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.videoCube_hover,
div.videoCube:hover {
  cursor: pointer;
}
.videoCube span.video-title:hover,
.videoCube_hover span.video-title {
  text-decoration: underline;
}
.videoCube a {
  text-decoration: none;
  border: 0;
  color: #000;
  cursor: pointer;
}
.videoCube a,
.videoCube a:hover,
.videoCube a:link,
.videoCube_hover a {
  text-decoration: none !important;
  outline: 0;
}
.videoCube a .thumbBlock {
  float: left;
  display: block;
  overflow: hidden !important;
}
.videoCube a img,
.videoCube img {
  border: 0;
  display: block;
  margin: 0;
  height: auto;
  width: auto;
}
.videoCube a img.app-install-logo,
.videoCube img.app-install-logo {
  display: inline-block;
  max-height: 36px;
  min-height: 36px;
  height: 36px;
  max-width: 36px;
  min-width: 36px;
  width: 36px;
  object-fit: contain;
}
.videoCube .video-label {
  display: block;
  overflow: hidden;
}
.videoCube .video-label {
  width: auto !important;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.videoCube .video-label-box.label-box-with-title-icon {
  display: table;
}
.video-icon-container {
  float: left;
  display: table-cell;
  vertical-align: baseline;
}
.video-icon-img {
  vertical-align: middle;
}
.videoCube .video-duration {
  height: 0;
  float: left;
  position: relative;
  color: #fff;
  font-size: 11px;
}
.videoCube .video-duration dt {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #000;
  opacity: 0.6;
}
.videoCube span.video-label.trc_ellipsis {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.videoCube span.video-label.trc-smart-ellipsis {
  position: relative;
  overflow: hidden;
}
.videoCube span.video-label.trc-smart-ellipsis ins {
  display: inline-block;
  text-decoration: inherit;
}
.videoCube span.video-label.trc-smart-ellipsis.tbl-ltr-label {
  direction: ltr;
}
.videoCube span.video-label.trc-smart-ellipsis.tbl-ltr-label ins {
  float: left;
  margin-right: 5px;
  direction: ltr;
}
.videoCube span.video-label.trc-smart-ellipsis.tbl-rtl-label {
  float: right;
  direction: rtl;
  width: 100% !important;
}
.videoCube span.video-label.trc-smart-ellipsis.tbl-rtl-label ins {
  float: right;
  margin-left: 5px;
  direction: rtl;
}
.videoCube span.video-label.trc-smart-ellipsis ins.lastLineEllipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}
.video-duration.video-duration-detail div {
  color: #fff;
}
.trc_rbox .sponsored {
  position: relative;
  display: block;
  overflow: visible;
  height: auto;
  width: auto;
  padding-right: 0;
  text-align: right;
  font-size: 9px;
}
.trc_rbox_div {
  height: 410px;
}
.videoCube {
  direction: ltr;
  font-size: 11px;
  margin: 0;
  color: #000;
  border-width: 0;
}
.videoCube.vertical:first-child {
  border-top: 0;
  margin-top: 0;
}
.videoCube.horizontal:first-child {
  border-left: 0;
  margin-left: 0;
}
.videoCube_hover,
div.videoCube:hover {
  background-color: #ebf0ff;
  color: #000;
}
.videoCube .thumbBlock {
  margin: 0;
  border-style: solid;
}
.videoCube a img,
.videoCube img {
  border-color: #ececec;
}
.videoCube .video-label-box {
  margin-left: 81px;
}
.videoCube .video-label dt {
  font-weight: 700;
}
.videoCube .video-title {
  height: auto;
  margin-bottom: 3px;
  white-space: normal;
}
.videoCube .trc_inline_detail_spacer {
  display: inline-block;
  white-space: pre;
}
.loading-animation {
  font-family: sans;
  font-size: 1.5em;
  text-align: center;
  color: gray;
  height: 100%;
}
.trc_rbox_header {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  color: #000;
}
.trc_header_right_part {
  position: absolute;
  left: 50%;
  top: 0;
}
.branding_div {
  overflow: visible;
  float: right;
}
.branding_div img {
  height: 20px;
}
.videoCube .branding .logoDiv {
  font-size: inherit;
  line-height: inherit;
  background: 0 0;
  margin: 0;
  padding: 0;
}
.videoCube .branding .logoDiv a {
  vertical-align: inherit;
  color: inherit;
  line-height: inherit;
}
.videoCube .branding .logoDiv a span {
  vertical-align: inherit;
}
.trc_related_container
  .videoCube
  .branding
  .attribution-disclosure-link-sponsored {
  display: inline-block;
  float: none;
}
.trc_related_container
  .videoCube
  .branding
  .attribution-disclosure-link-sponsored.align-disclosure-right {
  float: right;
  margin-left: auto;
  padding-left: 2px;
}
.videoCube .video-label-box .branding.composite-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.branding.composite-branding > * {
  display: inline-block;
  vertical-align: bottom;
}
.branding .branding-separator {
  margin: 0 2px;
  font-weight: 400;
}
.branding .branding-inner {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.video-label-box span.branding.inline-branding {
  display: inline-block;
}
.trc_related_container div.horizontal {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.trc_related_container DIV.videoCube.thumbnail_bottom .thumbBlock,
.trc_related_container DIV.videoCube.thumbnail_top .thumbBlock {
  float: none;
}
.vidiscovery-note {
  display: none;
}
.videoCube .thumbBlock .trc_sponsored_overlay_base {
  display: block;
  width: auto;
  margin-left: 0;
  position: absolute;
  color: #fff !important;
}
.videoCube .thumbBlock .trc_sponsored_overlay {
  opacity: 0.6;
  display: block;
  position: absolute;
}
.videoCube .thumbBlock .trc_sponsored_overlay_base .sponsored {
  position: relative;
  display: block;
  overflow: visible;
  width: auto;
  text-align: center;
  padding: 0 5px;
  margin-top: 0;
}
.videoCube
  .thumbBlock
  .trc_sponsored_overlay_base.round
  .trc_sponsored_overlay {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.videoCube .thumbBlock .trc_sponsored_overlay_base.round {
  margin-left: 4px;
}
.thumbnail-emblem,
.videoCube .thumbnail-overlay,
.videoCube:hover .thumbnail-overlay,
.videoCube_hover .thumbnail-overlay {
  position: absolute;
  background: transparent no-repeat;
  background-size: contain;
  z-index: 50;
}
.thumbnail_bottom {
  padding-bottom: 8px;
}
.trc_related_container .logoDiv {
  font-family: Arial, Helvetica, sans-serif;
  white-space: nowrap;
  font-size: 9px;
}
.trc_related_container .logoDiv a {
  font-size: 9px;
  text-decoration: none !important;
  color: #000;
  margin-right: 1px;
  vertical-align: text-bottom;
}
.logoDiv a span:hover {
  text-decoration: underline;
}
.trc_rbox_header .logoDiv {
  font-size: 1em;
}
.trc_tl .trc_rbox_header .logoDiv {
  position: relative;
  z-index: 1;
}
.trc_tl .trc_rbox_header_span .trc_header_right_column {
  position: absolute;
  width: 48%;
  left: 52%;
  top: 0;
}
.trc_tl .trc_rbox_div .videoCube.horizontal {
  clear: left;
}
.trc_tl .trc_rbox_div .videoCube.trc_tl_right_col {
  float: none;
  clear: right;
  margin-left: auto;
}
.trc_tl .videoCube .video-title .branding {
  line-height: 1.3em;
}
.trc_tl .videoCube:hover span.branding,
.trc_tl .videoCube_hover span.branding {
  text-decoration: none;
}
.trc_tl .trc_rbox_div .videoCube.thumbnail_none a {
  vertical-align: top;
  overflow: visible;
}
.trc_tl .videoCube .video-label-box {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.trc_rbox_container.trc_expandable {
  overflow: hidden;
  max-height: 0;
  transition-property: max-height;
  -webkit-transition-property: max-height;
  -moz-transition-property: max-height;
  -o-transition-property: max-height;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.trc_related_container .videoCube .thumbBlock .branding {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}
.syndicatedItem .branding {
  margin: 0;
}
.trc-inplayer-rbox {
  background: #333;
  background: rgba(30, 30, 30, 0.9);
  bottom: 0;
  position: absolute;
  height: 300px;
  text-align: center;
}
.trc-inplayer-rbox .trc_rbox_container {
  margin: 50px auto 0;
  width: 640px;
}
.trc_rbox.trc-auto-size {
  width: 100%;
  height: 100%;
}
.videoCube.thumbnail_under .video-title {
  min-height: 2.58em;
}
.videoCube.thumbnail_under .tbl-text-over-container {
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  min-height: 66%;
  max-height: 66%;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1.25em;
}
.videoCube.thumbnail_under .tbl-text-over-container .tbl-text-over {
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
}
.videoCube.thumbnail_under .tbl-text-over-container span.branding,
.videoCube.thumbnail_under .tbl-text-over-container span.video-description,
.videoCube.thumbnail_under .tbl-text-over-container span.video-title {
  position: relative;
  z-index: 1;
  padding: 0 8px;
  margin: 0;
}
.videoCube.thumbnail_under .tbl-text-over-container span.video-title {
  margin-bottom: 6px;
  min-height: auto;
}
.videoCube.thumbnail_under .tbl-text-over-container .video-label-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 8px 6px 8px;
  min-height: auto;
}
.trc-auto-size .trc_rbox_outer .trc_rbox_div {
  height: auto;
  width: auto;
}
.trc-auto-size .trc_rbox_div .videoCube {
  height: auto;
}
.trc-auto-size .trc_rbox_div .videoCube.trc-first-recommendation {
  margin-top: 0;
}
.trc_rbox .trc_rbox_outer .trc_rbox_div .videoCube.trc-first-in-row {
  margin-left: 0;
}
.trc_elastic .trc_rbox {
  width: auto;
}
.trc_elastic .videoCube {
  overflow: hidden;
}
.trc_elastic .videoCube .thumbBlock {
  background: transparent no-repeat center center;
  background-size: cover;
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: 0;
  margin-right: 0;
}
.trc_elastic .thumbBlock_holder {
  position: relative;
  width: 100%;
}
.trc_elastic .thumbnail_start .thumbBlock_holder {
  float: left;
  margin-right: 10px;
}
.trc_elastic .thumbnail_start.item-has-pre-label .thumbBlock_holder {
  margin-right: 0;
}
.trc_elastic .videoCube_aspect {
  width: 1px;
}
.trc_elastic .trc_rbox .trc_rbox_div {
  height: auto;
}
.trc_elastic .thumbnail_start .trc-pre-label {
  float: left;
  padding-right: 10px;
}
.trc_elastic .thumbnail_start.trc-split-label .trc-main-label {
  float: left;
  padding-left: 10px;
}
.trc_elastic .video-label-box {
  display: block;
}
.trc_elastic .thumbnail_start .video-label-box {
  box-sizing: border-box;
}
.trc_user_adChoice_btn {
  background: url("") no-repeat scroll 0 0 #fff;
  border-radius: 0 0 0 5px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9000;
  cursor: pointer;
  border-width: 2px 0 2px 4px;
  border-style: solid;
  border-color: #fff;
  opacity: 0.7;
  background-size: contain;
  visibility: hidden;
}
.videoCube:hover .trc_user_adChoice_btn,
.videoCube_hover .trc_user_adChoice_btn {
  visibility: visible;
}
.videoCube .trc_user_adChoice_btn_static {
  visibility: visible;
}
.p-video-overlay-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
}
.p-video-overlay.p-video-overlay-show {
  display: flex;
}
.p-video-overlay {
  display: none;
  background-color: #000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.p-video-overlay-action {
  color: #fff;
  width: 100%;
  direction: ltr;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.p-video-overlay-action.p-video-back-action {
  height: 34%;
}
.p-video-back-action-label {
  font-family: Helvetica Neue, serif;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 1px;
}
.p-video-overlay-action.p-video-goto-action {
  height: 66%;
}
.p-video-goto-action-url {
  font-family: Helvetica Neue, serif;
  font-size: 24px;
  font-weight: 400;
  text-decoration: underline;
  margin-top: 5px;
}
.p-video-goto-action-label {
  font-family: Helvetica Neue, serif;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 1px;
}
.trc_related_container .trc_clearer {
  clear: both;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}
.link-adc {
  float: right !important;
}
.trc-widget-footer .logoDiv {
  line-height: normal;
  padding-bottom: 5px;
}
.trc-widget-footer .link-adc a .trc_adc_wrapper,
.trc_header_ext .link-adc a .trc_adc_wrapper {
  height: 12px;
  width: 18px;
  display: inline-block;
  padding-left: 1px;
  margin-bottom: 2px;
}
.trc-widget-footer .link-adc a .trc_adc_b_logo,
.trc-widget-footer .link-adc a .trc_adc_s_logo,
.trc_header_ext .link-adc a .trc_adc_b_logo,
.trc_header_ext .link-adc a .trc_adc_s_logo {
  vertical-align: middle;
  height: 15px;
  display: inline-block;
  margin-top: -1px;
}
.trc-widget-footer .link-adc a .trc_adc_s_logo,
.trc_header_ext .link-adc a .trc_adc_s_logo {
  width: 12px;
  height: 14px;
  background: url("") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.trc-widget-footer .link-adc a .trc_adc_b_logo,
.trc_header_ext .link-adc a .trc_adc_b_logo {
  width: 77px;
  background: #fff url("") no-repeat !important;
  right: -1px;
  display: none;
  position: absolute;
}
.logoDiv .trc_mobile_adc_link,
.logoDiv .trc_mobile_attribution_link,
.logoDiv .trc_mobile_disclosure_link {
  display: none;
}
.logoDiv .trc_desktop_adc_link,
.logoDiv .trc_desktop_attribution_link,
.logoDiv .trc_desktop_disclosure_link {
  display: inline;
}
@media screen and (max-width: 767px) {
  .logoDiv .trc_mobile_disclosure_link {
    display: inline;
  }
  .logoDiv .trc_mobile_attribution_link {
    display: inline;
  }
  .logoDiv .trc_mobile_adc_link {
    display: inline;
  }
  .logoDiv .trc_desktop_disclosure_link {
    display: none;
  }
  .logoDiv .trc_desktop_attribution_link {
    display: none;
  }
  .logoDiv .trc_desktop_adc_link {
    display: none;
  }
}
.trc_in_iframe .logoDiv .trc_mobile_attribution_link,
.trc_in_iframe .logoDiv .trc_mobile_disclosure_link {
  display: inline;
}
.trc_in_iframe .logoDiv .trc_desktop_attribution_link,
.trc_in_iframe .logoDiv .trc_desktop_disclosure_link {
  display: none;
}
.trc_related_container .logoDiv,
.trc_related_container .trc_header_ext .logoDiv {
  float: right;
}
.trc_related_container .logoDiv + .logoDiv {
  margin-right: 2px;
}
.trc_related_container .attribution-disclosure-link-hybrid,
.trc_related_container .attribution-disclosure-link-sponsored {
  display: none;
}
.trc-w2f.trc-content-sponsored .attribution-disclosure-link-sponsored,
.trc_related_container
  .trc-content-sponsored
  .attribution-disclosure-link-sponsored {
  display: block;
}
.trc-w2f.trc-content-hybrid .attribution-disclosure-link-hybrid,
.trc_related_container .trc-content-hybrid .attribution-disclosure-link-hybrid {
  display: block;
}
.trc_related_container .trc-widget-footer:hover a span,
.trc_related_container .trc_header_ext:hover a span {
  text-decoration: underline !important;
}
.logoDiv a span.trc_logos_v_align {
  display: inline-block !important;
  font-size: 15px !important;
  line-height: 1em !important;
  width: 0 !important;
}
.trc_related_container .trc-widget-footer:hover a span.trc_adc_wrapper,
.trc_related_container .trc-widget-footer:hover a span.trc_logos_v_align,
.trc_related_container .trc_header_ext:hover a span.trc_adc_wrapper,
.trc_related_container .trc_header_ext:hover a span.trc_logos_v_align {
  text-decoration: none !important;
}
.trc_related_container .trc_rbox_header_span .trc_header_right_column {
  display: none;
}
.trc_related_container img {
  max-width: none;
}
.trc_related_container {
  clear: both;
}
.tbl-loading-spinner {
  width: 100%;
  height: 40px;
  background: url("") center center no-repeat;
  background-size: 40px;
}
.tbl-hidden {
  display: none !important;
}
.tbl-invisible {
  opacity: 0;
  pointer-events: none;
}
.tbl-batch-anchor {
  width: 100%;
  height: 1px;
}
.iw_video_frame .trc_rbox_div {
  overflow: hidden;
}
.trc-w2f .trc_rbox .trc-widget-footer,
.trc-w2f .trc_rbox .trc_rbox_header {
  display: none !important;
}
.tbl-banner-to-native {
  width: 100%;
  cursor: auto;
  box-shadow: none !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0 !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
@media screen and (min-width: 768px) {
  .tbl-banner-to-native {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
.tbl-banner-to-native-hidden {
  background-size: 0 0;
}
.tbl-banner-to-native-iframe {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.tbl-banner-to-native-iframe-desktop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tbl-banner-to-native-image-desktop {
  background-size: cover;
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
span.video-label.video-title.tbl-title-to-native {
  text-decoration: none;
  cursor: default;
}
.tbl-branding-title-to-native {
  text-decoration: underline;
  cursor: pointer;
}
div.display-to-native-item-box.display-to-native-item-box,
span.video-label-box.trc-main-label.tbl-title-to-native {
  cursor: auto;
}
.thumbBlock_holder_background_image {
  position: absolute;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ab_thumbnails-a_abp-mode .video-title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  max-height: 88px;
  *height: 88px;
  color: #1b2024;
  text-decoration: none;
  margin: 0 0 8px 0;
}
.ab_thumbnails-a_abp-mode .video-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .trc_rbox_div {
  width: auto;
  _width: 99%;
  height: 410px;
  border-width: 0;
  padding: 0;
  background-color: transparent;
}
.ab_thumbnails-a_abp-mode .videoCube .video-duration {
  left: 36px;
  display: none;
}
.ab_thumbnails-a_abp-mode .videoCube .video-label-box {
  margin-left: 0;
  margin-right: 0px;
}
.ab_thumbnails-a_abp-mode .video-label,
.ab_thumbnails-a_abp-mode .sponsored,
.ab_thumbnails-a_abp-mode .sponsored-url {
  font-family: Arial, Helvetica, sans-serif;
}
.ab_thumbnails-a_abp-mode .trc_rbox_header {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  border-width: 0;
  background: transparent;
  border-style: none;
  border-color: #d6d5d3;
  padding: 0px 0px 0px 0px;
  line-height: 1.2em;
  display: block;
  margin: 0px 0px 0px 0px;
  position: relative;
  background-color: transparent;
  box-sizing: initial;
  height: auto;
  width: auto;
  _width: auto;
}
.ab_thumbnails-a_abp-mode .sponsored-url {
  font-size: 9px;
  font-weight: bold;
  text-decoration: underline;
  color: green;
}
.ab_thumbnails-a_abp-mode .sponsored {
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
  color: #9c9a9c;
}
.ab_thumbnails-a_abp-mode .video-category {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .video-duration-detail {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .video-rating {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .video-uploader {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .video-views {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .video-published-date {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
  display: inherit;
}
.ab_thumbnails-a_abp-mode .sponsored-default .video-title {
  max-height: 2.58em;
  *height: 2.58em;
}
.ab_thumbnails-a_abp-mode .sponsored-default .video-description {
  max-height: 2.2em;
  *height: 2.2em;
}
.ab_thumbnails-a_abp-mode .videoCube {
  width: auto;
  _width: auto;
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  border-color: #e4e4e4;
  padding: 0px 0px 0px 0px;
  height: auto;
  margin-left: 0px;
  margin-top: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-style: SOLID;
}
.ab_thumbnails-a_abp-mode div.videoCube:hover,
.ab_thumbnails-a_abp-mode div.videoCube_hover {
  background-color: transparent;
}
.ab_thumbnails-a_abp-mode .sponsored-default {
  background-color: #f7f6c6;
}
.ab_thumbnails-a_abp-mode div.sponsored-default:hover,
.ab_thumbnails-a_abp-mode div.sponsored-default.videoCube_hover {
  background-color: inherit;
}
.ab_thumbnails-a_abp-mode .videoCube .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}
.ab_thumbnails-a_abp-mode .videoCube:hover .thumbnail-overlay,
.ab_thumbnails-a_abp-mode .videoCube_hover .thumbnail-overlay {
  background-image: null;
}
.ab_thumbnails-a_abp-mode .trc_rbox_border_elm {
  border-color: darkgray;
}
.ab_thumbnails-a_abp-mode .videoCube .thumbBlock {
  border-width: 0px;
  border-color: darkgray;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.ab_thumbnails-a_abp-mode div.videoCube:hover .thumbBlock {
  border-color: inherit;
}
.ab_thumbnails-a_abp-mode .pager_enabled {
  color: #0056b3;
}
.ab_thumbnails-a_abp-mode .trc_pager_counter {
  color: #000000;
}
.ab_thumbnails-a_abp-mode .pager_disabled {
  color: #7d898f;
}
.ab_thumbnails-a_abp-mode .trc_pager_prev:hover,
.ab_thumbnails-a_abp-mode .trc_pager_next:hover {
  color: #6497ed;
}
.ab_thumbnails-a_abp-mode .trc_pager_selected {
  color: #0056b3;
}
.ab_thumbnails-a_abp-mode .trc_pager_unselected {
  color: #7d898f;
}
.ab_thumbnails-a_abp-mode div.trc_pager_pages div:hover {
  color: #6497ed;
}
.ab_thumbnails-a_abp-mode .trc_lightbox_overlay {
  background-color: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.ab_thumbnails-a_abp-mode .video-label-box {
  text-align: left;
  height: 88px;
  margin: 5px 0px 0px 0px;
}
.ab_thumbnails-a_abp-mode .trc_sponsored_overlay {
  background-color: black;
}
.ab_thumbnails-a_abp-mode .thumbnail-emblem {
  background-position: 5% 5%;
  width: 35;
  _width: 35;
  height: 35;
}
.ab_thumbnails-a_abp-mode .videoCube .sponsored {
  margin-top: -7px;
}
.ab_thumbnails-a_abp-mode {
  width: 300px;
  _width: 300px;
  border-width: 0px 0px 0px 0px;
  border-style: solid solid solid solid;
  border-color: #dfdfdf;
  padding: 0px 0px 0px 0px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
}
.ab_thumbnails-a_abp-mode .videoCube.vertical {
  border-style: solid none none none;
}
.ab_thumbnails-a_abp-mode .videoCube.horizontal {
  border-style: none;
}
.ab_thumbnails-a_abp-mode .trc_pager_prev,
.ab_thumbnails-a_abp-mode .trc_pager_next {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .trc_pager_pages div {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .video-external-data {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .trc_pager div {
  font-family: serif;
}
.ab_thumbnails-a_abp-mode .playerCube .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}
.ab_thumbnails-a_abp-mode .playerCube:hover .thumbnail-overlay,
.ab_thumbnails-a_abp-mode .playerCube_hover .thumbnail-overlay {
  background-image: null;
}
.ab_thumbnails-a_abp-mode .playerCube .videoCube {
  background-color: transparent;
  border-color: #d6d5d3;
  border-width: 1px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin-left: 0px;
  margin-top: 0px;
  padding: 3px;
}
.ab_thumbnails-a_abp-mode .playerCube .videoCube.horizontal {
  border-style: none none none none;
}
.ab_thumbnails-a_abp-mode .playerCube .videoCube .video-label-box {
  margin-left: 81px;
  margin-right: 0px;
}
.ab_thumbnails-a_abp-mode .playerCube .video-duration-detail {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube .video-external-data {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube .video-label-box {
  text-align: left;
}
.ab_thumbnails-a_abp-mode .playerCube .video-published-date {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube .video-category {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube .video-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 11px;
  font-weight: normal;
  text-decoration: none;
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube .videoCube .video-duration {
  display: block;
  left: 36px;
}
.ab_thumbnails-a_abp-mode .playerCube .videoCube .thumbBlock {
  border-width: 0px;
  border-color: darkgray;
}
.ab_thumbnails-a_abp-mode .playerCube .video-rating {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube .video-uploader {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube .video-views {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube .video-title {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 14px;
  line-height: 17.5px;
  font-weight: bold;
  max-height: 2.58em;
  *height: 2.58em;
  color: black;
}
.ab_thumbnails-a_abp-mode .playerCube div.videoCube:hover,
.ab_thumbnails-a_abp-mode div.videoCube_hover {
  background-color: transparent;
}
.ab_thumbnails-a_abp-mode .whatsThisSyndicated {
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: black;
  text-decoration: none;
  padding: 0;
}
.ab_thumbnails-a_abp-mode div.syndicatedItem:hover,
.ab_thumbnails-a_abp-mode div.syndicatedItem.videoCube_hover {
  background-color: transparent;
}
.ab_thumbnails-a_abp-mode div.syndicatedItem:hover .thumbBlock {
  border-color: inherit;
}
.ab_thumbnails-a_abp-mode .videoCube.syndicatedItem {
  background-color: transparent;
  border-color: #e4e4e4;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-width: 0px 0px 0px 0px;
  border-style: SOLID;
}
.ab_thumbnails-a_abp-mode .videoCube.syndicatedItem.horizontal {
  border-style: none;
}
.ab_thumbnails-a_abp-mode .videoCube.syndicatedItem .thumbBlock {
  border-color: darkgray;
  border-width: 0px;
}
.ab_thumbnails-a_abp-mode .videoCube.syndicatedItem .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}
.ab_thumbnails-a_abp-mode .videoCube.syndicatedItem.vertical {
  border-style: solid none none none;
}
.ab_thumbnails-a_abp-mode .videoCube.syndicatedItem .video-duration {
  display: none;
  left: 36px;
}
.ab_thumbnails-a_abp-mode .syndicatedItem {
  background-color: transparent;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-description {
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-title {
  max-height: 66px;
  *height: 66px;
  color: #1b2024;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  text-decoration: none;
  padding: 0;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .sponsored {
  color: #9c9a9c;
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .sponsored-url {
  color: green;
  font-size: 9px;
  font-weight: bold;
  text-decoration: underline;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-category {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-duration-detail {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-external-data {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-published-date {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  display: inherit;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-rating {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-uploader {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-views {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .branding {
  color: #515a61;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  background-image: null;
  text-align: left;
  line-height: 1.42;
}
.ab_thumbnails-a_abp-mode .videoCube.syndicatedItem .thumbBlock .branding {
  text-align: left;
  background-color: transparent;
  display: none;
  left: 0px;
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  background-image: null;
}
.ab_thumbnails-a_abp-mode .videoCube.syndicatedItem .thumbBlock .static-text {
  text-align: left;
  background-color: #f1f2f3;
  display: inline-block;
  color: black;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.ab_thumbnails-a_abp-mode .videoCube.thumbnail_start .thumbBlock_holder {
  width: 40%;
  _width: 40%;
}
.ab_thumbnails-a_abp-mode .trc_rbox_header_icon_img {
  margin: 0px;
  height: 18px;
}
.ab_thumbnails-a_abp-mode .video-icon-img {
  margin: 0px;
  height: 0;
  position: relative;
}
.ab_thumbnails-a_abp-mode .video-label-box.trc-pre-label {
  height: 0px;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-label-box.trc-pre-label {
  height: 0px;
}
.ab_thumbnails-a_abp-mode .videoCube.thumbnail_start .trc-pre-label {
  width: 60%;
  _width: 60%;
}
.ab_thumbnails-a_abp-mode
  .videoCube.thumbnail_start.trc-split-label
  .trc-main-label {
  width: 30%;
  _width: 30%;
}
.ab_thumbnails-a_abp-mode
  .videoCube.thumbnail_start.trc-split-label
  .trc-pre-label {
  width: 30%;
  _width: 30%;
}
.ab_thumbnails-a_abp-mode .videoCube .video-label-box.trc-pre-label {
  margin: 0px 0px 5px 0px;
}
.ab_thumbnails-a_abp-mode .branding {
  color: #515a61;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  background-image: null;
  text-align: left;
  text-transform: uppercase;
  line-height: 1.42;
}
.ab_thumbnails-a_abp-mode .branding .logoDiv a span {
  color: inherit;
  font-size: inherit;
  text-transform: capitalize;
}
.ab_thumbnails-a_abp-mode .branding div.logoDiv {
  font-family: inherit;
}
.ab_thumbnails-a_abp-mode .videoCube .thumbBlock .static-text {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 11px;
  background-color: #a30202;
  display: block;
  color: black;
  text-align: left;
}
.ab_thumbnails-a_abp-mode .syndicatedItem .video-label-box {
  height: 88px;
  margin: 5px 0px 0px 0px;
}
.ab_thumbnails-a_abp-mode .logoDiv a span {
  font-size: 11px;
  color: #000000;
  display: inline;
  font-weight: normal;
}
.ab_thumbnails-a_abp-mode .tbl-cta-style .cta-button {
  font-family: Helvetica, Arial, sans-serif;
  background-color: transparent;
  border-color: #999990;
  color: #333333;
}
.ab_thumbnails-a_abp-mode .tbl-cta-style .cta-button:hover {
  color: inherit;
  border-color: #999990;
}
.ab_thumbnails-a_abp-mode .videoCube .video-label-box .video-title {
  text-decoration: none;
  margin: 0 0 8px 0;
}
.ab_thumbnails-a_abp-mode .videoCube:hover .video-label-box .video-title {
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .videoCube:hover .video-label-box .video-description {
  text-decoration: none;
}
.ab_thumbnails-a_abp-mode .video-label-box .branding {
  display: block;
}
.ab_thumbnails-a_abp-mode .trc_rbox_header .trc_header_ext {
  position: relative;
  top: auto;
  right: auto;
}
.ab_thumbnails-a_abp-mode .logoDiv a {
  font-size: 100%;
}
.ab_thumbnails-a_abp-mode .videoCube a {
  padding: 0;
}
.ab_thumbnails-a_abp-mode .trc_rbox_header .logoDiv {
  line-height: normal;
}
.ab_thumbnails-a_abp-mode .trc_header_left_column {
  height: auto;
  background-color: transparent;
}
.ab_thumbnails-a_abp-mode .trc_header_right_part {
  margin: 0px 0px 0px 0px;
}
.ab_thumbnails-a_abp-mode
  .videoCube
  .story-widget.story-widget-text-under
  .tbl-text-under-title-background {
  background-color: #ebebeb;
}
.ab_thumbnails-a_abp-mode
  .videoCube
  .story-widget.story-widget-text-under
  .tbl-ui-line {
  background-color: #333333;
}
.ab_thumbnails-a_abp-mode
  .tbl-recommendation-reel
  .tbl-text-under-branding-background {
  background-color: #ebebeb;
}
.ab_thumbnails-a_abp-mode
  .tbl-recommendation-reel
  .tbl-text-under-title-background {
  background-color: #ebebeb;
}
.ab_thumbnails-a_abp-mode .tbl-recommendation-reel .tbl-ui-line {
  background-color: #333333;
}
.ab_thumbnails-a_abp-mode .tbl-reco-reel-slider {
  z-index: 99999;
  margin: initial;
  top: 50%;
}
.ab_thumbnails-a_abp-mode .tbl-vignette-background-screen {
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.ab_thumbnails-a_abp-mode .tbl-vignette-attribution {
  color: #6b6666;
  font-size: 15px;
}
.ab_thumbnails-a_abp-mode vignette {
  xbuttoncolor: #fff;
  backgroundcolor: #fff;
  backgroundopacity: 0.8;
  xbuttonbgcolor: #000;
}
.ab_thumbnails-a_abp-mode .tbl-vignette-close-btn-wrp {
  height: 15;
  background: #000;
} /* s-split-ab_thumbnails-a_abp-mode */
.ab_thumbnails-a_abp-mode .trc_header_right_column {
  background: transparent;
  height: auto;
}

.ab_thumbnails-a_abp-mode .branding::after {
  content: "";
  width: 22px;
  height: 22px;
  background: url("4decd3a8-1360-4990-bdae-e9228a809588.svg");
  background-repeat: no-repeat;
  margin-top: 2px;
}

.ab_thumbnails-a_abp-mode .branding .branding-separator {
  padding: 0px 4px;
}

/* e-split-ab_thumbnails-a_abp-mode */
@media screen and (min-width: 0px) {
  .trc_elastic_ab_thumbnails-a_abp-mode
    .trc_rbox_outer
    .videoCube
    .trc-main-label {
    height: auto;
  }
  .trc_elastic_ab_thumbnails-a_abp-mode .trc_rbox_outer .videoCube {
    margin-bottom: 10px;
  }
  .trc_elastic_ab_thumbnails-a_abp-mode .trc_rbox_outer {
    margin-left: -2%;
  }
  .trc_elastic_ab_thumbnails-a_abp-mode .videoCube_aspect {
    padding-bottom: 55.55555555555556%;
    width: 100%;
  }
  .trc_elastic_ab_thumbnails-a_abp-mode .videoCube {
    width: 22.9975%;
    position: relative;
    float: left;
    margin: 0 0 2% 0;
    margin-left: 2%;
  }
  .trc_elastic_ab_thumbnails-a_abp-mode div.videoCube:nth-of-type(-n + 4) {
    display: block;
    visibility: visible;
  }
  .trc_elastic_ab_thumbnails-a_abp-mode div.videoCube:nth-of-type(n + 5) {
    display: none;
    visibility: hidden;
  }
}
.tbl-isi-card .tbl-isi-container {
  position: relative;
  display: grid;
  grid-template-rows: 0.5fr 0.5fr;
}
.tbl-isi-card .thumbBlock_holder {
  min-height: 100%;
  height: 100%;
}
.tbl-isi-card .thumbBlock_holder .thumbBlock .thumbnail-emblem {
  width: 20%;
  height: 50%;
  background-size: contain;
  margin: 2%;
  background-position: 0 0;
}
.thumbnail-emblem {
  height: 35px;
  width: 35px;
}
.trc_related_container .thumbnail-emblem.bottom-right,
.trc_related_container .static-text.bottom-right {
  bottom: 0;
  right: 0;
  background-position: bottom;
}
.trc_related_container .thumbnail-emblem.top-right,
.trc_related_container .static-text.top-right {
  top: 0;
  right: 0;
  background-position: top;
}
.trc_related_container .thumbnail-emblem.bottom-left,
.trc_related_container .static-text.bottom-left {
  bottom: 0;
  left: 0;
  background-position: bottom;
}
.trc_related_container .thumbnail-emblem.top-left,
.trc_related_container .static-text.top-left {
  top: 0;
  left: 0;
  background-position: top;
}
.trc_related_container .thumbnail-emblem.top,
.trc_related_container .static-text.top {
  width: 100%;
  top: 0;
}
.trc_related_container .thumbnail-emblem.bottom,
.trc_related_container .static-text.bottom {
  width: 100%;
  bottom: 0;
  padding: 2px 0;
}
.trc_related_container .videoCube .thumbBlock .static-text {
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 5px;
  display: block;
  opacity: 0.7;
}
.trc_related_container .videoCube .thumbBlock .static-text.tbl-fixed-label {
  opacity: 1;
  padding: 0 5px;
  text-align: center;
}
.trc_related_container
  .videoCube
  .thumbBlock
  .static-text.tbl-fixed-label.tbl-small-label {
  min-width: 107px;
  min-height: 27px;
  line-height: 27px;
  letter-spacing: 0.31px;
}
.trc_related_container
  .videoCube
  .thumbBlock
  .static-text.tbl-fixed-label.tbl-big-label {
  min-width: 140px;
  min-height: 33px;
  font-size: 14px;
  line-height: 33px;
  letter-spacing: 0.39px;
}
.trc_related_container .thumbnail-emblem {
  background-position-x: center;
}
.trc_user_exclude_btn {
  background: url("f539211219b796ffbb49949997c764f0.png") no-repeat scroll 0 0
    transparent;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 9000;
  cursor: pointer;
  visibility: hidden;
}
.trc_undo_btn {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  color: #3366cc;
  text-decoration: underline;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 0 1px;
  z-index: 11000;
  visibility: hidden;
}
.videoCube:hover .trc_user_exclude_btn,
.videoCube_hover .trc_user_exclude_btn,
.trc_user_excluded.videoCube:hover .trc_undo_btn,
.trc_user_excluded.videoCube_hover .trc_undo_btn,
.trc_undo_btn.trc_anchor {
  visibility: visible;
}
.videoCube.trc_user_excluded .trc_user_exclude_btn {
  visibility: hidden;
}
.trc_fade {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 500ms 0s, visibility 0s 500ms;
  -moz-transition: opacity 500ms 0s, visibility 0s 500ms;
  -ms-transition: opacity 500ms 0s, visibility 0s 500ms;
  -o-transition: opacity 500ms 0s, visibility 0s 500ms;
  transition: opacity 500ms 0s, visibility 0s 500ms;
}
.trc_fade.trc_in,
.trc_user_excluded .trc_exclude_overlay {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -ms-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}
.trc_excludable .trc_exclude_overlay {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
  background-color: white; /* this is to make elements from underneath this overlay unclickable in IE */
}
.videoCube.trc_user_excluded .trc_exclude_overlay {
  visibility: visible;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.videoCube.trc_user_excluded .thumbBlock {
  filter: url("");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.videoCube.trc_user_excluded:hover a .video-label-box .video-title,
.videoCube_hover.trc_user_excluded a .video-label-box .video-title {
  text-decoration: none;
}
.videoCube.trc_user_excluded a .video-label-box *,
.videoCube.trc_user_excluded:hover a .video-label-box *,
.videoCube_hover.trc_user_excluded a .video-label-box * {
  color: #000000;
  overflow: hidden; /* fixes a bug in IE7 - opacity does not work with overflow: visible */
  -webkit-transition: color 500ms 0s;
  -moz-transition: color 500ms 0s;
  -ms-transition: color 500ms 0s;
  -o-transition: color 500ms 0s;
  transition: color 500ms 0s;
}
.trc_popover_aug_container {
  position: static;
}
#tbl-aug-c3uc7r #tbl-aug-s21ozp #tbl-aug-bn7xla .trc_popover {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  cursor: default;
  top: 0;
  right: 0;
  z-index: 12000;
  width: 180px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
#tbl-aug-c3uc7r #tbl-aug-s21ozp #tbl-aug-bn7xla .trc_popover.trc_bottom {
  margin-top: 10px;
}
#tbl-aug-c3uc7r
  #tbl-aug-s21ozp
  #tbl-aug-bn7xla
  .trc_popover.trc_bottom
  .trc_popover_arrow {
  top: -11px;
  right: 11px;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
#tbl-aug-c3uc7r
  #tbl-aug-s21ozp
  #tbl-aug-bn7xla
  .trc_popover.trc_bottom
  .trc_popover_arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}
#tbl-aug-c3uc7r #tbl-aug-s21ozp #tbl-aug-bn7xla .trc_popover iframe {
  width: 100%;
}
#tbl-aug-c3uc7r #tbl-aug-s21ozp #tbl-aug-bn7xla .trc_popover .trc_popover_arrow,
#tbl-aug-c3uc7r
  #tbl-aug-s21ozp
  #tbl-aug-bn7xla
  .trc_popover
  .trc_popover_arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
}
#tbl-aug-c3uc7r
  #tbl-aug-s21ozp
  #tbl-aug-bn7xla
  .trc_popover
  .trc_popover_arrow {
  border-width: 11px;
}
#tbl-aug-c3uc7r
  #tbl-aug-s21ozp
  #tbl-aug-bn7xla
  .trc_popover
  .trc_popover_arrow:after {
  border-width: 10px;
  content: "";
}
#tbl-aug-c3uc7r #tbl-aug-s21ozp #tbl-aug-bn7xla .trc_popover_fade {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 500ms 0s, visibility 0s 500ms;
  -moz-transition: opacity 500ms 0s, visibility 0s 500ms;
  -ms-transition: opacity 500ms 0s, visibility 0s 500ms;
  -o-transition: opacity 500ms 0s, visibility 0s 500ms;
  transition: opacity 500ms 0s, visibility 0s 500ms;
}
#tbl-aug-c3uc7r #tbl-aug-s21ozp #tbl-aug-bn7xla .trc_popover_fade.trc_in {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -ms-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}
div.videoCube a.video-cta-style {
  width: 100%;
}
div.videoCube a.video-cta-style span.video-label-box.video-label-box-cta {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
div.videoCube
  a.video-cta-style
  span.video-label-box.video-label-box-cta.video-label-box-cta-non-ie {
  justify-content: space-between;
}
div.videoCube
  a.video-cta-style
  span.video-label-box.video-label-box-cta.app-install-full-grid.app-install-full-grid {
  align-items: center;
  align-content: center;
  display: grid;
  grid-template-columns: 8fr 2fr;
  min-width: 100%;
  width: 100%;
  min-height: 100%;
  height: 100%;
  padding: 0;
  margin: 0 0 8px;
  direction: inherit;
}
div.videoCube a.video-cta-style span.video-label-flex-cta-item {
  flex-basis: 100%;
}
div.videoCube a.video-cta-style span.video-branding-flex-cta-item {
  flex-grow: 1;
  flex-basis: 1px;
}
div.videoCube a.video-cta-style .video-branding-flex-cta-item-no-stream {
  margin-top: 5px;
}
div.videoCube
  a.video-cta-style
  .app-install-full-grid
  .video-branding-flex-cta-item-no-stream {
  padding: 0;
  border: 0;
  margin: 0;
  display: flex;
  height: 100%;
  min-height: 100%;
  direction: inherit;
}
div.videoCube
  a.video-cta-style
  .app-install-full-grid
  .video-branding-flex-cta-item-no-stream::after {
  display: none;
}
div.videoCube a.video-cta-style a.video-cta-href {
  display: inline-block;
  margin: 5px 2px 0px 2px;
  padding: 0;
  min-width: 72px;
  bottom: 0;
  vertical-align: top;
  position: relative;
  box-sizing: content-box;
  align-self: start;
  order: 2;
  flex-shrink: 0;
  font-size: 10px;
  line-height: 13.2px;
}
div.videoCube a.video-cta-style a.video-cta-href.app-install-size {
  min-width: 65px;
  max-height: 36px;
  min-height: 36px;
  height: 36px;
  margin: 0;
}
div.videoCube a.video-cta-style a.video-cta-href button.video-cta-button {
  margin: 0;
  height: 24px;
  font-size: 10px;
  line-height: 13.2px;
  border-radius: 4px;
  border: 1px solid;
  background-color: inherit;
  border-color: #999999;
  text-transform: none;
  letter-spacing: normal;
  box-sizing: border-box;
  font-weight: 400;
  cursor: pointer;
  outline: none;
  font-family: Helvetica;
  padding: 1px 4px;
  width: 100%;
  min-width: 1px;
  opacity: 1;
  box-shadow: none;
  user-select: none;
  transition: none;
  text-decoration: none;
  transform: none;
}
div.videoCube
  a.video-cta-style
  a.video-cta-href
  button.video-cta-button.app-install-button {
  min-height: 100%;
  height: 100%;
}
div.videoCube a.video-cta-style a.video-cta-href button.video-cta-button:hover {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  letter-spacing: normal;
}
div.videoCube
  a.video-cta-style.non-feed-cta-item
  span.video-branding-flex-cta-item-no-stream {
  margin-top: 3px;
}
div.videoCube a.video-cta-style.non-feed-cta-item a.video-cta-href {
  margin-top: 0px;
  min-width: 68px;
}

.label {
  display: block;
  text-align: center;
}

.day {
  border: 1px solid red;
  display: block;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

/*==============CHECK==============*/

.check {
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.4);
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif !important;
}
.check__wrapper {
  padding: 0.5rem;
}
.check__top {
}
.check__iban {
  margin-bottom: 1rem;
  display: block;
  font-weight: 500;
}
.check__top-grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.check__top-col-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}
.check__top-col-1-row {
  display: flex;
  flex-direction: column;
}
.bank__logo {
}
.check__top-col-title {
}
.check__top-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.check__bot {
  border-bottom: 3px solid #000;
}
.check__bot-grid {
  display: grid;
  grid-template-columns: 1fr 5fr 1fr 1fr 1fr;
}
.check__bot-grid-col {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #000;
}
.check__bot-grid-col-title {
  font-weight: 500;
  background-color: rgba(128, 128, 128, 0.39);
  border-right: 1px solid #000;
  border-bottom: 3px solid #000;
  padding-left: 2px;
}
.check__thanks {
  text-align: right;
  display: block;
  margin: 0.5rem 2rem;
}

/*=========CHECKMQ=======*/

@media (max-width: 1200px) {
  .check {
    font-size: 0.8rem;
  }
}
@media (max-width: 1024px) {
  .check {
    font-size: 0.6rem;
  }
}
@media (max-width: 992px) {
  .check {
    font-size: 0.8rem;
  }
}

/*=========REG=============*/

.reg {
  margin-top: 1rem;
  font-size: 1.1rem;
  line-height: 30px;
}
.reg__title {
  font-weight: 700;
}
.reg__list {
  max-width: 80%;

  gap: 1rem;
  font-size: var(--title-size);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.reg__list-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.reg__item {
  font-size: 1.1rem;
  line-height: 30px;
  margin-bottom: 0.5rem;
  font-weight: normal;
}
.reg__item img {
  margin-right: 0.5rem;
}
.reg__item a {
  color: var(--blue);
  font-weight: 700;
}
.reg__item a:hover {
  color: #3b5998;
}

.button-link {
  background-color: #cf1a17;
  color: #fff !important;
  display: block;
  margin: 3rem auto;
  max-width: 80%;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 1rem;
  padding: 1rem 0;
  border-radius: 4px;
}
.button-link:hover {
  color: #fff;
  background-color: #444;
}

/*=============COMMENTS==============*/

.comment {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.comment-line {
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  margin-bottom: 2rem;
  margin-left: 1rem;
  text-align: center;
}

.comment-line:after {
  margin-top: 0.5rem;
  content: "";
  display: block;
  width: 95%;
  margin: 0 auto;
  height: 1px;
  background-color: #2c2c2c;
}

.comment-content {
  display: flex;
  flex-direction: column;
}

.comment-block {
  margin: 5px 5px;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.204);
  padding-bottom: 0.5rem;
}
.comment-block:nth-child(1) {
  border-bottom: none;
}
.block-avatar {
  margin-right: 1rem;
}
.block-avatar img {
}
.block-info-comment__name {
  font-weight: 700;
  color: #3b5998;
}
.block-info input {
  width: 540px;
  padding: 0.5rem 1rem 2rem 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.21);
}

.block-info input:focus {
  border: none;
}

.block-info-line {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  white-space: nowrap;
}
.block-info-answer-flex {
  display: flex;
  margin-top: 1.5rem;
}
.block-info-line__date {
  color: rgba(0, 0, 0, 0.44);
}

.block-info-line__like {
  display: flex;
  justify-content: flex-start;
  color: #00acee;
}

.block-info-line__like_item {
  list-style: none;
  margin-right: 1rem;
}

.block-info-line__like_item a {
  color: #3b5998 !important;
  text-decoration: none;
}

.comments__more {
  display: block;
  margin: 0 auto;
  color: #3b5998;
  text-align: center;
}

.ok {
  display: flex;
  margin-top: 5px;
  float: right;
}

.btn1 {
  font-weight: bold;
  font-size: 16px;
  background-color: #3b5998a6 !important;
  color: #fff !important;
  width: 100px;
  text-align: center;
  text-decoration: none !important;
}

.comm_pr {
  background-color: #f0f0f0;
  padding-top: 10px;
  padding-left: 10px;
  border: 1px solid #a9a9a9 !important;
  margin-bottom: 20px;
  pointer-events: none;
}

.logo_he {
  padding: 10px;
}

@media (max-width: 992px) {
  .logo_he1 {
    width: 50%;
  }
}

/*========MEDIA QUERIES==========*/

@media (max-width: 1400px) {
  .header__item {
    font-size: 0.8rem;
  }
  .nav__item {
    font-size: 1rem;
  }
  .block-info input {
    width: 330px;
  }
  .table {
    max-width: 80% !important;
  }
}

@media (max-width: 1200px) {
  .table-block__flex-container-text {
    font-size: 1rem;
  }
}

@media (max-width: 1024px) {
  .block-info input {
    width: 250px;
  }
  .pre-content__item:nth-child(1) {
    display: none;
  }
  .pre-content__item:nth-child(2) {
    display: none;
  }
  .reg__list {
    font-size: var(--title-size-md);
    font-weight: 700;
  }
}
@media (max-width: 992px) {
  .table {
    max-width: 90% !important;
  }
  .hot-news {
    display: none;
  }
  .pre-content__item:last-child {
    display: none;
  }
  .breadcr__item {
    font-size: 0.8rem;
  }
  .main__title {
    font-size: 2rem;
  }
  .nav__input input {
    width: 300px;
  }
  .fa-facebook-f {
    padding: 0.5rem;
  }
  .fa-twitter {
    padding: 0.5rem;
  }
}
@media (max-width: 768px) {
  .main {
    margin-top: 0;
    padding-top: 0;
  }
  .main__title {
    margin-top: 0;
  }
  .info__subtitle {
    font-size: 1.2rem;
  }
  .read__title {
    font-size: 1rem;
  }
  .adv__content {
    display: none;
  }
  .header__adv {
    display: none;
  }
  .header__logo {
    max-width: 17%;
  }
  .header__data {
    font-size: 0.8rem;
  }
  .pre-content {
    display: none;
  }
  .header__list a:nth-child(3) {
    display: none;
  }
  .nav__input input {
    width: 200px;
  }
  .button-link {
    max-width: 80%;
  }
  .recommend__row {
    display: flex;
    flex-direction: column;
  }
  .footer__row {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 540px) {
  .table-block__flex-container-num {
    font-size: 2.7rem;
  }
  .label-table {
    bottom: -5%;
  }
  .table {
    max-width: 100% !important;
  }
  .table-rows {
    gap: 0.5rem;
  }
  .table-block__flex-container {
    gap: 0.5rem;
  }
  .block-info input {
    width: 275px;
  }
  .content__row {
    margin-top: 1rem;
  }
  .container-my {
    max-width: 100%;
  }
  .container {
    padding: 0;
  }
  .nav__input {
    display: none;
  }
  .breadcr__list {
    display: none;
  }
  .breadcr__row {
    padding: 0 0.5rem;
  }
  .breadcr__att {
    display: none;
  }
  .read__row {
    padding-left: 1.2rem;
  }
  .nav__list {
    display: none;
  }

  .nav__item:nth-child(2) {
    display: none;
  }
  .nav__item:nth-child(3) {
    display: none;
  }
  .read__text {
    font-size: 0.7rem;
  }
  .main__title {
    font-size: 1.5rem;
  }
  .reg__list {
    max-width: 100%;
  }
  .reg__item {
    list-style: none;

    padding: 0.3rem;
  }
  .info__text {
    line-height: 30px;
  }
  .info__answer {
    margin-left: 2rem;
  }
  .img-screen {
    width: 200px;
  }
  .footer__list {
    flex-wrap: wrap;
  }
}
@media (max-width: 425px) {
  .table {
    padding: 0.9rem;
  }
  .published__img img {
    width: 9%;
  }
  .nav__input input {
    width: 100px;
  }
  .block-info input {
    width: 240px;
  }
  .main__title {
    font-size: var(--title-size-sd);
    margin-top: 1rem;
  }
  .info__name {
    font-size: 15px;
  }
  .info__answer {
    margin-left: 0;
  }
  .date__item {
    font-size: 15px;
  }
  .footer__list {
    margin-bottom: 0.3rem;
  }
  .footer__text {
    margin-top: 0.3rem;
  }
}

.link1 {
  color: #cf1a17 !important;
}