@charset "UTF-8";
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
html {
    line-height: 1.15;
    -webkit-text-size-adjust:100%
}

body {
    margin:0
}

main {
    display:block
}

h1 {
    font-size: 2em;
    margin:.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow:visible
}

pre {
    font-family: monospace, monospace;
    font-size:1em
}

a {
    background-color:transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration:underline dotted
}

b, strong {
    font-weight:bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size:1em
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align:baseline
}

sub {
    bottom:-.25em
}

sup {
    top:-.5em
}

img {
    border-style:none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin:0
}

button, input {
    overflow:visible
}

button, select {
    text-transform:none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance:button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding:0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline:1px dotted ButtonText
}

fieldset {
    padding:.35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space:normal
}

progress {
    vertical-align:baseline
}

textarea {
    overflow:auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding:0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height:auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}

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

details {
    display:block
}

summary {
    display:list-item
}

template {
    display:none
}

[hidden] {
    display:none !important
}

:root {
    color-scheme: light dark;
    --bettoday-color--white: #FFFFFF;
    --bettoday-color--black: #202020;
    --bettoday-color--grey: #E4E4E7;
    --bettoday-color--primary: #FF4747;
    --bettoday-color--secondary: #FF1C1C;
    --bettoday-color--tertiary: #1A1A1A;
    --bettoday-color--background: #FAFAFA;
    --bettoday-color--tile: #FFFFFF;
    --bettoday-color--border: #D2D2D2;
    --bettoday-color--heading: #121212;
    --bettoday-color--subtitle: #333333;
    --bettoday-color--body: #404040;
    --bettoday-color--rating: #FFC02B;
    --bettoday-property--container: 1420px;
    --bettoday-property--container-narrow: 992px;
    --bettoday-property--modal: 576px;
    --bettoday-property--spacer-xs: 0.25rem;
    --bettoday-property--spacer-sm: 0.5rem;
    --bettoday-property--spacer-md: 1rem;
    --bettoday-property--spacer-lg: 2rem;
    --bettoday-property--spacer-xl: 4rem;
    --bettoday-property--radius-inner: 0.25rem;
    --bettoday-property--radius-outer: 0.5rem;
    --bettoday-property--transition-slow: 380ms;
    --bettoday-property--transition-fast:180ms
}

:root[data-theme=dark] {
    --bettoday-color--background: #121212;
    --bettoday-color--tile: #1C1C1C;
    --bettoday-color--border: #282828;
    --bettoday-color--heading: #FFFFFF;
    --bettoday-color--subtitle: #CCCCCC;
    --bettoday-color--body:#BFBFBF
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color:var(--bettoday-color--border, #D2D2D2)var(--bettoday-color--tile, #FFFFFF)
}

html[data-theme=light] .theme .theme__dark, html[data-theme=dark] .theme .theme__light {
    display: none;
    visibility:hidden
}

html[data-theme=light] .card.card--review .card__image {
    background-color:var(--bettoday-color--grey, #E4E4E7)
}

html[data-theme=dark] .card .card__icon {
    fill:var(--bettoday-color--white, #FFFFFF)
}

html:not([data-theme]) .theme .theme__dark {
    display: none;
    visibility:hidden
}

.theme {
    cursor: pointer;
    padding: unset;
    border:unset
}

.theme__light, .theme__dark {
    fill: var(--bettoday-color--primary-contrast, var(--bettoday-color--white, #FFFFFF));
    max-width: unset;
    width: calc(var(--bettoday-property--spacer-md, 1rem) + var(--bettoday-property--spacer-xs, .25rem));
    max-height: unset;
    height:calc(var(--bettoday-property--spacer-md, 1rem) + var(--bettoday-property--spacer-xs, .25rem))
}

@media only screen and (max-width: 767px) {
    .theme__light, .theme__dark {
        width: calc(var(--bettoday-property--spacer-lg, 2rem) - var(--bettoday-property--spacer-sm, .5rem));
        height:calc(var(--bettoday-property--spacer-lg, 2rem) - var(--bettoday-property--spacer-sm, .5rem))
    }
}

body {
    font-size: 16px;
    font-family: inter, helvetica, arial, sans-serif;
    color: var(--bettoday-color--body, #404040);
    background-color: var(--bettoday-color--background, #FAFAFA);
    line-height:1.4
}

body.transition, body.transition * {
    transition: all var(--bettoday-property--transition-fast, 180ms);
    transition-property:background, border, color
}

body.scroll-lock {
    overflow: hidden;
    width: 100vw;
    height:100vh
}

@media only screen and (max-width: 767px) {
    body {
        padding-bottom:5rem
    }
}


* {
    box-sizing: border-box;
    margin: unset;
    scrollbar-width:thin
}

* :before, * :after {
    box-sizing:inherit
}

.logo {
    width: 100%;
    max-width:22rem
}

.logo svg {
    fill:var(--bettoday-color--primary-contrast, var(--bettoday-color--white, #FFFFFF))
}

a {
    text-decoration:none
}

img {
    max-width:100%
}

svg {
    fill:currentColor
}

svg.icon {
    min-width: 1rem;
    width: 1rem;
    max-width: 1rem;
    min-height: 1rem;
    height: 1rem;
    max-height:1rem
}

svg.icon--large {
    min-width: 1.5rem;
    width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    height: 1.5rem;
    max-height:1.5rem
}

h1, h2, h3, h4, h5, h6, .h1, .inline-newsletter__title, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    line-height:1.25
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .h1 + p, .inline-newsletter__title + p, .h2 + p, .h3 + p, .h4 + p, .h5 + p, .h6 + p {
    margin-top:var(--bettoday-property--spacer-sm, .5rem)
}

p a {
    font-weight: 700;
    text-decoration:underline
}

p + .columns {
    margin-top:calc(var(--bettoday-property--spacer-md, 1rem) * 2)
}


h1, .h1, .inline-newsletter__title, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: unset;
    line-height: 1.2;
    scroll-margin-top: calc(5rem + 5vh);
    color: var(--bettoday-color--heading, #121212);
    text-wrap:balance
}

@media only screen and (min-width: 768px) {
    h1, .h1, .inline-newsletter__title {
        font-size:36px
    }
}

@media only screen and (max-width: 767px) {
    h1, .h1, .inline-newsletter__title {
        font-size:34px
    }
}

@media only screen and (min-width: 768px) {
    h2, .h2 {
        font-size:32px
    }
}

@media only screen and (max-width: 767px) {
    h2, .h2 {
        font-size:30px
    }
}

@media only screen and (min-width: 768px) {
    h3, .h3 {
        font-size:28px
    }
}

@media only screen and (max-width: 767px) {
    h3, .h3 {
        font-size:26px
    }
}

@media only screen and (min-width: 768px) {
    h4, .h4 {
        font-size:24px
    }
}

@media only screen and (max-width: 767px) {
    h4, .h4 {
        font-size:22px
    }
}

@media only screen and (min-width: 768px) {
    h5, .h5 {
        font-size:22px
    }
}

@media only screen and (max-width: 767px) {
    h5, .h5 {
        font-size:20px
    }
}

@media only screen and (min-width: 768px) {
    h6, .h6 {
        font-size:20px
    }
}

@media only screen and (max-width: 767px) {
    h6, .h6 {
        font-size:18px
    }
}

article.content {
    overflow:hidden
}

.content {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-lg, 2rem);
    gap:var(--bettoday-property--spacer-lg, 2rem)
}

.content__inner ul, .content__inner ol, .content__inner iframe, .content__inner img, .content__inner table, .content__inner picture, .content__inner table, .content__inner figure, .content__inner blockquote {
    margin-bottom:var(--bettoday-property--spacer-md, 1rem)
}

.content__inner h1, .content__inner .h1, .content__inner .inline-newsletter__title {
    margin-top:unset
}

.content__inner h1, .content__inner .h1, .content__inner .inline-newsletter__title, .content__inner h2, .content__inner .h2, .content__inner h3, .content__inner .h3, .content__inner h4, .content__inner .h4, .content__inner h5, .content__inner .h5, .content__inner h6, .content__inner .h6 {
    margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
}

.content__inner p {
    overflow-wrap: break-word;
    hyphens: auto;
    margin:unset
}

.content__inner p + p, .content__inner p + ul, .content__inner p + ol {
    margin-top:var(--bettoday-property--spacer-md, 1rem)
}

.content__inner p img {
    margin: inherit
}

.content__inner p a[href]:not([href=""]):not([href^=\#]) {
    text-decoration: underline;
    color:var(--bettoday-color--primary, #FF4747)
}

.content__inner :where(p, blockquote) + :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    margin-top:calc(var(--bettoday-property--spacer-xl, 4rem) - var(--bettoday-property--spacer-md, 1rem))
}

.content__inner hr {
    margin-top: var(--bettoday-property--spacer-md, 1rem);
    margin-bottom:var(--bettoday-property--spacer-md, 1rem)
}

@supports (aspect-ratio: 16/9) {
    .content__inner iframe[src^="https://www.youtube.com/embed/"] {
        aspect-ratio: 16/9;
        width: 100%;
        height:auto
    }
}

.content__inner blockquote {
    margin: calc(var(--bettoday-property--spacer-lg, 2rem) - var(--bettoday-property--spacer-sm, .5rem)) 0;
    border-left: var(--bettoday-property--spacer-xs, .25rem) solid var(--bettoday-color--primary, #FF4747);
    font-size: 1.25rem;
    font-weight: 600;
    background: linear-gradient(90deg, rgba(0, 0, 0, 5%) 0%, transparent 100%);
    padding:var(--bettoday-property--spacer-md, 1rem)
}

@supports (padding-inline: var(--bettoday-property--spacer-lg, 2rem)) {
    .content__inner blockquote {
        padding-inline:var(--bettoday-property--spacer-lg, 2rem)
    }
}

@supports not (padding-inline: var(--bettoday-property--spacer-lg, 2rem)) {
    .content__inner blockquote {
        margin-left: var(--bettoday-property--spacer-lg, 2rem);
        margin-right:var(--bettoday-property--spacer-lg, 2rem)
    }
}

.content__inner ul, .content__inner ol {
    padding: unset;
    padding-left: var(--bettoday-property--spacer-sm, .5rem);
    list-style:none
}

.content__inner ul li, .content__inner ol li {
    position: relative;
    padding-left:var(--bettoday-property--spacer-md, 1rem)
}

.content__inner ul li nested lists ul, .content__inner ul li ol, .content__inner ol li nested lists ul, .content__inner ol li ol {
    margin-top: var(--bettoday-property--spacer-sm, .5rem);
    margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
}

.content__inner ul li:before, .content__inner ol li:before {
    content: "•";
    margin-left: calc(var(--bettoday-property--spacer-md, 1rem) * -1);
    margin-right: var(--bettoday-property--spacer-sm, .5rem);
    color:var(--bettoday-color--primary, #FF4747)
}

.content__inner ul li:not(:last-of-type), .content__inner ol li:not(:last-of-type) {
    margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
}

.content__inner ol li {
    counter-increment:ol
}

.content__inner ol li:before {
    content: counter(ol) "."
}

.content__inner table {
    width: 100%;
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    border-collapse: collapse;
    text-align:left
}

.content__inner table thead {
    border:1px solid var(--bettoday-color--primary, #FF4747)
}

.content__inner table tbody {
    width:inherit
}

.content__inner table tr:nth-of-type(2n) {
    background-color:var(--bettoday-color--border, #D2D2D2)
}

.content__inner table td:not(:last-of-type) {
    border-right:1px solid var(--bettoday-color--border, #D2D2D2)
}

.content__inner table th, .content__inner table td {
    padding:var(--bettoday-property--spacer-sm, .5rem)var(--bettoday-property--spacer-md, 1rem)
}

.content__inner table th {
    padding: var(--bettoday-property--spacer-md, 1rem);
    background-color: var(--bettoday-color--primary, #FF4747);
    color:var(--bettoday-color--primary-contrast, var(--bettoday-color--white, #FFFFFF))
}

.content__inner a {
    color: var(--bettoday-color--primary, #FF4747);
    text-decoration: underline;
    font-weight:700
}

@media only screen and (min-width: 992px) {
    .content__inner > h1, .content__inner > h2, .content__inner > h3, .content__inner > h4, .content__inner > h5, .content__inner > h6, .content__inner > p, .content__inner > table, .content__inner > ul, .content__inner > ol, .content__inner > blockquote, .content__inner > iframe, .content__inner > figure {
        padding-right:calc(var(--bettoday-property--spacer-lg, 2rem) + 2.5vw)
    }
}

.content__review {
    background-color:var(--background, var(--bettoday-color--border, #D2D2D2))
}

@supports (aspect-ratio: 3/1) {
    .content__review {
        display: flex;
        flex-direction: row;
        aspect-ratio: 3/1;
        justify-content: center;
        align-items:center
    }

    .content__review svg, .content__review img {
        width: auto;
        max-height: 50%;
        max-width: 75%;
        fill:var(--bettoday-color--heading, #121212)
    }
}

@supports not (aspect-ratio: 3/1) {
    .content__review {
        padding:10vw
    }
}

@media only screen and (max-width: 991px) {
    .content__review {
        margin-bottom:calc(var(--bettoday-property--spacer-md, 1rem) * 2)
    }
}

.content__header {
    position: relative;
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    overflow: hidden;
    background-color: var(--bettoday-color--border, #D2D2D2);
    display: inline-flex;
    width: 100%;
    aspect-ratio:16/9
}

.content__header--review {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-inline:var(--bettoday-property--spacer-xl, 4rem)
}

.content__header--review svg {
    width: 100%;
    max-height:calc(3 * var(--bettoday-property--spacer-xl, 4rem))
}

.content__header--fallback {
    background:var(--bettoday-color--primary, #FF4747)
}

.content__header__image {
    width: 100%;
    height:100%
}

.content__header__image img, .content__header__image source {
    object-fit: cover;
    width: 100%;
    height: 100%;
    inset:0
}

.content__title {
    margin-top: unset;
    margin-bottom:unset
}

.content__meta {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap:var(--bettoday-property--spacer-sm, .5rem)
}

.featured {
    background-color: var(--bettoday-color--primary, #FF4747);
    z-index: 1;
    color: var(--bettoday-color--white, #FFFFFF);
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    justify-content: center;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: flex-end;
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    max-height:80vh
}

@media not all and (min-resolution: 0.001dpcm) {
    .featured > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-md, 1rem)
    }
}

@media only screen and (min-width: 1200px) {
    .featured {
        aspect-ratio:16/9
    }
}

@media only screen and (min-width: 992px) {
    .featured {
        padding:var(--bettoday-property--spacer-xl, 4rem)
    }
}

@media only screen and (max-width: 991px) {
    .featured {
        padding:5vw
    }
}

@media only screen and (max-width: 767px) {
    .featured {
        padding-top:calc(2 * var(--bettoday-property--spacer-xl, 4rem))
    }
}

.featured * {
    color:inherit
}

.featured:after {
    content: '';
    width: 80%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, .8) 0%, transparent 100%);
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index:-1
}

@media only screen and (max-width: 991px) {
    .featured:after {
        width: 100%;
        background:linear-gradient(45deg, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .35) 100%)
    }
}

.featured__background {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    inset: 0;
    transition:transform var(--bettoday-property--transition-slow, 380ms)
}

.featured__background img, .featured__background source {
    width: 100%;
    height: 100%;
    object-fit:cover
}

.featured:hover .featured__background {
    transform:scale(1.05)
}

.featured__content {
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    align-items:flex-start
}

@media not all and (min-resolution: 0.001dpcm) {
    .featured__content > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-md, 1rem)
    }
}

@media only screen and (min-width: 992px) {
    .featured__content {
        max-width:60%
    }
}

.featured__summary {
    margin-top: unset !important;
    opacity:.8
}

.featured__category {
    padding: calc(1.5 * var(--bettoday-property--spacer-xs, .25rem));
    background-color: var(--bettoday-color--primary, #FF4747);
    color: var(--bettoday-color--primary-contrast, var(--bettoday-color--white, #FFFFFF));
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    font-size: calc(.75 * var(--bettoday-property--spacer-md, 1rem));
    text-transform:uppercase
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    align-content:flex-start
}

@media not all and (min-resolution: 0.001dpcm) {
    .card > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-md, 1rem)
    }
}

@media only screen and (max-width: 767px) {
    .card[data-card-format=row] {
        display: grid;
        grid-gap: var(--bettoday-property--spacer-md, 1rem);
        gap: var(--bettoday-property--spacer-md, 1rem);
        grid-template-columns:1fr 2fr
    }
}

.card:focus-within a, .card:hover a {
    color:var(--bettoday-color--primary, #FF4747)
}

.card a {
    color: inherit;
    text-decoration:none
}

.card:hover picture {
    transform:scale(1.045)
}

.card__image {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    overflow: hidden;
    display: flex;
    position: relative;
    background-color:var(--bettoday-color--tile, #FFFFFF)
}

.card__image picture {
    object-fit: cover;
    width: 101%;
    height: 101%;
    transition:transform var(--bettoday-property--transition-slow, 380ms)
}

.card__image picture img {
    object-fit: inherit;
    width: inherit;
    height:inherit
}

.card__image--fallback {
    background-size: contain;
    background-position: 50%;
    background-color:var(--bettoday-color--primary, #FF4747)
}

.card__content {
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    flex-grow:1
}

@media not all and (min-resolution: 0.001dpcm) {
    .card__content > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.card__content h3 {
    color:var(--bettoday-color--heading, #121212)
}

.card__content p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    flex-grow: 1;
    color:var(--bettoday-color--subtitle, #333333)
}

@supports (margin-inline: var(--bettoday-property--spacer-xs, 0.25rem)) {
    .card__bullet {
        margin-inline:var(--bettoday-property--spacer-xs, .25rem)
    }
}

@supports not (margin-inline: var(--bettoday-property--spacer-xs, 0.25rem)) {
    .card__bullet {
        margin-left: var(--bettoday-property--spacer-xs, .25rem);
        margin-right:var(--bettoday-property--spacer-xs, .25rem)
    }
}

.card__category {
    position: absolute;
    top: var(--bettoday-property--spacer-sm, .5rem);
    left: var(--bettoday-property--spacer-sm, .5rem);
    padding: calc(1.5 * var(--bettoday-property--spacer-xs, .25rem));
    background-color: var(--bettoday-color--primary, #FF4747);
    color: var(--bettoday-color--primary-contrast, var(--bettoday-color--white, #FFFFFF));
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    font-size: calc(.75 * var(--bettoday-property--spacer-md, 1rem));
    text-transform:uppercase
}

.card__icon {
    width: var(--bettoday-property--spacer-lg, 2rem);
    height: var(--bettoday-property--spacer-lg, 2rem);
    fill:var(--bettoday-color--black, #202020)
}

.card--tool {
    padding: var(--bettoday-property--spacer-lg, 2rem);
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    border:1px solid var(--bettoday-color--border, #D2D2D2)
}

.card--tool:hover .card__row > p {
    color:var(--bettoday-color--primary, #FF4747)
}

.card__row {
    display: flex;
    flex-direction: row;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    align-items: center;
    justify-content:flex-start
}

@media not all and (min-resolution: 0.001dpcm) {
    .card__row > * :not(:last-of-type) {
        margin-right:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.card__row p {
    font-weight:700
}

@media only screen and (max-width: 767px) {
    .card__author {
        display: none;
        visibility:hidden
    }
}

.card--review .card__image {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items:center
}

@media only screen and (max-width: 767px) {
    .card--review .card__image {
        padding:var(--bettoday-property--spacer-lg, 2rem)
    }
}

.card--review .card__image svg, .card--review .card__image img {
    max-width: 75%;
    max-height: 50%;
    height:100%
}

.card--state .card__image {
    background-color: var(--background, var(--bettoday-color--tile, #FFFFFF));
    padding: var(--bettoday-property--spacer-xl, 4rem);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items:center
}

@media only screen and (max-width: 767px) {
    .card--state .card__image {
        padding:var(--bettoday-property--spacer-lg, 2rem)
    }
}

.card--state .card__image img, .card--state .card__image svg {
    object-fit: cover;
    width: 100%;
    height:100%
}

.card--state .card__image svg {
    fill:var(--bettoday-color--white, #FFFFFF)
}

.sidebar .card--tool .card__content {
    padding:unset
}

.sidebar {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    align-content:flex-start
}

.sidebar__item {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap:var(--bettoday-property--spacer-md, 1rem)
}

.sidebar__item:not(.sidebar__item--inline) {
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    background-color:var(--bettoday-color--tile, #FFFFFF)
}

.sidebar__item--tools .card {
    padding: unset;
    border-radius: unset;
    border: unset;
    background:unset
}

.sidebar__title {
    padding-top: var(--bettoday-property--spacer-lg, 2rem);
    padding-left: var(--bettoday-property--spacer-lg, 2rem);
    padding-right:var(--bettoday-property--spacer-lg, 2rem)
}

.sidebar__title--offers {
    padding:unset
}

.sidebar__list {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding:unset
}

.sidebar__list li {
    transition:var(--bettoday-property--transition-slow, 380ms)
}

.sidebar__list li > article, .sidebar__list li > small {
    display: grid;
    padding:var(--bettoday-property--spacer-md, 1rem)var(--bettoday-property--spacer-lg, 2rem) !important
}

.sidebar__list li article.card.card--tool a {
    background:0 0
}

.sidebar__list li a:not(.offer):hover {
    background-color:var(--bettoday-color--border, #D2D2D2)
}

.sidebar__list--spaced {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap:var(--bettoday-property--spacer-sm, .5rem)
}

[data-block=offers]:has(.sidebar__list.sidebar__list--spaced:empty) {
    display: none;
    visibility:hidden
}

.button, button {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    padding: .5rem 1rem;
    border-radius: 10rem;
    border-width: 2px;
    border-style: solid;
    color: var(--bettoday-color--primary-contrast, var(--bettoday-color--white, #FFFFFF));
    border-color: var(--bettoday-color--primary, #FF4747);
    background-color:var(--bettoday-color--primary, #FF4747)
}

.button--inline, button--inline {
    padding: unset;
    border-radius: unset;
    border-width: unset;
    border-style: unset;
    color: currentColor;
    background-color:unset
}

.button--ghost, button--ghost {
    color: var(--bettoday-color--body, #404040);
    border-color: var(--bettoday-color--border, #D2D2D2);
    background-color:transparent
}

.button--white, button--white {
    color: var(--bettoday-color--tertiary, #1A1A1A);
    border-color: var(--bettoday-color--white, #FFFFFF);
    background-color: var(--bettoday-color--white, #FFFFFF);
    outline-color:var(--bettoday-color--white, #FFFFFF)
}

.button--grey, button--grey {
    color: var(--bettoday-color--tile, #FFFFFF);
    border-color: var(--bettoday-color--subtitle, #333333);
    background-color: var(--bettoday-color--subtitle, #333333);
    outline-color:var(--bettoday-color--subtitle, #333333)
}

.button--input, button--input {
    color: var(--bettoday-color--heading, #121212);
    border-color: var(--bettoday-color--border, #D2D2D2);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    outline-color:var(--bettoday-color--primary, #FF4747)
}

.button:focus, button:focus {
    outline: 2px solid var(--bettoday-color--primary, #FF4747);
    outline-offset:var(--bettoday-property--spacer-xs, .25rem)
}

.button svg, button svg {
    width: 1rem;
    max-width: 1rem;
    height: 1rem;
    max-height:1rem
}

.button span + svg, button span + svg {
    margin-left:var(--bettoday-property--spacer-sm, .5rem)
}

.button svg + span, button svg + span {
    margin-right:var(--bettoday-property--spacer-sm, .5rem)
}

.button[disabled], button[disabled] {
    cursor: not-allowed;
    opacity:.5
}

.league {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    list-style: none;
    padding:unset
}

@media only screen and (min-width: 768px) {
    .league {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.league__item {
    padding: var(--bettoday-property--spacer-md, 1rem);
    text-decoration: none;
    display: flex;
    flex-direction: row;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    align-items: center;
    text-decoration: none;
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    text-transform: uppercase;
    font-weight: 700;
    background-color: var(--bettoday-color--tile, #FFFFFF);
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    color:var(--bettoday-color--heading, #121212)
}

@media not all and (min-resolution: 0.001dpcm) {
    .league__item > * :not(:last-of-type) {
        margin-right:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.league__item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.league__item:hover {
    color:var(--bettoday-color--primary, #FF4747)
}

.league__item svg {
    aspect-ratio: 1/1;
    width:var(--bettoday-property--spacer-md, 1rem)
}

.pagination {
    display: flex;
    flex-direction: row;
    justify-content:center
}

@media only screen and (max-width: 767px) {
    .pagination {
        overflow-x:scroll
    }
}

ul.pagination {
    padding: unset;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border:1px solid var(--bettoday-color--border, #D2D2D2)
}

ul.pagination .page-item {
    color:var(--bettoday-color--body, #404040)
}

ul.pagination .page-item.active, ul.pagination .page-item:hover:not(.disabled) {
    color: var(--bettoday-color--subtitle, #333333);
    background-color:var(--bettoday-color--primary, #FF4747)
}

ul.pagination .page-item:not(:last-of-type) {
    border-right:1px solid var(--bettoday-color--border, #D2D2D2)
}

ul.pagination .page-item.disabled a {
    opacity:.5
}

ul.pagination .page-item.disabled .page-link {
    cursor:not-allowed
}

ul.pagination .page-item .page-link {
    padding: 1rem;
    color: inherit;
    display:block
}

[tooltip] {
    position:relative
}

[tooltip]:hover:before, [tooltip]:hover:after {
    opacity: 1;
    transition-delay:120ms
}

[tooltip]:before {
    transform: translate(-50%, calc(100% + .75rem));
    padding: .5rem .75rem;
    color: var(--bettoday-color--body, #404040);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    content: attr(tooltip);
    width: 240px;
    border-radius: .25rem;
    border:1px solid var(--bettoday-color--border, #D2D2D2)
}

[tooltip]:after {
    pointer-events: none;
    content: "";
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid var(--bettoday-color--tile, #FFFFFF);
    transform:translate(-50%, calc(100% + 6px))
}

[tooltip]:before, [tooltip]:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: 240ms ease;
    opacity: 0;
    pointer-events: none;
    z-index:3
}

.embla:before {
    display:none
}

.embla__viewport {
    overflow:hidden
}

@media only screen and (max-width: 991px) {
    .embla__viewport {
        width:calc(100% + 5vw)
    }
}

.embla__container {
    display:flex
}

.embla .card {
    position:relative
}

@media only screen and (min-width: 992px) {
    .embla:before {
        content: '{ "slidesToScroll": 3 }'
    }

    .embla .card {
        flex: 0 0 calc(33.333333333% -((2 * var(--bettoday-property--spacer-lg, 2rem)) /3));
        margin-right:calc(var(--bettoday-property--spacer-md, 1rem) * 2)
    }
}

@media only screen and (max-width: 991px) {
    .embla:before {
        content: '{ "slidesToScroll": 1 }'
    }

    .embla .card {
        flex: 0 0 calc(50% - var(--bettoday-property--spacer-md, 1rem));
        margin-right:var(--bettoday-property--spacer-md, 1rem)
    }
}

@media only screen and (max-width: 575px) {
    .embla:before {
        content: '{ "slidesToScroll": 1 }'
    }

    .embla .card {
        flex: 0 0 calc(100% -(var(--bettoday-property--spacer-md, 1rem) * 2));
        margin-right:var(--bettoday-property--spacer-md, 1rem)
    }
}

.embla__button {
    cursor: pointer;
    padding: unset;
    width: calc(var(--bettoday-property--spacer-md, 1rem) * 2.5);
    height: calc(var(--bettoday-property--spacer-md, 1rem) * 2.5);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:center
}

.embla__button:focus {
    outline: 2px solid var(--bettoday-color--primary, #FF4747);
    outline-offset:var(--bettoday-property--spacer-xs, .25rem)
}

.embla__container {
    display:flex
}

.embla__slide {
    position: relative;
    margin-right: calc(var(--bettoday-property--spacer-md, 1rem) * 2);
    height:auto
}

.embla__dots {
    display: flex;
    flex-direction: row;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    justify-content: center;
    grid-column:1/-1
}

@media not all and (min-resolution: 0.001dpcm) {
    .embla__dots > * :not(:last-of-type) {
        margin-right:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.embla__dot {
    cursor: pointer;
    padding: unset;
    width: calc(var(--bettoday-property--spacer-md, 1rem) - var(--bettoday-property--spacer-xs, .25rem));
    height: calc(var(--bettoday-property--spacer-md, 1rem) - var(--bettoday-property--spacer-xs, .25rem));
    border:2px solid var(--bettoday-color--primary, #FF4747)
}

.embla__dot:not(.is-selected) {
    background-color:unset
}

@media only screen and (min-width: 768px) {
    #offer-carousel {
        display: none;
        visibility:hidden
    }
}

#offer-carousel offer-item {
    flex:0 0 100%
}

#offer-carousel .embla__viewport, #offer-carousel .embla__container {
    width:90vw
}


.faq {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap:var(--bettoday-property--spacer-md, 1rem)
}

.faq .faq-item {
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    overflow:hidden
}

.faq .faq-item input {
    position: absolute;
    opacity: 0;
    z-index:-1
}

.faq .faq-item input:not(:checked) ~ .faq-item-content {
    padding:unset
}

.faq .faq-item input:checked + .faq-item-question {
    background-color: var(--bettoday-color--primary, #FF4747);
    color:var(--bettoday-color--primary-contrast, var(--bettoday-color--white, #FFFFFF))
}

.faq .faq-item input:checked + .faq-item-question svg {
    transform:rotate(90deg)
}

.faq .faq-item input:checked ~ .faq-item-content {
    max-height: 100vh;
    border-top:1px solid var(--bettoday-color--border, #D2D2D2)
}

.faq .faq-item svg {
    transition: 120ms ease;
    width: 1rem;
    max-width: 1rem;
    height: 1rem;
    max-height:1rem
}

.faq .faq-item-question, .faq .faq-item-content {
    padding:1rem
}

.faq .faq-item-question {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center
}

.faq .faq-item-content {
    max-height: 0;
    background:var(--bettoday-color--white, #FFFFFF)
}

.bookmakers {
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    border:1px solid var(--bettoday-color--border, #D2D2D2)
}

.bookmakers ul {
    display: grid;
    padding:unset
}

.bookmakers__item {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    padding: calc(var(--bettoday-property--spacer-md, 1rem) * 1.5);
    align-items:flex-start
}

@media only screen and (max-width: 767px) {
    .bookmakers__item {
        display: flex;
        flex-direction: column;
        grid-gap: var(--bettoday-property--spacer-sm, .5rem);
        gap: var(--bettoday-property--spacer-sm, .5rem);
        justify-content: center;
        align-items: center;
        text-align:center
    }
}

.bookmakers__item:not(:last-of-type) {
    border-bottom:1px solid var(--bettoday-color--border, #D2D2D2)
}

.bookmakers__item .rating {
    height: 1.25rem;
    width:6rem
}

.bookmakers__item .buttons {
    display: grid;
    grid-gap: calc(var(--bettoday-property--spacer-md, 1rem) /1.5);
    gap: calc(var(--bettoday-property--spacer-md, 1rem) /1.5);
    align-content:flex-start
}

@media only screen and (max-width: 767px) {
    .bookmakers__item .buttons {
        justify-items:center
    }
}

.bookmakers__item .offer {
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap:var(--bettoday-property--spacer-sm, .5rem)
}

@media not all and (min-resolution: 0.001dpcm) {
    .bookmakers__item .offer > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
    }
}

@media only screen and (max-width: 767px) {
    .bookmakers__item .offer {
        align-items:center
    }
}

.bookmakers__item small {
    font-size:12px
}

@media only screen and (min-width: 768px) {
    .bookmakers__item {
        grid-template-columns:1fr 5fr 2fr
    }

    .bookmakers__item small {
        grid-column:2/span 2
    }
}

@media only screen and (max-width: 767px) {
    .bookmakers__item {
        grid-template-columns:1fr
    }

    .bookmakers__item .buttons, .bookmakers__item small {
        grid-column:1/span 3
    }
}

.bookmakers__image {
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    background-color: var(--brand-primary, var(--bettoday-color--primary, #FF4747));
    display: flex;
    flex-direction: row;
    padding: var(--bettoday-property--spacer-md, 1rem);
    align-items:center
}

@supports (aspect-ratio: 1/1) {
    .bookmakers__image {
        aspect-ratio: 1/1;
        max-width: 100%;
        height:auto
    }
}

@supports not (aspect-ratio: 1/1) {
    .bookmakers__image {
        padding:calc(var(--bettoday-property--spacer-md, 1rem) * 1.5)
    }
}

@media only screen and (max-width: 767px) {
    .bookmakers__image {
        max-width:60vw
    }
}

.modal {
    opacity: 0;
    pointer-events:none
}

.modal--active, .modal.modal--active .modal__overlay {
    opacity: 1;
    pointer-events:all
}

.modal.modal--active .modal__content {
    transform:translate(-50%, -50%)
}

.modal__content {
    width: 100%;
    max-width: var(--bettoday-property--modal, 576px);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    z-index: 99;
    background-color: var(--bettoday-color--white, #FFFFFF);
    text-align: center;
    display: grid;
    justify-content: center;
    align-items: center;
    transition: transform var(--bettoday-property--transition-fast, 180ms) ease;
    z-index: 222;
    border-radius:var(--bettoday-property--spacer-sm, .5rem)
}

@media only screen and (max-width: 767px) {
    .modal__content {
        max-width:80vw
    }
}

.modal__row {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    padding: var(--bettoday-property--spacer-lg, 2rem);
    align-items:center
}

@media not all and (min-resolution: 0.001dpcm) {
    .modal__row > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-md, 1rem)
    }
}

@media only screen and (max-width: 767px) {
    .modal__row {
        padding:var(--bettoday-property--spacer-md, 1rem)
    }
}

.modal__row--header {
    background-color:var(--bettoday-color--primary, #FF4747)
}

.modal .logo {
    color: var(--bettoday-color--white, #FFFFFF);
    width: 50%;
    display:inline-flex
}

.modal__close {
    all: unset;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: var(--bettoday-property--spacer-md, 1rem);
    margin-right:var(--bettoday-property--spacer-md, 1rem)
}

.modal__close svg {
    width: var(--bettoday-property--spacer-lg, 2rem);
    max-width: var(--bettoday-property--spacer-lg, 2rem);
    height: var(--bettoday-property--spacer-lg, 2rem);
    max-height:var(--bettoday-property--spacer-lg, 2rem)
}

.modal__overlay {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .75);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--bettoday-property--transition-fast, 180ms) ease;
    z-index:111
}

@media only screen and (min-width: 768px) {
    .modal__title, .modal__form {
        width:100%
    }
}

.modal__title {
    color:var(--bettoday-color--black, #202020)
}

.modal__title + p {
    margin-top:unset
}

.modal__form {
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    width:100%
}

@media not all and (min-resolution: 0.001dpcm) {
    .modal__form > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.modal__form input {
    width:100%
}

.modal__form__item {
    text-align: left;
    display: grid;
    grid-gap: var(--bettoday-property--spacer-xs, .25rem);
    gap:var(--bettoday-property--spacer-xs, .25rem)
}

.modal__form__item--bot {
    display: none;
    visibility:hidden
}

.modal__form input[type=email] {
    padding: calc(var(--bettoday-property--spacer-md, 1rem) - var(--bettoday-property--spacer-xs, .25rem));
    background-color: var(--bettoday-color--white, #FFFFFF);
    border-color: var(--bettoday-color--grey, #E4E4E7);
    color: var(--bettoday-color--black, #202020);
    border:1px solid red
}

.modal__form input[type=submit] {
    border-radius:var(--bettoday-property--spacer-xs, .25rem)
}

.modal__form label[for=subscribe] {
    display: none;
    visibility:hidden
}

.modal--terms .modal__content {
    width:unset
}

.modal--terms .modal__row {
    align-items: flex-start;
    text-align: left;
    justify-content:flex-start
}

.text-center {
    text-align:center
}



.sports {
    position: relative;
    background-color: var(--bettoday-color--tile, #FFFFFF);
    border-bottom: 1px solid var(--bettoday-color--border, #D2D2D2);
    z-index: 2;
    box-shadow:0 4px 8px rgba(0, 0, 0, .025)
}

@media only screen and (min-width: 992px) {
    .sports {
        position: sticky;
        top:0
    }
}



.sports__wrapper {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    scrollbar-width: thin;
    padding: unset;
    overflow-y: hidden;
    overflow-x: auto;
    position:relative
}

.sports__wrapper::-webkit-scrollbar {
    display:none
}

.sports__item {
    text-transform: uppercase;
    position: relative;
    border-left:1px solid var(--bettoday-color--border, #D2D2D2)
}

.sports__item:last-of-type {
    border-right:1px solid var(--bettoday-color--border, #D2D2D2)
}

.sports__item:hover .sports__dropdown, .sports__item:focus-within .sports__dropdown {
    opacity: 1;
    pointer-events: all;
    transform:translateY(0%)
}

@media only screen and (max-width: 767px) {
    .sports__item:last-of-type {
        margin-right:2.5vw
    }
}

.sports__item svg {
    aspect-ratio: 1/1;
    min-width: var(--bettoday-property--spacer-md, 1rem);
    width:var(--bettoday-property--spacer-md, 1rem)
}

.sports__link {
    display: flex;
    flex-direction: row;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: var(--bettoday-property--spacer-md, 1rem);
    color: currentColor;
    width: 100%;
    justify-content: flex-start;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

@media not all and (min-resolution: 0.001dpcm) {
    .sports__link > * :not(:last-of-type) {
        margin-right:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.sports__link:focus, .sports__link:hover {
    background-color:rgba(255, 255, 255, .1)
}

.sports__link:focus, .sports__link:focus-within, .sports__link:hover {
    background-color:rgba(255, 255, 255, .1)
}

@media only screen and (max-width: 767px) {
    .sports__link {
        flex-direction: column;
        place-content:center
    }
}

.sports__dropdown {
    transition: var(--bettoday-property--transition-fast, 180ms);
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--bettoday-color--tertiary, #1A1A1A);
    list-style: none;
    padding: unset;
    opacity: 0;
    pointer-events: none;
    transform:translateY(-1rem)
}

@media only screen and (max-width: 767px) {
    .sports .scrollable__item {
        display: flex;
        flex-direction: column;
        text-align:center
    }

    .sports .scrollable__item svg {
        margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
    }

    .sports:before, .sports:after {
        content: "";
        position: absolute;
        top: 0;
        width: 5vw;
        height: 100%;
        z-index:2
    }

    .sports:before {
        left: 0;
        background: linear-gradient(270deg, rgba(26, 26, 26, 0) 0%, var(--bettoday-color--tile, #FFFFFF) 100%);
        width:var(--bettoday-property--spacer-md, 1rem)
    }

    .sports:after {
        right: 0;
        background:linear-gradient(90deg, rgba(26, 26, 26, 0) 0%, var(--bettoday-color--tile, #FFFFFF) 100%)
    }
}

@media only screen and (min-width: 768px) {
    .sports .scrollable__item svg {
        margin-right:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.breadcrumbs {
    margin-top:var(--bettoday-property--spacer-md, 1rem)
}

.columns {
    display: grid;
    grid-gap: calc(var(--bettoday-property--spacer-md, 1rem) * 2);
    gap: calc(var(--bettoday-property--spacer-md, 1rem) * 2);
    list-style: none;
    padding:unset
}

@media only screen and (max-width: 767px) {
    .columns {
        grid-gap: var(--bettoday-property--spacer-md, 1rem);
        gap:var(--bettoday-property--spacer-md, 1rem)
    }
}

.columns > a {
    text-decoration:none
}

.columns--2 {
    grid-template-columns:1fr
}

@media only screen and (min-width: 992px) {
    .columns--2 {
        grid-template-columns:repeat(2, 1fr)
    }
}

.columns--3 {
    grid-template-columns:1fr
}

@media only screen and (min-width: 992px) {
    .columns--3 {
        grid-template-columns:repeat(3, 1fr)
    }
}

.bookmaker {
    padding: var(--bettoday-property--spacer-lg, 2rem);
    background-color: var(--brand-primary, var(--bettoday-color--tile, #FFFFFF));
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    text-align: center;
    color: var(--brand-secondary, var(--bettoday-color--white, #FFFFFF));
    top: var(--bettoday-property--spacer-lg, 2rem);
    position:sticky
}

.bookmaker__logo {
    width: 100%;
    max-width: 20rem;
    fill:currentColor
}

.bookmaker h1 {
    color:inherit
}

.state-offer .logo {
    margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
}

@media only screen and (min-width: 992px) {
    .state-offer .logo {
        margin-bottom:var(--bettoday-property--spacer-md, 1rem)
    }
}

.state-offer .container {
    max-width:1200px
}

.state-offer__header {
    width: 100vw;
    min-height: 80vh;
    background-image: linear-gradient(rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .75) 100%), var(--background);
    background-size: cover;
    background-position: 50% 100%;
    padding-top: calc(2 * var(--bettoday-property--spacer-xl, 4rem));
    padding-bottom:calc(2 * var(--bettoday-property--spacer-xl, 4rem))
}

@media only screen and (max-width: 991px) {
    .state-offer__header {
        padding-top: var(--bettoday-property--spacer-lg, 2rem);
        padding-bottom:var(--bettoday-property--spacer-lg, 2rem)
    }
}

.state-offer__header .container {
    display: flex;
    flex-direction: column;
    align-items:center
}

@media only screen and (max-width: 991px) {
    .state-offer__header .container {
        grid-gap: var(--bettoday-property--spacer-md, 1rem);
        gap:var(--bettoday-property--spacer-md, 1rem)
    }
}

.state-offer__home {
    text-align:center
}

.state-offer__home svg {
    max-width: 24rem;
    fill:var(--bettoday-color--white, #FFFFFF)
}

@media only screen and (max-width: 991px) {
    .state-offer__home svg {
        max-width:50vw
    }
}

@media only screen and (min-width: 992px) {
    .state-offer__home {
        margin-bottom:var(--bettoday-property--spacer-lg, 2rem)
    }
}

@media only screen and (max-width: 991px) {
    .state-offer__home {
        margin-bottom:var(--bettoday-property--spacer-md, 1rem)
    }
}

.state-offer__title {
    color: inherit;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 1.1;
    color: var(--bettoday-color--white, #FFFFFF);
    margin: unset;
    text-align:center
}

@media only screen and (max-width: 991px) {
    .state-offer__title {
        font-size:2rem
    }
}

.state-offer__intro {
    color: var(--bettoday-color--white, #FFFFFF);
    font-size: 1.25rem;
    text-align:center
}

@media only screen and (min-width: 992px) {
    .state-offer__intro {
        margin-bottom:var(--bettoday-property--spacer-xl, 4rem)
    }
}

@media only screen and (max-width: 991px) {
    .state-offer__intro {
        order:1
    }
}

.state-offer + #main {
    display: none;
    visibility:hidden
}

.state-offer__list {
    width:100%
}

.state-offer__item {
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    position: relative;
    color: var(--bettoday-color--black, #202020);
    background-color: var(--bettoday-color--white, #FFFFFF);
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    counter-increment: ranking;
    align-items: stretch;
    border-top: calc(var(--bettoday-property--spacer-sm, .5rem) - var(--bettoday-property--spacer-xs, .25rem)) solid var(--bettoday-color--black, #202020);
    overflow: hidden;
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap:var(--bettoday-property--spacer-md, 1rem)
}

.state-offer__item * :not(.button) {
    color:var(--bettoday-color--black, #202020)
}

@media only screen and (min-width: 992px) {
    .state-offer__item {
        grid-gap: var(--bettoday-property--spacer-lg, 2rem);
        gap: var(--bettoday-property--spacer-lg, 2rem);
        grid-template-columns:minmax(200px, 260px)2fr auto
    }
}

.state-offer__item:after {
    content: "#" counter(ranking);
    font-size: 1rem;
    top: 0;
    left: 0;
    padding: var(--bettoday-property--spacer-sm, .5rem);
    padding-top: var(--bettoday-property--spacer-xs, .25rem);
    color: var(--bettoday-color--white, #FFFFFF);
    background-color: var(--bettoday-color--black, #202020);
    position: absolute;
    border-bottom-right-radius:var(--bettoday-property--radius-inner, .25rem)
}

.state-offer__item:first-of-type {
    border-top-color:var(--bettoday-color--primary, #FF4747)
}

.state-offer__item:first-of-type:after {
    background-color:var(--bettoday-color--primary, #FF4747)
}

@media only screen and (max-width: 991px) {
    .state-offer__item {
        grid-gap: var(--bettoday-property--spacer-md, 1rem);
        gap:var(--bettoday-property--spacer-md, 1rem)
    }
}

.state-offer__item:nth-of-type(2) .state-offer__logo:before {
    background-color:#02a9db
}

.state-offer__item:nth-of-type(3) .state-offer__logo:before {
    background-color:#ac2c2e
}

.state-offer__item--tag .state-offer__logo {
    border-top-right-radius:unset
}

.state-offer__item--tag .state-offer__logo:before {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(100%, 0%);
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    text-align: center;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    content: var(--tag);
    background-color: #fa9248;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 1;
    padding-left: var(--bettoday-property--spacer-sm, .5rem);
    padding-right: var(--bettoday-property--spacer-sm, .5rem);
    height: var(--bettoday-property--spacer-lg, 2rem);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items:center
}

.state-offer__item--tag .state-offer__logo:before:empty {
    display:none
}

@media only screen and (min-width: 992px) {
    .state-offer__item--tag .state-offer__logo:before {
        border-top-left-radius:unset
    }
}

@media only screen and (max-width: 991px) {
    .state-offer__item--tag .state-offer__logo:before {
        transform:translate(0%, -100%)
    }
}

.state-offer__column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center
}

@media only screen and (max-width: 991px) {
    .state-offer__column:not(.state-offer__column--brand) {
        padding-inline:var(--bettoday-property--spacer-md, 1rem)
    }
}

.state-offer__column--brand {
    background-color: var(--brand-primary);
    padding: var(--bettoday-property--spacer-md, 1rem) var(--bettoday-property--spacer-lg, 2rem);
    aspect-ratio:16/9
}

@media only screen and (max-width: 991px) {
    .state-offer__column--brand {
        aspect-ratio:7/3
    }
}

.state-offer__column--brand svg {
    width: 100%;
    max-height:var(--bettoday-property--spacer-xl, 4rem)
}

.state-offer__column--title {
    color: var(--bettoday-color--tertiary, #1A1A1A);
    text-wrap:balance
}

@media only screen and (min-width: 992px) {
    .state-offer__column--title {
        align-items:flex-start
    }
}

.state-offer__column--title h3 {
    width: 100%;
    font-size: 1.75rem;
    color: inherit;
    line-height:1.2
}

@media only screen and (min-width: 992px) {
    .state-offer__column--title h3 {
        text-align:left
    }
}

@media only screen and (max-width: 991px) {
    .state-offer__column--title h3 {
        text-align:center
    }
}

.state-offer__column--cta {
    font-size:1.25rem
}

@media only screen and (min-width: 992px) {
    .state-offer__column--cta {
        padding-right:var(--bettoday-property--spacer-lg, 2rem)
    }
}

@media only screen and (max-width: 991px) {
    .state-offer__column--cta {
        padding-bottom:var(--bettoday-property--spacer-md, 1rem)
    }
}

.state-offer__column--cta .button {
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    transition:var(--bettoday-property--transition-fast, 180ms)
}

.state-offer__logo {
    background-color: var(--background, var(--bettoday-color--primary, #FF4747));
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: var(--bettoday-property--spacer-md, 1rem);
    position: relative;
    padding: var(--bettoday-property--spacer-md, 1rem);
    border-radius:var(--bettoday-property--radius-inner, .25rem)
}

@media only screen and (min-width: 992px) {
    .state-offer__logo {
        max-width: calc(3 * var(--bettoday-property--spacer-xl, 4rem));
        height: calc(100% + var(--bettoday-property--spacer-sm, .5rem) + var(--bettoday-property--spacer-lg, 2rem));
        transform: translateY(calc(-1 *(var(--bettoday-property--spacer-sm, .5rem) + var(--bettoday-property--spacer-lg, 2rem))));
        aspect-ratio:5/3
    }
}

@media only screen and (max-width: 991px) {
    .state-offer__logo {
        transform: translateY(var(--bettoday-property--spacer-lg, 2rem));
        margin-bottom: var(--bettoday-property--spacer-lg, 2rem);
        padding: var(--bettoday-property--spacer-lg, 2rem);
        border-top-left-radius: unset;
        aspect-ratio:3/1
    }
}

.state-offer__logo img, .state-offer__logo svg {
    width: 100%;
    height: 100%;
    object-fit:contain
}

.state-offer__content {
    padding-top: var(--bettoday-property--spacer-xl, 4rem);
    padding-bottom: var(--bettoday-property--spacer-xl, 4rem);
    background-color: var(--bettoday-color--white, #FFFFFF);
    color:var(--bettoday-color--tertiary, #1A1A1A)
}

.state-offer__content h2, .state-offer__content h3, .state-offer__content h4, .state-offer__content h5, .state-offer__content h6 {
    color:inherit
}

@media only screen and (min-width: 992px) {
    .state-offer__content .container {
        columns: 2;
        column-gap: var(--bettoday-property--spacer-lg, 2rem);
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside:avoid
    }
}

.state-offer .rating polygon {
    fill:var(--bettoday-color--grey, #E4E4E7)
}

.state-offer__terms {
    margin-top: var(--bettoday-property--spacer-sm, .5rem);
    font-size: .75rem;
    color: var(--bettoday-color--tertiary, #1A1A1A);
    text-align:center
}

@media only screen and (min-width: 768px) {
    .state-offer__terms {
        text-decoration:underline
    }
}

#no-offers {
    max-width: 60ch;
    text-align: center;
    color:var(--bettoday-color--white, #FFFFFF)
}

.bracket-challenge {
    color: var(--bettoday-color--white, #FFFFFF);
    position: relative;
    z-index: 1;
    background-image: linear-gradient(rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .6) 100%), url(/offers/bracket-challenge.jpg);
    background-position: 50% 0;
    background-size: cover;
    background-color: #000;
    font-size:1.25rem
}

.bracket-challenge h1, .bracket-challenge h2, .bracket-challenge h3, .bracket-challenge h4, .bracket-challenge h5, .bracket-challenge h6 {
    color: inherit;
    margin:unset
}

.bracket-challenge a {
    color:#ffdf1b
}

.bracket-challenge .container {
    max-width: var(--bettoday-property--container-narrow, 992px);
    padding-top: calc(2 * var(--bettoday-property--spacer-xl, 4rem));
    padding-bottom: calc(2 * var(--bettoday-property--spacer-xl, 4rem));
    display: grid;
    grid-gap: var(--bettoday-property--spacer-xl, 4rem);
    gap:var(--bettoday-property--spacer-xl, 4rem)
}

@media only screen and (max-width: 767px) {
    .bracket-challenge .container {
        grid-gap: var(--bettoday-property--spacer-lg, 2rem);
        gap: var(--bettoday-property--spacer-lg, 2rem);
        padding-top: var(--bettoday-property--spacer-xl, 4rem);
        padding-bottom:var(--bettoday-property--spacer-xl, 4rem)
    }
}

.bracket-challenge__bet365 {
    width: 100%;
    max-width:12rem
}

.bracket-challenge__logo svg {
    width: 100%;
    max-width: 24rem;
    fill:var(--bettoday-color--white, #FFFFFF)
}

@media only screen and (max-width: 991px) {
    .bracket-challenge__logo svg {
        max-width:50vw
    }
}

.bracket-challenge__row {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    justify-items:flex-start
}

.bracket-challenge__table {
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background-color: rgba(0, 0, 0, .45);
    backdrop-filter: blur(var(--bettoday-property--spacer-xs, .25rem));
    border:1px solid rgba(255, 255, 255, .1)
}

.bracket-challenge__item {
    padding: calc(var(--bettoday-property--spacer-lg, 2rem) - var(--bettoday-property--spacer-sm, .5rem));
    border-bottom:1px solid rgba(255, 255, 255, .1)
}

.bracket-challenge__item:nth-of-type(2n - 1) {
    font-weight: 700;
    text-transform:uppercase
}

@media only screen and (min-width: 768px) {
    .bracket-challenge__prize {
        font-size:4rem
    }
}

.bracket-challenge .button {
    color: #000;
    border-color: #ffdf1b;
    background-color:#ffdf1b
}

.bracket-challenge + #main {
    display: none;
    visibility:hidden
}

.bracket-challenge hr {
    width: 100%;
    border-color:rgba(255, 255, 255, .15)
}

.offer {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    grid-template-columns: 1fr 6fr;
    text-decoration: none;
    color:var(--bettoday-color--heading, #121212)
}

.offer p {
    margin:unset
}

.offer__image {
    aspect-ratio: 1/1;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--brand-primary, var(--bettoday-color--tile, #FFFFFF));
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    padding:var(--bettoday-property--spacer-xs, .25rem)
}

.offer__image img, .offer__image svg {
    object-fit: contain;
    width: 100%;
    height: auto;
    aspect-ratio:1/1
}

.offer__title {
    font-weight: 700;
    text-wrap:wrap
}

.offer__terms {
    opacity:.8
}

.offer--carousl {
    flex:0 0 100%
}

.offer--large {
    width: 100%;
    background-color: var(--bettoday-color--tile, #FFFFFF);
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    grid-template-columns: 2fr 12fr;
    column-gap: var(--bettoday-property--spacer-sm, .5rem);
    row-gap: unset;
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    position: relative;
    padding:var(--bettoday-property--spacer-sm, .5rem)
}

.offer--large:hover:after {
    background-color: rgba(255, 255, 255, .2);
    background-position:65%
}

.offer--large:hover:before {
    opacity:.1
}

.offer--large * :not(.button) {
    color:inherit
}

.offer--large .offer__image {
    background-color: var(--brand-primary, var(--bettoday-color--tile, #FFFFFF));
    border: 1px solid var(--brand-primary, var(--bettoday-color--border, #D2D2D2));
    padding: calc(1.25 * var(--bettoday-property--spacer-xs, .25rem));
    border-top-right-radius: unset;
    z-index: 1;
    border-radius: var(--bettoday-property--spacer-xs, .25rem);
    overflow:hidden
}

.offer--large .offer__content {
    position: relative;
    display: grid;
    grid-gap: var(--bettoday-property--spacer-xs, .25rem);
    gap: var(--bettoday-property--spacer-xs, .25rem);
    justify-items:flex-start
}

.offer--large .offer__brand {
    font-size: 12px;
    line-height:1.1
}

.offer--large .offer__title {
    font-size: 18px;
    margin-top:var(--bettoday-property--spacer-sm, .5rem)
}

@media only screen and (max-width: 767px) {
    .offer--large .offer__title {
        font-size:16px
    }
}

.offer--large .offer__states {
    grid-column: unset;
    font-size:10px
}

.offer--large .button {
    border-radius: 2px;
    padding:.125rem .375rem
}

.offer--large .offer__meta {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    grid-template-columns: 1.5fr 1.25fr;
    align-items:center
}

.offer__states {
    grid-column: auto/span 2;
    font-size: 12px;
    z-index: 1;
    position: relative;
    transform:translateY(var(--bettoday-property--spacer-xs, .25rem))
}

.offer__terms {
    border: unset;
    padding: unset;
    background: unset;
    text-decoration: underline;
    cursor:pointer
}

@media only screen and (min-width: 992px) {
    .offer-inline {
        display: none;
        visibility:hidden
    }
}

.offer-inline .embla {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-lg, 2rem);
    gap:var(--bettoday-property--spacer-lg, 2rem)
}

@media only screen and (max-width: 767px) {
    .offer-inline .embla__viewport {
        width: 100%;
        padding-bottom:1px
    }
}

.offer-inline .embla__slide {
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    margin-right: var(--bettoday-property--spacer-md, 1rem);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    color:inherit
}

@media only screen and (min-width: 768px) {
    .offer-inline .embla__slide {
        flex:0 0 calc(85% - var(--bettoday-property--spacer-md, 1rem))
    }
}

@media only screen and (max-width: 767px) {
    .offer-inline .embla__slide {
        flex:0 0 calc(100% - 1px)
    }
}

.offer-inline__item {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    grid-template-columns: auto 1fr;
    justify-content: flex-start;
    align-items: center;
    padding-right:var(--bettoday-property--spacer-md, 1rem)
}

.offer-inline__image {
    padding: var(--bettoday-property--spacer-md, 1rem);
    background-color: var(--brand-primary, var(--bettoday-color--tile, #FFFFFF));
    display: flex;
    flex-direction: row;
    align-items: center;
    height:100%
}

.offer-inline__image svg {
    aspect-ratio: 1/1;
    width: 100%;
    max-width:var(--bettoday-property--spacer-xl, 4rem)
}

@media only screen and (max-width: 575px) {
    .offer-inline__image svg {
        max-width:var(--bettoday-property--spacer-lg, 2rem)
    }
}

.offer-inline__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: var(--bettoday-property--spacer-sm, .5rem);
    padding-bottom:var(--bettoday-property--spacer-sm, .5rem)
}

.offer-inline__brand {
    font-weight:700
}

.offer-inline__states {
    font-size:.625rem
}

.offer-inline .button {
    border-radius: 2px;
    padding:.125rem .375rem
}

.author {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    justify-items: center;
    text-align: center;
    padding:calc(var(--bettoday-property--spacer-md, 1rem) * 2.5)calc(var(--bettoday-property--spacer-md, 1rem) * 1.5)
}

.author-photo {
    border-radius: 100%;
    width: 6rem;
    height: 6rem;
    background-color: var(--bettoday-color--primary, #FF4747);
    background-image: var(--photo);
    background-size: cover;
    background-position:50%
}

.statistics {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    padding:calc(var(--bettoday-property--spacer-md, 1rem) * 1.5)
}

.statistics ul {
    list-style: none;
    padding: unset;
    margin: unset;
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap:var(--bettoday-property--spacer-md, 1rem)
}

.statistics ul li {
    display: flex;
    flex-direction: row;
    align-items:center
}

.statistics ul li svg {
    margin-right:var(--bettoday-property--spacer-sm, .5rem)
}

.statistics .payments {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    grid-template-columns:repeat(2, 1fr)
}

.statistics .payments li {
    padding: var(--bettoday-property--spacer-md, 1rem);
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    align-items: center;
    justify-content:center
}

.sidebar-reviews {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap:var(--bettoday-property--spacer-md, 1rem)
}

.sidebar-reviews__item {
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    color: var(--bettoday-color--white, #FFFFFF);
    background-color: var(--brand-primary, var(--bettoday-color--primary, #FF4747));
    padding: var(--bettoday-property--spacer-md, 1rem);
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    align-items: center;
    grid-template-columns:1fr 2fr
}

.sidebar-reviews__content {
    display: grid;
    grid-gap: unset;
    gap: unset;
    justify-content:flex-start
}

.sidebar-reviews__image {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height:100%
}

.sidebar-reviews__image img {
    max-height:2rem
}

.back-to-top {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow:1
}

.back-to-top .button {
    bottom: calc(var(--bettoday-property--spacer-md, 1rem) * 2);
    position:sticky
}

.advice ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding: unset;
    margin-bottom:var(--bettoday-property--spacer-md, 1rem)
}

.advice ul li {
    width: 3rem;
    height: 3rem;
    border: 2px solid var(--bettoday-color--primary, #FF4747);
    background-color: var(--bettoday-color--white, #FFFFFF);
    border-radius: 100%;
    background-size: cover;
    background-position: 50%;
    position:relative
}

.advice ul li img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit:cover
}

.advice ul li:not(:first-of-type) {
    margin-left:-.5rem
}

#site-news {
    background-color:var(--bettoday-color--tile, #FFFFFF)
}

@media only screen and (min-width: 768px) {
    #site-news {
        padding-top: 3.75vw;
        padding-bottom:3.75vw
    }
}

@media only screen and (max-width: 767px) {
    #site-news {
        padding-top: 10vw;
        padding-bottom:10vw
    }
}

#site-news .embla {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-lg, 2rem);
    gap:var(--bettoday-property--spacer-lg, 2rem)
}



#site-news .card__image {
    background-color:var(--bettoday-color--border, #D2D2D2)
}

.rating polygon {
    fill: var(--bettoday-color--body, #404040)
}

.rating[stars="0.5"] polygon:nth-child(-n + 1) {
    fill: #ffd447
}

.rating[stars="1"] polygon:nth-child(-n + 2) {
    fill: #ffd447
}

.rating[stars="1.5"] polygon:nth-child(-n + 3) {
    fill: #ffd447
}

.rating[stars="2"] polygon:nth-child(-n + 4) {
    fill: #ffd447
}

.rating[stars="2.5"] polygon:nth-child(-n + 5) {
    fill: #ffd447
}

.rating[stars="3"] polygon:nth-child(-n + 6) {
    fill: #ffd447
}

.rating[stars="3.5"] polygon:nth-child(-n + 7) {
    fill: #ffd447
}

.rating[stars="4"] polygon:nth-child(-n + 8) {
    fill: #ffd447
}

.rating[stars="4.5"] polygon:nth-child(-n + 9) {
    fill: #ffd447
}

.rating[stars="5"] polygon:nth-child(-n + 10) {
    fill:#ffd447
}

nav.menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    height:100%
}

nav.menu::-webkit-scrollbar {
    display:none
}

nav.menu ul {
    padding-left: unset;
    height: inherit;
    list-style: none;
    display: flex;
    flex-direction: row;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap:var(--bettoday-property--spacer-md, 1rem)
}

@media not all and (min-resolution: 0.001dpcm) {
    nav.menu ul > * :not(:last-of-type) {
        margin-right:var(--bettoday-property--spacer-md, 1rem)
    }
}

nav.menu ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    white-space:nowrap
}

nav.menu ul li[home] {
    order:-1
}

nav.menu li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: currentColor;
    height:100%
}

#site-tool {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: unset;
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    padding: calc(var(--bettoday-property--spacer-md, 1rem) * 4);
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    background-color:var(--bettoday-color--tile, #FFFFFF)
}

#site-tool form {
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap:var(--bettoday-property--spacer-md, 1rem)
}

@media not all and (min-resolution: 0.001dpcm) {
    #site-tool form > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-md, 1rem)
    }
}

#site-tool label {
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap:var(--bettoday-property--spacer-sm, .5rem)
}

@media not all and (min-resolution: 0.001dpcm) {
    #site-tool label > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
    }
}

#site-tool .upper, #site-tool .lower {
    width: 100%;
    text-align:center
}

#site-tool .result {
    color: var(--bettoday-color--primary-contrast, var(--bettoday-color--white, #FFFFFF)) !important;
    background-color: var(--bettoday-color--primary, #FF4747);
    transition: 120ms ease;
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    display: grid;
    grid-gap: unset;
    gap: unset;
    grid-template-columns: auto 1fr;
    align-items:stretch
}

#site-tool .result > div {
    padding:calc(var(--bettoday-property--spacer-md, 1rem) * 1.25)
}

#site-tool .result > div:first-of-type {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color:rgba(0, 0, 0, .15)
}

@supports (padding-inline: var(--bettoday-property--spacer-md, 1rem)) {
    #site-tool .result > div:first-of-type {
        padding-inline:var(--bettoday-property--spacer-md, 1rem)
    }
}

@supports not (padding-inline: var(--bettoday-property--spacer-md, 1rem)) {
    #site-tool .result > div:first-of-type {
        margin-left: var(--bettoday-property--spacer-md, 1rem);
        margin-right:var(--bettoday-property--spacer-md, 1rem)
    }
}

#site-tool .result svg.icon {
    min-width: calc(var(--bettoday-property--spacer-md, 1rem) * 1.25);
    width: calc(var(--bettoday-property--spacer-md, 1rem) * 1.25);
    max-width: calc(var(--bettoday-property--spacer-md, 1rem) * 1.25);
    min-height: calc(var(--bettoday-property--spacer-md, 1rem) * 1.25);
    height: calc(var(--bettoday-property--spacer-md, 1rem) * 1.25);
    max-height:calc(var(--bettoday-property--spacer-md, 1rem) * 1.25)
}

#site-tool .result:not(.active) {
    opacity: 0;
    display: none;
    transform:translateY(50%)
}

.warning {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 99rem;
    border: 1px solid var(--bettoday-color--primary, #FF4747);
    background-color: var(--bettoday-color--primary, #FF4747);
    color: var(--bettoday-color--white, #FFFFFF);
    padding:.25rem .5rem
}

.warning svg {
    margin-right:.25rem
}

.shortcode-prediction, .shortcode-odds, .shortcode-caesars, .shortcode-cta {
    display: flex;
    flex-direction: column;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    padding: calc(var(--bettoday-property--spacer-md, 1rem) * 1.5);
    align-items: flex-start;
    grid-template-columns:1fr 3fr
}

@media not all and (min-resolution: 0.001dpcm) {
    .shortcode-prediction > * :not(:last-of-type), .shortcode-odds > * :not(:last-of-type), .shortcode-caesars > * :not(:last-of-type), .shortcode-cta > * :not(:last-of-type) {
        margin-bottom:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.shortcode-prediction {
    display: flex;
    flex-direction: row;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap:var(--bettoday-property--spacer-md, 1rem)
}

@media not all and (min-resolution: 0.001dpcm) {
    .shortcode-prediction > * :not(:last-of-type) {
        margin-right:var(--bettoday-property--spacer-md, 1rem)
    }
}

@media only screen and (max-width: 767px) {
    .shortcode-prediction {
        display: flex;
        flex-direction: column;
        grid-gap: var(--bettoday-property--spacer-md, 1rem);
        gap:var(--bettoday-property--spacer-md, 1rem)
    }
}

.shortcode-prediction__icon {
    padding: var(--bettoday-property--spacer-md, 1rem);
    background-color: var(--bettoday-color--primary, #FF4747);
    border-radius:99rem
}

.shortcode-prediction__icon svg {
    display: block;
    fill:var(--bettoday-color--white, #FFFFFF)
}

.shortcode-prediction p {
    margin:unset
}

.shortcode-prediction .prediction {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--bettoday-color--primary, #FF4747)
}

form[action^="https://formspree.io/"] {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    align-items: center;
    margin-top: unset;
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    padding: calc(var(--bettoday-property--spacer-md, 1rem) * 4);
    border-radius: var(--bettoday-property--radius-inner, .25rem)
}

form[action^="https://formspree.io/"] label {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem)
}

form[action^="https://formspree.io/"] input, form[action^="https://formspree.io/"] textarea {
    width: 100%;
    text-align: left;
    border-radius: var(--bettoday-property--radius-inner, .25rem);
    background-color: var(--bettoday-color--border, #D2D2D2);
    padding: calc(var(--bettoday-property--spacer-sm, .5rem) + var(--bettoday-property--spacer-xs, .25rem));
    border: unset;
    color: var(--bettoday-color--body, #404040)
}

form[action^="https://formspree.io/"] textarea {
    resize: vertical;
    height: 200px;
    max-height:400px
}

.table-wrapper {
    overflow-x:scroll
}

@media only screen and (max-width: 767px) {
    .table-wrapper {
        max-width:85vw
    }

    .table-wrapper table {
        min-width:150vw
    }
}

#error {
    width: 100%;
    min-height: 50vh;
    padding: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center
}

#error + .news {
    display: none;
    visibility:hidden
}

#error h1 {
    max-width: 25ch;
    text-wrap: balance;
    text-align:center
}

#home-news {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-xl, 4rem);
    gap:var(--bettoday-property--spacer-xl, 4rem)
}

@media only screen and (min-width: 768px) {
    #home-news {
        padding-bottom:3.75vw
    }
}

@media only screen and (max-width: 767px) {
    #home-news {
        padding-bottom:10vw
    }
}

.dtpcnt {
    opacity:0
}

.best-bet {
    width: 100vw;
    height:80vh
}

.best-bet + #main {
    display: none;
    visibility:hidden
}

.free-bet-item {
    padding:var(--bettoday-property--spacer-sm, .5rem)var(--bettoday-property--spacer-lg, 2rem)
}

#offers {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    align-content:flex-start
}

#offers:empty, #offers:empty + small {
    display: none;
    visibility:hidden
}

.offers-list {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    align-content:flex-start
}

.offer-inline:empty {
    display:none
}

.subcategories {
    grid-column: 1/-1;
    position: relative;
    overflow-x: auto;
    padding-bottom: var(--bettoday-property--spacer-sm, .5rem);
    margin-bottom:calc(-1 * var(--bettoday-property--spacer-sm, .5rem))
}

.subcategories:after {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: var(--bettoday-property--spacer-md, 1rem);
    right: 0;
    background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--bettoday-color--background, #FAFAFA) 100%)
}

@media only screen and (max-width: 1419px) {
    .subcategories:after {
        right:2.5vw
    }
}

@media only screen and (max-width: 767px) {
    .subcategories:after {
        width: 1rem;
        right:0
    }
}

.subcategories__wrapper {
    display: flex;
    flex-direction: row;
    grid-gap: var(--bettoday-property--spacer-sm, .5rem);
    gap: var(--bettoday-property--spacer-sm, .5rem);
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    padding-right:var(--bettoday-property--spacer-lg, 2rem)
}

@media not all and (min-resolution: 0.001dpcm) {
    .subcategories__wrapper > * :not(:last-of-type) {
        margin-right:var(--bettoday-property--spacer-sm, .5rem)
    }
}

.subcategories__wrapper:empty {
    display: none;
    visibility:hidden
}

.subcategories__item {
    padding: var(--bettoday-property--spacer-sm, .5rem) var(--bettoday-property--spacer-md, 1rem);
    border-radius: var(--bettoday-property--spacer-xl, 4rem);
    color: var(--bettoday-color--body, #404040);
    white-space: nowrap;
    background-color: var(--bettoday-color--tile, #FFFFFF);
    border:1px solid var(--bettoday-color--border, #D2D2D2)
}

.subcategories__item:hover {
    color: var(--bettoday-color--white, #FFFFFF);
    background-color: var(--bettoday-color--primary, #FF4747);
    transition:var(--bettoday-property--transition-fast, 180ms)
}

.banner {
    display: flex;
    overflow: hidden;
    border-radius: var(--bettoday-property--spacer-xs, .25rem);
    width: 100%;
    background-color:var(--bettoday-color--tile, #FFFFFF) !important
}

@media only screen and (min-width: 1420px) {
    .banner {
        min-height:var(--height)
    }
}

.banner picture {
    width: inherit;
    display:inherit
}

.banner img {
    width: 100%;
    height:auto
}

@media only screen and (max-width: 767px) {
    .banner[data-banner-size=horizontal] {
        display: none;
        visibility:hidden
    }
}

.banner + .banner {
    display: none;
    visibility:hidden
}

[data-banner=wrapper] {
    position: relative;
    overflow: hidden;
    border-radius: var(--bettoday-property--spacer-xs, .25rem);
    width: 100%;
    aspect-ratio: var(--aspect);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    border:1px solid var(--bettoday-color--border, #D2D2D2)
}

[data-banner=wrapper]:empty:before, [data-banner=wrapper]:empty:after {
    content: '';
    position:absolute
}

[data-banner=wrapper]:empty:after {
    width: var(--bettoday-property--spacer-lg, 2rem);
    height: var(--bettoday-property--spacer-lg, 2rem);
    border-radius: 100%;
    top: calc(50% - var(--bettoday-property--spacer-md, 1rem));
    left: calc(50% - var(--bettoday-property--spacer-md, 1rem));
    border: var(--bettoday-property--spacer-xs, .25rem) solid var(--bettoday-color--border, #D2D2D2);
    border-top: var(--bettoday-property--spacer-xs, .25rem) solid var(--bettoday-color--primary, #FF4747);
    animation:spin 800ms linear infinite
}

@keyframes spin {
    0% {
        transform:rotate(0)
    }

    100% {
        transform:rotate(360deg)
    }
}

[data-banner=wrapper]:empty:before {
    inset: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .1) 60%, rgba(255, 255, 255, 0));
    background-blend-mode: hard-light;
    animation:shimmer 2s infinite
}

@keyframes shimmer {
    100% {
        transform:translateX(100%)
    }
}

[data-banner=wrapper][data-banner-sticky=true] {
    position: fixed;
    bottom: 4rem;
    z-index: 9;
    border: unset;
    border-radius:unset
}

@media only screen and (min-width: 992px) {
    [data-banner=wrapper][data-banner-sticky=true] {
        display: none;
        visibility:hidden
    }
}

.sticky-nav {
    position: sticky;
    top: 0;
    border-bottom: 1px solid var(--bettoday-color--border, #D2D2D2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .025);
    background-color: var(--bettoday-color--tile, #FFFFFF);
    z-index:3
}

.sticky-nav__wrapper {
    display: grid;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    grid-template-columns:auto 1fr
}

.sticky-nav__title {
    border-right: 1px solid var(--bettoday-color--border, #D2D2D2);
    padding-right:var(--bettoday-property--spacer-md, 1rem)
}

.sticky-nav__title, .sticky-nav__content {
    display: flex;
    flex-direction: row;
    grid-gap: var(--bettoday-property--spacer-md, 1rem);
    gap: var(--bettoday-property--spacer-md, 1rem);
    padding-top: var(--bettoday-property--spacer-md, 1rem);
    padding-bottom:var(--bettoday-property--spacer-md, 1rem)
}

@media not all and (min-resolution: 0.001dpcm) {
    .sticky-nav__title > * :not(:last-of-type), .sticky-nav__content > * :not(:last-of-type) {
        margin-right:var(--bettoday-property--spacer-md, 1rem)
    }
}

.opacity-10 {
    opacity:.1
}

#offer-carousel:empty:before, #offer-carousel:empty:after {
    width: 100%;
    content: ''
}

#offer-carousel:empty:before {
    height: 128px;
    display: flex;
    border: 1px solid var(--bettoday-color--border, #D2D2D2);
    background-color: var(--bettoday-color--background, #FAFAFA);
    border-radius:.25rem
}

[data-image=fallback] {
    background-color: var(--bettoday-color--primary, #FF4747)
}


/* Prose ... keep this since this is needed to style the articles until we get the tailwind implemented for the F/E seperately from the backend  */

.prose h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.prose h2 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.prose h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.prose p {
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 1.25rem;
}

ul {
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 1.25rem;
}

li {
    list-style-type: disc;
    margin-bottom: 1rem;
    line-height: 1.5;
    margin-left: 2rem;
}