/*
Theme Name: Partners betalright
Theme URI: https://betitonpartners.com
Author: Fucking Awesome Developer
Author URI: https://your.website
Description: Minimalistic theme for Betiton Partners
Version: 1.0
License: WTFPL
Text Domain: betitonpartners
*/

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
}


@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --stb-font-primary: "Unbounded", sans-serif;
    --stb-font-helper: "Helvetica", sans-serif;
    --stb-transition-time: .2s;
    --stb-sidebars-transition-time: .5s;
    --stb-animation-rotation-time: 3s;
    --stb-container-padding: 20px;
    --stb-game-page-container-padding: 20px;
    --stb-gamification-container-inner-width: 1264px;
    --stb-gamification-container: calc( var(--stb-gamification-container-inner-width) + var(--stb-container-padding) * 2 );
    --stb-safe-area-inline-start: env(safe-area-inset-left);
    --stb-safe-area-inline-end: env(safe-area-inset-right);
    --stb-page-content-width: 800px;
    --stb-page-content-padding-bottom: 100px;
    --stb-page-indent-padding-top: 20px;
    --stb-page-indent-s-padding-top: 28px;
    --stb-page-indent-padding-bottom: 40px;
    --stb-games-gap: 4px;
    --stb-page-grid-row-gap: 28px;
    --stb-game-page-header-height: 52px;
    --stb-game-page-header-closed-height: 32px;
    --stb-header-height: 60px;
    --stb-sub-menu-height: 48px;
    --stb-navigation-bottom-height: 60px;
    --stb-sidebar-expanded-width: 232px;
    --stb-sidebar-current-width: var(--stb-sidebar-expanded-width);
    --stb-sidebar-collapsed-width: 80px;
    --stb-modal-menu-max-width: 420px;
    --stb-scrollbar-width: 6px;
    --stb-scrollbar-height: 6px;
    --stb-scrollbar-visibility: initial;
    --stb-scrollbar-thumb-color: rgb(var(--stb-neutral-20));
    --stb-scrollbar-track-color: rgb(var(--stb-white) / 0);
    --stb-scrollbar-border-radius: 6px;
    --stb-scrollbar-width-keyword: none;
    --stb-scroller-correct-scrollbar: 8px;
    --stb-common-scroll-margin-top: calc(var(--stb-header-height) + 40px);
    --stb-modal-dialog-panel-max-width: 540px;
    --stb-modal-dialog-inner-vertical-padding: 20px;
    --stb-modal-dialog-action-bottom-padding: 40px;
    --stb-modal-dialog-body-bottom-padding: 40px;
    --stb-modal-dialog-border-radius: 12px;
    --stb-spinner-loader-inset: 0;
    --stb-spinner-loader-border-radius: 8px;
    --stb-thumbnail-border-radius: 18px;
    --stb-thumbnail-border: 2px;
    --stb-thumbnail-shadow: 0 8px 6px -5px rgb(var(--stb-brand-950) / .1);
    --stb-thumbnail-label-opacity: 1;
    --stb-thumbnail-actions-opacity: 0;
    --stb-thumbnail-favorite-block-opacity: 0;
    --stb-title-grid-template-columns: .5fr 1fr minmax(0, .5fr);
    --stb-text-transform-uppercase: uppercase
}

:root[dir=rtl] {
    --stb-safe-area-inline-start: env(safe-area-inset-right);
    --stb-safe-area-inline-end: env(safe-area-inset-left)
}

@media screen and (min-width: 1280px) {
    :root {
        --stb-game-page-container-padding: 60px;
        --stb-page-indent-s-padding-top: 40px;
        --stb-games-gap: 6px;
        --stb-game-page-header-height: 56px;
        --stb-header-height: 64px;
        --stb-sub-menu-height: 0px ;
        --stb-thumbnail-border: 3px;
        --stb-thumbnail-shadow: 0 8px 8px -6px rgb(var(--stb-brand-950) / .1)
    }

    :root :has(.cookie) {
        --stb-cookie-banner-bottom: 16px
    }
}

:root {
    --stb-black: 0 0 0;
    --stb-white: 255 255 255;
    --stb-neutral-20: 253 254 254;
    --stb-neutral-30: 246 246 249;
    --stb-neutral-50: 240 243 243;
    --stb-neutral-100: 224 233 231;
    --stb-neutral-130: 211 192 142;
    --stb-neutral-150: 212 226 222;
    --stb-neutral-200: 196 215 211;
    --stb-neutral-300: 169 199 192;
    --stb-neutral-400: 155 192 185;
    --stb-neutral-500: 148 189 180;
    --stb-neutral-600: 126 174 164;
    --stb-neutral-700: 85 138 127;
    --stb-neutral-800: 73 117 108;
    --stb-neutral-900: 60 94 87;
    --stb-neutral-920: 54 95 89;
    --stb-neutral-950: 39 63 58;
    --stb-neutral-1000: 41 34 48;
    --stb-neutral-1050: 217 217 217;
    --stb-neutral-1075: 94 94 94;
    --stb-neutral-1100: 58 58 58;
    --stb-neutral-1125: 28 92 83;
    --stb-neutral-1150: 6 64 55;
    --stb-brand-10: 249 251 249;
    --stb-brand-20: 245 250 248;
    --stb-brand-50: 237 255 250;
    --stb-brand-100: 213 255 234;
    --stb-brand-150: 211 242 233;
    --stb-brand-160: 234 232 255;
    --stb-brand-200: 174 223 206;
    --stb-brand-250: 174 223 205;
    --stb-brand-300: 127 213 199;
    --stb-brand-400: 48 187 165;
    --stb-brand-500: 0 196 131;
    --stb-brand-600: 0 174 112;
    --stb-brand-700: 18 155 126;
    --stb-brand-750: 18 155 127;
    --stb-brand-800: 7 132 114;
    --stb-brand-900: 0 93 68;
    --stb-brand-950: 0 56 41;
    --stb-brand-975: 23 18 43;
    --stb-brand-1000: 0 36 31;
    --stb-brand-1050: 54 95 89;
    --stb-brand-1100: 117 140 137;
    --stb-brand-1150: 255 138 0;
    --stb-brand-1200: 140 135 179;
    --stb-brand-1300: 237 255 250;
    --stb-brand-1250: 137 134 165;
    --stb-green-30: 3 71 61;
    --stb-green-50: 33 119 106;
    --stb-green-100: 36 168 32;
    --stb-green-400: 119 171 162;
    --stb-green-420: 131 255 214;
    --stb-green-450: 134 186 66;
    --stb-green-500: 0 196 131;
    --stb-green-550: 0 140 94;
    --stb-green-560: 0 14 12;
    --stb-green-700: 100 143 43;
    --stb-green-750: 0 140 94;
    --stb-green-800: 16 107 74;
    --stb-green-900: 4 42 33;
    --stb-green-1000: 86 141 131;
    --stb-red-50: 255 242 239;
    --stb-red-400: 253 96 61;
    --stb-red-500: 234 56 0;
    --stb-red-550: 132 32 0;
    --stb-red-600: 135 61 19;
    --stb-red-700: 114 14 0;
    --stb-red-800: 73 14 6;
    --stb-red-900: 59 25 16;
    --stb-red-950: 157 39 138;
    --stb-red-1000: 132 32 0;
    --stb-red-1100: 255 0 0;
    --stb-yellow-50: 255 251 238;
    --stb-yellow-100: 255 221 0;
    --stb-yellow-150: 235 216 152;
    --stb-yellow-200: 255 232 80;
    --stb-yellow-300: 251 202 44;
    --stb-yellow-400: 255 143 62;
    --stb-yellow-420: 255 153 0;
    --stb-yellow-450: 255 159 70;
    --stb-yellow-500: 234 179 0;
    --stb-yellow-600: 214 143 7;
    --stb-yellow-650: 207 137 0;
    --stb-yellow-800: 168 131 0;
    --stb-yellow-900: 34 26 0;
    --stb-blue-500: 67 93 205;
    --stb-dark-100: 2 40 31;
    --stb-text-primary: rgb(var(--stb-black));
    --stb-text-secondary: rgb(var(--stb-red-900));
    --stb-text-tertiary: rgb(var(--stb-neutral-600));
    --stb-text-contrast-primary: rgb(var(--stb-white));
    --stb-text-contrast-secondary: rgb(var(--stb-neutral-50));
    --stb-text-accent: rgb(var(--stb-green-500));
    --stb-button-primary: var(--stb-gradient-button-primary);
    --stb-button-primary-stroke: rgb(var(--stb-yellow-800));
    --stb-button-primary-stroke-hover: var(--stb-yellow-200);
    --stb-button-primary-hover: var(--stb-gradient-button-primary);
    --stb-button-primary-active: var(--stb-gradient-button-primary);
    --stb-button-secondary: rgb(var(--stb-brand-500));
    --stb-button-secondary-stroke: rgb(var(--stb-brand-600));
    --stb-button-secondary-stroke-hover: var(--stb-brand-500);
    --stb-button-secondary-hover: rgb(var(--stb-brand-500));
    --stb-button-secondary-active: rgb(var(--stb-brand-600));
    --stb-button-tertiary: rgb(var(--stb-neutral-300));
    --stb-button-tertiary-stroke: rgb(var(--stb-neutral-500));
    --stb-button-tertiary-stroke-hover: var(--stb-brand-300);
    --stb-button-tertiary-hover: rgb(var(--stb-neutral-300));
    --stb-button-tertiary-active: rgb(var(--stb-neutral-300));
    --stb-button-disable: rgb(var(--stb-brand-50));
    --stb-button-text-bright: rgb(var(--stb-white));
    --stb-button-text-middle: rgb(var(--stb-neutral-400));
    --stb-button-text-dark: linear-gradient( 180deg, rgb(var(--stb-yellow-900)) 0%, rgb(var(--stb-red-800)) 64.5%, rgb(var(--stb-yellow-800)) 100% );
    --stb-link-primary: rgb(var(--stb-brand-750));
    --stb-link-secondary: rgb(var(--stb-black));
    --stb-link-tertiary: rgb(var(--stb-neutral-600));
    --stb-link-accent: rgb(var(--stb-brand-500));
    --stb-link-alert: rgb(var(--stb-red-500));
    --stb-bg-primary: rgb(var(--stb-neutral-50));
    --stb-bg-secondary: rgb(var(--stb-neutral-20));
    --stb-bg-tertiary: linear-gradient( 180deg, rgb(var(--stb-brand-50)) 0%, rgb(var(--stb-brand-20)) 11.5%, rgb(var(--stb-brand-20)) 91%, rgb(var(--stb-neutral-50)) 100% );
    --stb-bg-fourth: linear-gradient( 180deg, rgb(var(--stb-brand-50)) 0%, rgb(var(--stb-neutral-100)) 36.5% );
    --stb-bg-contrast-primary: rgb(var(--stb-neutral-800));
    --stb-bg-contrast-secondary: rgb(var(--stb-neutral-150));
    --stb-bg-contrast-tertiary: rgb(var(--stb-neutral-1000));
    --stb-bg-popup: linear-gradient( 180deg, rgb(var(--stb-brand-50)) 0%, rgb(var(--stb-white)) 43.5%, rgb(var(--stb-white)) 73.56%, rgb(var(--stb-brand-20)) 100% );
    --stb-bg-scroll: linear-gradient( 180deg, rgb(var(--stb-brand-50)) 0%, rgb(var(--stb-neutral-100)) 36.5% );
    --stb-label-red-bg: linear-gradient( 180deg, rgb(var(--stb-red-500)) 0%, rgb(var(--stb-red-550)) 100% );
    --stb-label-green-bg: linear-gradient( 180deg, rgb(var(--stb-green-500)) 0%, rgb(var(--stb-green-550)) 100% );
    --stb-input-fill: rgb(var(--stb-neutral-100));
    --stb-input-fill-hover: rgb(var(--stb-neutral-200));
    --stb-input-fill-selected: rgb(var(--stb-brand-200));
    --stb-input-stroke: rgb(var(--stb-neutral-200));
    --stb-input-stroke-hover: rgb(var(--stb-neutral-200));
    --stb-input-stroke-selected: rgb(var(--stb-neutral-500));
    --stb-icon-100: linear-gradient( 180deg, rgb(var(--stb-brand-900)) 0%, rgb(var(--stb-brand-300)) 100% );
    --stb-icon-400: linear-gradient( 180deg, rgb(var(--stb-red-800)) 0%, rgb(var(--stb-red-600)) 67%, rgb(var(--stb-yellow-600)) 100% );
    --stb-icon-800: linear-gradient( 180deg, rgb(var(--stb-red-800)) 0%, rgb(var(--stb-red-600)) 51.5%, rgb(var(--stb-yellow-800)) 100% );
    --stb-icon-900: rgb(var(--stb-brand-900));
    --stb-icon-1000: rgb(var(--stb-brand-975));
    --stb-functional-done: rgb(var(--stb-green-500));
    --stb-functional-warning: rgb(var(--stb-yellow-500));
    --stb-functional-error: rgb(var(--stb-red-400));
    --stb-functional-alert: rgb(var(--stb-red-400));
    --stb-functional-info: rgb(var(--stb-blue-500));
    --stb-functional-info-plus: rgb(var(--stb-blue-500));
    --stb-pgw-warning: rgb(var(--stb-yellow-400));
    --stb-skeleton: linear-gradient(0deg, rgb(var(--stb-neutral-20)), rgb(var(--stb-neutral-20))), linear-gradient( 90deg, rgba(var(--stb-brand-200) / 0) 0%, rgba(var(--stb-brand-200) / .16) 61.46%, rgba(var(--stb-brand-250) / 0) 100% );
    --stb-button-text-bright-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(126deg) brightness(108%) contrast(105%);
    --stb-button-text-middle-filter: invert(59%) sepia(22%) saturate(499%) hue-rotate(207deg) brightness(89%) contrast(87%);
    --stb-text-secondary-filter: invert(64%) sepia(11%) saturate(970%) hue-rotate(207deg) brightness(85%) contrast(83%);
    --stb-text-primary-filter: invert(30%) sepia(9%) saturate(1781%) hue-rotate(207deg) brightness(97%) contrast(89%);
    --stb-white-filter: invert(99%) sepia(3%) saturate(371%) hue-rotate(87deg) brightness(115%) contrast(100%);
    --stb-brand-500-filter: invert(58%) sepia(23%) saturate(7495%) hue-rotate(217deg) brightness(103%) contrast(98%);
    --stb-brand-550-filter: invert(9%) sepia(17%) saturate(4356%) hue-rotate(340deg) brightness(101%) contrast(94%);
    --stb-brand-600-filter: invert(49%) sepia(72%) saturate(1206%) hue-rotate(122deg) brightness(96%) contrast(102%);
    --stb-icon-400-filter: invert(58%) sepia(23%) saturate(462%) hue-rotate(207deg) brightness(91%) contrast(88%);
    --stb-shadow-primary: 0 6px 16px rgb(37 14 61 / .1);
    --stb-filter-drop-shadow: drop-shadow(-1px 6px 6px rgb(37 14 61 / .1));
    --stb-gradient-button-primary: linear-gradient( 180deg, rgb(var(--stb-yellow-500)), rgb(var(--stb-yellow-200)) );
    --stb-gradient-50: linear-gradient( 180deg, rgb(var(--stb-brand-50)) 0%, rgb(var(--stb-brand-20)) 11.5%, rgb(var(--stb-brand-20)) 91%, rgb(var(--stb-neutral-50)) 100% );
    --stb-verification-plate-bg: linear-gradient( 180deg, rgb(var(--stb-brand-50)) 0%, rgb(var(--stb-white)) 43.5%, rgb(var(--stb-white)) 73.56%, rgb(var(--stb-brand-20)) 100% );
    --stb-gradient-button-primary-default: linear-gradient( 180deg, rgb(var(--stb-white) / 0) 0%, rgba(var(--stb-white) / .1) 39%, rgba(var(--stb-white) / 0) 100% ), linear-gradient( 179.99deg, rgba(var(--stb-yellow-500) / .7) .01%, rgba(var(--stb-yellow-200) / .7) 73% ), linear-gradient(180deg, rgb(var(--stb-yellow-650)) 80.6%, rgb(var(--stb-yellow-100)) 94.76%);
    --stb-gradient-button-primary-active: linear-gradient( 180deg, rgba(var(--stb-white) / 0) 0%, rgba(var(--stb-white) / .1) 39%, rgba(var(--stb-white) / 0) 100% ), linear-gradient(0deg, rgb(var(--stb-yellow-200)), rgb(var(--stb-yellow-200))), linear-gradient(180deg, rgb(var(--stb-yellow-650)) 0%, rgb(var(--stb-yellow-100)) 73%);
    --stb-gradient-border: linear-gradient( 180deg, rgb(var(--stb-brand-50)) 0%, rgb(var(--stb-brand-20)) 11.5%, rgb(var(--stb-brand-20)) 91%, rgb(var(--stb-neutral-50)) 100% );
    --stb-gradient-text: linear-gradient( 180deg, rgb(var(--stb-yellow-500)) 0%, rgb(var(--stb-yellow-200)) 73% );
    --stb-gradient-btn-red: linear-gradient( 180deg, rgb(var(--stb-red-500)) 0%, rgb(var(--stb-red-1000)) 100% );
    --stb-gradient-btn-green: linear-gradient( 180deg, rgb(var(--stb-brand-500)) 0%, rgb(var(--stb-green-750)) 100% );
    --stb-category-background: radial-gradient( 50% 50% at 50% 50%, rgba(var(--stb-yellow-500) / .3) 0%, rgba(var(--stb-black) / 0) 100% ), url(information-invert-bg.73001d16f621144a.png), linear-gradient( 180deg, rgba(var(--stb-brand-950) / .4) 0%, rgba(var(--stb-black) / .48) 63.23% );
    --stb-gradient-tab: radial-gradient( 50% 50% at 50% 50%, rgba(var(--stb-yellow-500) / .2) 0%, rgba(var(--stb-black) / 0) 100% );
    --stb-gradient-tab50: linear-gradient( 180deg, rgba(var(--stb-brand-950) / .4) 0%, rgba(var(--stb-black) / .4) 63.23% );
    --stb-gradient-vip-label: radial-gradient( 50% 50% at 50% 100%, rgba(var(--stb-red-900) / .45) 0%, rgb(var(--stb-red-900)) 100% ), rgb(var(--stb-yellow-450));
    --stb-gradient-vip-bg: url(texture-bg.625d77d63e48c214.png), radial-gradient( 106.16% 78.8% at 50% 78.8%, rgba(var(--stb-green-50) / .7) 0%, rgba(var(--stb-green-30) / .7) 48.5% );
    --stb-gradient-vip-prg: linear-gradient( 0deg, rgba(var(--stb-brand-800) / .6), rgba(var(--stb-brand-800) / .6) ), url(texture-bg.625d77d63e48c214.png), rgba(var(--stb-brand-1000) / .6);
    --stb-gradient-vip-prg-inner: linear-gradient( 180deg, rgb(var(--stb-red-800)) 0%, rgb(var(--stb-red-600)) 67%, rgb(var(--stb-yellow-600)) 100% );
    --stb-gradient-vip-prg-fill: linear-gradient( 180deg, rgb(var(--stb-yellow-500)) 0%, rgb(var(--stb-yellow-200)) 73% );
    --stb-gradient-bg-icons: linear-gradient( 180deg, rgb(var(--stb-yellow-500)) 0%, rgb(var(--stb-yellow-200)) 73% );
    --stb-gradient-bg-tournament-desk: linear-gradient( 270deg, rgba(var(--stb-neutral-1050) / 0) 0%, rgba(var(--stb-neutral-1075) / .4) 55.5%, rgba(var(--stb-neutral-1100) / .8) 100% );
    --stb-gradient-bg-tournament-mob: linear-gradient( 270deg, rgba(var(--stb-neutral-1050) / 0) 0%, rgba(var(--stb-neutral-1125) / .5) 55.5%, rgb(var(--stb-neutral-1150)) 100% );
    --stb-shadow-button-footer-action: 0px -3px 8px 0px rgba(var(--stb-green-420) / .4) inset;
    --stb-surface-button-primary: linear-gradient( 180deg, rgb(var(--stb-yellow-500)) 0%, rgb(var(--stb-yellow-200)) 100% );
    --stb-surface-button-primary-hover: linear-gradient( 180deg, rgb(var(--stb-yellow-300)) 0%, rgb(var(--stb-yellow-200)) 100% );
    --stb-surface-button-primary-clicked: linear-gradient( 180deg, rgb(var(--stb-yellow-200)) 0%, rgb(var(--stb-yellow-500)) 100% );
    --stb-surface-button-primary-disabled: linear-gradient( 180deg, rgba(var(--stb-yellow-500) / .5) 0%, rgba(var(--stb-yellow-200) / .5) 100% );
    --stb-surface-button-secondary: linear-gradient( 180deg, rgb(var(--stb-brand-200)) 0%, rgb(var(--stb-brand-300)) 47.5% );
    --stb-surface-button-secondary-hover: linear-gradient( 180deg, rgb(var(--stb-brand-300)) 0%, rgb(var(--stb-brand-500)) 100% );
    --stb-surface-button-secondary-clicked: linear-gradient( 180deg, rgb(var(--stb-brand-500)) 0%, rgb(var(--stb-brand-300)) 100% );
    --stb-surface-button-secondary-disabled: linear-gradient( 180deg, rgba(var(--stb-brand-300) / .5) 0%, rgba(var(--stb-brand-500) / .5) 47.5% );
    --stb-surface-button-tertiary: rgb(var(--stb-neutral-150));
    --stb-surface-button-tertiary-hover: linear-gradient( 180deg, rgb(var(--stb-neutral-200)) 0%, rgb(var(--stb-neutral-400)) 100% );
    --stb-surface-button-tertiary-clicked: linear-gradient( 180deg, rgb(var(--stb-neutral-600)) 0%, rgb(var(--stb-neutral-300)) 100% );
    --stb-surface-button-tertiary-disabled: linear-gradient( 180deg, rgba(var(--stb-neutral-300) / .5) 0%, rgba(var(--stb-neutral-600) / .5) 100% );
    --stb-surface-positive-alpha: rgb(var(--stb-green-100));
    --stb-surface-secondary: rgb(var(--stb-neutral-30));
    --stb-accent-100: 34 26 0;
    --stb-accent-200: 255 244 201;
    --stb-accent-300: 255 250 230;
    --stb-accent-400: 255 238 172;
    --stb-accent-500: 255 227 115
}

:root {
    --stb-tournament-dropdown-padding: 16px;
    --stb-tournament-card-radius: 8px;
    --stb-tournament-leaderbord-row-radius: 0;
    --stb-tournament-details-list-gap: 8px;
    --stb-tournament-details-list-font-size: 12px;
    --stb-tournament-dropdown-grid-template-columns: none;
    --stb-tournament-dropdown-container-gap: 24px;
    --stb-tournament-description-padding-inline: 16px;
    --stb-tournament-description-padding-block: 16px 52px;
    --stb-tournament-description-details-gap: 12px;
    --stb-tournament-banner-grid-template-columns: 186px 1fr;
    --stb-tournament-banner-title-font-size: 16px;
    --stb-tournament-prize-font-size: 12px;
    --stb-tournament-title-card-font-size: 10px;
    --stb-tournament-banner-title-line-height: 1.6;
    --stb-tournament-banner-title-font-weight: 500;
    --stb-tournament-banner-title-letter-spacing: -.64px;
    --stb-tournament-subtitle-font-size: 12px;
    --stb-tournament-subtitle-line-height: 1.4;
    --stb-tournament-label-top-position: 10px;
    --stb-tournament-label-right-position: 10px;
    --stb-tournament-subtitle-font-weight: 500;
    --stb-tournament-card-gamification-images: block;
    --stb-tournament-card-list-images: none
}

@media screen and (min-width: 768px) {
    :root {
        --stb-tournament-card-radius: 16px;
        --stb-tournament-prize-font-size: 14px;
        --stb-tournament-label-top-position: 19px;
        --stb-tournament-label-right-position: 19px;
        --stb-tournament-subtitle-font-size: 14px;
        --stb-tournament-card-height: 206px
    }
}

:root {
    --stb-shop-image-aspect-ratio: 1.5 / 1;
    --stb-shop-page-grid-row-gap: 24px;
    --stb-shop-card-font-size: 16px;
    --stb-base-shop-card-height: 185px;
    --stb-base-shop-card-image-height: 84px;
    --stb-scroller-inner-row-gap: 8px;
    --stb-scroller-shop-card-width: 144px;
    --stb-shop-freespin-image-width: 160px;
    --stb-shop-card-border-radius: 16px;
    --stb-shop-card-inner-border-radius: calc(var(--stb-shop-card-border-radius) - 1px);
    --stb-shop-items-grid-gap: 12px;
    --stb-bonus-crab-card-width: 234px;
    --stb-freebets-columns: 2;
    --stb-free-spins-columns: 1;
    --stb-bonus-money-columns: 2;
    --stb-bonus-crab-columns: auto-fill;
    --stb-bonus-crab-column-size: minmax(var(--stb-bonus-crab-card-width), 1fr)
}

@media screen and (min-width: 768px) {
    :root {
        --stb-base-shop-card-height: 200px;
        --stb-scroller-shop-card-width: 164px;
        --stb-base-shop-card-image-height: 96px;
        --stb-bonus-money-columns: 4;
        --stb-free-spins-columns: 2;
        --stb-freebets-columns: 4;
        --stb-bonus-crab-columns: 2;
        --stb-bonus-crab-column-size: 320px
    }
}

@media screen and (min-width: 1280px) {
    :root {
        --stb-shop-card-offer-font-size: 14px;
        --stb-shop-card-offer-amount-font-size: 14px;
        --stb-base-shop-card-image-height: 135px;
        --stb-base-shop-card-height: 230px;
        --stb-scroller-inner-row-gap: 12px;
        --stb-scroller-shop-card-width: 240px;
        --stb-free-spins-columns: 3;
        --stb-bonus-money-columns: 5;
        --stb-freebets-columns: 5;
        --stb-card-action-font-size: 16px;
        --stb-card-action-min-height: 48px;
        --stb-card-action-padding: 0 24px;
        --stb-card-action-grid-column-gap: 8px;
        --stb-free-spin-label-font-size: 12px
    }
}

@media screen and (min-width: 1536px) {
    :root {
        --stb-base-shop-card-image-height: 150px
    }
}

:root {
    --stb-challenges-intro-actions-flex-direction: column;
    --stb-challenges-intro-actions-align-items: flex-start;
    --stb-challenge-header-flex-direction: column;
    --stb-mission-image-column-width: 72px;
    --stb-challenge-composite-list-columns-amount: 1;
    --stb-challenge-completed-header-display: contents;
    --stb-challenge-completed-countdown-order: 1
}

:root {
    --stb-cookie-banner-border-radius: 12px;
    --stb-cookie-banner-box-shadow: var(--stb-shadow-primary);
    --stb-cookie-banner-scroller-border-radius: 20px;
    --stb-cookie-banner-scrollbar-track-bg: var(--stb-bg-tertiary);
    --stb-cookie-banner-scrollbar-thumb-bg: var(--stb-button-tertiary);
    --stb-cookie-banner-text-primary: var(--stb-text-primary);
    --stb-cookie-banner-bg-primary: var(--stb-bg-primary);
    --stb-cookie-banner-bg-secondary: var(--stb-bg-secondary);
    --stb-cookie-banner-bg-tertiary: rgb(var(--stb-neutral-100));
    --stb-cookie-banner-link-color: var(--stb-link-accent);
    --stb-cookie-banner-link-color-hover: var(--stb-link-tertiary);
    --stb-cookie-banner-action-border-radius: 4px;
    --stb-cookie-banner-action-bg-primary: rgb(var(--stb-yellow-200));
    --stb-cookie-banner-action-bg-primary-hover: rgb(var(--stb-yellow-500));
    --stb-cookie-banner-action-color-primary: var(--stb-text-primary);
    --stb-cookie-banner-action-color-primary-hover: var(--stb-text-primary);
    --stb-cookie-banner-action-bg-secondary: var(--stb-button-secondary);
    --stb-cookie-banner-action-bg-secondary-hover: var(--stb-button-secondary-stroke);
    --stb-cookie-banner-action-color-secondary: var(--stb-text-contrast-primary);
    --stb-cookie-banner-action-color-secondary-hover: var(--stb-text-contrast-primary);
    --stb-cookie-banner-switcher-disabled-pin-bg: rgb(var(--stb-neutral-200));
    --stb-cookie-banner-switcher-disabled-track-bg: rgb(var(--stb-neutral-100));
    --stb-cookie-banner-switcher-disabled-svg-color: var(--stb-button-text-bright);
    --stb-cookie-banner-switcher-selected-pin-bg: var(--stb-button-secondary);
    --stb-cookie-banner-switcher-selected-track-bg: rgb(var(--stb-neutral-100));
    --stb-cookie-banner-switcher-selected-svg-color: var(--stb-button-text-bright);
    --stb-cookie-banner-switcher-unselected-pin-bg: var(--stb-button-tertiary-stroke);
    --stb-cookie-banner-switcher-unselected-track-bg: rgb(var(--stb-neutral-100));
    --stb-cookie-banner-switcher-unselected-svg-color: var(--stb-button-text-bright)
}


html:not([lang=el-gr]) {
    --stb-text-transform-style: var(--stb-text-transform-uppercase)
}

button {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer
}

button:focus-visible {
    outline: 1px dashed rgb(var(--stb-brand-500))
}

button:disabled {
    cursor: default
}

button:focus:not(:focus-visible) {
    outline: none
}

.button {
    --stb-button-loading-dimension: 24px;
    position: relative;
    z-index: 0;
    display: inline-grid;
    grid-auto-flow: column;
    place-items: center center;
    justify-content: center;
    grid-column-gap: var(--stb-btn-grid-column-gap);
    text-align: center;
    font-weight: 900;
    line-height: 1;
    text-transform: var(--stb-text-transform-style);
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color var(--stb-transition-time),color var(--stb-transition-time)
}

.button:before {
    position: absolute;
    z-index: -1;
    inset: var(--stb-button-before-inset);
    border-radius: var(--stb-button-before-border-radius);
    transform: skew(-10deg);
    transition: box-shadow var(--stb-transition-time),background var(--stb-transition-time);
    pointer-events: none;
    content: ""
}

.button:after {
    position: absolute;
    z-index: -1;
    inset: var(--stb-button-after-inset);
    opacity: .5;
    border: var(--stb-button-after-border-width) solid transparent;
    border-radius: var(--stb-button-after-border-radius);
    transform: skew(-10deg);
    transition: border-color var(--stb-transition-time),opacity var(--stb-transition-time);
    pointer-events: none;
    content: ""
}

.button:active:after {
    opacity: 1
}

.button .button-animation {
    position: absolute;
    z-index: -1;
    inset: var(--stb-button-before-inset);
    overflow: hidden;
    transform: skew(-10deg);
    pointer-events: none;
    mix-blend-mode: var(--stb-button-mix-blend-mode);
    border-radius: var(--stb-button-before-border-radius)
}

.button .button-animation__img {
    opacity: .5;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.button--l {
    --stb-button-before-border-radius: 18px 10px 18px 10px;
    --stb-button-after-border-radius: 24px 17px 24px 17px;
    --stb-button-before-inset: 3px 18px;
    --stb-button-after-inset: -4px 11px;
    --stb-button-after-border-width: 2px;
    --stb-btn-grid-column-gap: 12px;
    --stb-button-primary-filter-text: drop-shadow(0 2px 0 rgba(var(--stb-white) / .6));
    font-size: 26px;
    min-height: 80px;
    padding-inline:56px;padding-block:0}

.button--m {
    --stb-button-before-border-radius: 13px 7px 13px 7px;
    --stb-button-after-border-radius: 17px 12px 17px 12px;
    --stb-button-before-inset: 2px 14px;
    --stb-button-after-inset: -3px 8px;
    --stb-button-after-border-width: 2px;
    --stb-btn-grid-column-gap: 10px;
    --stb-button-primary-filter-text: drop-shadow(0 2px 0 rgba(var(--stb-white) / .6));
    font-size: 16px;
    min-height: 56px;
    padding-inline:40px;padding-block:0}

.button--s {
    --stb-button-before-border-radius: 12px 7px 12px 7px;
    --stb-button-after-border-radius: 14px 10px 14px 10px;
    --stb-button-before-inset: 1px 10px;
    --stb-button-after-inset: -2px 7px;
    --stb-button-after-border-width: 2px;
    --stb-btn-grid-column-gap: 8px;
    --stb-button-primary-filter-text: drop-shadow(0 1px 0 rgba(var(--stb-white) / .6));
    font-size: 14px;
    min-height: 48px;
    padding-inline:24px;padding-block:0}

@media screen and (min-width: 1280px) {
    .button--s {
        padding-inline:28px;
        padding-block:0}
}

.button--s.button--tertiary {
    font-size: 12px
}

.button--xs {
    --stb-button-loading-dimension: 20px;
    --stb-button-before-border-radius: 8px 6px 8px 6px;
    --stb-button-after-border-radius: 10px 8px 10px 8px;
    --stb-button-before-inset: 1px 6.4px;
    --stb-button-after-inset: -1px 4px;
    --stb-button-after-border-width: 1px;
    --stb-btn-grid-column-gap: 6px;
    --stb-button-primary-filter-text: drop-shadow(0 1px 0 rgba(var(--stb-white) / .6));
    font-size: 10px;
    min-height: 36px;
    min-width: 52px;
    padding-inline:18px;padding-block:0}

.button--primary {
    --stb-button-loading-background-color: var(--stb-button-primary-active);
    --stb-button-loading-after-filter: var(--stb-button-text-bright-filter);
    --stb-button-mix-blend-mode: overlay;
    background-color: var(--stb-button-primary);
    color: var(--stb-text-secondary)
}

.button--primary:before {
    box-shadow: 0 -12px 12px rgba(var(--stb-white)/.1) inset;
    background: var(--stb-gradient-button-primary-default)
}

.button--primary:not(.button--loading):after {
    border-color: var(--stb-button-primary-stroke)
}

@media (hover: hover) and (pointer: fine) {
    .button--primary:hover:before {
        opacity:1;
        box-shadow: 0 -12px 12px rgba(var(--stb-white)/.4) inset
    }

    .button--primary:hover:after {
        border-color: rgba(var(--stb-button-primary-stroke-hover))
    }
}

.button--primary:active:before {
    box-shadow: inset 0 20px 20px rgba(var(--stb-yellow-400)/.42),inset 0 -20px 20px rgba(var(--stb-white)/.4);
    background: var(--stb-gradient-button-primary-active)
}

.button--primary:active:after {
    border-color: rgb(var(--stb-yellow-200))
}

.button--primary:not(.button--loading) .button-text {
    background: var(--stb-button-text-dark);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: var(--stb-button-primary-filter-text)
}

.button--primary svg-icon-sprite {
    filter: var(--stb-button-primary-filter-text)
}

.button--primary.button--loading:after {
    background: var(--stb-button-text-dark)
}

.button--secondary {
    --stb-button-loading-background-color: var(--stb-button-secondary);
    --stb-button-loading-after-filter: var(--stb-button-text-bright-filter);
    --stb-button-mix-blend-mode: overlay;
    color: var(--stb-button-text-bright)
}

.button--secondary:before {
    box-shadow: 0 -5px 12px rgba(var(--stb-white)/.15) inset,0 -5px 12px rgba(var(--stb-white)/.15) inset;
    background: rgba(var(--stb-brand-500))
}

.button--secondary:not(.button--loading):after {
    border-color: var(--stb-button-secondary-active)
}

.button--secondary:not(.button--loading) {
    text-shadow: 0 2px 2px rgba(var(--stb-brand-800)/.2)
}

@media (hover: hover) and (pointer: fine) {
    .button--secondary:hover:before {
        box-shadow:0 -4px 10px rgba(var(--stb-white)/.4) inset,0 -4px 10px rgba(var(--stb-white)/.4) inset
    }

    .button--secondary:hover:after {
        opacity: .5;
        border-color: var(--stb-button-secondary-hover)
    }
}

.button--secondary:active:before {
    box-shadow: 0 -4px 20px rgba(var(--stb-white)/.4) inset,0 -4px 20px rgba(var(--stb-white)/.4) inset
}

.button--secondary .button-animation {
    mix-blend-mode: saturation;
    background: rgba(var(--stb-brand-500))
}

.button--secondary .button-animation__img {
    object-position: right bottom;
    mix-blend-mode: saturation;
    transform: scale(1.5)
}

.button--tertiary {
    --stb-button-loading-background-color: var(--stb-brand-150);
    --stb-button-loading-after-filter: var(--stb-button-text-middle-filter);
    --stb-button-mix-blend-mode: normal;
    position: relative;
    z-index: 1;
    color: var(--stb-button-text-bright)
}

.button--tertiary:before {
    z-index: 0;
    box-shadow: 0 -5px 16px rgba(var(--stb-brand-100)/.4) inset
}

.button--tertiary:not(.button--loading):after {
    border-color: var(--stb-button-tertiary-active)
}

.button--tertiary:not(.button--loading) {
    text-shadow: 0 2px 2px rgba(var(--stb-brand-800)/.2)
}

@media (hover: hover) and (pointer: fine) {
    .button--tertiary:hover {
        --stb-button-tertiary-color: var(--stb-button-text-bright);
        --stb-button-tertiary-bg-opacity: 1;
        --stb-button-tertiary-bg-color: var(--stb-button-tertiary-hover)
    }

    .button--tertiary:hover:before {
        box-shadow: 0 -5px 16px rgba(var(--stb-brand-100)/.8) inset
    }

    .button--tertiary:hover:after {
        border-color: rgba(var(--stb-brand-300))
    }
}

.button--tertiary:active {
    --stb-button-tertiary-color: var(--stb-button-text-bright);
    --stb-button-tertiary-bg-opacity: 1;
    --stb-button-tertiary-bg-color: var(--stb-button-tertiary-active)
}

.button--tertiary:active:before {
    box-shadow: 0 -5px 16px rgba(var(--stb-brand-100)/1) inset
}

.button--tertiary .button-animation__img {
    opacity: 1;
    object-fit: fill
}

.button--xs-ent {
    --stb-button-loading-dimension: 20px;
    --stb-button-before-border-radius: 8px 6px 8px 6px;
    --stb-button-after-border-radius: 10px 8px 10px 8px;
    --stb-button-before-inset: 1px;
    --stb-button-after-inset: -1px;
    --stb-button-after-border-width: 1px;
    --stb-button-primary-filter-text: drop-shadow(0 1px 0 rgba(var(--stb-white) / .6));
    --stb-btn-grid-column-gap: 6px;
    font-size: 10px;
    min-height: 36px;
    padding-inline:18px;padding-block:0}

.button--xs-ent.button--secondary-invert {
    font-weight: 700;
    line-height: 22px
}

.button--xs-header {
    --stb-button-loading-dimension: 20px;
    --stb-button-before-border-radius: 8px 6px;
    --stb-button-after-border-radius: 10px 8px;
    --stb-button-before-inset: 1px;
    --stb-button-after-inset: -1px;
    --stb-button-after-border-width: 1px;
    --stb-button-primary-filter-text: drop-shadow(0 1px 0 rgba(var(--stb-white) / .6));
    --stb-btn-grid-column-gap: 6px;
    font-size: 10px;
    min-height: 36px;
    min-width: 36px;
    padding-inline:8px;padding-block:0}

@media screen and (min-width: 412px) {
    .button--xs-header {
        padding-inline:18px;
        padding-block:0}
}

@media screen and (min-width: 1280px) {
    .button--xs-header {
        --stb-button-before-border-radius: 12px 7px;
        --stb-button-after-border-radius: 14px 10px;
        --stb-button-before-inset: 1px;
        --stb-button-after-inset: -2px;
        --stb-button-after-border-width: 2px;
        min-height: 40px;
        font-size: 15px;
        padding-inline:28px;padding-block:0}
}

.button--secondary-invert {
    --stb-button-loading-background-color: rgb(var(--stb-neutral-500) / .4);
    --stb-button-loading-after-filter: var(--stb-button-text-bright-filter);
    color: rgb(var(--stb-neutral-200))
}

@media (hover: hover) and (pointer: fine) {
    .button--secondary-invert:hover {
        text-decoration:underline
    }
}

.button--secondary-invert:active {
    color: rgb(var(--stb-brand-400));
    text-decoration: none
}

.button.button--loading,.button.button--loading:disabled {
    position: relative;
    color: transparent;
    cursor: default;
    pointer-events: none
}

.button.button--loading:after,.button.button--loading:disabled:after {
    position: absolute;
    top: 50%;
    inset-inline-start: 50%;
    width: var(--stb-button-loading-dimension);
    height: var(--stb-button-loading-dimension);
    opacity: 1;
    margin-top: calc(-1 * var(--stb-button-loading-dimension) / 2);
    margin-inline-start:calc(-1 * var(--stb-button-loading-dimension) / 2);background-color: rgb(var(--stb-white));
    mask-image: url(loading.021ae05bc8a92b27.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    animation: animation-rotation var(--stb-animation-rotation-time) linear infinite;
    content: ""
}

.button.button--loading .button-filter,.button.button--loading:disabled .button-filter {
    opacity: 0
}