@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url("../static/media/Roboto-Regular.1e2d4d3a.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url("../static/media/Roboto-Bold.12893bfc.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url("../static/media/Roboto-Light.4d8f8086.woff2") format("woff2");
  font-display: fallback;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  font: inherit;
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
:root {
  --color-magenta: #e20074;
  --color-salemsfur: #171b26;
  --color-magentaLight: #f9cce3;
  --color-royalblue: #00a0de;
  --color-trout: #474c59;
  --color-manatee: #8d93a6;
  --color-snow: #ffffff;
  --color-botticelli: #cfd5e5;
  --color-whitelilac: #ebeff7;
  --color-alpine: #f7f9fc;
  --color-red: #ee3f54;
  --color-green: #0d8033;
  --color-cararra: #e7e6e0;
  --color-iceWater: #f2f6ff;
  --color-ottoman: #edfaf2;
  --color-bridesmaid: #feecee;
  --color-black: #0a0c14;
  --color-cadetBlue: #a3aabf;
  --color-riverBed: #495166;
  --color-ebony: #262c3b;
  --color-goldenSand: #f5e198;
}
/* @media (prefers-color-scheme: dark) {
  :root {
    --color-salemsfur: #f7f9fc;
    --color-snow: #0a0c14;
    --color-trout: #a3aabf;
    --color-manatee: #a3aabf;
    --color-botticelli: #495166;
    --color-whitelilac: #262c3b;
    --color-alpine: #171b26;
    --color-ottoman: #0b231a;
    --color-bridesmaid: #381721;
  }
} */
*,
:after,
:before {
  box-sizing: border-box;
}
:focus {
  outline: 0;
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-size-adjust: 100%;
  text-rendering: optimizelegibility;
}
body {
  -webkit-overflow-scrolling: touch;
  background-color: var(--color-snow);
  color: var(--color-salemsfur);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  overflow-x: hidden;
}
a:not([href]):hover {
  color: currentColor;
  cursor: default;
}
*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box;
}
:after,
:before {
  --tw-content: "";
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: Roboto, Arial, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}
body {
  line-height: inherit;
  margin: 0;
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-size: 1em;
  font-variation-settings: normal;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
[hidden] {
  display: none;
}
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.container {
  width: 100%;
}
@media (min-width: 769px) {
  .container {
    margin-left: var(--container-margin-left);
    margin-right: auto;
    max-width: 997px;
  }
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.collapse {
  visibility: collapse !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
.-left-full {
  left: -100% !important;
}
.-right-full {
  right: -100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-24 {
  bottom: 1.5rem !important;
}
.bottom-8 {
  bottom: 0.5rem !important;
}
.left-0 {
  left: 0 !important;
}
.left-12 {
  left: 0.75rem !important;
}
.right-0 {
  right: 0 !important;
}
.right-12 {
  right: 0.75rem !important;
}
.right-8 {
  right: 0.5rem !important;
}
.top-0 {
  top: 0 !important;
}
.top-1 {
  top: 0.0625rem !important;
}
.top-1\/2 {
  top: 50% !important;
}
.top-1\/4 {
  top: 25% !important;
}
.top-2 {
  top: 0.125rem !important;
}
.top-\[unset\] {
  top: unset !important;
}
.top-full {
  top: 100% !important;
}
.isolate {
  isolation: isolate !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-button-collapsible {
  z-index: 700 !important;
}
.z-commercial-bar {
  z-index: 711 !important;
}
.z-commercial-nativendo {
  z-index: 700 !important;
}
.z-logo-bar-search-bar {
  z-index: 710 !important;
}
.z-page-header-wrapper {
  z-index: 701 !important;
}
.z-search-bar-style {
  z-index: 10 !important;
}
.z-search-bar-suggestion {
  z-index: 2147483638 !important;
}
.z-stage-aufmacher {
  z-index: 2 !important;
}
.z-sticky-bar {
  z-index: 701 !important;
}
.z-stream-layout-stream-style {
  z-index: 1 !important;
}
.z-top-bar {
  z-index: 700 !important;
}
.order-1 {
  order: 1 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-\[3em\] {
  margin: 3em !important;
}
.-mx-24 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.mx-12 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.mx-24 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.my-16 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
.my-4 {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}
.-ml-4 {
  margin-left: -0.25rem !important;
}
.-ml-\[28px\] {
  margin-left: -28px !important;
}
.-mr-4 {
  margin-right: -0.25rem !important;
}
.-mt-12 {
  margin-top: -0.75rem !important;
}
.-mt-16 {
  margin-top: -1rem !important;
}
.-mt-24 {
  margin-top: -1.5rem !important;
}
.mb-16 {
  margin-bottom: 1rem !important;
}
.mb-24 {
  margin-bottom: 1.5rem !important;
}
.mb-\[300px\] {
  margin-bottom: 300px !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-2 {
  margin-left: 0.125rem !important;
}
.ml-24 {
  margin-left: 1.5rem !important;
}
.ml-4 {
  margin-left: 0.25rem !important;
}
.ml-\[20px\] {
  margin-left: 20px !important;
}
.ml-\[3px\] {
  margin-left: 3px !important;
}
.mr-12 {
  margin-right: 0.75rem !important;
}
.mr-16 {
  margin-right: 1rem !important;
}
.mr-24 {
  margin-right: 1.5rem !important;
}
.mt-12 {
  margin-top: 0.75rem !important;
}
.mt-16 {
  margin-top: 1rem !important;
}
.mt-24 {
  margin-top: 1.5rem !important;
}
.mt-40 {
  margin-top: 2.5rem !important;
}
.mt-8 {
  margin-top: 0.5rem !important;
}
.mt-\[-74px\] {
  margin-top: -74px !important;
}
.mt-\[7px\] {
  margin-top: 7px !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.table {
  display: table !important;
}
.grid {
  display: grid !important;
}
.inline-grid {
  display: inline-grid !important;
}
.contents {
  display: contents !important;
}
.hidden {
  display: none !important;
}
.aspect-square {
  aspect-ratio: 1/1 !important;
}
.size-32 {
  height: 2rem !important;
  width: 2rem !important;
}
.size-4 {
  height: 0.25rem !important;
  width: 0.25rem !important;
}
.size-40 {
  height: 2.5rem !important;
  width: 2.5rem !important;
}
.size-8 {
  height: 0.5rem !important;
  width: 0.5rem !important;
}
.size-\[32px\] {
  height: 32px !important;
  width: 32px !important;
}
.size-\[60px\] {
  height: 60px !important;
  width: 60px !important;
}
.size-\[68px\] {
  height: 68px !important;
  width: 68px !important;
}
.size-\[6px\] {
  height: 6px !important;
  width: 6px !important;
}
.size-full {
  height: 100% !important;
  width: 100% !important;
}
.h-1 {
  height: 0.0625rem !important;
}
.h-16 {
  height: 1rem !important;
}
.h-2 {
  height: 0.125rem !important;
}
.h-24 {
  height: 1.5rem !important;
}
.h-32 {
  height: 2rem !important;
}
.h-4 {
  height: 0.25rem !important;
}
.h-40 {
  height: 2.5rem !important;
}
.h-48 {
  height: 3rem !important;
}
.h-8 {
  height: 0.5rem !important;
}
.h-\[100px\] {
  height: 100px !important;
}
.h-\[180px\] {
  height: 180px !important;
}
.h-\[20px\] {
  height: 20px !important;
}
.h-\[22px\] {
  height: 22px !important;
}
.h-\[560px\] {
  height: 560px !important;
}
.h-\[60px\] {
  height: 60px !important;
}
.h-\[68px\] {
  height: 68px !important;
}
.h-\[85\%\] {
  height: 85% !important;
}
.h-\[8px\] {
  height: 8px !important;
}
.h-\[96px\] {
  height: 96px !important;
}
.h-\[calc\(\(100vw_-_theme\(spacing\.48\)\)_\*_0\.66\)\] {
  height: calc(66vw - 1.98rem) !important;
}
.h-\[calc\(var\(--height\)_\/_16_\*_1rem\)\] {
  height: calc(var(--height) / 16 * 1rem) !important;
}
.h-auto {
  height: auto !important;
}
.h-full {
  height: 100% !important;
}
.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}
.max-h-0 {
  max-height: 0 !important;
}
.max-h-\[100px\] {
  max-height: 100px !important;
}
.max-h-\[116px\] {
  max-height: 116px !important;
}
.max-h-\[2000px\] {
  max-height: 2000px !important;
}
.max-h-\[56px\] {
  max-height: 56px !important;
}
.max-h-\[80vh\] {
  max-height: 80vh !important;
}
.max-h-full {
  max-height: 100% !important;
}
.min-h-1 {
  min-height: 0.0625rem !important;
}
.min-h-\[133px\] {
  min-height: 133px !important;
}
.min-h-\[500px\] {
  min-height: 500px !important;
}
.min-h-\[50vh\] {
  min-height: 50vh !important;
}
.w-1 {
  width: 0.0625rem !important;
}
.w-12 {
  width: 0.75rem !important;
}
.w-16 {
  width: 1rem !important;
}
.w-24 {
  width: 1.5rem !important;
}
.w-32 {
  width: 2rem !important;
}
.w-6\/12 {
  width: 50% !important;
}
.w-8 {
  width: 0.5rem !important;
}
.w-\[--width\] {
  width: var(--width) !important;
}
.w-\[1024px\] {
  width: 1024px !important;
}
.w-\[150px\] {
  width: 150px !important;
}
.w-\[165px\] {
  width: 165px !important;
}
.w-\[168px\] {
  width: 168px !important;
}
.w-\[16px\] {
  width: 16px !important;
}
.w-\[200px\] {
  width: 200px !important;
}
.w-\[34px\] {
  width: 34px !important;
}
.w-\[44px\] {
  width: 44px !important;
}
.w-\[500px\] {
  width: 500px !important;
}
.w-\[80px\] {
  width: 80px !important;
}
.w-\[90\%\] {
  width: 90% !important;
}
.w-\[calc\(100vw_-_theme\(spacing\.48\)\)\] {
  width: calc(100vw - 3rem) !important;
}
.w-\[calc\(var\(--width\)_\/_16_\*_1rem\)\] {
  width: calc(var(--width) / 16 * 1rem) !important;
}
.w-auto {
  width: auto !important;
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.min-w-0 {
  min-width: 0 !important;
}
.min-w-\[148px\] {
  min-width: 148px !important;
}
.min-w-\[20em\] {
  min-width: 20em !important;
}
.min-w-\[270px\] {
  min-width: 270px !important;
}
.min-w-\[auto\] {
  min-width: auto !important;
}
.min-w-full {
  min-width: 100% !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-none {
  max-width: none !important;
}
.max-w-page {
  max-width: 62.25rem !important;
}
.flex-\[1_1_100\%\] {
  flex: 1 1 100% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.shrink {
  flex-shrink: 1 !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.flex-grow,
.grow {
  flex-grow: 1 !important;
}
.grow-0 {
  flex-grow: 0 !important;
}
.basis-32 {
  flex-basis: 2rem !important;
}
.basis-full {
  flex-basis: 100% !important;
}
.border-collapse {
  border-collapse: collapse !important;
}
.origin-top {
  transform-origin: top !important;
}
.-translate-x-1\/3 {
  --tw-translate-x: -33.333333% !important;
}
.-translate-x-1\/3,
.-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
}
.-translate-y-full {
  --tw-translate-y: -100% !important;
}
.-translate-y-full,
.translate-y-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-0 {
  --tw-translate-y: 0rem !important;
}
.translate-y-\[-115\%\] {
  --tw-translate-y: -115% !important;
}
.rotate-180,
.translate-y-\[-115\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-180 {
  --tw-rotate: 180deg !important;
}
.scale-y-0 {
  --tw-scale-y: 0 !important;
}
.scale-y-0,
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.resize-none {
  resize: none !important;
}
.resize {
  resize: both !important;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory !important;
}
.snap-start {
  scroll-snap-align: start !important;
}
.snap-end {
  scroll-snap-align: end !important;
}
.scroll-pr-24 {
  scroll-padding-right: 1.5rem !important;
}
.list-none {
  list-style-type: none !important;
}
.appearance-none {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.grid-flow-row {
  grid-auto-flow: row !important;
}
.grid-flow-col {
  grid-auto-flow: column !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-\[16px\2c 24px\2c auto\2c 24px\2c 16px\] {
  grid-template-columns: 16px 24px auto 24px 16px !important;
}
.grid-cols-\[16px_1fr_16px\] {
  grid-template-columns: 16px 1fr 16px !important;
}
.grid-cols-\[1fr\] {
  grid-template-columns: 1fr !important;
}
.grid-cols-\[1fr_16px\] {
  grid-template-columns: 1fr 16px !important;
}
.grid-cols-\[1fr_442px_1fr\] {
  grid-template-columns: 1fr 442px 1fr !important;
}
.grid-cols-\[22px_124px\] {
  grid-template-columns: 22px 124px !important;
}
.grid-cols-\[24px_144px_1fr_max-content\] {
  grid-template-columns: 24px 144px 1fr max-content !important;
}
.grid-cols-\[24px_auto_270px_36px\] {
  grid-template-columns: 24px auto 270px 36px !important;
}
.grid-cols-\[32px_1fr\] {
  grid-template-columns: 32px 1fr !important;
}
.grid-cols-\[40px\2c 1fr\],
.grid-cols-\[40px_1fr\] {
  grid-template-columns: 40px 1fr !important;
}
.grid-cols-\[90px_1fr\] {
  grid-template-columns: 90px 1fr !important;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr !important;
}
.grid-cols-\[auto_25px_24px_24px\] {
  grid-template-columns: auto 25px 24px 24px !important;
}
.grid-cols-\[auto_270px_36px\] {
  grid-template-columns: auto 270px 36px !important;
}
.grid-cols-\[max-content_max-content\] {
  grid-template-columns: max-content max-content !important;
}
.grid-cols-\[minmax\(0\2c _414px\)\] {
  grid-template-columns: minmax(0, 414px) !important;
}
.grid-cols-\[repeat\(3\2c _2fr\)\] {
  grid-template-columns: repeat(3, 2fr) !important;
}
.grid-cols-\[repeat\(auto-fill\2c 68px\)\] {
  grid-template-columns: repeat(auto-fill, 68px) !important;
}
.grid-cols-\[var\(--cols\)\] {
  grid-template-columns: var(--cols) !important;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}
.grid-rows-\[1fr_auto\] {
  grid-template-rows: 1fr auto !important;
}
.grid-rows-\[auto\] {
  grid-template-rows: auto !important;
}
.grid-rows-\[auto_auto_1fr\] {
  grid-template-rows: auto auto 1fr !important;
}
.grid-rows-\[var\(--rows\)\] {
  grid-template-rows: var(--rows) !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-col-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.content-center {
  align-content: center !important;
}
.content-start {
  align-content: flex-start !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-baseline {
  align-items: baseline !important;
}
.justify-normal {
  justify-content: normal !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-items-center {
  justify-items: center !important;
}
.place-self-center {
  place-self: center !important;
}
.self-start {
  align-self: flex-start !important;
}
.self-end {
  align-self: flex-end !important;
}
.self-center {
  align-self: center !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.truncate {
  overflow: hidden !important;
  white-space: nowrap !important;
}
.overflow-ellipsis,
.text-ellipsis,
.truncate {
  text-overflow: ellipsis !important;
}
.hyphens-auto {
  -webkit-hyphens: auto !important;
  hyphens: auto !important;
}
.whitespace-normal {
  white-space: normal !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}
.break-words {
  overflow-wrap: break-word !important;
}
.rounded-100 {
  border-radius: 6.25rem !important;
}
.rounded-4 {
  border-radius: 0.25rem !important;
}
.rounded-8 {
  border-radius: 0.5rem !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-b-4 {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-b-8 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.rounded-l-4 {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}
.rounded-r-4 {
  border-bottom-right-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-t-24 {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.rounded-t-8 {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.border {
  border-width: 1px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-x-0 {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
.border-y {
  border-top-width: 1px !important;
}
.border-b,
.border-y {
  border-bottom-width: 1px !important;
}
.border-b-4 {
  border-bottom-width: 4px !important;
}
.border-r {
  border-right-width: 1px !important;
}
.border-r-0 {
  border-right-width: 0 !important;
}
.border-t {
  border-top-width: 1px !important;
}
.border-t-4 {
  border-top-width: 4px !important;
}
.border-solid {
  border-style: solid !important;
}
.border-none {
  border-style: none !important;
}
.border-alpine {
  border-color: var(--color-alpine) !important;
}
.border-botticelli {
  border-color: var(--color-botticelli) !important;
}
.border-current {
  border-color: currentcolor !important;
}
.border-magenta {
  border-color: var(--color-magenta) !important;
}
.border-manatee {
  border-color: var(--color-manatee) !important;
}
.border-salemsfur {
  border-color: var(--color-salemsfur) !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-whitelilac {
  border-color: var(--color-whitelilac) !important;
}
.border-y-magenta {
  border-top-color: var(--color-magenta) !important;
}
.border-b-magenta,
.border-y-magenta {
  border-bottom-color: var(--color-magenta) !important;
}
.border-b-whitelilac {
  border-bottom-color: var(--color-whitelilac) !important;
}
.border-t-botticelli {
  border-top-color: var(--color-botticelli) !important;
}
.border-t-magenta {
  border-top-color: var(--color-magenta) !important;
}
.border-t-whitelilac {
  border-top-color: var(--color-whitelilac) !important;
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
  background-color: hsla(0, 0%, 100%, 0.3) !important;
}
.bg-alpine {
  background-color: var(--color-alpine) !important;
}
.bg-botticelli {
  background-color: var(--color-botticelli) !important;
}
.bg-bridesmaid {
  background-color: var(--color-bridesmaid) !important;
}
.bg-goldensand {
  background-color: var(--color-goldenSand) !important;
}
.bg-magenta {
  background-color: var(--color-magenta) !important;
}
.bg-magentalight {
  background-color: var(--color-magentaLight) !important;
}
.bg-manatee {
  background-color: var(--color-manatee) !important;
}
.bg-ottoman {
  background-color: var(--color-ottoman) !important;
}
.bg-royalblue {
  background-color: var(--color-royalblue) !important;
}
.bg-salemsfur {
  background-color: var(--color-salemsfur) !important;
}
.bg-snow {
  background-color: var(--color-snow) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-trout {
  background-color: var(--color-trout) !important;
}
.bg-whitelilac {
  background-color: var(--color-whitelilac) !important;
}
.bg-\[linear-gradient\(to_top\2c
  theme\(colors\.alpine\)_0\%\2c
  rgba\(247\2c
  249\2c
  252\2c
  0\)_100\%\)\] {
  background-image: linear-gradient(
    to top,
    var(--color-alpine) 0,
    rgba(247, 249, 252, 0) 100%
  ) !important;
}
.bg-\[url\:var\(--url\)\] {
  background-image: var(--url) !important;
}
.bg-gradient-to-t {
  background-image: linear-gradient(
    to top,
    var(--tw-gradient-stops)
  ) !important;
}
.from-alpine {
  --tw-gradient-from: var(--color-alpine) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-0\% {
  --tw-gradient-from-position: 0% !important;
}
.to-100\% {
  --tw-gradient-to-position: 100% !important;
}
.bg-contain {
  background-size: contain !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.fill-manatee {
  fill: var(--color-manatee) !important;
}
.fill-whitelilac {
  fill: var(--color-whitelilac) !important;
}
.stroke-magenta {
  stroke: var(--color-magenta) !important;
}
.stroke-salemsfur {
  stroke: var(--color-salemsfur) !important;
}
.object-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.object-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.object-center {
  -o-object-position: center !important;
  object-position: center !important;
}
.p-0 {
  padding: 0 !important;
}
.p-12 {
  padding: 0.75rem !important;
}
.p-16 {
  padding: 1rem !important;
}
.p-24 {
  padding: 1.5rem !important;
}
.p-8 {
  padding: 0.5rem !important;
}
.p-\[3px\] {
  padding: 3px !important;
}
.p-\[unset\] {
  padding: unset !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-12 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-16 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-24 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-32 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-4 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-48 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-8 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.py-12 {
  padding-bottom: 0.75rem !important;
  padding-top: 0.75rem !important;
}
.py-16 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
.py-24 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}
.py-4 {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}
.py-8 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.py-\[14px\] {
  padding-bottom: 14px !important;
  padding-top: 14px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-12 {
  padding-bottom: 0.75rem !important;
}
.pb-16 {
  padding-bottom: 1rem !important;
}
.pb-2 {
  padding-bottom: 0.125rem !important;
}
.pb-24 {
  padding-bottom: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 0.25rem !important;
}
.pb-8 {
  padding-bottom: 0.5rem !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-12 {
  padding-left: 0.75rem !important;
}
.pl-16 {
  padding-left: 1rem !important;
}
.pl-24 {
  padding-left: 1.5rem !important;
}
.pl-4 {
  padding-left: 0.25rem !important;
}
.pl-48 {
  padding-left: 3rem !important;
}
.pl-8 {
  padding-left: 0.5rem !important;
}
.pl-\[20px\] {
  padding-left: 20px !important;
}
.pr-16 {
  padding-right: 1rem !important;
}
.pr-24 {
  padding-right: 1.5rem !important;
}
.pr-8 {
  padding-right: 0.5rem !important;
}
.pr-\[45px\] {
  padding-right: 45px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-12 {
  padding-top: 0.75rem !important;
}
.pt-16 {
  padding-top: 1rem !important;
}
.pt-24 {
  padding-top: 1.5rem !important;
}
.pt-4 {
  padding-top: 0.25rem !important;
}
.pt-8 {
  padding-top: 0.5rem !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-start {
  text-align: start !important;
}
.text-end {
  text-align: end !important;
}
.font-sans {
  font-family: Roboto, Arial, sans-serif !important;
}
.text-10 {
  font-size: 0.625rem !important;
}
.text-12 {
  font-size: 0.75rem !important;
}
.text-14 {
  font-size: 0.875rem !important;
}
.text-15 {
  font-size: 0.9375rem !important;
}
.text-16 {
  font-size: 1rem !important;
}
.text-18 {
  font-size: 1.125rem !important;
}
.text-22 {
  font-size: 1.375rem !important;
}
.text-28 {
  font-size: 1.75rem !important;
}
.text-40 {
  font-size: 2.5rem !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-light {
  font-weight: 300 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.italic {
  font-style: italic !important;
}
.leading-0 {
  line-height: 0 !important;
}
.leading-1 {
  line-height: 1 !important;
}
.leading-12 {
  line-height: 1.2 !important;
}
.leading-13 {
  line-height: 1.3 !important;
}
.leading-14 {
  line-height: 1.4 !important;
}
.leading-15 {
  line-height: 1.5 !important;
}
.leading-17 {
  line-height: 1.7 !important;
}
.tracking-008 {
  letter-spacing: 0.08em !important;
}
.tracking-01 {
  letter-spacing: 0.1em !important;
}
.text-\[\#171B26\] {
  --tw-text-opacity: 1 !important;
  color: rgb(23 27 38 / var(--tw-text-opacity)) !important;
}
.text-alpine {
  color: var(--color-alpine) !important;
}
.text-commercial {
  color: var(--color-royalblue) !important;
}
.text-current {
  color: currentcolor !important;
}
.text-green {
  color: var(--color-green) !important;
}
.text-inherit {
  color: inherit !important;
}
.text-magenta {
  color: var(--color-magenta) !important;
}
.text-manatee {
  color: var(--color-manatee) !important;
}
.text-red {
  color: var(--color-red) !important;
}
.text-royalblue {
  color: var(--color-royalblue) !important;
}
.text-salemsfur {
  color: var(--color-salemsfur) !important;
}
.text-snow {
  color: var(--color-snow) !important;
}
.text-trout {
  color: var(--color-trout) !important;
}
.text-whitelilac {
  color: var(--color-whitelilac) !important;
}
.underline {
  text-decoration-line: underline !important;
}
.no-underline {
  text-decoration-line: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.opacity-20 {
  opacity: 0.2 !important;
}
.opacity-30 {
  opacity: 0.3 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-\[unset\] {
  opacity: unset !important;
}
.shadow-\[0_16px_40px_0_rgba\(125\2c 152\2c 178\2c \.2\)\] {
  --tw-shadow: 0 16px 40px 0 rgba(125, 152, 178, 0.2) !important;
  --tw-shadow-colored: 0 16px 40px 0 var(--tw-shadow-color) !important;
}
.shadow-\[0_16px_40px_0_rgba\(125\2c 152\2c 178\2c \.2\)\],
.shadow-cta {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-cta {
  --tw-shadow: 0 12px 24px rgba(125, 152, 178, 0.2) !important;
  --tw-shadow-colored: 0 12px 24px var(--tw-shadow-color) !important;
}
.shadow-popout {
  --tw-shadow: 0 16px 40px rgba(125, 152, 178, 0.2) !important;
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color) !important;
}
.shadow-popout,
.shadow-sticky {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-sticky {
  --tw-shadow: 0 8px 16px rgba(125, 152, 178, 0.2) !important;
  --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color) !important;
}
.outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.brightness-200 {
  --tw-brightness: brightness(2) !important;
}
.brightness-200,
.brightness-50 {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.brightness-50 {
  --tw-brightness: brightness(0.5) !important;
}
.grayscale {
  --tw-grayscale: grayscale(100%) !important;
}
.grayscale,
.invert {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.invert {
  --tw-invert: invert(100%) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.transition {
  transition-duration: 0.15s !important;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter !important;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-\[max-height\] {
  transition-duration: 0.15s !important;
  transition-property: max-height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-all {
  transition-duration: 0.15s !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-colors {
  transition-duration: 0.15s !important;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-opacity {
  transition-duration: 0.15s !important;
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-transform {
  transition-duration: 0.15s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.duration-200 {
  transition-duration: 0.2s !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.will-change-\[transform\2c max-height\2c opacity\] {
  will-change: transform, max-height, opacity !important;
}
.grid-gap-12 {
  grid-gap: 0.75rem !important;
}
.grid-gap-16 {
  grid-gap: 1.4rem !important;
}
.grid-gap-24 {
  grid-gap: 1.5rem !important;
}
.grid-gap-32 {
  grid-gap: 2rem !important;
}
.grid-gap-4 {
  grid-gap: 0.25rem !important;
}
.grid-gap-40 {
  grid-gap: 2.5rem !important;
}
.grid-gap-8 {
  grid-gap: 0.5rem !important;
}
.grid-gap-\[10px\] {
  grid-gap: 10px !important;
}
.grid-gap-\[unset\] {
  grid-gap: unset !important;
}
.grid-gap-x-0 {
  row-gap: 0 !important;
}
.grid-gap-x-12 {
  row-gap: 0.75rem !important;
}
.grid-gap-x-16 {
  row-gap: 1rem !important;
}
.grid-gap-x-24 {
  row-gap: 1.5rem !important;
}
.grid-gap-y-12 {
  -moz-column-gap: 0.75rem !important;
  column-gap: 0.75rem !important;
}
.grid-gap-y-16 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}
.grid-gap-y-24 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}
@keyframes live {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7);
    transform: scale(0.95);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(226, 0, 116, 0);
    transform: scale(1);
  }
  to {
    box-shadow: 0 0 0 0 rgba(226, 0, 116, 0);
    transform: scale(0.95);
  }
}
.animate-live {
  animation: live 2s infinite !important;
}
@keyframes breaking-news {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
  to {
    transform: translateX(0);
  }
}
.animate-breaking-news {
  animation: live 1s infinite !important;
}
.hide-scrollbar {
  scrollbar-width: none !important;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none !important;
}
.\[authorEducation\:label\] {
  author-education: label !important;
}
.\[authorSocial\:label\] {
  author-social: label !important;
}
.\[authorWork\:description\] {
  author-work: description !important;
}
.\[authorWork\:role\] {
  author-work: role !important;
}
.\[clip-path\:circle\(12px_at_center\)\] {
  -webkit-clip-path: circle(12px at center) !important;
  clip-path: circle(12px at center) !important;
}
.\[clip-path\:circle\(6px_at_center\)\] {
  -webkit-clip-path: circle(6px at center) !important;
  clip-path: circle(6px at center) !important;
}
.\[contain-intrinsic-size\:auto_var\(--height-mobile\)\] {
  contain-intrinsic-size: auto var(--height-mobile) !important;
}
.\[content-visibility\:auto\] {
  content-visibility: auto !important;
}
.\[cx\:10px\] {
  cx: 10px !important;
}
.\[cy\:10px\] {
  cy: 10px !important;
}
.\[flag\:no_teaser_element\] {
  flag: no teaser element !important;
}
.\[flag\:no_upscale\] {
  flag: no upscale !important;
}
.\[grid-area\:1_\/_1_\/_3_\/_2\] {
  grid-area: 1/1/3/2 !important;
}
.\[grid-area\:authors\] {
  grid-area: authors !important;
}
.\[grid-area\:companion\] {
  grid-area: companion !important;
}
.\[grid-area\:content\] {
  grid-area: content !important;
}
.\[grid-area\:headline\] {
  grid-area: headline !important;
}
.\[grid-area\:hero\] {
  grid-area: hero !important;
}
.\[grid-area\:image\] {
  grid-area: image !important;
}
.\[grid-area\:stream\] {
  grid-area: stream !important;
}
.\[grid-area\:underline\] {
  grid-area: underline !important;
}
.\[grid-template-areas\:\"content\"_\"authors\"\] {
  grid-template-areas: "content" "authors" !important;
}
.\[grid-template-areas\:\"hero\"_\"companion\"_\"stream\"\] {
  grid-template-areas: "hero" "companion" "stream" !important;
}
.\[grid-template-areas\:\"image\"_\"content\"\] {
  grid-template-areas: "image" "content" !important;
}
.\[grid-template-areas\:\"image\"_\"headline\"\] {
  grid-template-areas: "image" "headline" !important;
}
.\[grid-template-areas\:\"image_content\"_\"authors_authors\"\] {
  grid-template-areas: "image content" "authors authors" !important;
}
.\[grid-template-areas\:\"image_content\"_\"image_authors\"\] {
  grid-template-areas: "image content" "image authors" !important;
}
.\[grid-template-areas\:\"image_headline\"_\"image_underline\"\] {
  grid-template-areas: "image headline" "image underline" !important;
}
.\[paper\:dax-performance\] {
  paper: dax-performance !important;
}
.\[paper\:searchbar\] {
  paper: searchbar !important;
}
.\[r\:10px\] {
  r: 10px !important;
}
.\[tablet-mode\:ml-0\] {
  tablet-mode: ml-0 !important;
}
.\[tablet-mode\:py-0\] {
  tablet-mode: py-0 !important;
}
.\[teaser\:headline\] {
  teaser: headline !important;
}
.\[teaser\:topLine\] {
  teaser: topLine !important;
}
.\[tenant\:home\=\'true\'\] {
  tenant: home= "true" !important;
}
.\[tenant\:home\] {
  tenant: home !important;
}
.\[transition\:color_0\.2s_\"ease-in-out\"\] {
  transition: color 0.2s "ease-in-out" !important;
}
.\[transition\:transform_0\.3s_ease-in-out\2c
  max-height_1\.3s_ease-in-out\2c
  opacity_1s_ease-in-out\] {
  transition: transform 0.3s ease-in-out, max-height 1.3s ease-in-out,
    opacity 1s ease-in-out !important;
}
:root {
  --container-margin-left: max(36px, calc(50vw - 647px));
}
body.center,
body.sdi-center-body {
  --container-margin-left: auto;
}
@media (min-width: 1441px) {
  body.games-chanel-center-body,
  body.games-channel-center-body {
    --container-margin-left: auto;
  }
}
body {
  line-height: 1.2;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: inline;
}
.hm_Label :after,
.hm_Label :before {
  border-style: none;
}
.marker\:hidden ::marker {
  display: none !important;
}
.marker\:hidden::marker {
  display: none !important;
}
.placeholder\:font-semibold::-moz-placeholder {
  font-weight: 600 !important;
}
.placeholder\:font-semibold::placeholder {
  font-weight: 600 !important;
}
.placeholder\:text-manatee::-moz-placeholder {
  color: var(--color-manatee) !important;
}
.placeholder\:text-manatee::placeholder {
  color: var(--color-manatee) !important;
}
.placeholder\:opacity-100::-moz-placeholder {
  opacity: 1 !important;
}
.placeholder\:opacity-100::placeholder {
  opacity: 1 !important;
}
.before\:absolute:before {
  content: var(--tw-content) !important;
  position: absolute !important;
}
.before\:inset-0:before {
  content: var(--tw-content) !important;
  inset: 0 !important;
}
.before\:inset-x-0:before {
  content: var(--tw-content) !important;
  left: 0 !important;
  right: 0 !important;
}
.before\:inset-y-0:before {
  top: 0 !important;
}
.before\:bottom-0:before,
.before\:inset-y-0:before {
  bottom: 0 !important;
  content: var(--tw-content) !important;
}
.before\:left-0:before {
  content: var(--tw-content) !important;
  left: 0 !important;
}
.before\:right-0:before {
  content: var(--tw-content) !important;
  right: 0 !important;
}
.before\:top-0:before {
  content: var(--tw-content) !important;
  top: 0 !important;
}
.before\:top-4:before {
  content: var(--tw-content) !important;
  top: 0.25rem !important;
}
.before\:z-teaser-stretched-link:before {
  content: var(--tw-content) !important;
  z-index: 700 !important;
}
.before\:ml-\[-20px\]:before {
  content: var(--tw-content) !important;
  margin-left: -20px !important;
}
.before\:mr-4:before {
  content: var(--tw-content) !important;
  margin-right: 0.25rem !important;
}
.before\:block:before {
  content: var(--tw-content) !important;
  display: block !important;
}
.before\:inline-block:before {
  content: var(--tw-content) !important;
  display: inline-block !important;
}
.before\:size-16:before {
  content: var(--tw-content) !important;
  height: 1rem !important;
  width: 1rem !important;
}
.before\:h-12:before {
  content: var(--tw-content) !important;
  height: 0.75rem !important;
}
.before\:h-\[66px\]:before {
  content: var(--tw-content) !important;
  height: 66px !important;
}
.before\:w-12:before {
  content: var(--tw-content) !important;
  width: 0.75rem !important;
}
.before\:w-24:before {
  content: var(--tw-content) !important;
  width: 1.5rem !important;
}
.before\:border-t:before {
  border-top-width: 1px !important;
  content: var(--tw-content) !important;
}
.before\:border-solid:before {
  border-style: solid !important;
  content: var(--tw-content) !important;
}
.before\:border-t-magenta:before {
  border-top-color: var(--color-magenta) !important;
  content: var(--tw-content) !important;
}
.before\:bg-\[image\:var\(--url\)\]:before {
  background-image: var(--url) !important;
  content: var(--tw-content) !important;
}
.before\:bg-\[url\:var\(--bg-image\)\]:before {
  background-image: var(--bg-image) !important;
  content: var(--tw-content) !important;
}
.before\:bg-contain:before {
  background-size: contain !important;
  content: var(--tw-content) !important;
}
.before\:bg-left:before {
  background-position: 0 !important;
  content: var(--tw-content) !important;
}
.before\:bg-left-top:before {
  background-position: 0 0 !important;
  content: var(--tw-content) !important;
}
.before\:bg-no-repeat:before {
  background-repeat: no-repeat !important;
  content: var(--tw-content) !important;
}
.before\:align-middle:before {
  content: var(--tw-content) !important;
  vertical-align: middle !important;
}
.before\:content-\[\"\"\]:before {
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.before\:\[background\:linear-gradient\(90deg\2c
  theme\(colors\.snow\)_0\%\2c
  rgba\(255\2c
  255\2c
  255\2c
  0\)_100\%\)\]:before {
  background: linear-gradient(
    90deg,
    var(--color-snow) 0,
    hsla(0, 0%, 100%, 0) 100%
  ) !important;
  content: var(--tw-content) !important;
}
.after\:pointer-events-none:after {
  content: var(--tw-content) !important;
  pointer-events: none !important;
}
.after\:absolute:after {
  content: var(--tw-content) !important;
  position: absolute !important;
}
.after\:relative:after {
  content: var(--tw-content) !important;
  position: relative !important;
}
.after\:-right-4:after {
  content: var(--tw-content) !important;
  right: -0.25rem !important;
}
.after\:-right-8:after {
  content: var(--tw-content) !important;
  right: -0.5rem !important;
}
.after\:-top-\[6px\]:after {
  content: var(--tw-content) !important;
  top: -6px !important;
}
.after\:bottom-\[-5px\]:after {
  bottom: -5px !important;
  content: var(--tw-content) !important;
}
.after\:left-2\/4:after {
  content: var(--tw-content) !important;
  left: 50% !important;
}
.after\:right-0:after {
  content: var(--tw-content) !important;
  right: 0 !important;
}
.after\:top-0:after {
  content: var(--tw-content) !important;
  top: 0 !important;
}
.after\:top-1:after {
  content: var(--tw-content) !important;
  top: 0.0625rem !important;
}
.after\:top-16:after {
  content: var(--tw-content) !important;
  top: 1rem !important;
}
.after\:-mt-2:after {
  content: var(--tw-content) !important;
  margin-top: -0.125rem !important;
}
.after\:ml-8:after {
  content: var(--tw-content) !important;
  margin-left: 0.5rem !important;
}
.after\:block:after {
  content: var(--tw-content) !important;
  display: block !important;
}
.after\:inline-block:after {
  content: var(--tw-content) !important;
  display: inline-block !important;
}
.after\:inline-flex:after {
  content: var(--tw-content) !important;
  display: inline-flex !important;
}
.after\:size-8:after {
  content: var(--tw-content) !important;
  height: 0.5rem !important;
  width: 0.5rem !important;
}
.after\:h-0:after {
  content: var(--tw-content) !important;
  height: 0 !important;
}
.after\:h-1:after {
  content: var(--tw-content) !important;
  height: 0.0625rem !important;
}
.after\:h-8:after {
  content: var(--tw-content) !important;
  height: 0.5rem !important;
}
.after\:h-\[66px\]:after {
  content: var(--tw-content) !important;
  height: 66px !important;
}
.after\:w-0:after {
  content: var(--tw-content) !important;
  width: 0 !important;
}
.after\:w-24:after {
  content: var(--tw-content) !important;
  width: 1.5rem !important;
}
.after\:w-auto:after {
  content: var(--tw-content) !important;
  width: auto !important;
}
.after\:w-full:after {
  content: var(--tw-content) !important;
  width: 100% !important;
}
.after\:-translate-x-1\/2:after {
  --tw-translate-x: -50% !important;
}
.after\:-translate-x-1\/2:after,
.after\:rotate-\[-315deg\]:after {
  content: var(--tw-content) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.after\:rotate-\[-315deg\]:after {
  --tw-rotate: -315deg !important;
}
.after\:rounded-8:after {
  border-radius: 0.5rem !important;
  content: var(--tw-content) !important;
}
.after\:border:after {
  border-width: 1px !important;
  content: var(--tw-content) !important;
}
.after\:border-\[5px\]:after {
  border-width: 5px !important;
  content: var(--tw-content) !important;
}
.after\:border-x-\[6px\]:after {
  border-left-width: 6px !important;
  border-right-width: 6px !important;
  content: var(--tw-content) !important;
}
.after\:border-b:after {
  border-bottom-width: 1px !important;
  content: var(--tw-content) !important;
}
.after\:border-b-0:after {
  border-bottom-width: 0 !important;
  content: var(--tw-content) !important;
}
.after\:border-r:after {
  border-right-width: 1px !important;
  content: var(--tw-content) !important;
}
.after\:border-t-\[6px\]:after {
  border-top-width: 6px !important;
  content: var(--tw-content) !important;
}
.after\:border-solid:after {
  border-style: solid !important;
  content: var(--tw-content) !important;
}
.after\:border-snow:after {
  border-color: var(--color-snow) !important;
  content: var(--tw-content) !important;
}
.after\:border-transparent:after {
  border-color: transparent !important;
  content: var(--tw-content) !important;
}
.after\:border-whitelilac:after {
  border-color: var(--color-whitelilac) !important;
  content: var(--tw-content) !important;
}
.after\:border-b-transparent:after {
  border-bottom-color: transparent !important;
  content: var(--tw-content) !important;
}
.after\:border-b-trout:after {
  border-bottom-color: var(--color-trout) !important;
  content: var(--tw-content) !important;
}
.after\:border-b-whitelilac:after {
  border-bottom-color: var(--color-whitelilac) !important;
  content: var(--tw-content) !important;
}
.after\:border-r-trout:after {
  border-right-color: var(--color-trout) !important;
  content: var(--tw-content) !important;
}
.after\:border-t-inherit:after {
  border-top-color: inherit !important;
  content: var(--tw-content) !important;
}
.after\:border-t-magenta:after {
  border-top-color: var(--color-magenta) !important;
  content: var(--tw-content) !important;
}
.after\:bg-magenta:after {
  background-color: var(--color-magenta) !important;
  content: var(--tw-content) !important;
}
.after\:px-4:after {
  content: var(--tw-content) !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.after\:py-1:after {
  content: var(--tw-content) !important;
  padding-bottom: 0.0625rem !important;
  padding-top: 0.0625rem !important;
}
.after\:text-8:after {
  content: var(--tw-content) !important;
  font-size: 0.5rem !important;
}
.after\:font-bold:after {
  content: var(--tw-content) !important;
  font-weight: 700 !important;
}
.after\:leading-1:after {
  content: var(--tw-content) !important;
  line-height: 1 !important;
}
.after\:text-snow:after {
  color: var(--color-snow) !important;
  content: var(--tw-content) !important;
}
.after\:transition-all:after {
  content: var(--tw-content) !important;
  transition-duration: 0.15s !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.after\:duration-200:after {
  content: var(--tw-content) !important;
  transition-duration: 0.2s !important;
}
.after\:ease-in-out:after {
  content: var(--tw-content) !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.after\:content-\[\"\"\]:after {
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.after\:content-\[attr\(data-unread-emails\)\]:after {
  --tw-content: attr(data-unread-emails) !important;
  content: var(--tw-content) !important;
}
.after\:content-\[var\(--url\)\]:after {
  --tw-content: var(--url) !important;
  content: var(--tw-content) !important;
}
.after\:\[background\:linear-gradient\(270deg\2c
  theme\(colors\.snow\)_0\%\2c
  rgba\(255\2c
  255\2c
  255\2c
  0\)_100\%\)\]:after {
  background: linear-gradient(
    270deg,
    var(--color-snow) 0,
    hsla(0, 0%, 100%, 0) 100%
  ) !important;
  content: var(--tw-content) !important;
}
.last\:mb-0:last-child {
  margin-bottom: 0 !important;
}
.last\:mr-0:last-child {
  margin-right: 0 !important;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0 !important;
}
.last\:pb-0:last-child {
  padding-bottom: 0 !important;
}
.last\:pb-16:last-child {
  padding-bottom: 1rem !important;
}
.empty\:pl-40:empty {
  padding-left: 2.5rem !important;
}
.hover\:border:hover {
  border-width: 1px !important;
}
.hover\:border-solid:hover {
  border-style: solid !important;
}
.hover\:border-magenta:hover {
  border-color: var(--color-magenta) !important;
}
.hover\:border-royalblue:hover {
  border-color: var(--color-royalblue) !important;
}
.hover\:border-salemsfur:hover {
  border-color: var(--color-salemsfur) !important;
}
.hover\:bg-alpine:hover {
  background-color: var(--color-alpine) !important;
}
.hover\:bg-magenta:hover {
  background-color: var(--color-magenta) !important;
}
.hover\:bg-salemsfur:hover {
  background-color: var(--color-salemsfur) !important;
}
.hover\:fill-magenta:hover {
  fill: var(--color-magenta) !important;
}
.hover\:text-magenta:hover {
  color: var(--color-magenta) !important;
}
.hover\:text-royalblue:hover {
  color: var(--color-royalblue) !important;
}
.hover\:text-salemsfur:hover {
  color: var(--color-salemsfur) !important;
}
.hover\:text-snow:hover {
  color: var(--color-snow) !important;
}
.before\:hover\:bg-\[url\:var\(--bg-image-hover\)\]:hover:before {
  background-image: var(--bg-image-hover) !important;
  content: var(--tw-content) !important;
}
.active\:border-magenta:active,
.focus\:border-magenta:focus {
  border-color: var(--color-magenta) !important;
}
.group[open] .group-open\:-rotate-180 {
  --tw-rotate: -180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.group\/push-notification-button:hover
  .group-hover\/push-notification-button\:block {
  display: block !important;
}
.group\/push-notification-button:hover
  .group-hover\/push-notification-button\:hidden {
  display: none !important;
}
.group\/email-button:hover .group-hover\/email-button\:stroke-snow {
  stroke: var(--color-snow) !important;
}
.group:hover .group-hover\:text-snow {
  color: var(--color-snow) !important;
}
.group:hover .group-hover\:contrast-100 {
  --tw-contrast: contrast(1) !important;
}
.group:hover .group-hover\:contrast-100,
.group:hover .group-hover\:grayscale {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.group:hover .group-hover\:grayscale {
  --tw-grayscale: grayscale(100%) !important;
}
.group:hover .group-hover\:invert {
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.peer:checked ~ .group .peer-checked\:group-\[\]\:fill-magenta {
  fill: var(--color-magenta) !important;
}
.peer:checked ~ .group .peer-checked\:group-\[\]\:fill-magentalight {
  fill: var(--color-magentaLight) !important;
}
.peer:checked ~ .group .peer-checked\:group-\[\]\:\[cx\:24px\] {
  cx: 24px !important;
}
.tablet-mode .tablet-mode\:ml-0 {
  margin-left: 0 !important;
}
.tablet-mode .tablet-mode\:ml-24 {
  margin-left: 1.5rem !important;
}
.tablet-mode .tablet-mode\:hidden {
  display: none !important;
}
.tablet-mode .tablet-mode\:overflow-hidden {
  overflow: hidden !important;
}
.tablet-mode .tablet-mode\:px-24 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.tablet-mode .tablet-mode\:py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.tablet-mode .tablet-mode\:py-12 {
  padding-bottom: 0.75rem !important;
  padding-top: 0.75rem !important;
}
.tablet-mode .tablet-mode\:pl-24 {
  padding-left: 1.5rem !important;
}
.tablet-mode .tablet-mode\:pr-8 {
  padding-right: 0.5rem !important;
}
@media not all and (min-width: 769px) {
  .max-md\:invisible {
    visibility: hidden !important;
  }
  .max-md\:absolute {
    position: absolute !important;
  }
  .max-md\:inset-x-12 {
    left: 0.75rem !important;
    right: 0.75rem !important;
  }
  .max-md\:top-12 {
    top: 0.75rem !important;
  }
  .max-md\:z-teaser-hero-slider-navigation {
    z-index: 2147483638 !important;
  }
  .max-md\:-mx-24 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .max-md\:mt-8 {
    margin-top: 0.5rem !important;
  }
  .max-md\:hidden {
    display: none !important;
  }
  .max-md\:h-4 {
    height: 0.25rem !important;
  }
  .max-md\:w-screen {
    width: 100vw !important;
  }
  .max-md\:grow {
    flex-grow: 1 !important;
  }
  .max-md\:grid-flow-col {
    grid-auto-flow: column !important;
  }
  .max-md\:flex-col {
    flex-direction: column !important;
  }
  .max-md\:justify-between {
    justify-content: space-between !important;
  }
  .max-md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
  .max-md\:rounded-8 {
    border-radius: 0.5rem !important;
  }
  .max-md\:border-b {
    border-bottom-width: 1px !important;
  }
  .max-md\:border-l-0 {
    border-left-width: 0 !important;
  }
  .max-md\:border-r-0 {
    border-right-width: 0 !important;
  }
  .max-md\:border-t {
    border-top-width: 1px !important;
  }
  .max-md\:bg-\[\#FFF\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  }
  .max-md\:bg-magenta {
    background-color: var(--color-magenta) !important;
  }
  .max-md\:bg-snow {
    background-color: var(--color-snow) !important;
  }
  .max-md\:px-12 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .max-md\:px-24 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .max-md\:py-16 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .max-md\:pb-24 {
    padding-bottom: 1.5rem !important;
  }
  .max-md\:pl-24 {
    padding-left: 1.5rem !important;
  }
  .max-md\:pt-12 {
    padding-top: 0.75rem !important;
  }
  .max-md\:pt-8 {
    padding-top: 0.5rem !important;
  }
  .max-md\:grid-gap-y-12 {
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }
  .max-md\:hide-scrollbar {
    scrollbar-width: none !important;
  }
  .max-md\:hide-scrollbar::-webkit-scrollbar {
    display: none !important;
  }
  .max-md\:\[grid-area\:content\] {
    grid-area: content !important;
  }
  .max-md\:\[grid-area\:image\] {
    grid-area: image !important;
  }
  .max-md\:\[grid-template-areas\:\'content\'_\'image\'\] {
    grid-template-areas: "content" "image" !important;
  }
  .max-md\:after\:relative:after {
    content: var(--tw-content) !important;
    position: relative !important;
  }
  .max-md\:after\:top-16:after {
    content: var(--tw-content) !important;
    top: 1rem !important;
  }
  .max-md\:after\:block:after {
    content: var(--tw-content) !important;
    display: block !important;
  }
  .max-md\:after\:h-1:after {
    content: var(--tw-content) !important;
    height: 0.0625rem !important;
  }
  .max-md\:after\:w-full:after {
    content: var(--tw-content) !important;
    width: 100% !important;
  }
  .max-md\:after\:border-b:after {
    border-bottom-width: 1px !important;
    content: var(--tw-content) !important;
  }
  .max-md\:after\:border-solid:after {
    border-style: solid !important;
    content: var(--tw-content) !important;
  }
  .max-md\:after\:border-whitelilac:after {
    border-color: var(--color-whitelilac) !important;
    content: var(--tw-content) !important;
  }
  .max-md\:after\:content-\[\"\"\]:after {
    --tw-content: "" !important;
    content: var(--tw-content) !important;
  }
}
@media (min-width: 769px) {
  .md\:invisible {
    visibility: hidden !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:left-1\/2 {
    left: 50% !important;
  }
  .md\:right-auto {
    right: auto !important;
  }
  .md\:top-1\/2 {
    top: 50% !important;
  }
  .md\:top-\[40\%\] {
    top: 40% !important;
  }
  .md\:top-\[72px\] {
    top: 72px !important;
  }
  .md\:top-\[unset\] {
    top: unset !important;
  }
  .md\:z-header,
  .md\:z-stream-layout-stream-style {
    z-index: 1 !important;
  }
  .md\:order-1 {
    order: 1 !important;
  }
  .md\:col-\[2_span\] {
    grid-column: span 2 !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .md\:mx-32 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-48 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-\[unset\] {
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .md\:my-24 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .md\:-mt-24 {
    margin-top: -1.5rem !important;
  }
  .md\:mb-24 {
    margin-bottom: 1.5rem !important;
  }
  .md\:ml-48 {
    margin-left: 3rem !important;
  }
  .md\:mr-24 {
    margin-right: 1.5rem !important;
  }
  .md\:mt-24 {
    margin-top: 1.5rem !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:grid {
    display: grid !important;
  }
  .md\:hidden {
    display: none !important;
  }
  .md\:size-\[48px\] {
    height: 48px !important;
    width: 48px !important;
  }
  .md\:h-0 {
    height: 0 !important;
  }
  .md\:h-48 {
    height: 3rem !important;
  }
  .md\:h-\[195px\] {
    height: 195px !important;
  }
  .md\:h-\[34px\] {
    height: 34px !important;
  }
  .md\:h-\[550px\] {
    height: 550px !important;
  }
  .md\:h-\[554px\] {
    height: 554px !important;
  }
  .md\:h-\[614px\] {
    height: 614px !important;
  }
  .md\:h-\[72px\] {
    height: 72px !important;
  }
  .md\:max-h-\[453px\] {
    max-height: 453px !important;
  }
  .md\:max-h-\[580px\] {
    max-height: 580px !important;
  }
  .md\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .md\:min-h-\[217px\] {
    min-height: 217px !important;
  }
  .md\:min-h-\[auto\] {
    min-height: auto !important;
  }
  .md\:min-h-\[unset\] {
    min-height: unset !important;
  }
  .md\:w-48 {
    width: 3rem !important;
  }
  .md\:w-\[168px\] {
    width: 168px !important;
  }
  .md\:w-\[195px\] {
    width: 195px !important;
  }
  .md\:w-\[300px\] {
    width: 300px !important;
  }
  .md\:w-\[647px\] {
    width: 647px !important;
  }
  .md\:w-companion {
    width: 21.75rem !important;
  }
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-stream {
    width: 40.5rem !important;
  }
  .md\:min-w-0 {
    min-width: 0 !important;
  }
  .md\:min-w-\[111px\] {
    min-width: 111px !important;
  }
  .md\:min-w-\[112px\] {
    min-width: 112px !important;
  }
  .md\:min-w-\[144px\] {
    min-width: 144px !important;
  }
  .md\:min-w-\[192px\] {
    min-width: 192px !important;
  }
  .md\:min-w-\[253px\] {
    min-width: 253px !important;
  }
  .md\:min-w-\[257px\] {
    min-width: 257px !important;
  }
  .md\:min-w-\[267px\] {
    min-width: 267px !important;
  }
  .md\:min-w-\[365px\] {
    min-width: 365px !important;
  }
  .md\:min-w-page {
    min-width: 62.25rem !important;
  }
  .md\:max-w-\[640px\] {
    max-width: 640px !important;
  }
  .md\:flex-\[0_0_267px\] {
    flex: 0 0 267px !important;
  }
  .md\:shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-grow {
    flex-grow: 1 !important;
  }
  .md\:basis-\[111px\] {
    flex-basis: 111px !important;
  }
  .md\:basis-\[112px\] {
    flex-basis: 112px !important;
  }
  .md\:basis-\[144px\] {
    flex-basis: 144px !important;
  }
  .md\:basis-\[192px\] {
    flex-basis: 192px !important;
  }
  .md\:basis-\[253px\] {
    flex-basis: 253px !important;
  }
  .md\:basis-\[257px\] {
    flex-basis: 257px !important;
  }
  .md\:basis-\[365px\] {
    flex-basis: 365px !important;
  }
  .md\:basis-companion {
    flex-basis: 21.75rem !important;
  }
  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50% !important;
  }
  .md\:-translate-x-1\/2,
  .md\:-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50% !important;
  }
  .md\:snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
  }
  .md\:snap-mandatory {
    --tw-scroll-snap-strictness: mandatory !important;
  }
  .md\:snap-start {
    scroll-snap-align: start !important;
  }
  .md\:snap-center {
    scroll-snap-align: center !important;
  }
  .md\:scroll-ml-24 {
    scroll-margin-left: 1.5rem !important;
  }
  .md\:scroll-ml-48 {
    scroll-margin-left: 3rem !important;
  }
  .md\:scroll-pl-24 {
    scroll-padding-left: 1.5rem !important;
  }
  .md\:grid-flow-row {
    grid-auto-flow: row !important;
  }
  .md\:grid-flow-col {
    grid-auto-flow: column !important;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-\[168px_1fr\] {
    grid-template-columns: 168px 1fr !important;
  }
  .md\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr !important;
  }
  .md\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr !important;
  }
  .md\:grid-cols-\[repeat\(6\2c 68px\)\] {
    grid-template-columns: repeat(6, 68px) !important;
  }
  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-col {
    flex-direction: column !important;
  }
  .md\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:items-end {
    align-items: flex-end !important;
  }
  .md\:items-center {
    align-items: center !important;
  }
  .md\:justify-start {
    justify-content: flex-start !important;
  }
  .md\:justify-end {
    justify-content: flex-end !important;
  }
  .md\:justify-center {
    justify-content: center !important;
  }
  .md\:justify-between {
    justify-content: space-between !important;
  }
  .md\:self-center {
    align-self: center !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:rounded-24 {
    border-radius: 1.5rem !important;
  }
  .md\:border-b {
    border-bottom-width: 1px !important;
  }
  .md\:border-b-4 {
    border-bottom-width: 4px !important;
  }
  .md\:border-r {
    border-right-width: 1px !important;
  }
  .md\:border-r-0 {
    border-right-width: 0 !important;
  }
  .md\:border-t {
    border-top-width: 1px !important;
  }
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-whitelilac {
    border-color: var(--color-whitelilac) !important;
  }
  .md\:border-b-magenta {
    border-bottom-color: var(--color-magenta) !important;
  }
  .md\:bg-magenta {
    background-color: var(--color-magenta) !important;
  }
  .md\:p-24 {
    padding: 1.5rem !important;
  }
  .md\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md\:px-16 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-24 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-48 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-\[unset\] {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .md\:py-24 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0 !important;
  }
  .md\:pb-12 {
    padding-bottom: 0.75rem !important;
  }
  .md\:pb-16 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-24 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-\[80px\] {
    padding-bottom: 80px !important;
  }
  .md\:pl-0 {
    padding-left: 0 !important;
  }
  .md\:pl-16 {
    padding-left: 1rem !important;
  }
  .md\:pl-\[28px\] {
    padding-left: 28px !important;
  }
  .md\:pl-\[unset\] {
    padding-left: unset !important;
  }
  .md\:pr-0 {
    padding-right: 0 !important;
  }
  .md\:pr-24 {
    padding-right: 1.5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0 !important;
  }
  .md\:pt-12 {
    padding-top: 0.75rem !important;
  }
  .md\:pt-16 {
    padding-top: 1rem !important;
  }
  .md\:pt-24 {
    padding-top: 1.5rem !important;
  }
  .md\:text-start {
    text-align: start !important;
  }
  .md\:text-12 {
    font-size: 0.75rem !important;
  }
  .md\:text-14 {
    font-size: 0.875rem !important;
  }
  .md\:text-16 {
    font-size: 1rem !important;
  }
  .md\:text-18 {
    font-size: 1.125rem !important;
  }
  .md\:text-22 {
    font-size: 1.375rem !important;
  }
  .md\:text-28 {
    font-size: 1.75rem !important;
  }
  .md\:text-40 {
    font-size: 2.5rem !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
  .md\:text-magenta {
    color: var(--color-magenta) !important;
  }
  .md\:grid-gap-12 {
    grid-gap: 0.75rem !important;
  }
  .md\:grid-gap-16 {
    grid-gap: 1rem !important;
  }
  .md\:grid-gap-24 {
    grid-gap: 1.5rem !important;
  }
  .md\:grid-gap-\[unset\] {
    grid-gap: unset !important;
  }
  .md\:grid-gap-x-16 {
    row-gap: 1rem !important;
  }
  .md\:grid-gap-y-24 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .md\:hide-scrollbar {
    scrollbar-width: none !important;
  }
  .md\:hide-scrollbar::-webkit-scrollbar {
    display: none !important;
  }
  .md\:\[contain-intrinsic-size\:auto_var\(--height-desktop\)\] {
    contain-intrinsic-size: auto var(--height-desktop) !important;
  }
  .md\:\[grid-area\:content\] {
    grid-area: content !important;
  }
  .md\:\[grid-area\:image\] {
    grid-area: image !important;
  }
  .md\:\[grid-template-areas\:\"content_image\"\] {
    grid-template-areas: "content image" !important;
  }
  .md\:\[grid-template-areas\:\"headline_image\"\] {
    grid-template-areas: "headline image" !important;
  }
  .md\:\[grid-template-areas\:\"hero_companion\"_\"stream_companion\"\] {
    grid-template-areas: "hero companion" "stream companion" !important;
  }
  .md\:\[grid-template-areas\:\"image_content\"\] {
    grid-template-areas: "image content" !important;
  }
  .md\:\[grid-template-areas\:\"image_content\"_\"image_authors\"_\"image_\.\"\] {
    grid-template-areas: "image content" "image authors" "image ." !important;
  }
  .md\:after\:top-24:after {
    content: var(--tw-content) !important;
    top: 1.5rem !important;
  }
  .md\:after\:border-snow:after {
    border-color: var(--color-snow) !important;
    content: var(--tw-content) !important;
  }
  .md\:last\:pb-24:last-child {
    padding-bottom: 1.5rem !important;
  }
  .hover\:md\:border-salemsfur:hover {
    border-color: var(--color-salemsfur) !important;
  }
  .md\:hover\:border-magenta:hover {
    border-color: var(--color-magenta) !important;
  }
  .md\:hover\:border-salemsfur:hover {
    border-color: var(--color-salemsfur) !important;
  }
  .hover\:md\:bg-salemsfur:hover {
    background-color: var(--color-salemsfur) !important;
  }
  .md\:hover\:bg-magenta:hover {
    background-color: var(--color-magenta) !important;
  }
  .md\:hover\:bg-snow:hover {
    background-color: var(--color-snow) !important;
  }
  .hover\:md\:text-snow:hover {
    color: var(--color-snow) !important;
  }
  .md\:hover\:text-magenta:hover {
    color: var(--color-magenta) !important;
  }
  .md\:hover\:text-salemsfur:hover {
    color: var(--color-salemsfur) !important;
  }
  .md\:hover\:text-whitelilac:hover {
    color: var(--color-whitelilac) !important;
  }
  .md\:hover\:after\:border-snow:hover:after {
    border-color: var(--color-snow) !important;
    content: var(--tw-content) !important;
  }
  .group:hover .group-hover\:md\:bg-trout {
    background-color: var(--color-trout) !important;
  }
  .group:hover .group-hover\:md\:invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
  }
  .tablet-mode .md\:tablet-mode\:block {
    display: block !important;
  }
}
@media (orientation: landscape) {
  .landscape\:p-24 {
    padding: 1.5rem !important;
  }
}
/* @media (prefers-color-scheme: dark) {
  .dark\:before\:bg-\[url\:var\(--bg-image-dark\)\]:before {
    background-image: var(--bg-image-dark) !important;
    content: var(--tw-content) !important;
  }
  .group:hover .dark\:group-hover\:invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
  }
} */
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none !important;
}
.\[\&\:not\(\[value\=\"\"\]\)\]\:border-magenta:not([value=""]) {
  border-color: var(--color-magenta) !important;
}
.\[\&\>li\:first-of-type\]\:rounded-t-4 > li:first-of-type {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.\[\&\>li\:first-of-type\]\:border-t-0 > li:first-of-type {
  border-top-width: 0 !important;
}
.\[\&\>li\:last-of-type\]\:rounded-b-4 > li:last-of-type {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.\[\&\>li\:last-of-type\]\:border-t-magenta > li:last-of-type {
  border-top-color: var(--color-magenta) !important;
}
.css-6f4u3n {
  -webkit-box-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  align-items: center;
  transition: color 0.2s ease-in-out;
  border: 0;
  background: inherit;
  color: var(--color-manatee);
  text-decoration: none;
  cursor: pointer;
}
.css-1qgwl2u {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: transparent;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--color-snow);
  -webkit-tap-highlight-color: transparent;
  right: 0;
  width: 24px;
}
.css-3j1drh,
.css-q75lpj {
  -webkit-align-items: center;
}
.css-3j1drh,
.css-if9636 {
  grid-gap: 12px;
  font-weight: 700;
}
.css-3j1drh,
.css-if9636,
.css-in3yi3 {
  font-weight: 700;
}
.css-1wcb9qm,
.css-wzramg {
  font-size: 18px;
  line-height: 1.7;
}
.css-1azakc,
.css-1p734nz,
.css-q964i6 {
  text-align: center;
}
.css-1wcb9qm > li::before,
.css-duruqh > li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 12px 2px -20px;
  background-color: var(--color-magenta);
}
.tablet-mode .css-17aslwy,
.tablet-mode .css-1irxv3v,
.tablet-mode .css-hek2m3 {
  margin-left: 0 !important;
}
.css-3j1drh {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
}
.css-gn8iez {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}
.css-fkgpj0,
.css-l0mio9 {
  display: none;
  visibility: hidden;
}
.css-1cw0l8h {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.css-52kom {
  display: inline-grid;
  position: relative;
}
.css-n2qyu3,
.css-q75lpj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  cursor: pointer;
}
.css-q75lpj {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: transparent;
  background-color: transparent;
}
@-webkit-keyframes animation-1acbpvw {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation-1acbpvw {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animation-f1cmpm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animation-f1cmpm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes animation-uq4gv3 {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes animation-uq4gv3 {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animation-5b2mr5 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes animation-5b2mr5 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes animation-4dq0km {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes animation-4dq0km {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animation-atwyuo {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes animation-atwyuo {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.css-if9636 {
  display: grid;
  grid-template-columns: 24px min-content;
  grid-template-rows: 24px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
  background-color: var(--color-whitelilac);
  color: var(--color-trout);
}
.css-1ld377e {
  z-index: 700;
}
.css-1wcb9qm {
  display: block;
  padding-left: 24px;
}
.css-1wcb9qm > li,
.css-duruqh > li {
  padding-bottom: 16px;
}
.css-10s3lzp {
  word-wrap: break-word;
}
.css-lvubmb {
  display: grid;
  grid-gap: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.css-ey8iew {
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
.css-mhhg39 {
  display: grid;
  grid-gap: 12px;
  grid-template-areas: "gallery-item-1 gallery-item-2" "gallery-item-1 gallery-item-3";
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.css-1ppyx7y,
.css-zg20n1 {
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: column;
}
.css-zg20n1 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.css-1ho1xft {
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.css-1wbll7q {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.css-uynk6x {
  position: absolute;
  z-index: 701;
  top: 100%;
  width: auto;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
  pointer-events: none;
}
@-webkit-keyframes animation-1hzbs6q {
  0% {
    height: auto;
    opacity: 0;
  }
  100% {
    height: auto;
    opacity: 1;
  }
}
@keyframes animation-1hzbs6q {
  0% {
    height: auto;
    opacity: 0;
  }
  100% {
    height: auto;
    opacity: 1;
  }
}
.css-pra1qm {
  position: relative;
}
.css-1ppyx7y {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  justify-content: start;
  overflow-x: scroll;
  overflow-y: auto;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
.css-1ppyx7y::-webkit-scrollbar {
  display: none;
}
.css-1c1g68d {
  display: inline-grid;
  position: static;
  white-space: nowrap;
}
.css-hoopuj,
.css-isq9ok {
  position: relative;
  width: 100%;
  max-width: 997px;
  margin-right: auto;
}
.css-kvylio {
  display: inline-grid;
  height: 100%;
}
.css-1l6c000 {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 12px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.css-19n8dai {
  padding-top: 24px;
}
.css-n2qyu3 {
  display: flex;
  padding: 9px 14px;
}
.css-k28rag,
.css-qho2j5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.css-k28rag {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 8px;
}
.css-edilp5,
.css-z9w95h {
  padding-top: 16px;
}
.css-z9w95h {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-whitelilac);
  font-size: 14px;
}
.css-z9w95h:last-child {
  padding-bottom: unset;
  border-bottom: none;
}
.css-1rwqq8c {
  display: grid;
  grid-gap: 16px;
}
.css-we1raa {
  display: grid;
  grid-gap: 12px;
}
.css-1d3w5wq {
  width: 100%;
}
.css-e85yjp {
  border-top: 1px solid var(--color-whitelilac);
}
.css-qho2j5 {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: unset;
  padding-bottom: 16px;
  background-color: var(--color-alpine);
}
.css-1jkhb0n,
.css-hek2m3 {
  width: 100%;
  max-width: 997px;
  margin-right: auto;
}
@media (min-width: 769px) {
  .css-2k2lok {
    min-height: calc(16px + 250px);
  }
  .css-pra1qm:focus-within,
  .css-pra1qm:hover {
    cursor: default;
  }
  .css-pra1qm:focus-within .Dropdown__content,
  .css-pra1qm:hover .Dropdown__content {
    -webkit-animation-name: animation-1hzbs6q;
    animation-name: animation-1hzbs6q;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    pointer-events: unset;
  }
  .css-1ppyx7y {
    padding-right: unset;
    padding-left: unset;
  }
  .css-edilp5 {
    padding-top: 24px;
  }
  .css-qho2j5 {
    padding-top: 16px;
  }
  .css-14es0jl,
  .css-1jkhb0n,
  .tablet-mode .css-14es0jl,
  .tablet-mode .css-1jkhb0n {
    margin-left: 36px;
  }
  .sdi-center-body .css-14es0jl,
  .sdi-center-body .css-1jkhb0n {
    margin-left: auto !important;
  }
}
.css-14es0jl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 12px;
  width: 100%;
  max-width: 997px;
  margin-right: auto;
}
.css-hoopuj {
  background: var(--color-snow);
}
@media (min-width: 769px) {
  .css-hoopuj,
  .css-isq9ok,
  .tablet-mode .css-hoopuj,
  .tablet-mode .css-isq9ok {
    margin-left: 36px;
  }
  .sdi-center-body .css-hoopuj,
  .sdi-center-body .css-isq9ok {
    margin-left: auto !important;
  }
}
.css-1p734nz {
  isolation: isolate;
  position: absolute;
  top: 16px;
  left: 16px;
  margin-left: 100%;
}
@media (min-width: 769px) {
  .css-hek2m3,
  .tablet-mode .css-hek2m3 {
    margin-left: 36px;
  }
  .sdi-center-body .css-hek2m3 {
    margin-left: auto !important;
  }
  .tablet-mode .css-hek2m3 {
    padding-bottom: 16px;
  }
}
.css-17aslwy {
  width: 100%;
  max-width: 997px;
  margin-right: auto;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--color-snow);
}
.css-q964i6,
.css-tj1t28 {
  background-color: var(--color-alpine);
}
@media (min-width: 769px) {
  .css-hek2m3 {
    padding-bottom: 16px;
  }
  .css-17aslwy,
  .tablet-mode .css-17aslwy {
    margin-left: 36px;
  }
  .sdi-center-body .css-17aslwy {
    margin-left: auto !important;
  }
  .css-17aslwy {
    border-right-width: 1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1366px) {
  .css-14es0jl,
  .css-17aslwy,
  .css-1jkhb0n,
  .css-hek2m3,
  .css-hoopuj,
  .css-isq9ok {
    /* margin-left: calc((100vw - 1366px) / 2 + 36px); */
    margin: 0 auto;
  }
}
@media (min-width: 1441px) {
  .games-channel-center-body .css-14es0jl,
  .games-channel-center-body .css-17aslwy,
  .games-channel-center-body .css-1jkhb0n,
  .games-channel-center-body .css-hek2m3,
  .games-channel-center-body .css-hoopuj,
  .games-channel-center-body .css-isq9ok {
    margin-left: auto !important;
  }
}
.css-tj1t28 {
  border-radius: 8px;
  padding: 12px;
}
.css-n6j72c {
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
  display: grid;
  max-height: 0;
}
.css-fkgpj0:checked ~ .custom-collapsible-container {
  max-height: 2000px;
  overflow: unset;
}
.css-fkgpj0:checked ~ .schlagzeilenHiddenContent-1 {
  display: none;
}
.css-170a2tk {
  font-size: 18px;
  line-height: 1.7;
  font-weight: 700;
}
.css-q964i6 {
  border-top: 1px solid var(--color-whitelilac);
  border-bottom: 1px solid var(--color-whitelilac);
  padding-top: 16px;
  padding-bottom: 16px;
}
.css-m8kmtl {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-salemsfur);
  scroll-margin-top: 72px;
}
.css-16m5w0c {
  position: relative;
  margin-bottom: 12px;
  padding-left: 18px;
  color: var(--color-trout);
  font-size: 18px;
  line-height: 1.4;
}
.css-16m5w0c::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: url(../static/media/double-arrow-right.a0b28f66.svg);
  background-repeat: no-repeat;
  -webkit-background-position: top left;
  background-position: top left;
  -webkit-background-size: contain;
  background-size: contain;
}
.css-1fk19fp {
  border-radius: 8px;
  padding: 12px;
  background-color: var(--color-whitelilac);
  display: grid;
  grid-gap: 12px;
}
.css-fahmhv,
.css-nwfrk9 {
  border: 1px solid transparent;
}
.css-eh7d9d,
.css-fahmhv,
.css-nwfrk9 {
  display: block;
  width: 100%;
  background-color: var(--color-alpine);
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media (min-width: 769px) {
  .css-tj1t28 {
    padding: 12px;
  }
  .css-n6j72c {
    max-height: unset;
  }
  .css-m8kmtl {
    font-size: 22px;
    scroll-margin-top: 96px;
  }
  .css-16m5w0c:hover {
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: var(--color-magenta);
  }
  .css-1fk19fp {
    padding: 12px 24px;
  }
}
.css-fahmhv {
  border-radius: 8px;
  grid-area: gallery-item-1;
}
.css-1707n4u {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.css-nwfrk9 {
  border-radius: 8px;
  grid-area: gallery-item-2;
}
.css-eh7d9d {
  border: 1px solid transparent;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  grid-area: gallery-item-3;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: 0.2s ease-in-out, cx 0.2s ease-in-out;
  transition: 0.2s ease-in-out, cx 0.2s ease-in-out;
  border: 1px solid var(--color-whitelilac);
  color: var(--color-manatee);
  font-size: 40px;
  font-weight: 700;
}
.css-eh7d9d:hover {
  border-color: var(--color-magenta);
  color: var(--color-magenta);
}
.css-11rcc2f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.css-11rcc2f
  .Collapsible__hidden-input:checked
  + .Collapsible__label
  + .Collapsible__content {
  max-height: 1000px;
}
.css-11rcc2f
  .Collapsible__hidden-input:checked
  + .Collapsible__label
  .Collapsible__toggle-icon {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.css-11rcc2f
  .Collapsible__hidden-input:not(:checked)
  + .Collapsible__label
  .Collapsible__label-text::before {
  content: "Weitere ";
}
.css-11rcc2f
  .Collapsible__hidden-input:checked
  + .Collapsible__label
  .Collapsible__label-text::before {
  content: "Weniger ";
}
.css-duruqh {
  font-size: 18px;
  line-height: 1.7;
  display: block;
  padding-left: 0;
}
.css-duruqh > li::before {
  content: none;
}
.css-1qgwl2u::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 24px;
  width: 48px;
  height: 100%;
  background: linear-gradient(
    270deg,
    var(--color-snow) 0,
    rgba(255, 255, 255, 0) 100%
  );
}
.stroeer-videoplayer-loading-screen .loading-text {
  color: #000;
  font-size: 10px;
  margin: 5px;
  text-transform: uppercase;
}
/* @media (prefers-color-scheme: dark) {
  .stroeer-videoplayer-loading-screen .loading-text {
    color: #fff;
  }
} */
.stroeer-videoplayer-loading-screen .loading-animation {
  animation: stroeer-videoplayer-loading-screen-svg-loading-animation 1s
    steps(8) infinite;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6C17.6569 6 19 4.65685 19 3C19 1.34315 17.6569 0 16 0C14.3431 0 13 1.34315 13 3C13 4.65685 14.3431 6 16 6Z' fill='%23e20074'/%3E%3Cpath d='M25.192 9.50797C26.6832 9.50797 27.892 8.29914 27.892 6.80797C27.892 5.3168 26.6832 4.10797 25.192 4.10797C23.7008 4.10797 22.492 5.3168 22.492 6.80797C22.492 8.29914 23.7008 9.50797 25.192 9.50797Z' fill='%23e20074'/%3E%3Cpath d='M29 18.4C30.3255 18.4 31.4 17.3255 31.4 16C31.4 14.6745 30.3255 13.6 29 13.6C27.6745 13.6 26.6 14.6745 26.6 16C26.6 17.3255 27.6745 18.4 29 18.4Z' fill='%23e20074'/%3E%3Cpath d='M25.192 27.292C26.3518 27.292 27.292 26.3518 27.292 25.192C27.292 24.0322 26.3518 23.092 25.192 23.092C24.0322 23.092 23.092 24.0322 23.092 25.192C23.092 26.3518 24.0322 27.292 25.192 27.292Z' fill='%23e20074'/%3E%3Cpath d='M16 30.8C16.9941 30.8 17.8 29.9941 17.8 29C17.8 28.0059 16.9941 27.2 16 27.2C15.0059 27.2 14.2 28.0059 14.2 29C14.2 29.9941 15.0059 30.8 16 30.8Z' fill='%23e20074'/%3E%3Cpath d='M6.80798 26.692C7.63641 26.692 8.30798 26.0204 8.30798 25.192C8.30798 24.3636 7.63641 23.692 6.80798 23.692C5.97956 23.692 5.30798 24.3636 5.30798 25.192C5.30798 26.0204 5.97956 26.692 6.80798 26.692Z' fill='%23e20074'/%3E%3Cpath d='M2.99999 17.2C3.66273 17.2 4.19999 16.6627 4.19999 16C4.19999 15.3372 3.66273 14.8 2.99999 14.8C2.33725 14.8 1.79999 15.3372 1.79999 16C1.79999 16.6627 2.33725 17.2 2.99999 17.2Z' fill='%23e20074'/%3E%3Cpath d='M6.80796 7.70802C7.30502 7.70802 7.70796 7.30508 7.70796 6.80802C7.70796 6.31096 7.30502 5.90802 6.80796 5.90802C6.3109 5.90802 5.90796 6.31096 5.90796 6.80802C5.90796 7.30508 6.3109 7.70802 6.80796 7.70802Z' fill='%23e20074'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  height: 32px;
  position: relative;
  width: 32px;
}
@keyframes stroeer-videoplayer-loading-screen-svg-loading-animation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.stroeer-videoplayer {
  align-items: center;
  aspect-ratio: 16/9;
  display: block;
  height: 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.stroeer-videoplayer video {
  aspect-ratio: 16/9;
  height: 100%;
  margin: auto;
  width: 100%;
}
.stroeer-videoplayer .stroeer-videoplayer-containment {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}
.stroeer-videoplayer .stroeer-videoplayer-ui {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.stroeer-videoplayer-loading-spinner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 201;
}
.stroeer-videoplayer-loading-spinner .animation {
  display: inline-block;
  height: 80px;
  position: relative;
  width: 80px;
}
.stroeer-videoplayer-loading-spinner .animation div {
  animation: stroeer-videoplayer-loading-spinner-animation 1.2s linear infinite;
  background: #fff;
  border-radius: 50%;
  height: 6px;
  position: absolute;
  width: 6px;
}
.stroeer-videoplayer-loading-spinner .animation div:first-child {
  animation-delay: 0s;
  left: 66px;
  top: 37px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(2) {
  animation-delay: -0.1s;
  left: 62px;
  top: 22px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(3) {
  animation-delay: -0.2s;
  left: 52px;
  top: 11px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(4) {
  animation-delay: -0.3s;
  left: 37px;
  top: 7px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(5) {
  animation-delay: -0.4s;
  left: 22px;
  top: 11px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(6) {
  animation-delay: -0.5s;
  left: 11px;
  top: 22px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(7) {
  animation-delay: -0.6s;
  left: 7px;
  top: 37px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(8) {
  animation-delay: -0.7s;
  left: 11px;
  top: 52px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(9) {
  animation-delay: -0.8s;
  left: 22px;
  top: 62px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(10) {
  animation-delay: -0.9s;
  left: 37px;
  top: 66px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(11) {
  animation-delay: -1s;
  left: 52px;
  top: 62px;
}
.stroeer-videoplayer-loading-spinner .animation div:nth-child(12) {
  animation-delay: -1.1s;
  left: 62px;
  top: 52px;
}
.stroeer-videoplayer-loading-screen {
  align-items: center;
  aspect-ratio: 16/9;
  background-color: #ebeff7;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  max-width: 100%;
  width: 100%;
}
/* @media (prefers-color-scheme: dark) {
  .stroeer-videoplayer-loading-screen {
    background-color: #171b26;
  }
} */
.stroeer-videoplayer-loading-image {
  max-width: 100%;
  position: absolute;
}
.stroeer-videoplayer-loading-text {
  color: #000;
  font-size: 10px;
  margin-top: 12px;
  text-transform: uppercase;
}
/* @media (prefers-color-scheme: dark) {
  .stroeer-videoplayer-loading-text {
    color: #fff;
  }
} */
.stroeer-videoplayer .stroeer-videoplayer-ui .default .volume-container {
  background: rgba(23, 27, 38, 0.9);
  border-radius: 8px;
  bottom: 44px;
  height: 80px;
  left: 48px;
  position: absolute;
  transition: opacity 0.2s ease-in;
  width: 24px;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui
  .default
  .volume-container
  .volume-range {
  background: #666;
  cursor: pointer;
  height: 64px;
  margin: 8px auto;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 3px;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui
  .default
  .volume-container
  .volume-level-bubble {
  background: #fff;
  border-radius: 50%;
  height: 9px;
  left: -3px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 9px;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui
  .default
  .volume-container
  .volume-level {
  background: #fff;
  bottom: 0;
  height: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 3px;
}
.livestreamUI .stroeer-videoplayer-ui .livestream-container {
  cursor: pointer;
}
.livestreamUI .stroeer-videoplayer-ui .livestream-container .livestream-bubble {
  animation: livestream-pulse 2s infinite;
  background-color: #e20074;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin-right: 5px;
  transform: scale(1);
  width: 8px;
}
.livestreamUI
  .stroeer-videoplayer-ui
  .livestream-container
  .livestream-bubble.delayed {
  animation: livestream-pulse-delayed 2s infinite;
  background-color: #e20074;
}
.livestreamUI .stroeer-videoplayer-ui .livestream-container .livestream-text {
  color: #e20074;
  font-weight: 700;
  text-transform: uppercase;
}
.stroeer-videoplayer.livestreamUI
  .stroeer-videoplayer-ui
  .default
  .controlbar
  .timeline {
  display: none;
}
@keyframes livestream-pulse {
  0% {
    box-shadow: 0 0 #e20074b3;
    transform: scale(0.95);
  }
  70% {
    box-shadow: 0 0 0 5px #e2007400;
    transform: scale(1);
  }
  to {
    box-shadow: 0 0 #e2007400;
    transform: scale(0.95);
  }
}
@keyframes livestream-pulse-delayed {
  0% {
    box-shadow: 0 0 #e20074b3;
    transform: scale(0.95);
  }
  70% {
    box-shadow: 0 0 0 5px #e2007400;
    transform: scale(1);
  }
  to {
    box-shadow: 0 0 #e2007400;
    transform: scale(0.95);
  }
}
.stroeer-videoplayer .stroeer-videoplayer-ui .default .seek-preview-container {
  height: 96px;
  line-height: 16px;
  pointer-events: none;
  position: absolute;
  top: -96px;
  width: 114px;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui
  .default
  .seek-preview-container
  video {
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  width: 100%;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui
  .default
  .seek-preview-container
  .seek-preview {
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  width: 100% !important;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui
  .default
  .seek-preview-container
  .seek-preview-image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 64px;
  width: 114px;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui
  .default
  .seek-preview-container
  .seek-preview:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui
  .default
  .seek-preview-container
  .seek-preview-time {
  color: #000;
  font-size: 12px;
  padding-bottom: 3px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.stroeer-videoplayer .stroeer-videoplayer-ui .error {
  background-color: #171b26;
  border-radius: 8px;
  color: #fff;
  display: table-cell;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.stroeer-videoplayer .stroeer-videoplayer-ui .error svg {
  height: 146px;
  fill: #e20074;
}
@media screen and (max-width: 375px) {
  .stroeer-videoplayer .stroeer-videoplayer-ui .error {
    font-size: 13px;
  }
  .stroeer-videoplayer .stroeer-videoplayer-ui .error svg {
    height: 121px;
  }
}
#stroeer-videoplayer-default-ui-icons {
  display: none;
}
.stroeer-videoplayer video {
  border-radius: 5px;
}
.stroeer-videoplayer-ui {
  top: 0;
}
.stroeer-videoplayer-ui .default {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 202147483646;
}
.stroeer-videoplayer-ui .startscreen {
  align-items: center;
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 102;
}
.stroeer-videoplayer-ui .startscreen-button svg {
  fill: #fff;
  cursor: pointer;
  display: block;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.4));
  height: 64px;
  margin: auto;
  width: 64px;
}
.stroeer-videoplayer-ui .startscreen-button:hover svg {
  fill: #e20074;
}
.stroeer-videoplayer-ui .startscreen-text {
  background-color: #fff;
  border-radius: 20px;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  margin-top: 12px;
  padding: 10px;
  text-align: center;
}
.stroeer-videoplayer-ui .hidden {
  display: none !important;
}
.stroeer-videoplayer-ui .video-overlay {
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
}
.stroeer-videoplayer-ui .video-overlay svg {
  fill: #fff;
  cursor: pointer;
  display: block;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.4));
  margin: auto;
  vertical-align: middle;
  width: 10%;
}
.stroeer-videoplayer-ui .video-overlay.startscreen {
  background: initial;
}
.stroeer-videoplayer-ui .video-overlay:hover svg {
  fill: #e20074;
}
.stroeer-videoplayer-ui .controlbar-container {
  background: #000;
  background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.1));
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  bottom: 0;
  box-sizing: initial;
  height: 40px;
  padding-bottom: 5px;
  position: absolute;
  transition: all 0.2s ease-in;
  width: 100%;
  z-index: 101;
}
.stroeer-videoplayer-ui .controlbar {
  margin: 0 auto;
  position: relative;
  width: 95%;
}
.stroeer-videoplayer-ui .controlbar .timeline {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 18px;
  position: absolute;
  top: -9px;
  width: 100%;
}
.stroeer-videoplayer-ui .controlbar .timeline .background {
  background-color: #ffffff80;
  height: 2px;
  pointer-events: none;
  position: relative;
  transition: height 0.15s 0.05s;
  width: 100%;
}
.stroeer-videoplayer-ui .controlbar .timeline .elapsed {
  background-color: #e20074;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  width: 100%;
}
.stroeer-videoplayer-ui .controlbar .timeline .elapsed-bubble {
  background-color: #e20074;
  border-radius: 50%;
  height: 10px;
  left: -5px;
  position: absolute;
  transition: height 0.15s 0.05s, width 0.15s 0.05s, left 0.15s 0.05s;
  width: 10px;
}
.stroeer-videoplayer-ui .controlbar .timeline:hover .background {
  height: 6px;
}
.stroeer-videoplayer-ui .controlbar .timeline:hover .elapsed-bubble {
  height: 16px;
  left: -8px;
  width: 16px;
}
.stroeer-videoplayer-ui .controlbar .time {
  bottom: 4px;
  color: #fff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 12px;
  left: 96px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.stroeer-videoplayer-ui .controlbar .time > div {
  display: inline-block;
  margin: 0 2px;
}
.stroeer-videoplayer-ui .controlbar .buttons {
  display: block;
  height: 32px;
}
.stroeer-videoplayer-ui .controlbar .buttons button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  margin: 4px 0;
  padding: 4px 8px;
}
.stroeer-videoplayer-ui .controlbar .buttons button:hover svg {
  fill: #e20074;
}
.stroeer-videoplayer-ui .controlbar .buttons button svg {
  fill: #fff;
  height: 24px;
  width: 24px;
}
.stroeer-videoplayer-ui .controlbar .enterFullscreen,
.stroeer-videoplayer-ui .controlbar .exitFullscreen {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 360px) {
  .stroeer-videoplayer-ui .volSliderBox {
    left: 110px;
    width: 80px;
  }
}
@media screen and (max-width: 340px) {
  .stroeer-videoplayer-ui .volSliderBox {
    left: 100px;
    width: 60px;
  }
}
.ima-ad-container .ima .loading-spinner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 201;
}
.ima-ad-container .ima .loading-spinner .animation {
  display: inline-block;
  height: 80px;
  position: relative;
  width: 80px;
}
.ima-ad-container .ima .loading-spinner .animation div {
  animation: stroeer-videoplayer-loading-spinner-animation 1.2s linear infinite;
  background: #fff;
  border-radius: 50%;
  height: 6px;
  position: absolute;
  width: 6px;
}
.ima-ad-container .ima .loading-spinner .animation div:first-child {
  animation-delay: 0s;
  left: 66px;
  top: 37px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(2) {
  animation-delay: -0.1s;
  left: 62px;
  top: 22px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(3) {
  animation-delay: -0.2s;
  left: 52px;
  top: 11px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(4) {
  animation-delay: -0.3s;
  left: 37px;
  top: 7px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(5) {
  animation-delay: -0.4s;
  left: 22px;
  top: 11px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(6) {
  animation-delay: -0.5s;
  left: 11px;
  top: 22px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(7) {
  animation-delay: -0.6s;
  left: 7px;
  top: 37px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(8) {
  animation-delay: -0.7s;
  left: 11px;
  top: 52px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(9) {
  animation-delay: -0.8s;
  left: 22px;
  top: 62px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(10) {
  animation-delay: -0.9s;
  left: 37px;
  top: 66px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(11) {
  animation-delay: -1s;
  left: 52px;
  top: 62px;
}
.ima-ad-container .ima .loading-spinner .animation div:nth-child(12) {
  animation-delay: -1.1s;
  left: 62px;
  top: 52px;
}
@keyframes stroeer-videoplayer-loading-spinner-animation {
  0%,
  20%,
  80%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.stroeer-videoplayer-containment {
  position: relative;
}
.stroeer-videoplayer-containment .ima-click-layer {
  cursor: pointer;
  display: block;
  height: calc(100% - 36px);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}
.stroeer-videoplayer-containment .ima-click-layer:before {
  bottom: -36px;
  content: "";
  height: 36px;
  left: 2.5%;
  position: absolute;
  width: 40px;
}
.ima-ad-container {
  background: #000;
  display: none;
  position: absolute;
  z-index: 110;
}
.ima-ad-container,
.ima-ad-container > div:not(.ima) {
  inset: 0;
  margin: auto;
}
.ima-ad-container .hidden {
  display: none !important;
}
.ima-ad-container .controlbar-container {
  background: #000;
  background: linear-gradient(0deg, #000, transparent);
  bottom: 0;
  box-sizing: content-box;
  height: 40px;
  padding-bottom: 5px;
  position: absolute;
  transition: all 0.2s ease-in;
  width: 100%;
  z-index: 300;
}
.ima-ad-container .controlbar {
  margin: 0 auto;
  position: relative;
  width: 95%;
}
.ima-ad-container .controlbar .time {
  bottom: 4px;
  color: #fff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 12px;
  left: 96px;
  position: absolute;
}
.ima-ad-container .controlbar .time > div {
  display: inline-block;
  margin: 0 2px;
}
.ima-ad-container .controlbar .buttons {
  display: block;
  height: 32px;
}
.ima-ad-container .controlbar .buttons button {
  background-color: transparent;
  border: 0;
  margin: 4px 0;
  padding: 4px 8px;
}
.ima-ad-container .controlbar .buttons button:hover svg {
  fill: #e20074;
  stroke: #e20074;
}
.ima-ad-container .controlbar .buttons button.hidden {
  display: none;
}
.ima-ad-container .controlbar .buttons button svg {
  fill: #fff;
  stroke: #fff;
  height: 24px;
  width: 24px;
}
.ima-ad-container .controlbar .buttons .enterFullscreen,
.ima-ad-container .controlbar .buttons .exitFullscreen {
  position: absolute;
  right: 0;
}
.ima-ad-container .controlbar .volume-container {
  background: rgba(23, 27, 38, 0.9);
  border-radius: 8px;
  bottom: 44px;
  height: 80px;
  left: 48px;
  position: absolute;
  transition: opacity 0.2s ease-in;
  width: 24px;
}
.ima-ad-container .controlbar .volume-container .volume-range {
  background: #666;
  height: 64px;
  margin: 8px auto;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 3px;
}
.ima-ad-container
  .controlbar
  .volume-container
  .volume-range
  .volume-level-bubble {
  background: #fff;
  border-radius: 50%;
  height: 9px;
  left: -3px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 9px;
}
.ima-ad-container .controlbar .volume-container .volume-range .volume-level {
  background: #fff;
  bottom: 0;
  height: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 3px;
}
.endcard-plugin-container {
  background-color: #000;
  inset: 0;
  position: absolute;
}
.endcard-hidden {
  display: none !important;
}
.endcard-plugin-overlay {
  inset: 0 0 55px;
  position: absolute;
  width: 100%;
}
.endcard-plugin-tile,
.endcard-plugin-tile-replay {
  box-sizing: border-box;
  cursor: pointer;
  display: none;
  float: left;
  height: 33.33%;
  overflow: hidden;
  position: relative;
  width: 33.33%;
}
.endcard-plugin-tile-replay:before,
.endcard-plugin-tile:before {
  background-color: #0006;
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.4s;
  width: 100%;
}
.endcard-plugin-tile-replay {
  z-index: 101;
}
.endcard-plugin-tile-replay .endcard-plugin-overlay {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
}
.endcard-plugin-tile-0,
.endcard-plugin-tile-single {
  display: block;
  height: 100%;
  width: 100%;
}
.endcard-plugin-tile-0:before,
.endcard-plugin-tile-replay:before {
  opacity: 1;
}
.endcard-plugin-tile-1,
.endcard-plugin-tile-2 {
  border-bottom: 2px solid #fff;
}
.endcard-plugin-tile-3,
.endcard-plugin-tile-replay {
  border-right: 2px solid #fff;
}
.endcard-plugin-tile-single {
  border-right: none;
}
.endcard-plugin-thumbnail {
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}
.endcard-plugin-title-pre {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
}
.endcard-plugin-title-main {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.endcard-plugin-title {
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 0 12px;
  position: absolute;
  width: 100%;
}
.endcard-plugin-replay-title {
  font-size: 10px;
  margin: 0;
  padding-top: 12px;
  text-align: center;
}
.endcard-plugin-button-pause,
.endcard-plugin-replay-title {
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.endcard-plugin-button-pause {
  background-color: #fff6;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  padding: 8px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 1;
}
.endcard-plugin-play-icon,
.endcard-plugin-revolverplay-icon {
  display: block;
  left: 50%;
  margin-left: -11px;
  margin-top: -14px;
  position: absolute;
  top: 40%;
}
.endcard-plugin-revolverplay-icon {
  margin-left: -51px;
  margin-top: -37px;
}
.endcard-plugin-replay-icon {
  display: block;
}
.endcard-plugin-progress-value {
  stroke: #424242;
  stroke-linecap: round;
  transition: all 1s ease;
}
.stroeer-videoplayer .stroeer-videoplayer-ui.endcard-plugin-ui-small {
  bottom: 0;
  height: 55px;
  top: inherit;
}
.stroeer-videoplayer
  .stroeer-videoplayer-ui.endcard-plugin-ui-small
  .default
  .video-overlay {
  background: none;
}
@media only screen and (min-width: 769px) {
  .endcard-plugin-container {
    z-index: 101;
  }
  .endcard-plugin-tile {
    display: block;
  }
  .endcard-plugin-overlay {
    bottom: 0;
  }
  .endcard-plugin-title {
    background: linear-gradient(80deg, transparent, rgba(0, 0, 0, 0.8));
    padding-bottom: 12px;
  }
  .endcard-plugin-tile-0 .endcard-plugin-title {
    font-size: 16px;
    padding: 16px;
  }
  .endcard-plugin-tile-0 .endcard-plugin-title .endcard-plugin-title-main {
    -webkit-line-clamp: 3;
  }
  .endcard-plugin-tile-0 {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 66.66%;
    width: 66.66%;
  }
  .endcard-plugin-tile-single {
    border-bottom: none;
    border-right: none;
    height: 100%;
    width: 100%;
  }
  .endcard-plugin-tile-replay {
    clear: left;
    display: block;
  }
  .endcard-plugin-tile-1 .endcard-plugin-overlay,
  .endcard-plugin-tile-2 .endcard-plugin-overlay,
  .endcard-plugin-tile-3 .endcard-plugin-overlay,
  .endcard-plugin-tile-4 .endcard-plugin-overlay {
    opacity: 0;
    transition: all 0.4s;
  }
  .endcard-plugin-tile-1:hover .endcard-plugin-overlay,
  .endcard-plugin-tile-1:hover:before,
  .endcard-plugin-tile-2:hover .endcard-plugin-overlay,
  .endcard-plugin-tile-2:hover:before,
  .endcard-plugin-tile-3:hover .endcard-plugin-overlay,
  .endcard-plugin-tile-3:hover:before,
  .endcard-plugin-tile-4:hover .endcard-plugin-overlay,
  .endcard-plugin-tile-4:hover:before {
    opacity: 1;
  }
  .endcard-plugin-revolverplay-icon {
    top: 50%;
  }
  .endcard-plugin-button-pause {
    transition: all 0.4s;
  }
  .endcard-plugin-button-pause:hover {
    background-color: #fff3;
  }
}
.duration-200 {
  position: relative;
}
.after\:pointer-events-none:after {
  content: var(--tw-content) !important;
  pointer-events: none !important;
}
.after\:pointer-events-none:after,
.after\:content-\[var\(--url\)\]:after {
  display: block !important;
  position: absolute !important;
  width: 6px !important;
  height: 13px !important;
  content: url("../static/media/breadcrumb.9c827ae6.svg") !important;
  right: -0.9rem !important;
  top: 13px !important;
}
#nativendo-container-wrapper {
  grid-gap: 16px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.nat-top .nat-img {
  width: auto;
  height: 16px;
}