@charset "utf-8";

*, ::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, .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, .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: ; }

*, ::after, ::before { border: 0px solid; box-sizing: border-box; }

::after, ::before { --tw-content: ""; }

:host, html { line-height: 1.5; text-size-adjust: 100%; font-family: Roboto, Arial, sans-serif; font-feature-settings: normal; font-variation-settings: normal; tab-size: 4; -webkit-tap-highlight-color: transparent; }

body { line-height: inherit; margin: 0px; }

hr { border-top-width: 1px; color: inherit; height: 0px; }

abbr:where([title]) { 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: initial; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

table { border-collapse: collapse; border-color: inherit; text-indent: 0px; }

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: 0px; padding: 0px; }

button, select { text-transform: none; }

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: initial; background-image: none; }

progress { vertical-align: initial; }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

[type="search"] { appearance: textfield; outline-offset: -2px; }

::-webkit-search-decoration { appearance: none; }

::-webkit-file-upload-button { appearance: button; font: inherit; }

summary { display: list-item; }

blockquote, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }

fieldset, legend { padding: 0px; }

menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }

dialog { padding: 0px; }

textarea { resize: vertical; }

input::placeholder, textarea::placeholder { color: rgb(156, 163, 175); 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]:where(:not([hidden="until-found"])) { display: none; }

summary { list-style: none; }

summary::-webkit-details-marker { display: none; }

.\!container { width: 100% !important; }

.container { width: 100%; }

@media (min-width: 769px) {
  .\!container { margin-left: var(--container-margin-left) !important; margin-right: auto !important; max-width: 997px !important; }
  .container { margin-left: var(--container-margin-left); margin-right: auto; max-width: 997px; }
}

.pointer-events-none { pointer-events: none; }

.pointer-events-auto { pointer-events: auto; }

.\!visible { visibility: visible !important; }

.visible { visibility: visible; }

.invisible { visibility: hidden; }

.collapse { visibility: collapse; }

.static { position: static; }

.fixed { position: fixed; }

.absolute { position: absolute; }

.relative { position: relative; }

.sticky { position: sticky; }

.inset-0 { inset: 0px; }

.inset-x-0 { left: 0px; right: 0px; }

.inset-x-16 { left: 1rem; right: 1rem; }

.inset-y-0 { bottom: 0px; top: 0px; }

.bottom-0 { bottom: 0px; }

.bottom-24 { bottom: 1.5rem; }

.bottom-8 { bottom: 0.5rem; }

.bottom-\[40px\] { bottom: 40px; }

.bottom-\[65px\] { bottom: 65px; }

.left-0 { left: 0px; }

.left-1\/2 { left: 50%; }

.left-12 { left: 0.75rem; }

.left-16 { left: 1rem; }

.left-full { left: 100%; }

.right-0 { right: 0px; }

.right-12 { right: 0.75rem; }

.right-4 { right: 0.25rem; }

.right-8 { right: 0.5rem; }

.top-0 { top: 0px; }

.top-1 { top: 0.0625rem; }

.top-1\/2 { top: 50%; }

.top-1\/4 { top: 25%; }

.top-16 { top: 1rem; }

.top-2 { top: 0.125rem; }

.top-2\/4 { top: 50%; }

.top-4 { top: 0.25rem; }

.top-\[--top\] { top: var(--top); }

.top-\[60px\] { top: 60px; }

.top-full { top: 100%; }

.isolate { isolation: isolate; }

.z-1 { z-index: 1; }

.z-article-sharing-bar-overlay { z-index: 2; }

.z-button-collapsible { z-index: 10700; }

.z-commercial-bar { z-index: 10711; }

.z-commercial-nativendo { z-index: 10700; }

.z-dropdown { z-index: 10701; }

.z-logo-bar-search-bar { z-index: 10710; }

.z-overlay-backdrop { z-index: 10900; }

.z-overlay-content { z-index: 10901; }

.z-page-header-wrapper { z-index: 10701; }

.z-search-bar-style { z-index: 1010; }

.z-search-bar-suggestion { z-index: 2147483638; }

.z-stage-aufmacher { z-index: 102; }

.z-sticky-bar { z-index: 10701; }

.z-stream-layout-stream-style { z-index: 1; }

.z-teaser-hero-slider-navigation { z-index: 2147483638; }

.z-tooltip, .z-top-bar { z-index: 10700; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.col-span-1 { grid-column: span 1 / span 1; }

.col-span-2 { grid-column: span 2 / span 2; }

.row-span-2 { grid-row: span 2 / span 2; }

.float-right { float: right; }

.m-\[3em\] { margin: 3em; }

.m-auto { margin: auto; }

.-mx-24 { margin-left: -1.5rem; margin-right: -1.5rem; }

.mx-12 { margin-left: 0.75rem; margin-right: 0.75rem; }

.mx-24 { margin-left: 1.5rem; margin-right: 1.5rem; }

.mx-auto { margin-left: auto; margin-right: auto; }

.my-0 { margin-bottom: 0px; margin-top: 0px; }

.my-16 { margin-bottom: 1rem; margin-top: 1rem; }

.my-24 { margin-bottom: 1.5rem; margin-top: 1.5rem; }

.-ml-4 { margin-left: -0.25rem; }

.-mr-4 { margin-right: -0.25rem; }

.-mt-12 { margin-top: -0.75rem; }

.-mt-16 { margin-top: -1rem; }

.-mt-24 { margin-top: -1.5rem; }

.mb-16 { margin-bottom: 1rem; }

.mb-24 { margin-bottom: 1.5rem; }

.mb-4 { margin-bottom: 0.25rem; }

.mb-8 { margin-bottom: 0.5rem; }

.mb-\[300px\] { margin-bottom: 300px; }

.ml-0 { margin-left: 0px; }

.ml-2 { margin-left: 0.125rem; }

.ml-24 { margin-left: 1.5rem; }

.ml-4 { margin-left: 0.25rem; }

.ml-8 { margin-left: 0.5rem; }

.ml-\[100\%\] { margin-left: 100%; }

.ml-\[20px\] { margin-left: 20px; }

.ml-\[3px\] { margin-left: 3px; }

.ml-\[calc\(-310px-theme\(space\.16\)\)\] { margin-left: calc(-310px - 1rem); }

.mr-12 { margin-right: 0.75rem; }

.mr-16 { margin-right: 1rem; }

.mr-2 { margin-right: 0.125rem; }

.mr-24 { margin-right: 1.5rem; }

.mr-8 { margin-right: 0.5rem; }

.mr-\[3px\] { margin-right: 3px; }

.mt-12 { margin-top: 0.75rem; }

.mt-16 { margin-top: 1rem; }

.mt-2 { margin-top: 0.125rem; }

.mt-24 { margin-top: 1.5rem; }

.mt-40 { margin-top: 2.5rem; }

.mt-8 { margin-top: 0.5rem; }

.mt-\[-74px\] { margin-top: -74px; }

.mt-\[-90px\] { margin-top: -90px; }

.mt-\[10px\] { margin-top: 10px; }

.mt-\[3px\] { margin-top: 3px; }

.mt-\[7px\] { margin-top: 7px; }

.block { display: block; }

.inline-block { display: inline-block; }

.inline { display: inline; }

.flex { display: flex; }

.inline-flex { display: inline-flex; }

.table { display: table; }

.grid { display: grid; }

.inline-grid { display: inline-grid; }

.contents { display: contents; }

.list-item { display: list-item; }

.hidden { display: none; }

.aspect-square { aspect-ratio: 1 / 1; }

.aspect-video { aspect-ratio: 16 / 9; }

.size-0 { height: 0px; width: 0px; }

.size-1 { height: 0.0625rem; width: 0.0625rem; }

.size-16 { height: 1rem; width: 1rem; }

.size-24 { height: 1.5rem; width: 1.5rem; }

.size-32 { height: 2rem; width: 2rem; }

.size-4 { height: 0.25rem; width: 0.25rem; }

.size-40 { height: 2.5rem; width: 2.5rem; }

.size-8 { height: 0.5rem; width: 0.5rem; }

.size-\[32px\] { height: 32px; width: 32px; }

.size-\[44px\] { height: 44px; width: 44px; }

.size-\[6px\] { height: 6px; width: 6px; }

.size-\[85px\] { height: 85px; width: 85px; }

.size-full { height: 100%; width: 100%; }

.h-0 { height: 0px; }

.h-1 { height: 0.0625rem; }

.h-16 { height: 1rem; }

.h-2 { height: 0.125rem; }

.h-24 { height: 1.5rem; }

.h-3\/5 { height: 60%; }

.h-32 { height: 2rem; }

.h-4 { height: 0.25rem; }

.h-40 { height: 2.5rem; }

.h-48 { height: 3rem; }

.h-8 { height: 0.5rem; }

.h-\[100px\] { height: 100px; }

.h-\[14px\] { height: 14px; }

.h-\[160px\] { height: 160px; }

.h-\[195px\] { height: 195px; }

.h-\[200px\] { height: 200px; }

.h-\[20px\] { height: 20px; }

.h-\[20vh\] { height: 20vh; }

.h-\[22px\] { height: 22px; }

.h-\[244px\] { height: 244px; }

.h-\[28px\] { height: 28px; }

.h-\[35px\] { height: 35px; }

.h-\[36px\] { height: 36px; }

.h-\[400px\] { height: 400px; }

.h-\[500px\] { height: 500px; }

.h-\[560px\] { height: 560px; }

.h-\[58px\] { height: 58px; }

.h-\[60px\] { height: 60px; }

.h-\[68px\] { height: 68px; }

.h-\[85\%\] { height: 85%; }

.h-\[8px\] { height: 8px; }

.h-\[90px\] { height: 90px; }

.h-\[96px\] { height: 96px; }

.h-\[calc\(\(100vw_-_theme\(spacing\.48\)\)_\*_0\.66\)\] { height: calc(-1.98rem + 66vw); }

.h-\[calc\(var\(--height\)_\/_16_\*_1rem\)\] { height: calc(var(--height) / 16 * 1rem); }

.h-auto { height: auto; }

.h-fit { height: fit-content; }

.h-full { height: 100%; }

.h-max { height: max-content; }

.h-screen { height: 100vh; }

.max-h-0 { max-height: 0px; }

.max-h-48 { max-height: 3rem; }

.max-h-\[100px\] { max-height: 100px; }

.max-h-\[116px\] { max-height: 116px; }

.max-h-\[144px\] { max-height: 144px; }

.max-h-\[182px\] { max-height: 182px; }

.max-h-\[2000px\] { max-height: 2000px; }

.max-h-\[300px\] { max-height: 300px; }

.max-h-\[40vh\] { max-height: 40vh; }

.max-h-\[56px\] { max-height: 56px; }

.max-h-\[80vh\] { max-height: 80vh; }

.max-h-\[82px\] { max-height: 82px; }

.max-h-full { max-height: 100%; }

.max-h-max { max-height: max-content; }

.min-h-1 { min-height: 0.0625rem; }

.min-h-24 { min-height: 1.5rem; }

.min-h-40 { min-height: 2.5rem; }

.min-h-\[133px\] { min-height: 133px; }

.min-h-\[156px\] { min-height: 156px; }

.min-h-\[40px\] { min-height: 40px; }

.min-h-\[420px\] { min-height: 420px; }

.min-h-\[500px\] { min-height: 500px; }

.min-h-full { min-height: 100%; }

.min-h-screen { min-height: 100vh; }

.w-1 { width: 0.0625rem; }

.w-12 { width: 0.75rem; }

.w-16 { width: 1rem; }

.w-24 { width: 1.5rem; }

.w-40 { width: 2.5rem; }

.w-6\/12 { width: 50%; }

.w-8 { width: 0.5rem; }

.w-\[--width\] { width: var(--width); }

.w-\[100px\] { width: 100px; }

.w-\[1024px\] { width: 1024px; }

.w-\[150px\] { width: 150px; }

.w-\[156px\] { width: 156px; }

.w-\[160px\] { width: 160px; }

.w-\[165px\] { width: 165px; }

.w-\[168px\] { width: 168px; }

.w-\[16px\] { width: 16px; }

.w-\[200px\] { width: 200px; }

.w-\[215px\] { width: 215px; }

.w-\[220px\] { width: 220px; }

.w-\[230px\] { width: 230px; }

.w-\[300px\] { width: 300px; }

.w-\[310px\] { width: 310px; }

.w-\[320px\] { width: 320px; }

.w-\[33px\] { width: 33px; }

.w-\[34px\] { width: 34px; }

.w-\[35px\] { width: 35px; }

.w-\[400px\] { width: 400px; }

.w-\[44px\] { width: 44px; }

.w-\[500px\] { width: 500px; }

.w-\[600px\] { width: 600px; }

.w-\[640px\] { width: 640px; }

.w-\[80px\] { width: 80px; }

.w-\[90\%\] { width: 90%; }

.w-\[calc\(100vw_-_theme\(spacing\.48\)\)\] { width: calc(-3rem + 100vw); }

.w-\[calc\(var\(--width\)_\/_16_\*_1rem\)\] { width: calc(var(--width) / 16 * 1rem); }

.w-\[var\(--width\)\] { width: var(--width); }

.w-auto { width: auto; }

.w-fit { width: fit-content; }

.w-full { width: 100%; }

.w-screen { width: 100vw; }

.min-w-0 { min-width: 0px; }

.min-w-\[148px\] { min-width: 148px; }

.min-w-\[174px\] { min-width: 174px; }

.min-w-\[20em\] { min-width: 20em; }

.min-w-\[270px\] { min-width: 270px; }

.min-w-\[40px\] { min-width: 40px; }

.min-w-\[auto\] { min-width: auto; }

.min-w-full { min-width: 100%; }

.max-w-\[144px\] { max-width: 144px; }

.max-w-\[150px\] { max-width: 150px; }

.max-w-\[300px\] { max-width: 300px; }

.max-w-\[320px\] { max-width: 320px; }

.max-w-\[360px\] { max-width: 360px; }

.max-w-\[520px\] { max-width: 520px; }

.max-w-full { max-width: 100%; }

.max-w-max { max-width: max-content; }

.max-w-md { max-width: 28rem; }

.max-w-none { max-width: none; }

.max-w-page { max-width: 62.25rem; }

.flex-\[1_1_100\%\] { flex: 1 1 100%; }

.flex-auto { flex: 1 1 auto; }

.flex-initial { flex: 0 1 auto; }

.shrink { flex-shrink: 1; }

.shrink-0 { flex-shrink: 0; }

.flex-grow, .grow { flex-grow: 1; }

.grow-0 { flex-grow: 0; }

.basis-full { flex-basis: 100%; }

.caption-bottom { caption-side: bottom; }

.border-collapse { border-collapse: collapse; }

.origin-left { transform-origin: left center; }

.origin-top { transform-origin: center top; }

.-translate-x-2\/4 { --tw-translate-x: -50%; }

.-translate-x-2\/4, .-translate-x-\[var\(--translate-percentage\)\] { 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)); }

.-translate-x-\[var\(--translate-percentage\)\] { --tw-translate-x: calc(var(--translate-percentage) * -1); }

.-translate-y-1\/2, .-translate-y-2\/4 { --tw-translate-y: -50%; }

.-translate-y-1\/2, .-translate-y-2\/4, .-translate-y-full { 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)); }

.-translate-y-full { --tw-translate-y: -100%; }

.translate-x-0 { --tw-translate-x: 0rem; }

.translate-x-0, .translate-x-full { 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)); }

.translate-x-full { --tw-translate-x: 100%; }

.translate-y-0 { --tw-translate-y: 0rem; }

.translate-y-0, .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)); }

.translate-y-\[-115\%\] { --tw-translate-y: -115%; }

.rotate-180 { --tw-rotate: 180deg; }

.rotate-180, .scale-x-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)); }

.scale-x-0 { --tw-scale-x: 0; }

.scale-x-100 { --tw-scale-x: 1; }

.scale-x-100, .scale-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)); }

.scale-y-0 { --tw-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)); }

.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)); }

.animate-\[spin_1s_steps\(8\)_infinite\] { animation: 1s steps(8) 0s infinite normal none running spin; }

@keyframes spin { 
  100% { transform: rotate(1turn); }
}

.animate-spin-video { animation: 3s linear 0s infinite normal none running spin; }

.cursor-default { cursor: default; }

.cursor-pointer { cursor: pointer; }

.select-none { user-select: none; }

.resize-none { resize: none; }

.resize { resize: both; }

.snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); }

.snap-proximity { --tw-scroll-snap-strictness: proximity; }

.snap-end { scroll-snap-align: end; }

.scroll-mt-\[calc\(theme\(spacing\.sticky-header\)_\+_theme\(spacing\.12\)\)\] { scroll-margin-top: 4.5rem; }

.scroll-pr-24 { scroll-padding-right: 1.5rem; }

.list-outside { list-style-position: outside; }

.list-decimal { list-style-type: decimal; }

.list-disc { list-style-type: disc; }

.appearance-none { appearance: none; }

.auto-cols-max { grid-auto-columns: max-content; }

.grid-flow-row { grid-auto-flow: row; }

.grid-flow-col { grid-auto-flow: column; }

.auto-rows-min { grid-auto-rows: min-content; }

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }

.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }

.grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }

.grid-cols-\[12px\,auto\] { grid-template-columns: 12px auto; }

.grid-cols-\[16px_1fr_16px\] { grid-template-columns: 16px 1fr 16px; }

.grid-cols-\[1fr\] { grid-template-columns: 1fr; }

.grid-cols-\[1fr_16px\] { grid-template-columns: 1fr 16px; }

.grid-cols-\[1fr_442px_1fr\] { grid-template-columns: 1fr 442px 1fr; }

.grid-cols-\[1fr_min-content_min-content\] { grid-template-columns: 1fr min-content min-content; }

.grid-cols-\[22px_124px\] { grid-template-columns: 22px 124px; }

.grid-cols-\[24px_190px_430px_auto\] { grid-template-columns: 24px 190px 430px auto; }

.grid-cols-\[24px_225px_360px_auto\] { grid-template-columns: 24px 225px 360px auto; }

.grid-cols-\[24px_auto_270px_36px\] { grid-template-columns: 24px auto 270px 36px; }

.grid-cols-\[273px_430px_1fr\] { grid-template-columns: 273px 430px 1fr; }

.grid-cols-\[2fr\,1fr\] { grid-template-columns: 2fr 1fr; }

.grid-cols-\[310px_360px_1fr\] { grid-template-columns: 310px 360px 1fr; }

.grid-cols-\[32px\,16px\,auto\,16px\,32px\] { grid-template-columns: 32px 16px auto 16px 32px; }

.grid-cols-\[32px_1fr\] { grid-template-columns: 32px 1fr; }

.grid-cols-\[40px\,1fr\], .grid-cols-\[40px_1fr\] { grid-template-columns: 40px 1fr; }

.grid-cols-\[90px_1fr\] { grid-template-columns: 90px 1fr; }

.grid-cols-\[auto\,1fr\], .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; }

.grid-cols-\[auto_25px_24px_24px\] { grid-template-columns: auto 25px 24px 24px; }

.grid-cols-\[auto_270px_36px\] { grid-template-columns: auto 270px 36px; }

.grid-cols-\[max-content_auto_1fr\] { grid-template-columns: max-content auto 1fr; }

.grid-cols-\[max-content_max-content\] { grid-template-columns: max-content max-content; }

.grid-cols-\[max-content_theme\(space\.16\)\] { grid-template-columns: max-content 1rem; }

.grid-cols-\[min-content_34px\] { grid-template-columns: min-content 34px; }

.grid-cols-\[minmax\(0\,_430px\)\] { grid-template-columns: minmax(0px, 430px); }

.grid-cols-\[repeat\(3\,_2fr\)\] { grid-template-columns: repeat(3, 2fr); }

.grid-cols-\[repeat\(auto-fill\,93px\)\] { grid-template-columns: repeat(auto-fill, 93px); }

.grid-cols-\[repeat\(auto-fit\,minmax\(150px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

.grid-cols-\[var\(--cols\)\] { grid-template-columns: var(--cols); }

.grid-cols-none { grid-template-columns: none; }

.grid-rows-1 { grid-template-rows: repeat(1, minmax(0px, 1fr)); }

.grid-rows-2 { grid-template-rows: repeat(2, minmax(0px, 1fr)); }

.grid-rows-3 { grid-template-rows: repeat(3, minmax(0px, 1fr)); }

.grid-rows-\[1fr_auto\] { grid-template-rows: 1fr auto; }

.grid-rows-\[auto\] { grid-template-rows: auto; }

.grid-rows-\[auto_auto_1fr\] { grid-template-rows: auto auto 1fr; }

.grid-rows-\[var\(--rows\)\] { grid-template-rows: var(--rows); }

.flex-row { flex-direction: row; }

.flex-col { flex-direction: column; }

.flex-col-reverse { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }

.flex-nowrap { flex-wrap: nowrap; }

.place-content-center { place-content: center; }

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

.content-start { align-content: flex-start; }

.items-start { align-items: flex-start; }

.items-end { align-items: flex-end; }

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

.items-baseline { align-items: baseline; }

.items-stretch { align-items: stretch; }

.justify-normal { justify-content: normal; }

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.justify-evenly { justify-content: space-evenly; }

.justify-items-center { justify-items: center; }

.gap-12 { gap: 0.75rem; }

.gap-16 { gap: 1rem; }

.gap-2 { gap: 0.125rem; }

.gap-24 { gap: 1.5rem; }

.gap-32 { gap: 2rem; }

.gap-4 { gap: 0.25rem; }

.gap-40 { gap: 2.5rem; }

.gap-8 { gap: 0.5rem; }

.gap-\[10px\] { gap: 10px; }

.gap-\[15px\] { gap: 15px; }

.gap-x-12 { column-gap: 0.75rem; }

.gap-x-16 { column-gap: 1rem; }

.gap-x-24 { column-gap: 1.5rem; }

.gap-x-4 { column-gap: 0.25rem; }

.gap-x-8 { column-gap: 0.5rem; }

.gap-y-0 { row-gap: 0px; }

.gap-y-12 { row-gap: 0.75rem; }

.gap-y-8 { row-gap: 0.5rem; }

.space-y-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); margin-top: calc(.75rem * (1 - var(--tw-space-y-reverse))); }

.place-self-center { place-self: center; }

.self-start { align-self: flex-start; }

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

.justify-self-end { justify-self: end; }

.overflow-hidden { overflow: hidden; }

.overflow-scroll { overflow: scroll; }

.overflow-x-auto { overflow-x: auto; }

.overflow-y-auto { overflow-y: auto; }

.overflow-x-hidden { overflow-x: hidden; }

.overflow-y-hidden { overflow-y: hidden; }

.overflow-x-scroll { overflow-x: scroll; }

.overflow-y-scroll { overflow-y: scroll; }

.overscroll-contain { overscroll-behavior: contain; }

.scroll-smooth { scroll-behavior: smooth; }

.truncate { overflow: hidden; white-space: nowrap; }

.overflow-ellipsis, .text-ellipsis, .truncate { text-overflow: ellipsis; }

.hyphens-auto { hyphens: auto; }

.whitespace-normal { white-space: normal; }

.whitespace-nowrap { white-space: nowrap; }

.whitespace-pre-wrap { white-space: pre-wrap; }

.text-wrap { text-wrap: wrap; }

.break-words { overflow-wrap: break-word; }

.rounded-100 { border-radius: 6.25rem; }

.rounded-24 { border-radius: 1.5rem; }

.rounded-4 { border-radius: 0.25rem; }

.rounded-8 { border-radius: 0.5rem; }

.rounded-\[20px\] { border-radius: 20px; }

.rounded-\[80px\] { border-radius: 80px; }

.rounded-full { border-radius: 9999px; }

.rounded-b-4 { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.rounded-b-8 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }

.rounded-b-\[9px\] { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }

.rounded-l-8 { border-bottom-left-radius: 0.5rem; border-top-left-radius: 0.5rem; }

.rounded-r-8 { border-bottom-right-radius: 0.5rem; border-top-right-radius: 0.5rem; }

.rounded-t-24 { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }

.rounded-t-8 { border-top-right-radius: 0.5rem; }

.rounded-t-8, .rounded-tl-8 { border-top-left-radius: 0.5rem; }

.rounded-tl-\[9px\] { border-top-left-radius: 9px; }

.rounded-tr-8 { border-top-right-radius: 0.5rem; }

.border { border-width: 1px; }

.border-0 { border-width: 0px; }

.border-2 { border-width: 2px; }

.border-y { border-top-width: 1px; }

.border-b, .border-y { border-bottom-width: 1px; }

.border-b-4 { border-bottom-width: 4px; }

.border-l { border-left-width: 1px; }

.border-r { border-right-width: 1px; }

.border-t { border-top-width: 1px; }

.border-solid { border-style: solid; }

.border-none { border-style: none; }

.border-alpine { border-color: var(--color-alpine); }

.border-botticelli { border-color: var(--color-botticelli); }

.border-current { border-color: currentcolor; }

.border-magenta { border-color: var(--color-magenta); }

.border-manatee { border-color: var(--color-manatee); }

.border-red { border-color: var(--color-red); }

.border-salemsfur { border-color: var(--color-salemsfur); }

.border-snow { border-color: var(--color-snow); }

.border-transparent { border-color: transparent; }

.border-whitelilac { border-color: var(--color-whitelilac); }

.border-y-whitelilac { border-bottom-color: var(--color-whitelilac); border-top-color: var(--color-whitelilac); }

.border-b-magenta { border-bottom-color: var(--color-magenta); }

.border-b-whitelilac { border-bottom-color: var(--color-whitelilac); }

.border-l-whitelilac { border-left-color: var(--color-whitelilac); }

.border-r-whitelilac { border-right-color: var(--color-whitelilac); }

.border-t-botticelli { border-top-color: var(--color-botticelli); }

.border-t-whitelilac { border-top-color: var(--color-whitelilac); }

.bg-\[\#FFF\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)); }

.bg-\[\#e3edfe\] { --tw-bg-opacity: 1; background-color: rgb(227 237 254/var(--tw-bg-opacity, 1)); }

.bg-\[\#fff\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)); }

.bg-\[rgba\(0\,0\,0\,0\.4\)\] { background-color: rgba(0, 0, 0, 0.4); }

.bg-\[rgba\(23\,27\,38\,0\.9\)\] { background-color: rgba(23, 27, 38, 0.9); }

.bg-alpine { background-color: var(--color-alpine); }

.bg-botticelli { background-color: var(--color-botticelli); }

.bg-bridesmaid { background-color: var(--color-bridesmaid); }

.bg-catskillwhite { background-color: var(--color-catskillwhite); }

.bg-commercial { background-color: var(--color-royalblue); }

.bg-goldensand { background-color: var(--color-goldenSand); }

.bg-magenta { background-color: var(--color-magenta); }

.bg-magentalight { background-color: var(--color-magentaLight); }

.bg-manatee { background-color: var(--color-manatee); }

.bg-ottoman { background-color: var(--color-ottoman); }

.bg-royalblue { background-color: var(--color-royalblue); }

.bg-salemsfur { background-color: var(--color-salemsfur); }

.bg-snow { background-color: var(--color-snow); }

.bg-transparent { background-color: initial; }

.bg-trout { background-color: var(--color-trout); }

.bg-whitelilac { background-color: var(--color-whitelilac); }

.bg-\[linear-gradient\(to_top\,theme\(colors\.alpine\)_0\%\,rgba\(247\,249\,252\,0\)_100\%\)\] { background-image: linear-gradient(to top, var(--color-alpine) 0, rgba(247, 249, 252, 0) 100%); }

.bg-\[url\:var\(--bg-image\)\] { background-image: var(--bg-image); }

.bg-\[url\:var\(--bg-image-desktop\)\] { background-image: var(--bg-image-desktop); }

.bg-\[url\:var\(--lqipURL\)\] { background-image: var(--lqipURL); }

.bg-\[url\:var\(--url\)\] { background-image: var(--url); }

.bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }

.bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); }

.from-\[\#EDD6E8\] { --tw-gradient-from: #edd6e8 var(--tw-gradient-from-position); --tw-gradient-to: rgba(237, 214, 232, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#F2476C\] { --tw-gradient-from: #f2476c var(--tw-gradient-from-position); --tw-gradient-to: rgba(242, 71, 108, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#eefdf7\] { --tw-gradient-from: #eefdf7 var(--tw-gradient-from-position); --tw-gradient-to: rgba(238, 253, 247, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-alpine { --tw-gradient-from: var(--color-alpine) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-0\% { --tw-gradient-from-position: 0%; }

.via-\[\#e3edfe\] { --tw-gradient-to: rgba(227, 237, 254, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e3edfe var(--tw-gradient-via-position), var(--tw-gradient-to); }

.via-20\% { --tw-gradient-via-position: 20%; }

.to-\[\#C175B3\] { --tw-gradient-to: #c175b3 var(--tw-gradient-to-position); }

.to-\[\#FBC8D3\] { --tw-gradient-to: #fbc8d3 var(--tw-gradient-to-position); }

.to-\[\#d0eafd\] { --tw-gradient-to: #d0eafd var(--tw-gradient-to-position); }

.to-100\% { --tw-gradient-to-position: 100%; }

.bg-contain { background-size: contain; }

.bg-cover { background-size: cover; }

.bg-clip-border { background-clip: initial; }

.bg-clip-text { background-clip: text; }

.bg-center { background-position: 50% center; }

.bg-no-repeat { background-repeat: no-repeat; }

.fill-magenta { fill: var(--color-magenta); }

.fill-manatee { fill: var(--color-manatee); }

.fill-whitelilac { fill: var(--color-whitelilac); }

.stroke-botticelli { stroke: var(--color-botticelli); }

.stroke-magenta { stroke: var(--color-magenta); }

.stroke-salemsfur { stroke: var(--color-salemsfur); }

.stroke-2 { stroke-width: 2; }

.object-contain { object-fit: contain; }

.object-cover { object-fit: cover; }

.object-center { object-position: center center; }

.p-0 { padding: 0px; }

.p-12 { padding: 0.75rem; }

.p-16 { padding: 1rem; }

.p-24 { padding: 1.5rem; }

.p-4 { padding: 0.25rem; }

.p-48 { padding: 3rem; }

.p-8 { padding: 0.5rem; }

.p-\[150px\] { padding: 150px; }

.p-\[3px\] { padding: 3px; }

.p-\[50px\] { padding: 50px; }

.p-\[unset\] { padding: unset; }

.px-0 { padding-left: 0px; padding-right: 0px; }

.px-12 { padding-left: 0.75rem; padding-right: 0.75rem; }

.px-16 { padding-left: 1rem; padding-right: 1rem; }

.px-24 { padding-left: 1.5rem; padding-right: 1.5rem; }

.px-32 { padding-left: 2rem; padding-right: 2rem; }

.px-4 { padding-left: 0.25rem; padding-right: 0.25rem; }

.px-48 { padding-left: 3rem; padding-right: 3rem; }

.px-8 { padding-left: 0.5rem; padding-right: 0.5rem; }

.px-\[14px\] { padding-left: 14px; padding-right: 14px; }

.py-0 { padding-bottom: 0px; padding-top: 0px; }

.py-1 { padding-bottom: 0.0625rem; padding-top: 0.0625rem; }

.py-12 { padding-bottom: 0.75rem; padding-top: 0.75rem; }

.py-16 { padding-bottom: 1rem; padding-top: 1rem; }

.py-24 { padding-bottom: 1.5rem; padding-top: 1.5rem; }

.py-4 { padding-bottom: 0.25rem; padding-top: 0.25rem; }

.py-8 { padding-bottom: 0.5rem; padding-top: 0.5rem; }

.py-\[10px\] { padding-bottom: 10px; padding-top: 10px; }

.py-\[14px\] { padding-bottom: 14px; padding-top: 14px; }

.py-\[5px\] { padding-bottom: 5px; padding-top: 5px; }

.py-\[6px\] { padding-bottom: 6px; padding-top: 6px; }

.py-\[9px\] { padding-bottom: 9px; padding-top: 9px; }

.pb-0 { padding-bottom: 0px; }

.pb-12 { padding-bottom: 0.75rem; }

.pb-16 { padding-bottom: 1rem; }

.pb-2 { padding-bottom: 0.125rem; }

.pb-24 { padding-bottom: 1.5rem; }

.pb-32 { padding-bottom: 2rem; }

.pb-4 { padding-bottom: 0.25rem; }

.pb-8 { padding-bottom: 0.5rem; }

.pb-\[calc\(4\*theme\(space\.12\)\+1px\)\] { padding-bottom: calc(1px + 3rem); }

.pl-12 { padding-left: 0.75rem; }

.pl-16 { padding-left: 1rem; }

.pl-24 { padding-left: 1.5rem; }

.pl-32 { padding-left: 2rem; }

.pl-4 { padding-left: 0.25rem; }

.pl-48 { padding-left: 3rem; }

.pl-8 { padding-left: 0.5rem; }

.pl-\[20px\] { padding-left: 20px; }

.pr-1 { padding-right: 0.0625rem; }

.pr-12 { padding-right: 0.75rem; }

.pr-16 { padding-right: 1rem; }

.pr-2 { padding-right: 0.125rem; }

.pr-24 { padding-right: 1.5rem; }

.pr-4 { padding-right: 0.25rem; }

.pr-48 { padding-right: 3rem; }

.pr-8 { padding-right: 0.5rem; }

.pr-\[45px\] { padding-right: 45px; }

.pt-0 { padding-top: 0px; }

.pt-12 { padding-top: 0.75rem; }

.pt-16 { padding-top: 1rem; }

.pt-24 { padding-top: 1.5rem; }

.pt-32 { padding-top: 2rem; }

.pt-4 { padding-top: 0.25rem; }

.pt-8 { padding-top: 0.5rem; }

.pt-\[--padding\] { padding-top: var(--padding); }

.pt-\[100\%\] { padding-top: 100%; }

.pt-\[56\.25\%\] { padding-top: 56.25%; }

.pt-\[6px\] { padding-top: 6px; }

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

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

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

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

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

.align-sub { vertical-align: sub; }

.align-super { vertical-align: super; }

.font-sans { font-family: Roboto, Arial, sans-serif; }

.font-serif { font-family: RobotoSerif, Georgia, serif; }

.text-10 { font-size: 0.625rem; }

.text-12 { font-size: 0.75rem; }

.text-14 { font-size: 0.875rem; }

.text-15 { font-size: 0.9375rem; }

.text-16 { font-size: 1rem; }

.text-18 { font-size: 1.125rem; }

.text-22 { font-size: 1.375rem; }

.text-24 { font-size: 1.5rem; }

.text-28 { font-size: 1.75rem; }

.text-40 { font-size: 2.5rem; }

.text-\[65\%\] { font-size: 65%; }

.font-bold { font-weight: 700; }

.font-medium { font-weight: 500; }

.font-semibold { font-weight: 600; }

.uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.italic { font-style: italic; }

.leading-0 { line-height: 0; }

.leading-1 { line-height: 1; }

.leading-12 { line-height: 1.2; }

.leading-13 { line-height: 1.3; }

.leading-14 { line-height: 1.4; }

.leading-15 { line-height: 1.5; }

.leading-17 { line-height: 1.7; }

.tracking-008 { letter-spacing: 0.08em; }

.tracking-01 { letter-spacing: 0.1em; }

.tracking-\[1\.12px\] { letter-spacing: 1.12px; }

.text-\[\#171B26\] { --tw-text-opacity: 1; color: rgb(23 27 38/var(--tw-text-opacity, 1)); }

.text-\[\#FFF\] { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity, 1)); }

.text-alpine { color: var(--color-alpine); }

.text-black { color: var(--color-black); }

.text-commercial { color: var(--color-royalblue); }

.text-current { color: currentcolor; }

.text-green { color: var(--color-green); }

.text-inherit { color: inherit; }

.text-magenta { color: var(--color-magenta); }

.text-magentalight { color: var(--color-magentaLight); }

.text-manatee { color: var(--color-manatee); }

.text-red { color: var(--color-red); }

.text-royalblue { color: var(--color-royalblue); }

.text-salemsfur { color: var(--color-salemsfur); }

.text-snow { color: var(--color-snow); }

.text-transparent { color: transparent; }

.text-trout { color: var(--color-trout); }

.text-whitelilac { color: var(--color-whitelilac); }

.underline { text-decoration-line: underline; }

.no-underline { text-decoration-line: none; }

.placeholder-manatee::placeholder { color: var(--color-manatee); }

.opacity-0 { opacity: 0; }

.opacity-100 { opacity: 1; }

.opacity-20 { opacity: 0.2; }

.opacity-30 { opacity: 0.3; }

.opacity-\[unset\] { opacity: unset; }

.shadow-\[0_16px_40px_0_rgba\(125\,152\,178\,\.2\)\] { --tw-shadow: 0 16px 40px 0 rgba(125, 152, 178, .2); --tw-shadow-colored: 0 16px 40px 0 var(--tw-shadow-color); }

.shadow-\[0_16px_40px_0_rgba\(125\,152\,178\,\.2\)\], .shadow-cta { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.shadow-cta { --tw-shadow: 0 12px 24px rgba(125, 152, 178, .2); --tw-shadow-colored: 0 12px 24px var(--tw-shadow-color); }

.shadow-overlay { --tw-shadow: 0 4px 8px rgba(125, 152, 178, .2); --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color); }

.shadow-overlay, .shadow-popout { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.shadow-popout { --tw-shadow: 0 16px 40px rgba(125, 152, 178, .2); --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color); }

.shadow-raised { --tw-shadow: 0 1px 2px rgba(125, 152, 178, .2); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); }

.shadow-raised, .shadow-sticky { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.shadow-sticky { --tw-shadow: 0 8px 16px rgba(125, 152, 178, .2); --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color); }

.outline-none { outline: transparent solid 2px; outline-offset: 2px; }

.ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); }

.ring, .ring-4 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }

.ring-4 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); }

.ring-magenta { --tw-ring-color: var(--color-magenta); }

.blur { --tw-blur: blur(8px); }

.blur, .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); }

.brightness-50 { --tw-brightness: brightness(.5); }

.contrast-200 { --tw-contrast: contrast(2); }

.contrast-200, .drop-shadow { 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); }

.drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06)); }

.grayscale { --tw-grayscale: grayscale(100%); }

.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); }

.invert { --tw-invert: invert(100%); }

.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); }

.\!transition { transition-duration: 0.15s !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 { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.transition-\[max-height\] { transition-duration: 0.15s; transition-property: max-height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.transition-all { transition-duration: 0.15s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.transition-colors { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.transition-opacity { transition-duration: 0.15s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.transition-transform { transition-duration: 0.15s; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.duration-0 { transition-duration: 0s; }

.duration-200 { transition-duration: 0.2s; }

.duration-300 { transition-duration: 0.3s; }

.duration-\[7s\] { transition-duration: 7s; }

.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ease-linear { transition-timing-function: linear; }

.will-change-\[opacity\] { will-change: opacity; }

.will-change-\[transform\,max-height\,opacity\] { will-change: transform, max-height, opacity; }

.will-change-transform { will-change: transform; }

@keyframes live { 
  0% { box-shadow: rgba(226, 0, 116, 0.7) 0px 0px 0px 0px; transform: scale(0.95); }
  70% { box-shadow: rgba(226, 0, 116, 0) 0px 0px 0px 10px; transform: scale(1); }
  100% { box-shadow: rgba(226, 0, 116, 0) 0px 0px 0px 0px; transform: scale(0.95); }
}

.animate-live { animation: 2s ease 0s infinite normal none running live; }

@keyframes spin-border { 
  0% { --angle: 100deg; }
  100% { --angle: 460deg; }
}

@property --angle { syntax: "<angle>"; inherits: false; initial-value: 180deg; }

@keyframes fading-in-out { 
  0% { opacity: 0; }
  25% { opacity: 1; }
  65% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes breaking-news { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(8px); }
  100% { transform: translateX(0px); }
}

.animate-breaking-news { animation: 1s ease 0s infinite normal none running breaking-news; }

.hide-scrollbar { scrollbar-width: none; }

.hide-scrollbar::-webkit-scrollbar { display: none; }

.\[-webkit-tap-highlight-color\:transparent\] { -webkit-tap-highlight-color: transparent; }

.\[authorEducation\:label\] { }

.\[authorSocial\:label\] { }

.\[authorWork\:description\] { }

.\[authorWork\:role\] { }

.\[background-clip\:unset\] { background-clip: unset; }

.\[background-image\:_linear-gradient\(45deg\,\#c175b3_0\%\,\#f2476c_100\%\)\] { background-image: linear-gradient(45deg, rgb(193, 117, 179), rgb(242, 71, 108)); }

.\[box-decoration-break\:clone\] { -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.\[clip-path\:circle\(12px_at_center\)\] { clip-path: circle(12px at 50% 50%); }

.\[clip-path\:circle\(6px_at_center\)\] { clip-path: circle(6px at 50% 50%); }

.\[contain-intrinsic-size\:auto_var\(--height-mobile\)\] { contain-intrinsic-size: auto var(--height-mobile); }

.\[content-visibility\:auto\] { content-visibility: auto; }

.\[counter-reset\:article-body-order-list-counter\] { counter-reset: article-body-order-list-counter 0; }

.\[cx\:10px\] { cx: 10px; }

.\[cy\:10px\] { cy: 10px; }

.\[flag\:no_upscale\] { }

.\[grid-area\:1_\/_1_\/_3_\/_2\] { grid-area: 1 / 1 / 3 / 2; }

.\[grid-area\:authors\] { grid-area: authors; }

.\[grid-area\:companion\] { grid-area: companion; }

.\[grid-area\:content\] { grid-area: content; }

.\[grid-area\:gallery-item-1\] { grid-area: gallery-item-1; }

.\[grid-area\:gallery-item-2\] { grid-area: gallery-item-2; }

.\[grid-area\:gallery-item-3\] { grid-area: gallery-item-3; }

.\[grid-area\:headline\] { grid-area: headline; }

.\[grid-area\:hero\] { grid-area: hero; }

.\[grid-area\:image\] { grid-area: image; }

.\[grid-area\:spotlight\] { grid-area: spotlight; }

.\[grid-area\:stack\] { grid-area: stack; }

.\[grid-area\:stream\] { grid-area: stream; }

.\[grid-area\:underline\] { grid-area: underline; }

.\[grid-auto-columns\:repeat\(auto-fill\,minmax\(0\,1fr\)\)\] { }

.\[grid-template-areas\:\"content\"_\"authors\"\] { grid-template-areas: "content" "authors"; }

.\[grid-template-areas\:\"gallery-item-1_gallery-item-2\"_\"gallery-item-1_gallery-item-3\"\] { grid-template-areas: "gallery-item-1 gallery-item-2" "gallery-item-1 gallery-item-3"; }

.\[grid-template-areas\:\"hero\"_\"companion\"_\"stream\"\] { grid-template-areas: "hero" "companion" "stream"; }

.\[grid-template-areas\:\"image\"_\"content\"\] { grid-template-areas: "image" "content"; }

.\[grid-template-areas\:\"image\"_\"headline\"\] { grid-template-areas: "image" "headline"; }

.\[grid-template-areas\:\"image_content\"_\"authors_authors\"\] { grid-template-areas: "image content" "authors authors"; }

.\[grid-template-areas\:\"image_content\"_\"image_authors\"\] { grid-template-areas: "image content" "image authors"; }

.\[grid-template-areas\:\"image_headline\"_\"image_underline\"\] { grid-template-areas: "image headline" "image underline"; }

.\[grid-template-areas\:\"spotlight\"_\"companion\"_\"stream\"\] { grid-template-areas: "spotlight" "companion" "stream"; }

.\[grid-template-areas\:\"stack\"\] { grid-template-areas: "stack"; }

.\[margin\:0_auto\] { margin: 0px auto; }

.\[paper\:dax-performance\] { }

.\[paper\:searchbar\] { }

.\[r\:10px\] { r: 10px; }

.\[tablet-mode\:ml-0\] { }

.\[tablet-mode\:py-0\] { }

.\[teaser\:headline\] { }

.\[tenant\:home\=\'true\'\] { }

.\[tenant\:home\] { }

.\[text-fill-color\:transparent\] { }

.\[text-fill-color\:unset\] { }

.\[transition\:color_0\.2s_\"ease-in-out\"\] { }

.\[transition\:transform_0\.3s_ease-in-out\,max-height_1\.3s_ease-in-out\,opacity_1s_ease-in-out\] { transition: transform 0.3s ease-in-out, max-height 1.3s ease-in-out, opacity 1s ease-in-out; }

: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; }
}

html.tablet-mode body { --container-margin-left: 0; }

body { line-height: 1.2; }

audio, canvas, embed, iframe, img, object, svg, video { display: inline; }

.grecaptcha-badge { opacity: 0 !important; pointer-events: none !important; }

.\*\:pb-16 > * { padding-bottom: 1rem; }

.\*\:\[counter-increment\:article-body-order-list-counter\] > * { counter-increment: article-body-order-list-counter 1; }

.marker\:size-4 ::marker { height: 0.25rem; width: 0.25rem; }

.marker\:size-4::marker { height: 0.25rem; width: 0.25rem; }

.placeholder\:text-trout::placeholder { color: var(--color-trout); }

.placeholder\:opacity-100::placeholder { opacity: 1; }

.before\:absolute::before { content: var(--tw-content); position: absolute; }

.before\:inset-0::before { content: var(--tw-content); inset: 0px; }

.before\:inset-x-0::before { content: var(--tw-content); left: 0px; right: 0px; }

.before\:inset-y-0::before { bottom: 0px; content: var(--tw-content); top: 0px; }

.before\:-top-\[11px\]::before { content: var(--tw-content); top: -11px; }

.before\:bottom-0::before { bottom: 0px; content: var(--tw-content); }

.before\:left-0::before { content: var(--tw-content); left: 0px; }

.before\:left-1\/2::before { content: var(--tw-content); left: 50%; }

.before\:right-0::before { content: var(--tw-content); right: 0px; }

.before\:right-24::before { content: var(--tw-content); right: 1.5rem; }

.before\:right-40::before { content: var(--tw-content); right: 2.5rem; }

.before\:top-0::before { content: var(--tw-content); top: 0px; }

.before\:top-1\/2::before { content: var(--tw-content); top: 50%; }

.before\:top-4::before { content: var(--tw-content); top: 0.25rem; }

.before\:-z-1::before { content: var(--tw-content); z-index: -1; }

.before\:z-teaser-stretched-link::before { content: var(--tw-content); z-index: 10700; }

.before\:ml-\[-20px\]::before { content: var(--tw-content); margin-left: -20px; }

.before\:mr-4::before { content: var(--tw-content); margin-right: 0.25rem; }

.before\:block::before { content: var(--tw-content); display: block; }

.before\:inline-block::before { content: var(--tw-content); display: inline-block; }

.before\:size-12::before { content: var(--tw-content); height: 0.75rem; width: 0.75rem; }

.before\:size-16::before { content: var(--tw-content); height: 1rem; width: 1rem; }

.before\:size-full::before { content: var(--tw-content); height: 100%; width: 100%; }

.before\:h-\[11px\]::before { content: var(--tw-content); height: 11px; }

.before\:h-full::before { content: var(--tw-content); height: 100%; }

.before\:w-48::before { content: var(--tw-content); width: 3rem; }

.before\:w-\[21px\]::before { content: var(--tw-content); width: 21px; }

.before\:w-full::before { content: var(--tw-content); width: 100%; }

.before\:rounded-8::before { border-radius: 0.5rem; content: var(--tw-content); }

.before\:rounded-\[20px_8px_20px_20px\]::before { border-radius: 20px 8px 20px 20px; content: var(--tw-content); }

.before\:border-2::before { border-width: 2px; content: var(--tw-content); }

.before\:border-x-\[11px\]::before { border-left-width: 11px; border-right-width: 11px; content: var(--tw-content); }

.before\:border-b-\[11px\]::before { border-bottom-width: 11px; content: var(--tw-content); }

.before\:border-t::before { border-top-width: 1px; content: var(--tw-content); }

.before\:border-t-0::before { border-top-width: 0px; content: var(--tw-content); }

.before\:border-solid::before { border-style: solid; content: var(--tw-content); }

.before\:border-transparent::before { border-color: transparent; content: var(--tw-content); }

.before\:border-x-transparent::before { border-left-color: transparent; border-right-color: transparent; content: var(--tw-content); }

.before\:border-b-whitelilac::before { border-bottom-color: var(--color-whitelilac); content: var(--tw-content); }

.before\:border-t-magenta::before { border-top-color: var(--color-magenta); content: var(--tw-content); }

.before\:bg-\[image\:var\(--url\)\]::before { background-image: var(--url); content: var(--tw-content); }

.before\:bg-\[linear-gradient\(to_left\,theme\(colors\.snow\)_0\%\,rgba\(255\,255\,255\,0\)_100\%\)\]::before { background-image: linear-gradient(to left, var(--color-snow) 0, hsla(0, 0%, 100%, 0) 100%); content: var(--tw-content); }

.before\:bg-\[url\:var\(--bg-image\)\]::before { background-image: var(--bg-image); content: var(--tw-content); }

.before\:bg-contain::before { background-size: contain; content: var(--tw-content); }

.before\:bg-left::before { background-position: 0px center; content: var(--tw-content); }

.before\:bg-left-top::before { background-position: 0px 0px; content: var(--tw-content); }

.before\:bg-no-repeat::before { background-repeat: no-repeat; content: var(--tw-content); }

.before\:p-1::before { content: var(--tw-content); padding: 0.0625rem; }

.before\:align-middle::before { content: var(--tw-content); vertical-align: middle; }

.before\:content-\[\"\"\]::before, .before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); }

.before\:content-\[\'Weitere_\'\]::before { --tw-content: "Weitere "; content: var(--tw-content); }

.before\:animate-spin-out::before { animation: 3.5s linear 0s 2 normal none running spin-border, 3.3s linear 0s 1 normal forwards running fading-in-out; background-image: conic-gradient(from var(--angle, 120deg), #fff, #fff, #00a0de, #ff0095, #fff, #fff); content: var(--tw-content); will-change: transform, opacity; }



.before\:\[background\:linear-gradient\(45deg\,\#c175b3_0\%\,\#f2476c_100\%\)_border-box\]::before { background: linear-gradient(45deg, rgb(193, 117, 179), rgb(242, 71, 108)) border-box border-box; content: var(--tw-content); }

.before\:\[content\:\"\"\]::before { content: ""; }

.before\:\[filter\:blur\(0\.4rem\)\]::before { content: var(--tw-content); filter: blur(0.4rem); }

.before\:\[mask-clip\:padding-box\,border-box\]::before { content: var(--tw-content); mask-clip: padding-box, border-box; }

.before\:\[mask-composite\:exclude\]::before { content: var(--tw-content); mask-composite: exclude; }

.before\:\[mask-composite\:none\]::before { content: var(--tw-content); }

.before\:\[mask-image\:linear-gradient\(\#fff_0_0\)\,linear-gradient\(\#fff_0_0\)\]::before { content: var(--tw-content); mask-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px), linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); }

.before\:\[mask\:unset\]::before { content: var(--tw-content); mask: unset; }

.before\:\[translate\:-50\%_-50\%\]::before { content: var(--tw-content); translate: -50% -50%; }

.\*\:before\:my-0 > ::before { content: var(--tw-content); margin-bottom: 0px; margin-top: 0px; }

.\*\:before\:-ml-\[20px\] > ::before { content: var(--tw-content); margin-left: -20px; }

.\*\:before\:mb-2 > ::before { content: var(--tw-content); margin-bottom: 0.125rem; }

.\*\:before\:mr-12 > ::before { content: var(--tw-content); margin-right: 0.75rem; }

.\*\:before\:mr-\[10px\] > ::before { content: var(--tw-content); margin-right: 10px; }

.\*\:before\:mt-0 > ::before { content: var(--tw-content); margin-top: 0px; }

.\*\:before\:inline-block > ::before { content: var(--tw-content); display: inline-block; }

.\*\:before\:size-8 > ::before { content: var(--tw-content); height: 0.5rem; width: 0.5rem; }

.\*\:before\:bg-magenta > ::before { background-color: var(--color-magenta); content: var(--tw-content); }

.\*\:before\:text-18 > ::before { content: var(--tw-content); font-size: 1.125rem; }

.\*\:before\:font-bold > ::before { content: var(--tw-content); font-weight: 700; }

.\*\:before\:tabular-nums > ::before { content: var(--tw-content); --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }

.\*\:before\:leading-12 > ::before { content: var(--tw-content); line-height: 1.2; }

.\*\:before\:text-magenta > ::before { color: var(--color-magenta); content: var(--tw-content); }

.\*\:before\:content-\[counter\(article-body-order-list-counter\)\] > ::before { --tw-content: counter(article-body-order-list-counter); content: var(--tw-content); }

.after\:pointer-events-none::after { content: var(--tw-content); pointer-events: none; }

.after\:absolute::after { content: var(--tw-content); position: absolute; }

.after\:relative::after { content: var(--tw-content); position: relative; }

.after\:-right-4::after { content: var(--tw-content); right: -0.25rem; }

.after\:-right-8::after { content: var(--tw-content); right: -0.5rem; }

.after\:-top-\[6px\]::after { content: var(--tw-content); top: -6px; }

.after\:bottom-\[-5px\]::after { bottom: -5px; content: var(--tw-content); }

.after\:left-1\/2::after, .after\:left-2\/4::after { content: var(--tw-content); left: 50%; }

.after\:left-40::after { content: var(--tw-content); left: 2.5rem; }

.after\:top-0::after { content: var(--tw-content); top: 0px; }

.after\:top-1::after { content: var(--tw-content); top: 0.0625rem; }

.after\:top-1\/2::after { content: var(--tw-content); top: 50%; }

.after\:top-16::after { content: var(--tw-content); top: 1rem; }

.after\:-z-1::after { content: var(--tw-content); z-index: -1; }

.after\:ml-8::after { content: var(--tw-content); margin-left: 0.5rem; }

.after\:block::after { content: var(--tw-content); display: block; }

.after\:inline-flex::after { content: var(--tw-content); display: inline-flex; }

.after\:h-0::after { content: var(--tw-content); height: 0px; }

.after\:h-1::after { content: var(--tw-content); height: 0.0625rem; }

.after\:h-8::after { content: var(--tw-content); height: 0.5rem; }

.after\:h-full::after { content: var(--tw-content); height: 100%; }

.after\:w-0::after { content: var(--tw-content); width: 0px; }

.after\:w-48::after { content: var(--tw-content); width: 3rem; }

.after\:w-auto::after { content: var(--tw-content); width: auto; }

.after\:w-full::after { content: var(--tw-content); width: 100%; }

.after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; 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)); }

.after\:rounded-8::after { border-radius: 0.5rem; content: var(--tw-content); }

.after\:border::after { border-width: 1px; content: var(--tw-content); }

.after\:border-\[5px\]::after { border-width: 5px; content: var(--tw-content); }

.after\:border-x-\[6px\]::after { border-left-width: 6px; border-right-width: 6px; content: var(--tw-content); }

.after\:border-b::after { border-bottom-width: 1px; content: var(--tw-content); }

.after\:border-b-0::after { border-bottom-width: 0px; content: var(--tw-content); }

.after\:border-t-\[6px\]::after { border-top-width: 6px; content: var(--tw-content); }

.after\:border-solid::after { border-style: solid; content: var(--tw-content); }

.after\:border-snow::after { border-color: var(--color-snow); content: var(--tw-content); }

.after\:border-transparent::after { border-color: transparent; content: var(--tw-content); }

.after\:border-whitelilac::after { border-color: var(--color-whitelilac); content: var(--tw-content); }

.after\:border-b-transparent::after { border-bottom-color: transparent; content: var(--tw-content); }

.after\:border-b-whitelilac::after { border-bottom-color: var(--color-whitelilac); content: var(--tw-content); }

.after\:border-t-inherit::after { border-top-color: inherit; content: var(--tw-content); }

.after\:border-t-magenta::after { border-top-color: var(--color-magenta); content: var(--tw-content); }

.after\:bg-magenta::after { background-color: var(--color-magenta); content: var(--tw-content); }

.after\:bg-\[linear-gradient\(to_right\,theme\(colors\.snow\)_0\%\,rgba\(255\,255\,255\,0\)_100\%\)\]::after { background-image: linear-gradient(to right, var(--color-snow) 0, hsla(0, 0%, 100%, 0) 100%); content: var(--tw-content); }

.after\:p-1::after { content: var(--tw-content); padding: 0.0625rem; }

.after\:px-4::after { content: var(--tw-content); padding-left: 0.25rem; padding-right: 0.25rem; }

.after\:py-1::after { content: var(--tw-content); padding-bottom: 0.0625rem; padding-top: 0.0625rem; }

.after\:text-8::after { content: var(--tw-content); font-size: 0.5rem; }

.after\:font-bold::after { content: var(--tw-content); font-weight: 700; }

.after\:leading-1::after { content: var(--tw-content); line-height: 1; }

.after\:text-snow::after { color: var(--color-snow); content: var(--tw-content); }

.after\:content-\[\"\"\]::after { --tw-content: ""; content: var(--tw-content); }

.after\:content-\[attr\(data-unread-emails\)\]::after { --tw-content: attr(data-unread-emails); content: var(--tw-content); }

.after\:content-\[var\(--url\)\]::after { --tw-content: var(--url); content: var(--tw-content); }

.after\:animate-spin-out::after { animation: 3.5s linear 0s 2 normal none running spin-border, 3.3s linear 0s 1 normal forwards running fading-in-out; background-image: conic-gradient(from var(--angle, 120deg), #fff, #fff, #00a0de, #ff0095, #fff, #fff); content: var(--tw-content); will-change: transform, opacity; }



.after\:\[content\:\"\"\]::after { content: ""; }

.after\:\[translate\:-50\%_-50\%\]::after { content: var(--tw-content); translate: -50% -50%; }

.last\:mb-0:last-child { margin-bottom: 0px; }

.last\:mr-0:last-child { margin-right: 0px; }

.last\:border-b-0:last-child { border-bottom-width: 0px; }

.last\:pb-0:last-child { padding-bottom: 0px; }

.last\:pb-16:last-child { padding-bottom: 1rem; }

.open\:max-h-\[1000px\][open] { max-height: 1000px; }

.placeholder-shown\:border-magenta:placeholder-shown { border-color: var(--color-magenta); }

.empty\:hidden:empty { display: none; }

.empty\:pl-40:empty { padding-left: 2.5rem; }

.focus-within\:text-magenta:focus-within { color: var(--color-magenta); }

.hover\:border:hover { border-width: 1px; }

.hover\:border-solid:hover { border-style: solid; }

.hover\:border-magenta:hover { border-color: var(--color-magenta); }

.hover\:border-royalblue:hover { border-color: var(--color-royalblue); }

.hover\:border-salemsfur:hover { border-color: var(--color-salemsfur); }

.hover\:bg-alpine:hover { background-color: var(--color-alpine); }

.hover\:bg-magenta:hover { background-color: var(--color-magenta); }

.hover\:bg-salemsfur:hover { background-color: var(--color-salemsfur); }

.hover\:bg-\[url\:var\(--hoverURL\)\]:hover { background-image: var(--hoverURL); }

.hover\:text-magenta:hover { color: var(--color-magenta); }

.hover\:text-royalblue:hover { color: var(--color-royalblue); }

.hover\:text-salemsfur:hover { color: var(--color-salemsfur); }

.hover\:text-snow:hover { color: var(--color-snow); }

.hover\:text-whitelilac:hover { color: var(--color-whitelilac); }

.hover\:underline:hover { text-decoration-line: underline; }

.hover\:invert:hover { --tw-invert: invert(100%); 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); }

.before\:hover\:bg-\[url\:var\(--bg-image-hover\)\]:hover::before { background-image: var(--bg-image-hover); content: var(--tw-content); }

.hover\:before\:\[mask-composite\:none\]:hover::before { content: var(--tw-content); }

.hover\:before\:\[mask\:unset\]:hover::before { content: var(--tw-content); mask: unset; }

.focus\:border-magenta:focus { border-color: var(--color-magenta); }

.focus\:text-magenta:focus { color: var(--color-magenta); }

.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }

.focus-visible\:rounded-full:focus-visible { border-radius: 9999px; }

.focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }

.focus-visible\:ring-magenta:focus-visible { --tw-ring-color: var(--color-magenta); }

.active\:border-magenta:active { border-color: var(--color-magenta); }

.active\:border-salemsfur:active { border-color: var(--color-salemsfur); }

.active\:bg-salemsfur:active { background-color: var(--color-salemsfur); }

.disabled\:border-botticelli:disabled { border-color: var(--color-botticelli); }

.disabled\:border-whitelilac:disabled { border-color: var(--color-whitelilac); }

.disabled\:bg-alpine:disabled { background-color: var(--color-alpine); }

.disabled\:bg-snow:disabled { background-color: var(--color-snow); }

.disabled\:text-botticelli:disabled { color: var(--color-botticelli); }

.group[open] .group-open\:hidden { display: none; }

.group[open] .group-open\:-rotate-180 { --tw-rotate: -180deg; }

.group[open] .group-open\:-rotate-180, .group[open] .group-open\:rotate-180 { 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)); }

.group[open] .group-open\:rotate-180 { --tw-rotate: 180deg; }

.group[open] .group-open\:before\:content-\[\'Weniger_\'\]::before { --tw-content: "Weniger "; content: var(--tw-content); }

.group:focus-within .group-focus-within\:pointer-events-auto { pointer-events: auto; }

.group:focus-within .group-focus-within\:border-magenta { border-color: var(--color-magenta); }

.group:focus-within .group-focus-within\:opacity-100 { opacity: 1; }

.group:focus-within .group-focus-within\:delay-200 { transition-delay: 0.2s; }

.group:hover .group-hover\:pointer-events-auto { pointer-events: auto; }

.group:hover .group-hover\:block { display: block; }

.group:hover .group-hover\:hidden { display: none; }

.group:hover .group-hover\:border-magenta { border-color: var(--color-magenta); }

.group:hover .group-hover\:bg-trout { background-color: var(--color-trout); }

.group:hover .group-hover\:bg-whitelilac { background-color: var(--color-whitelilac); }

.group:hover .group-hover\:bg-\[url\:var\(--bg-image-hover\)\] { background-image: var(--bg-image-hover); }

.group:hover .group-hover\:bg-\[url\:var\(--bg-image-magenta\)\] { background-image: var(--bg-image-magenta); }

.group:hover .group-hover\:bg-\[url\:var\(--bg-image-white\)\] { background-image: var(--bg-image-white); }

.group\/email-button:hover .group-hover\/email-button\:stroke-snow { stroke: var(--color-snow); }

.group:hover .group-hover\:text-\[\#FFF\] { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity, 1)); }

.group:hover .group-hover\:text-salemsfur { color: var(--color-salemsfur); }

.group:hover .group-hover\:text-snow { color: var(--color-snow); }

.group:hover .group-hover\:underline { text-decoration-line: underline; }

.group:hover .group-hover\:opacity-0 { opacity: 0; }

.group:hover .group-hover\:opacity-100 { opacity: 1; }

.group:hover .group-hover\:contrast-100 { --tw-contrast: contrast(1); }

.group:hover .group-hover\:contrast-100, .group:hover .group-hover\:contrast-200 { 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); }

.group:hover .group-hover\:contrast-200 { --tw-contrast: contrast(2); }

.group:hover .group-hover\:grayscale { --tw-grayscale: grayscale(100%); }

.group:hover .group-hover\:grayscale, .group:hover .group-hover\: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); }

.group:hover .group-hover\:invert { --tw-invert: invert(100%); }

.group:hover .group-hover\:delay-200 { transition-delay: 0.2s; }

.group:hover .group-hover\:\[background-clip\:unset\] { background-clip: unset; }

.group:hover .group-hover\:\[text-fill-color\:unset\] { }

.group:focus .group-focus\:border-magenta { border-color: var(--color-magenta); }

.peer:checked ~ .peer-checked\:block { display: block; }

.peer:checked ~ .peer-checked\:hidden { display: none; }

.peer:checked ~ .group .peer-checked\:group-\[\]\:rotate-180 { --tw-rotate: 180deg; 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)); }

.peer:checked ~ .group .peer-checked\:group-\[\]\:fill-magenta { fill: var(--color-magenta); }

.peer:checked ~ .group .peer-checked\:group-\[\]\:fill-magentalight { fill: var(--color-magentaLight); }

.peer:checked ~ .group .peer-checked\:group-\[\]\:\[cx\:24px\] { cx: 24px; }

.data-\[state\=closed\]\:-translate-x-full[data-state="closed"] { --tw-translate-x: -100%; }

.data-\[state\=closed\]\:-translate-x-full[data-state="closed"], .data-\[state\=closed\]\:translate-x-full[data-state="closed"] { 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)); }

.data-\[state\=closed\]\:translate-x-full[data-state="closed"] { --tw-translate-x: 100%; }

.data-\[state\=open\]\:translate-x-0[data-state="open"] { --tw-translate-x: 0rem; 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)); }

.data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; }

.tablet-mode .tablet-mode\:ml-0 { margin-left: 0px; }

.tablet-mode .tablet-mode\:ml-24 { margin-left: 1.5rem; }

.tablet-mode .tablet-mode\:hidden { display: none; }

.tablet-mode .tablet-mode\:min-h-0 { min-height: 0px; }

.tablet-mode .tablet-mode\:min-h-\[calc\(theme\(space\.16\)\+var\(--min-height-tablet\)\)\] { min-height: calc(1rem + var(--min-height-tablet)); }

.tablet-mode .tablet-mode\:overflow-hidden { overflow: hidden; }

.tablet-mode .tablet-mode\:px-24 { padding-left: 1.5rem; padding-right: 1.5rem; }

.tablet-mode .tablet-mode\:py-0 { padding-bottom: 0px; padding-top: 0px; }

.tablet-mode .tablet-mode\:py-12 { padding-bottom: 0.75rem; padding-top: 0.75rem; }

.tablet-mode .tablet-mode\:pb-16 { padding-bottom: 1rem; }

.tablet-mode .tablet-mode\:pb-\[unset\] { padding-bottom: unset; }

.tablet-mode .tablet-mode\:pl-24 { padding-left: 1.5rem; }

.tablet-mode .tablet-mode\:pr-8 { padding-right: 0.5rem; }

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none { transition-property: none; }
}

@media not all and (min-width: 769px) {
  .max-md\:sr-only { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border-width: 0px; white-space: nowrap; }
  .max-md\:bottom-0 { bottom: 0px; }
  .max-md\:left-24 { left: 1.5rem; }
  .max-md\:top-0 { top: 0px; }
  .max-md\:m-4 { margin: 0.25rem; }
  .max-md\:-mx-24 { margin-left: -1.5rem; margin-right: -1.5rem; }
  .max-md\:mt-8 { margin-top: 0.5rem; }
  .max-md\:hidden { display: none; }
  .max-md\:min-h-0 { min-height: 0px; }
  .max-md\:min-h-\[calc\(theme\(space\.16\)\+var\(--min-height-mobile\)\)\] { min-height: calc(1rem + var(--min-height-mobile)); }
  .max-md\:min-h-\[calc\(var\(--placeholderSize\)\*1px\+2\*theme\(\'space\.16\'\)\+2\*theme\(\'space\.1\'\)\)\] { min-height: calc(var(--placeholderSize) * 1px + 2.125rem); }
  .max-md\:w-\[calc\(100vw-48px\)\] { width: calc(-48px + 100vw); }
  .max-md\:w-screen { width: 100vw; }
  .max-md\:min-w-0 { min-width: 0px; }
  .max-md\:max-w-\[82vw\] { max-width: 82vw; }
  .max-md\:auto-cols-max { grid-auto-columns: max-content; }
  .max-md\:grid-flow-col { grid-auto-flow: column; }
  .max-md\:flex-col { flex-direction: column; }
  .max-md\:content-center { align-content: center; }
  .max-md\:justify-center { justify-content: center; }
  .max-md\:gap-x-12 { column-gap: 0.75rem; }
  .max-md\:overflow-hidden { overflow: hidden; }
  .max-md\:overflow-x-auto { overflow-x: auto; }
  .max-md\:overflow-x-hidden { overflow-x: hidden; }
  .max-md\:overflow-x-scroll { overflow-x: scroll; }
  .max-md\:overflow-y-scroll { overflow-y: scroll; }
  .max-md\:border-b { border-bottom-width: 1px; }
  .max-md\:border-l-0 { border-left-width: 0px; }
  .max-md\:border-r-0 { border-right-width: 0px; }
  .max-md\:border-t { border-top-width: 1px; }
  .max-md\:bg-alpine { background-color: var(--color-alpine); }
  .max-md\:bg-whitelilac { background-color: var(--color-whitelilac); }
  .max-md\:p-12 { padding: 0.75rem; }
  .max-md\:px-0 { padding-left: 0px; padding-right: 0px; }
  .max-md\:px-12 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .max-md\:px-24 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .max-md\:py-16 { padding-bottom: 1rem; padding-top: 1rem; }
  .max-md\:py-24 { padding-bottom: 1.5rem; padding-top: 1.5rem; }
  .max-md\:pb-16 { padding-bottom: 1rem; }
  .max-md\:pb-24 { padding-bottom: 1.5rem; }
  .max-md\:pl-24 { padding-left: 1.5rem; }
  .max-md\:pr-16 { padding-right: 1rem; }
  .max-md\:pt-12 { padding-top: 0.75rem; }
  .max-md\:pt-24 { padding-top: 1.5rem; }
  .max-md\:pt-8 { padding-top: 0.5rem; }
  .max-md\:text-center { text-align: center; }
  .max-md\:font-bold { font-weight: 700; }
  .max-md\:hide-scrollbar { scrollbar-width: none; }
  .max-md\:hide-scrollbar::-webkit-scrollbar { display: none; }
  .max-md\:\[grid-area\:content\] { grid-area: content; }
  .max-md\:\[grid-area\:image\] { grid-area: image; }
  .max-md\:\[grid-template-areas\:\'content\'_\'image\'\] { grid-template-areas: "content" "image"; }
  .max-md\:after\:relative::after { content: var(--tw-content); position: relative; }
  .max-md\:after\:top-16::after { content: var(--tw-content); top: 1rem; }
  .max-md\:after\:block::after { content: var(--tw-content); display: block; }
  .max-md\:after\:h-1::after { content: var(--tw-content); height: 0.0625rem; }
  .max-md\:after\:w-full::after { content: var(--tw-content); width: 100%; }
  .max-md\:after\:border-b::after { border-bottom-width: 1px; content: var(--tw-content); }
  .max-md\:after\:border-solid::after { border-style: solid; content: var(--tw-content); }
  .max-md\:after\:border-whitelilac::after { border-color: var(--color-whitelilac); content: var(--tw-content); }
  .max-md\:after\:content-\[\"\"\]::after { --tw-content: ""; content: var(--tw-content); }
}

@media (min-width: 769px) {
  .md\:sr-only { height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; clip: rect(0px, 0px, 0px, 0px); border-width: 0px; white-space: nowrap; }
  .md\:absolute, .md\:sr-only { position: absolute; }
  .md\:relative { position: relative; }
  .md\:sticky { position: sticky; }
  .md\:inset-x-24 { left: 1.5rem; right: 1.5rem; }
  .md\:bottom-0 { bottom: 0px; }
  .md\:bottom-\[105px\] { bottom: 105px; }
  .md\:left-1\/2 { left: 50%; }
  .md\:top-0 { top: 0px; }
  .md\:top-2\/4 { top: 50%; }
  .md\:top-\[72px\] { top: 72px; }
  .md\:z-stream-layout-stream-style { z-index: 1; }
  .md\:order-1 { order: 1; }
  .md\:order-2 { order: 2; }
  .md\:order-3 { order: 3; }
  .md\:col-\[2_span\] { grid-column: span 2; }
  .md\:float-right { float: right; }
  .md\:m-auto { margin: auto; }
  .md\:mx-48 { margin-left: 3rem; margin-right: 3rem; }
  .md\:mx-\[unset\] { margin-left: unset; margin-right: unset; }
  .md\:my-24 { margin-bottom: 1.5rem; margin-top: 1.5rem; }
  .md\:-mt-24 { margin-top: -1.5rem; }
  .md\:mb-24 { margin-bottom: 1.5rem; }
  .md\:ml-24 { margin-left: 1.5rem; }
  .md\:ml-48 { margin-left: 3rem; }
  .md\:mr-24 { margin-right: 1.5rem; }
  .md\:mr-48 { margin-right: 3rem; }
  .md\:mt-16 { margin-top: 1rem; }
  .md\:mt-24 { margin-top: 1.5rem; }
  .md\:block { display: block; }
  .md\:flex { display: flex; }
  .md\:grid { display: grid; }
  .md\:hidden { display: none; }
  .md\:size-48 { height: 3rem; width: 3rem; }
  .md\:size-\[48px\] { height: 48px; width: 48px; }
  .md\:h-0 { height: 0px; }
  .md\:h-48 { height: 3rem; }
  .md\:h-\[10vh\] { height: 10vh; }
  .md\:h-\[195px\] { height: 195px; }
  .md\:h-\[326px\] { height: 326px; }
  .md\:h-\[44px\] { height: 44px; }
  .md\:h-\[550px\] { height: 550px; }
  .md\:h-\[554px\] { height: 554px; }
  .md\:h-\[614px\] { height: 614px; }
  .md\:h-\[72px\] { height: 72px; }
  .md\:h-full { height: 100%; }
  .md\:max-h-\[180px\] { max-height: 180px; }
  .md\:max-h-\[453px\] { max-height: 453px; }
  .md\:max-h-\[580px\] { max-height: 580px; }
  .md\:max-h-max { max-height: max-content; }
  .md\:min-h-0 { min-height: 0px; }
  .md\:min-h-\[168px\] { min-height: 168px; }
  .md\:min-h-\[217px\] { min-height: 217px; }
  .md\:min-h-\[auto\] { min-height: auto; }
  .md\:min-h-\[calc\(theme\(space\.16\)\+var\(--min-height-desktop\)\)\] { min-height: calc(1rem + var(--min-height-desktop)); }
  .md\:min-h-\[calc\(theme\(spacing\.16\)\+250px\)\] { min-height: calc(250px + 1rem); }
  .md\:w-48 { width: 3rem; }
  .md\:w-\[168px\] { width: 168px; }
  .md\:w-\[195px\] { width: 195px; }
  .md\:w-\[202px\] { width: 202px; }
  .md\:w-\[300px\] { width: 300px; }
  .md\:w-\[320px\] { width: 320px; }
  .md\:w-\[324px\] { width: 324px; }
  .md\:w-\[41px\] { width: 41px; }
  .md\:w-\[450px\] { width: 450px; }
  .md\:w-\[640px\] { width: 640px; }
  .md\:w-\[647px\] { width: 647px; }
  .md\:w-\[648px\] { width: 648px; }
  .md\:w-\[996px\] { width: 996px; }
  .md\:w-companion { width: 21.75rem; }
  .md\:w-full { width: 100%; }
  .md\:w-max { width: max-content; }
  .md\:w-stream { width: 40.5rem; }
  .md\:min-w-0 { min-width: 0px; }
  .md\:min-w-\[111px\] { min-width: 111px; }
  .md\:min-w-\[112px\] { min-width: 112px; }
  .md\:min-w-\[144px\] { min-width: 144px; }
  .md\:min-w-\[192px\] { min-width: 192px; }
  .md\:min-w-\[200px\] { min-width: 200px; }
  .md\:min-w-\[253px\] { min-width: 253px; }
  .md\:min-w-\[257px\] { min-width: 257px; }
  .md\:min-w-\[365px\] { min-width: 365px; }
  .md\:min-w-full { min-width: 100%; }
  .md\:min-w-page { min-width: 62.25rem; }
  .md\:max-w-\[440px\] { max-width: 440px; }
  .md\:max-w-\[450px\] { max-width: 450px; }
  .md\:max-w-\[550px\] { max-width: 550px; }
  .md\:shrink-0 { flex-shrink: 0; }
  .md\:basis-\[111px\] { flex-basis: 111px; }
  .md\:basis-\[112px\] { flex-basis: 112px; }
  .md\:basis-\[144px\] { flex-basis: 144px; }
  .md\:basis-\[192px\] { flex-basis: 192px; }
  .md\:basis-\[200px\] { flex-basis: 200px; }
  .md\:basis-\[253px\] { flex-basis: 253px; }
  .md\:basis-\[257px\] { flex-basis: 257px; }
  .md\:basis-\[365px\] { flex-basis: 365px; }
  .md\:basis-companion { flex-basis: 21.75rem; }
  .md\:-translate-x-1\/2, .md\:-translate-x-2\/4 { --tw-translate-x: -50%; }
  .md\:-translate-x-1\/2, .md\:-translate-x-2\/4, .md\:-translate-y-2\/4 { 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)); }
  .md\:-translate-y-2\/4 { --tw-translate-y: -50%; }
  .md\: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)); }
  .md\:snap-start { scroll-snap-align: start; }
  .md\:scroll-ml-24 { scroll-margin-left: 1.5rem; }
  .md\:scroll-ml-48 { scroll-margin-left: 3rem; }
  .md\:scroll-mt-\[calc\(theme\(spacing\.sticky-header-md\)_\+_theme\(spacing\.24\)\)\] { scroll-margin-top: 6rem; }
  .md\:grid-flow-row { grid-auto-flow: row; }
  .md\:grid-flow-col { grid-auto-flow: column; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .md\:grid-cols-\[168px_1fr\] { grid-template-columns: 168px 1fr; }
  .md\:grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr; }
  .md\:grid-cols-\[267px_1fr\] { grid-template-columns: 267px 1fr; }
  .md\:grid-cols-\[32px_65px_1fr\] { grid-template-columns: 32px 65px 1fr; }
  .md\:grid-cols-\[80px\,16px\,auto\,16px\,80px\] { grid-template-columns: 80px 16px auto 16px 80px; }
  .md\:grid-cols-\[auto_auto_1fr_auto\] { grid-template-columns: auto auto 1fr auto; }
  .md\:grid-cols-\[min-content_1fr\] { grid-template-columns: min-content 1fr; }
  .md\:grid-cols-\[repeat\(6\,88px\)\] { grid-template-columns: repeat(6, 88px); }
  .md\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-rows-none { grid-template-rows: none; }
  .md\:flex-row { flex-direction: row; }
  .md\:flex-row-reverse { flex-direction: row-reverse; }
  .md\:flex-col { flex-direction: column; }
  .md\:flex-col-reverse { flex-direction: column-reverse; }
  .md\:flex-wrap { flex-wrap: wrap; }
  .md\:content-center { align-content: center; }
  .md\:items-start { align-items: flex-start; }
  .md\:items-end { align-items: flex-end; }
  .md\:items-center { align-items: center; }
  .md\:justify-start { justify-content: flex-start; }
  .md\:justify-end { justify-content: flex-end; }
  .md\:justify-center { justify-content: center; }
  .md\:justify-between { justify-content: space-between; }
  .md\:gap-12 { gap: 0.75rem; }
  .md\:gap-16 { gap: 1rem; }
  .md\:gap-24 { gap: 1.5rem; }
  .md\:gap-32 { gap: 2rem; }
  .md\:gap-8 { gap: 0.5rem; }
  .md\:gap-x-24 { column-gap: 1.5rem; }
  .md\:gap-y-16 { row-gap: 1rem; }
  .md\:self-end { align-self: flex-end; }
  .md\:self-center { align-self: center; }
  .md\:justify-self-start { justify-self: start; }
  .md\:overflow-visible { overflow: visible; }
  .md\:rounded-24 { border-radius: 1.5rem; }
  .md\:rounded-8 { border-radius: 0.5rem; }
  .md\:border-x { border-left-width: 1px; border-right-width: 1px; }
  .md\:border-b { border-bottom-width: 1px; }
  .md\:border-r { border-right-width: 1px; }
  .md\:border-r-0 { border-right-width: 0px; }
  .md\:border-t { border-top-width: 1px; }
  .md\:border-solid { border-style: solid; }
  .md\:border-none { border-style: none; }
  .md\:border-whitelilac { border-color: var(--color-whitelilac); }
  .md\:border-b-whitelilac { border-bottom-color: var(--color-whitelilac); }
  .md\:border-t-whitelilac { border-top-color: var(--color-whitelilac); }
  .md\:bg-alpine { background-color: var(--color-alpine); }
  .md\:bg-whitelilac { background-color: var(--color-whitelilac); }
  .md\:p-12 { padding: 0.75rem; }
  .md\:p-24 { padding: 1.5rem; }
  .md\:px-0 { padding-left: 0px; padding-right: 0px; }
  .md\:px-16 { padding-left: 1rem; padding-right: 1rem; }
  .md\:px-24 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md\:px-32 { padding-left: 2rem; padding-right: 2rem; }
  .md\:px-48 { padding-left: 3rem; padding-right: 3rem; }
  .md\:px-\[65px\] { padding-left: 65px; padding-right: 65px; }
  .md\:py-12 { padding-bottom: 0.75rem; padding-top: 0.75rem; }
  .md\:py-24 { padding-bottom: 1.5rem; padding-top: 1.5rem; }
  .md\:py-40 { padding-bottom: 2.5rem; padding-top: 2.5rem; }
  .md\:py-\[20px\] { padding-bottom: 20px; padding-top: 20px; }
  .md\:pb-0 { padding-bottom: 0px; }
  .md\:pb-12 { padding-bottom: 0.75rem; }
  .md\:pb-16 { padding-bottom: 1rem; }
  .md\:pb-24 { padding-bottom: 1.5rem; }
  .md\:pb-8 { padding-bottom: 0.5rem; }
  .md\:pb-\[80px\] { padding-bottom: 80px; }
  .md\:pb-\[unset\] { padding-bottom: unset; }
  .md\:pl-16 { padding-left: 1rem; }
  .md\:pl-4 { padding-left: 0.25rem; }
  .md\:pl-\[unset\] { padding-left: unset; }
  .md\:pr-0 { padding-right: 0px; }
  .md\:pr-24 { padding-right: 1.5rem; }
  .md\:pt-0 { padding-top: 0px; }
  .md\:pt-12 { padding-top: 0.75rem; }
  .md\:pt-16 { padding-top: 1rem; }
  .md\:pt-2 { padding-top: 0.125rem; }
  .md\:pt-24 { padding-top: 1.5rem; }
  .md\:pt-8 { padding-top: 0.5rem; }
  .md\:text-center { text-align: center; }
  .md\:text-start { text-align: start; }
  .md\:text-12 { font-size: 0.75rem; }
  .md\:text-14 { font-size: 0.875rem; }
  .md\:text-16 { font-size: 1rem; }
  .md\:text-18 { font-size: 1.125rem; }
  .md\:text-22 { font-size: 1.375rem; }
  .md\:text-28 { font-size: 1.75rem; }
  .md\:text-32 { font-size: 2rem; }
  .md\:text-40 { font-size: 2.5rem; }
  .md\:transition-opacity { transition-duration: 0.15s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .md\:transition-transform { transition-duration: 0.15s; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .md\:hide-scrollbar { scrollbar-width: none; }
  .md\:hide-scrollbar::-webkit-scrollbar { display: none; }
  .md\:\[contain-intrinsic-size\:auto_var\(--height-desktop\)\] { contain-intrinsic-size: auto var(--height-desktop); }
  .md\:\[grid-area\:content\] { grid-area: content; }
  .md\:\[grid-area\:image\] { grid-area: image; }
  .md\:\[grid-template-areas\:\"content_image\"\] { grid-template-areas: "content image"; }
  .md\:\[grid-template-areas\:\"headline_image\"\] { grid-template-areas: "headline image"; }
  .md\:\[grid-template-areas\:\"hero_companion\"_\"stream_companion\"\] { grid-template-areas: "hero companion" "stream companion"; }
  .md\:\[grid-template-areas\:\"image_content\"\] { grid-template-areas: "image content"; }
  .md\:\[grid-template-areas\:\"image_content\"_\"image_authors\"_\"image_\.\"\] { grid-template-areas: "image content" "image authors" "image ."; }
  .md\:\[grid-template-areas\:\"spotlight_companion\"_\"stream_companion\"\] { grid-template-areas: "spotlight companion" "stream companion"; }
  .md\:\[grid-template-columns\:2fr_1\.2fr\] { grid-template-columns: 2fr 1.2fr; }
  .md\:\[grid-template-rows\:_min-content_1fr\], .md\:\[grid-template-rows\:min-content_1fr\] { grid-template-rows: min-content 1fr; }
  .before\:md\:absolute::before { content: var(--tw-content); position: absolute; }
  .before\:md\:left-16::before { content: var(--tw-content); left: 1rem; }
  .before\:md\:top-0::before { content: var(--tw-content); top: 0px; }
  .before\:md\:-translate-y-full::before { content: var(--tw-content); --tw-translate-y: -100%; 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)); }
  .before\:md\:border-b-\[10px\]::before { border-bottom-width: 10px; content: var(--tw-content); }
  .before\:md\:border-l-\[10px\]::before { border-left-width: 10px; content: var(--tw-content); }
  .before\:md\:border-r-\[10px\]::before { border-right-width: 10px; content: var(--tw-content); }
  .before\:md\:border-b-whitelilac::before { border-bottom-color: var(--color-whitelilac); content: var(--tw-content); }
  .before\:md\:border-l-transparent::before { border-left-color: transparent; content: var(--tw-content); }
  .before\:md\:border-r-transparent::before { border-right-color: transparent; content: var(--tw-content); }
  .md\:after\:top-24::after { content: var(--tw-content); top: 1.5rem; }
  .md\:last\:pb-24:last-child { padding-bottom: 1.5rem; }
  .md\:hover\:border-magenta:hover { border-color: var(--color-magenta); }
  .md\:hover\:border-salemsfur:hover { border-color: var(--color-salemsfur); }
  .md\:hover\:bg-snow:hover { background-color: var(--color-snow); }
  .md\:hover\:text-magenta:hover { color: var(--color-magenta); }
  .md\:hover\:text-whitelilac:hover { color: var(--color-whitelilac); }
  .md\:hover\:duration-200:hover { transition-duration: 0.2s; }
  .md\:hover\:ease-in-out:hover { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .md\:focus\:text-magenta:focus { color: var(--color-magenta); }
  .group:hover .md\:group-hover\:max-h-\[182px\] { max-height: 182px; }
  .group:hover .md\:group-hover\:max-w-\[182px\] { max-width: 182px; }
  .group:hover .md\:group-hover\:scale-\[1\.083\] { --tw-scale-x: 1.083; --tw-scale-y: 1.083; 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)); }
  .group:hover .md\:group-hover\:pt-0 { padding-top: 0px; }
  .group:hover .md\:group-hover\:pt-\[100\%\] { padding-top: 100%; }
  .group:hover .md\:group-hover\:opacity-0 { opacity: 0; }
  .group:hover .md\:group-hover\:opacity-100 { opacity: 1; }
  .tablet-mode .md\:tablet-mode\:block { display: block; }
  .tablet-mode .md\:tablet-mode\:hidden { display: none; }
}

@media (min-width: 1441px) {
  .min-\[1441px\]\:block { display: block; }
}

@media (min-width: 1900px) {
  .min-\[1900px\]\:block { display: block; }
}



@media not all and (min-width: 769px) {
  
}

.\[\&\:not\(\[value\=\"\"\]\)\]\:border-magenta:not([value=""]) { border-color: var(--color-magenta); }

.\[\&\>a\]\:text-trout > a { color: var(--color-trout); }

.\[\&\>iframe\]\:size-full > iframe { height: 100%; width: 100%; }

@media (min-width: 769px) {
  .md\:\[\&\>iframe\]\:h-\[--desktop-height\] > iframe { height: var(--desktop-height); }
}

.\[\&\>li\:first-of-type\]\:rounded-t-8 > li:first-of-type { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }

.\[\&\>li\:first-of-type\]\:border-t-0 > li:first-of-type { border-top-width: 0px; }

.\[\&\>li\:last-of-type\]\:rounded-b-8 > li:last-of-type { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }

.\[\&\>li\:last-of-type\]\:border-t-magenta > li:last-of-type { border-top-color: var(--color-magenta); }

@media (min-width: 769px) {
  .md\:last-of-type\:\[\&_rect\]\:h-\[326px\] rect:last-of-type { height: 326px; }
}

@media (orientation: landscape) {
  @media (max-height: 600px) {
  .landscape\:\[\@media\(max-height\:600px\)\]\:h-\[30vh\] { height: 30vh; }
}
}