:root {
    --back-to-top-z-index: 5;
    --back-to-top-color: #3eaf7c;
    --back-to-top-color-hover: #71cda3
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 2rem;
    right: 2.5rem;
    width: 2rem;
    height: 1.2rem;
    background-color: var(--back-to-top-color);
    -webkit-mask: url(back-to-top-8efcbe56.html) no-repeat;
    mask: url(back-to-top-8efcbe56.html) no-repeat;
    z-index: var(--back-to-top-z-index)
}

.back-to-top:hover {
    background-color: var(--back-to-top-color-hover)
}

@media (max-width: 959px) {
    .back-to-top {
        display:none
    }
}

@media print {
    .back-to-top {
        display: none
    }
}

.back-to-top-enter-active,.back-to-top-leave-active {
    transition: opacity .3s
}

.back-to-top-enter-from,.back-to-top-leave-to {
    opacity: 0
}

:root {
    --external-link-icon-color: #aaa
}

.external-link-icon {
    position: relative;
    display: inline-block;
    color: var(--external-link-icon-color);
    vertical-align: middle;
    top: -1px
}

@media print {
    .external-link-icon {
        display: none
    }
}

.external-link-icon-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

:root {
    --nprogress-color: #29d;
    --nprogress-z-index: 1031
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: var(--nprogress-color);
    position: fixed;
    z-index: var(--nprogress-z-index);
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

:root {
    --c-brand: #3eaf7c;
    --c-brand-light: #4abf8a;
    --c-bg: #ffffff;
    --c-bg-light: #f3f4f5;
    --c-bg-lighter: #eeeeee;
    --c-bg-dark: #ebebec;
    --c-bg-darker: #e6e6e6;
    --c-bg-navbar: var(--c-bg);
    --c-bg-sidebar: var(--c-bg);
    --c-bg-arrow: #cccccc;
    --c-text: #2c3e50;
    --c-text-accent: var(--c-brand);
    --c-text-light: #3a5169;
    --c-text-lighter: #4e6e8e;
    --c-text-lightest: #6a8bad;
    --c-text-quote: #999999;
    --c-border: #eaecef;
    --c-border-dark: #dfe2e5;
    --c-tip: #42b983;
    --c-tip-bg: var(--c-bg-light);
    --c-tip-title: var(--c-text);
    --c-tip-text: var(--c-text);
    --c-tip-text-accent: var(--c-text-accent);
    --c-warning: #ffc310;
    --c-warning-bg: #fffae3;
    --c-warning-bg-light: #fff3ba;
    --c-warning-bg-lighter: #fff0b0;
    --c-warning-border-dark: #f7dc91;
    --c-warning-details-bg: #fff5ca;
    --c-warning-title: #f1b300;
    --c-warning-text: #746000;
    --c-warning-text-accent: #edb100;
    --c-warning-text-light: #c1971c;
    --c-warning-text-quote: #ccab49;
    --c-danger: #f11e37;
    --c-danger-bg: #ffe0e0;
    --c-danger-bg-light: #ffcfde;
    --c-danger-bg-lighter: #ffc9c9;
    --c-danger-border-dark: #f1abab;
    --c-danger-details-bg: #ffd4d4;
    --c-danger-title: #ed1e2c;
    --c-danger-text: #660000;
    --c-danger-text-accent: #bd1a1a;
    --c-danger-text-light: #b5474d;
    --c-danger-text-quote: #c15b5b;
    --c-details-bg: #eeeeee;
    --c-badge-tip: var(--c-tip);
    --c-badge-warning: #ecc808;
    --c-badge-warning-text: var(--c-bg);
    --c-badge-danger: #dc2626;
    --c-badge-danger-text: var(--c-bg);
    --t-color: .3s ease;
    --t-transform: .3s ease;
    --code-bg-color: #282c34;
    --code-hl-bg-color: rgba(0, 0, 0, .66);
    --code-ln-color: #9e9e9e;
    --code-ln-wrapper-width: 3.5rem;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --font-family-code: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    --navbar-height: 3.6rem;
    --navbar-padding-v: .7rem;
    --navbar-padding-h: 1.5rem;
    --sidebar-width: 20rem;
    --sidebar-width-mobile: calc(var(--sidebar-width) * .82);
    --content-width: 740px;
    --homepage-width: 960px
}

.back-to-top {
    --back-to-top-color: var(--c-brand);
    --back-to-top-color-hover: var(--c-brand-light)
}

.DocSearch {
    --docsearch-primary-color: var(--c-brand);
    --docsearch-text-color: var(--c-text);
    --docsearch-highlight-color: var(--c-brand);
    --docsearch-muted-color: var(--c-text-quote);
    --docsearch-container-background: rgba(9, 10, 17, .8);
    --docsearch-modal-background: var(--c-bg-light);
    --docsearch-searchbox-background: var(--c-bg-lighter);
    --docsearch-searchbox-focus-background: var(--c-bg);
    --docsearch-searchbox-shadow: inset 0 0 0 2px var(--c-brand);
    --docsearch-hit-color: var(--c-text-light);
    --docsearch-hit-active-color: var(--c-bg);
    --docsearch-hit-background: var(--c-bg);
    --docsearch-hit-shadow: 0 1px 3px 0 var(--c-border-dark);
    --docsearch-footer-background: var(--c-bg)
}

.external-link-icon {
    --external-link-icon-color: var(--c-text-quote)
}

.medium-zoom-overlay {
    --medium-zoom-bg-color: var(--c-bg)
}

#nprogress {
    --nprogress-color: var(--c-brand)
}

.pwa-popup {
    --pwa-popup-text-color: var(--c-text);
    --pwa-popup-bg-color: var(--c-bg);
    --pwa-popup-border-color: var(--c-brand);
    --pwa-popup-shadow: 0 4px 16px var(--c-brand);
    --pwa-popup-btn-text-color: var(--c-bg);
    --pwa-popup-btn-bg-color: var(--c-brand);
    --pwa-popup-btn-hover-bg-color: var(--c-brand-light)
}

.search-box {
    --search-bg-color: var(--c-bg);
    --search-accent-color: var(--c-brand);
    --search-text-color: var(--c-text);
    --search-border-color: var(--c-border);
    --search-item-text-color: var(--c-text-lighter);
    --search-item-focus-bg-color: var(--c-bg-light)
}

html.dark {
    --c-brand: #3aa675;
    --c-brand-light: #349469;
    --c-bg: #22272e;
    --c-bg-light: #2b313a;
    --c-bg-lighter: #262c34;
    --c-bg-dark: #343b44;
    --c-bg-darker: #37404c;
    --c-text: #adbac7;
    --c-text-light: #96a7b7;
    --c-text-lighter: #8b9eb0;
    --c-text-lightest: #8094a8;
    --c-border: #3e4c5a;
    --c-border-dark: #34404c;
    --c-tip: #318a62;
    --c-warning: #e0ad15;
    --c-warning-bg: #2d2f2d;
    --c-warning-bg-light: #423e2a;
    --c-warning-bg-lighter: #44442f;
    --c-warning-border-dark: #957c35;
    --c-warning-details-bg: #39392d;
    --c-warning-title: #fdca31;
    --c-warning-text: #d8d96d;
    --c-warning-text-accent: #ffbf00;
    --c-warning-text-light: #ddb84b;
    --c-warning-text-quote: #ccab49;
    --c-danger: #fc1e38;
    --c-danger-bg: #39232c;
    --c-danger-bg-light: #4b2b35;
    --c-danger-bg-lighter: #553040;
    --c-danger-border-dark: #a25151;
    --c-danger-details-bg: #482936;
    --c-danger-title: #fc2d3b;
    --c-danger-text: #ea9ca0;
    --c-danger-text-accent: #fd3636;
    --c-danger-text-light: #d9777c;
    --c-danger-text-quote: #d56b6b;
    --c-details-bg: #323843;
    --c-badge-warning: var(--c-warning);
    --c-badge-warning-text: #3c2e05;
    --c-badge-danger: var(--c-danger);
    --c-badge-danger-text: #401416;
    --code-hl-bg-color: #363b46
}

html.dark .DocSearch {
    --docsearch-logo-color: var(--c-text);
    --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
    --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);
    --docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);
    --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2)
}

html,body {
    padding: 0;
    margin: 0;
    background-color: var(--c-bg);
    transition: background-color var(--t-color)
}

html.dark {
    color-scheme: dark
}

html {
    font-size: 16px
}

body {
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    color: var(--c-text)
}

a {
    font-weight: 500;
    color: var(--c-text-accent);
    text-decoration: none;
    overflow-wrap: break-word
}

p a code {
    font-weight: 400;
    color: var(--c-text-accent)
}

kbd {
    font-family: var(--font-family-code);
    color: var(--c-text);
    background: var(--c-bg-lighter);
    border: solid .15rem var(--c-border-dark);
    border-bottom: solid .25rem var(--c-border-dark);
    border-radius: .15rem;
    padding: 0 .15em
}

code {
    font-family: var(--font-family-code);
    color: var(--c-text-lighter);
    padding: .25rem .5rem;
    margin: 0;
    font-size: .85em;
    background-color: var(--c-bg-light);
    border-radius: 3px;
    overflow-wrap: break-word;
    transition: background-color var(--t-color)
}

blockquote {
    font-size: 1rem;
    color: var(--c-text-quote);
    border-left: .2rem solid var(--c-border-dark);
    margin: 1rem 0;
    padding: .25rem 0 .25rem 1rem;
    overflow-wrap: break-word
}

blockquote>p {
    margin: 0
}

ul,ol {
    padding-left: 1.2em
}

strong {
    font-weight: 600
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: break-word
}

h1:focus-visible,h2:focus-visible,h3:focus-visible,h4:focus-visible,h5:focus-visible,h6:focus-visible {
    outline: none
}

h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor {
    opacity: 1
}

h1 {
    font-size: 2.2rem
}

h2 {
    font-size: 1.65rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid var(--c-border);
    transition: border-color var(--t-color)
}

h3 {
    font-size: 1.35rem
}

h4 {
    font-size: 1.15rem
}

h5 {
    font-size: 1.05rem
}

h6 {
    font-size: 1rem
}

a.header-anchor {
    font-size: .85em;
    float: left;
    margin-left: -.87em;
    padding-right: .23em;
    margin-top: .125em;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media print {
    a.header-anchor {
        display: none
    }
}

a.header-anchor:hover {
    text-decoration: none
}

a.header-anchor:focus-visible {
    opacity: 1
}

@media print {
    a[href^="http://"]:after,a[href^="https://"]:after {
        content: " (" attr(href) ") "
    }
}

p,ul,ol {
    line-height: 1.7;
    overflow-wrap: break-word
}

hr {
    border: 0;
    border-top: 1px solid var(--c-border)
}

table {
    border-collapse: collapse;
    margin: 1rem 0;
    display: block;
    overflow-x: auto;
    transition: border-color var(--t-color)
}

tr {
    border-top: 1px solid var(--c-border-dark);
    transition: border-color var(--t-color)
}

tr:nth-child(2n) {
    background-color: var(--c-bg-light);
    transition: background-color var(--t-color)
}

tr:nth-child(2n) code {
    background-color: var(--c-bg-dark)
}

th,td {
    padding: .6em 1em;
    border: 1px solid var(--c-border-dark);
    transition: border-color var(--t-color)
}

.arrow {
    display: inline-block;
    width: 0;
    height: 0
}

.arrow.up {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid var(--c-bg-arrow)
}

.arrow.down {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid var(--c-bg-arrow)
}

.arrow.right {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid var(--c-bg-arrow)
}

.arrow.left {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6px solid var(--c-bg-arrow)
}

.badge {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    padding: 0 6px;
    color: var(--c-bg);
    vertical-align: top;
    transition: color var(--t-color),background-color var(--t-color)
}

.badge.tip {
    background-color: var(--c-badge-tip)
}

.badge.warning {
    background-color: var(--c-badge-warning);
    color: var(--c-badge-warning-text)
}

.badge.danger {
    background-color: var(--c-badge-danger);
    color: var(--c-badge-danger-text)
}

.badge+.badge {
    margin-left: 5px
}

code[class*=language-],pre[class*=language-] {
    color: #ccc;
    background: none;
    font-family: var(--font-family-code);
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],pre[class*=language-] {
    background: #2d2d2d
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata {
    color: #999
}

.token.punctuation {
    color: #ccc
}

.token.tag,.token.attr-name,.token.namespace,.token.deleted {
    color: #ec5975
}

.token.function-name {
    color: #6196cc
}

.token.boolean,.token.number,.token.function {
    color: #f08d49
}

.token.property,.token.class-name,.token.constant,.token.symbol {
    color: #f8c555
}

.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin {
    color: #cc99cd
}

.token.string,.token.char,.token.attr-value,.token.regex,.token.variable {
    color: #7ec699
}

.token.operator,.token.entity,.token.url {
    color: #67cdcc
}

.token.important,.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.token.inserted {
    color: #3eaf7c
}

.theme-default-content pre,.theme-default-content pre[class*=language-] {
    line-height: 1.375;
    padding: 1.3rem 1.5rem;
    margin: .85rem 0;
    border-radius: 6px;
    overflow: auto
}

.theme-default-content pre code,.theme-default-content pre[class*=language-] code {
    color: #fff;
    padding: 0;
    background-color: transparent!important;
    border-radius: 0;
    overflow-wrap: unset;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.theme-default-content .line-number {
    font-family: var(--font-family-code)
}

div[class*=language-] {
    position: relative;
    background-color: var(--code-bg-color);
    border-radius: 6px
}

div[class*=language-]:before {
    content: attr(data-ext);
    position: absolute;
    z-index: 3;
    top: .8em;
    right: 1em;
    font-size: .75rem;
    color: var(--code-ln-color)
}

div[class*=language-] pre,div[class*=language-] pre[class*=language-] {
    background: transparent!important;
    position: relative;
    z-index: 1
}

div[class*=language-] .highlight-lines {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-top: 1.3rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 1.375
}

div[class*=language-] .highlight-lines .highlight-line {
    background-color: var(--code-hl-bg-color)
}

div[class*=language-]:not(.line-numbers-mode) .line-numbers {
    display: none
}

div[class*=language-].line-numbers-mode .highlight-lines .highlight-line {
    position: relative
}

div[class*=language-].line-numbers-mode .highlight-lines .highlight-line:before {
    content: " ";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    display: block;
    width: var(--code-ln-wrapper-width);
    height: 100%
}

div[class*=language-].line-numbers-mode pre {
    margin-left: var(--code-ln-wrapper-width);
    padding-left: 1rem;
    vertical-align: middle
}

div[class*=language-].line-numbers-mode .line-numbers {
    position: absolute;
    top: 0;
    width: var(--code-ln-wrapper-width);
    text-align: center;
    color: var(--code-ln-color);
    padding-top: 1.25rem;
    line-height: 1.375;
    counter-reset: line-number
}

div[class*=language-].line-numbers-mode .line-numbers .line-number {
    position: relative;
    z-index: 3;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 1.375em
}

div[class*=language-].line-numbers-mode .line-numbers .line-number:before {
    counter-increment: line-number;
    content: counter(line-number);
    font-size: .85em
}

div[class*=language-].line-numbers-mode:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--code-ln-wrapper-width);
    height: 100%;
    border-radius: 6px 0 0 6px;
    border-right: 1px solid var(--code-hl-bg-color)
}

@media (max-width: 419px) {
    .theme-default-content div[class*=language-] {
        margin:.85rem -1.5rem;
        border-radius: 0
    }
}

.code-group__nav {
    margin-top: .85rem;
    margin-bottom: calc(-1.7rem - 6px);
    padding-bottom: calc(1.7rem - 6px);
    padding-left: 10px;
    padding-top: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: var(--code-bg-color)
}

.code-group__ul {
    margin: auto 0;
    padding-left: 0;
    display: inline-flex;
    list-style: none
}

.code-group__nav-tab {
    border: 0;
    padding: 5px;
    cursor: pointer;
    background-color: transparent;
    font-size: .85em;
    line-height: 1.4;
    color: #ffffffe6;
    font-weight: 600
}

.code-group__nav-tab:focus {
    outline: none
}

.code-group__nav-tab:focus-visible {
    outline: 1px solid rgba(255,255,255,.9)
}

.code-group__nav-tab-active {
    border-bottom: var(--c-brand) 1px solid
}

@media (max-width: 419px) {
    .code-group__nav {
        margin-left:-1.5rem;
        margin-right: -1.5rem;
        border-radius: 0
    }
}

.code-group-item {
    display: none
}

.code-group-item__active {
    display: block
}

.code-group-item>pre {
    background-color: orange
}

.custom-container {
    transition: color var(--t-color),border-color var(--t-color),background-color var(--t-color)
}

.custom-container .custom-container-title {
    font-weight: 600
}

.custom-container .custom-container-title:not(:only-child) {
    margin-bottom: -.4rem
}

.custom-container.tip,.custom-container.warning,.custom-container.danger {
    padding: .1rem 1.5rem;
    border-left-width: .5rem;
    border-left-style: solid;
    margin: 1rem 0
}

.custom-container.tip {
    border-color: var(--c-tip);
    background-color: var(--c-tip-bg);
    color: var(--c-tip-text)
}

.custom-container.tip .custom-container-title {
    color: var(--c-tip-title)
}

.custom-container.tip a {
    color: var(--c-tip-text-accent)
}

.custom-container.tip code {
    background-color: var(--c-bg-dark)
}

.custom-container.warning {
    border-color: var(--c-warning);
    background-color: var(--c-warning-bg);
    color: var(--c-warning-text)
}

.custom-container.warning .custom-container-title {
    color: var(--c-warning-title)
}

.custom-container.warning a {
    color: var(--c-warning-text-accent)
}

.custom-container.warning blockquote {
    border-left-color: var(--c-warning-border-dark);
    color: var(--c-warning-text-quote)
}

.custom-container.warning code {
    color: var(--c-warning-text-light);
    background-color: var(--c-warning-bg-light)
}

.custom-container.warning details {
    background-color: var(--c-warning-details-bg)
}

.custom-container.warning details code {
    background-color: var(--c-warning-bg-lighter)
}

.custom-container.warning .external-link-icon {
    --external-link-icon-color: var(--c-warning-text-quote)
}

.custom-container.danger {
    border-color: var(--c-danger);
    background-color: var(--c-danger-bg);
    color: var(--c-danger-text)
}

.custom-container.danger .custom-container-title {
    color: var(--c-danger-title)
}

.custom-container.danger a {
    color: var(--c-danger-text-accent)
}

.custom-container.danger blockquote {
    border-left-color: var(--c-danger-border-dark);
    color: var(--c-danger-text-quote)
}

.custom-container.danger code {
    color: var(--c-danger-text-light);
    background-color: var(--c-danger-bg-light)
}

.custom-container.danger details {
    background-color: var(--c-danger-details-bg)
}

.custom-container.danger details code {
    background-color: var(--c-danger-bg-lighter)
}

.custom-container.danger .external-link-icon {
    --external-link-icon-color: var(--c-danger-text-quote)
}

.custom-container.details {
    display: block;
    position: relative;
    border-radius: 2px;
    margin: 1.6em 0;
    padding: 1.6em;
    background-color: var(--c-details-bg)
}

.custom-container.details code {
    background-color: var(--c-bg-darker)
}

.custom-container.details h4 {
    margin-top: 0
}

.custom-container.details figure:last-child,.custom-container.details p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.custom-container.details summary {
    outline: none;
    cursor: pointer
}

.home {
    padding: var(--navbar-height) 2rem 0;
    max-width: var(--homepage-width);
    margin: 0 auto;
    display: block
}

.home .hero {
    text-align: center
}

.home .hero img {
    max-width: 100%;
    max-height: 280px;
    display: block;
    margin: 3rem auto 1.5rem
}

.home .hero h1 {
    font-size: 3rem
}

.home .hero h1,.home .hero .description,.home .hero .actions {
    margin: 1.8rem auto
}

.home .hero .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center
}

.home .hero .description {
    max-width: 35rem;
    font-size: 1.6rem;
    line-height: 1.3;
    color: var(--c-text-lightest)
}

.home .hero .action-button {
    display: inline-block;
    font-size: 1.2rem;
    padding: .8rem 1.6rem;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    transition: background-color var(--t-color);
    box-sizing: border-box
}

.home .hero .action-button.primary {
    color: var(--c-bg);
    background-color: var(--c-brand);
    border-color: var(--c-brand)
}

.home .hero .action-button.primary:hover {
    background-color: var(--c-brand-light)
}

.home .hero .action-button.secondary {
    color: var(--c-brand);
    background-color: var(--c-bg);
    border-color: var(--c-brand)
}

.home .hero .action-button.secondary:hover {
    color: var(--c-bg);
    background-color: var(--c-brand-light)
}

.home .features {
    border-top: 1px solid var(--c-border);
    transition: border-color var(--t-color);
    padding: 1.2rem 0;
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: stretch;
    justify-content: space-between
}

.home .feature {
    flex-grow: 1;
    flex-basis: 30%;
    max-width: 30%
}

.home .feature h2 {
    font-size: 1.4rem;
    font-weight: 500;
    border-bottom: none;
    padding-bottom: 0;
    color: var(--c-text-light)
}

.home .feature p {
    color: var(--c-text-lighter)
}

.home .theme-default-content {
    padding: 0;
    margin: 0
}

.home .footer {
    padding: 2.5rem;
    border-top: 1px solid var(--c-border);
    text-align: center;
    color: var(--c-text-lighter);
    transition: border-color var(--t-color)
}

@media (max-width: 719px) {
    .home .features {
        flex-direction:column
    }

    .home .feature {
        max-width: 100%;
        padding: 0 2.5rem
    }
}

@media (max-width: 419px) {
    .home {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }

    .home .hero img {
        max-height: 210px;
        margin: 2rem auto 1.2rem
    }

    .home .hero h1 {
        font-size: 2rem
    }

    .home .hero h1,.home .hero .description,.home .hero .actions {
        margin: 1.2rem auto
    }

    .home .hero .description {
        font-size: 1.2rem
    }

    .home .hero .action-button {
        font-size: 1rem;
        padding: .6rem 1.2rem
    }

    .home .feature h2 {
        font-size: 1.25rem
    }
}

.page {
    padding-top: var(--navbar-height);
    padding-left: var(--sidebar-width)
}

.navbar {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    height: var(--navbar-height);
    box-sizing: border-box;
    border-bottom: 1px solid var(--c-border);
    background-color: var(--c-bg-navbar);
    transition: background-color var(--t-color),border-color var(--t-color)
}

.sidebar {
    font-size: 16px;
    width: var(--sidebar-width);
    position: fixed;
    z-index: 10;
    margin: 0;
    top: var(--navbar-height);
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    border-right: 1px solid var(--c-border);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--c-brand) var(--c-border);
    background-color: var(--c-bg-sidebar);
    transition: transform var(--t-transform),background-color var(--t-color),border-color var(--t-color)
}

.sidebar::-webkit-scrollbar {
    width: 7px
}

.sidebar::-webkit-scrollbar-track {
    background-color: var(--c-border)
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: var(--c-brand)
}

.sidebar-mask {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none
}

.theme-container.sidebar-open .sidebar-mask {
    display: block
}

.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(1) {
    transform: rotate(45deg) translate3d(5.5px,5.5px,0)
}

.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(2) {
    transform: scale3d(0,1,1)
}

.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(3) {
    transform: rotate(-45deg) translate3d(6px,-6px,0)
}

.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(1),.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(3) {
    transform-origin: center
}

.theme-container.no-navbar .theme-default-content h1,.theme-container.no-navbar .theme-default-content h2,.theme-container.no-navbar .theme-default-content h3,.theme-container.no-navbar .theme-default-content h4,.theme-container.no-navbar .theme-default-content h5,.theme-container.no-navbar .theme-default-content h6 {
    margin-top: 1.5rem;
    padding-top: 0
}

.theme-container.no-navbar .page {
    padding-top: 0
}

.theme-container.no-navbar .sidebar {
    top: 0
}

.theme-container.no-sidebar .sidebar {
    display: none
}

@media (max-width: 719px) {
    .theme-container.no-sidebar .sidebar {
        display:block
    }
}

.theme-container.no-sidebar .page {
    padding-left: 0
}

.theme-default-content a:hover {
    text-decoration: underline
}

.theme-default-content img {
    max-width: 100%
}

.theme-default-content h1,.theme-default-content h2,.theme-default-content h3,.theme-default-content h4,.theme-default-content h5,.theme-default-content h6 {
    margin-top: calc(.5rem - var(--navbar-height));
    padding-top: calc(1rem + var(--navbar-height));
    margin-bottom: 0
}

.theme-default-content h1:first-child,.theme-default-content h2:first-child,.theme-default-content h3:first-child,.theme-default-content h4:first-child,.theme-default-content h5:first-child,.theme-default-content h6:first-child {
    margin-bottom: 1rem
}

.theme-default-content h1:first-child+p,.theme-default-content h1:first-child+pre,.theme-default-content h1:first-child+.custom-container,.theme-default-content h2:first-child+p,.theme-default-content h2:first-child+pre,.theme-default-content h2:first-child+.custom-container,.theme-default-content h3:first-child+p,.theme-default-content h3:first-child+pre,.theme-default-content h3:first-child+.custom-container,.theme-default-content h4:first-child+p,.theme-default-content h4:first-child+pre,.theme-default-content h4:first-child+.custom-container,.theme-default-content h5:first-child+p,.theme-default-content h5:first-child+pre,.theme-default-content h5:first-child+.custom-container,.theme-default-content h6:first-child+p,.theme-default-content h6:first-child+pre,.theme-default-content h6:first-child+.custom-container {
    margin-top: 2rem
}

@media (max-width: 959px) {
    .sidebar {
        font-size:15px;
        width: var(--sidebar-width-mobile)
    }

    .page {
        padding-left: var(--sidebar-width-mobile)
    }
}

@media (max-width: 719px) {
    .sidebar {
        top:0;
        padding-top: var(--navbar-height);
        transform: translate(-100%)
    }

    .page {
        padding-left: 0
    }

    .theme-container.sidebar-open .sidebar {
        transform: translate(0)
    }

    .theme-container.no-navbar .sidebar {
        padding-top: 0
    }
}

@media (max-width: 419px) {
    h1 {
        font-size:1.9rem
    }
}

.navbar {
    --navbar-line-height: calc( var(--navbar-height) - 2 * var(--navbar-padding-v) );
    padding: var(--navbar-padding-v) var(--navbar-padding-h);
    line-height: var(--navbar-line-height)
}

.navbar .logo {
    height: var(--navbar-line-height);
    margin-right: var(--navbar-padding-v);
    vertical-align: top
}

.navbar .site-name {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--c-text);
    position: relative
}

.navbar .navbar-items-wrapper {
    display: flex;
    position: absolute;
    box-sizing: border-box;
    top: var(--navbar-padding-v);
    right: var(--navbar-padding-h);
    height: var(--navbar-line-height);
    padding-left: var(--navbar-padding-h);
    white-space: nowrap;
    font-size: .9rem
}

.navbar .navbar-items-wrapper .search-box {
    flex: 0 0 auto;
    vertical-align: top
}

@media screen and (max-width: 719px) {
    .navbar {
        padding-left:4rem
    }

    .navbar .can-hide {
        display: none
    }

    .navbar .site-name {
        width: calc(100vw - 9.4rem);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.navbar-items {
    display: inline-block
}

@media print {
    .navbar-items {
        display: none
    }
}

.navbar-items a {
    display: inline-block;
    line-height: 1.4rem;
    color: inherit
}

.navbar-items a:hover,.navbar-items a.router-link-active {
    color: var(--c-text)
}

.navbar-items .navbar-item {
    position: relative;
    display: inline-block;
    margin-left: 1.5rem;
    line-height: var(--navbar-line-height)
}

.navbar-items .navbar-item:first-child {
    margin-left: 0
}

.navbar-items .navbar-item>a:hover,.navbar-items .navbar-item>a.router-link-active {
    margin-bottom: -2px;
    border-bottom: 2px solid var(--c-text-accent)
}

@media (max-width: 719px) {
    .navbar-items .navbar-item {
        margin-left:0
    }

    .navbar-items .navbar-item>a:hover,.navbar-items .navbar-item>a.router-link-active {
        margin-bottom: 0;
        border-bottom: none
    }

    .navbar-items a:hover,.navbar-items a.router-link-active {
        color: var(--c-text-accent)
    }
}

.toggle-sidebar-button {
    position: absolute;
    top: .6rem;
    left: 1rem;
    display: none;
    padding: .6rem;
    cursor: pointer
}

.toggle-sidebar-button .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    cursor: inherit
}

.toggle-sidebar-button .icon span {
    display: inline-block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: var(--c-text);
    transition: transform var(--t-transform)
}

.toggle-sidebar-button .icon span:nth-child(2) {
    margin: 6px 0
}

@media screen and (max-width: 719px) {
    .toggle-sidebar-button {
        display:block
    }
}

.toggle-color-mode-button {
    display: flex;
    margin: auto;
    margin-left: 1rem;
    border: 0;
    background: none;
    color: var(--c-text);
    opacity: .8;
    cursor: pointer
}

@media print {
    .toggle-color-mode-button {
        display: none
    }
}

.toggle-color-mode-button:hover {
    opacity: 1
}

.toggle-color-mode-button .icon {
    width: 1.25rem;
    height: 1.25rem
}

.DocSearch {
    transition: background-color var(--t-color)
}

.navbar-dropdown-wrapper {
    cursor: pointer
}

.navbar-dropdown-wrapper .navbar-dropdown-title,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile {
    display: block;
    font-size: .9rem;
    font-family: inherit;
    cursor: inherit;
    padding: inherit;
    line-height: 1.4rem;
    background: transparent;
    border: none;
    font-weight: 500;
    color: var(--c-text)
}

.navbar-dropdown-wrapper .navbar-dropdown-title:hover,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile:hover {
    border-color: transparent
}

.navbar-dropdown-wrapper .navbar-dropdown-title .arrow,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile .arrow {
    vertical-align: middle;
    margin-top: -1px;
    margin-left: .4rem
}

.navbar-dropdown-wrapper .navbar-dropdown-title-mobile {
    display: none;
    font-weight: 600;
    font-size: inherit
}

.navbar-dropdown-wrapper .navbar-dropdown-title-mobile:hover {
    color: var(--c-text-accent)
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item {
    color: inherit;
    line-height: 1.7rem
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle {
    margin: .45rem 0 0;
    border-top: 1px solid var(--c-border);
    padding: 1rem 0 .45rem;
    font-size: .9rem
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>span {
    padding: 0 1.5rem 0 1.25rem
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>a {
    font-weight: inherit
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>a.router-link-active:after {
    display: none
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem-wrapper {
    padding: 0;
    list-style: none
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem-wrapper .navbar-dropdown-subitem {
    font-size: .9em
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a {
    display: block;
    line-height: 1.7rem;
    position: relative;
    border-bottom: none;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0 1.5rem 0 1.25rem
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a:hover,.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active {
    color: var(--c-text-accent)
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid var(--c-text-accent);
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    position: absolute;
    top: calc(50% - 2px);
    left: 9px
}

.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item:first-child .navbar-dropdown-subtitle {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.navbar-dropdown-wrapper.mobile.open .navbar-dropdown-title,.navbar-dropdown-wrapper.mobile.open .navbar-dropdown-title-mobile {
    margin-bottom: .5rem
}

.navbar-dropdown-wrapper.mobile .navbar-dropdown-title,.navbar-dropdown-wrapper.mobile .navbar-dropdown-title-mobile {
    display: none
}

.navbar-dropdown-wrapper.mobile .navbar-dropdown-title-mobile {
    display: block
}

.navbar-dropdown-wrapper.mobile .navbar-dropdown {
    transition: height .1s ease-out;
    overflow: hidden
}

.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle,.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item>a {
    font-size: 15px;
    line-height: 2rem
}

.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem {
    font-size: 14px;
    padding-left: 1rem
}

.navbar-dropdown-wrapper:not(.mobile) {
    height: 1.8rem
}

.navbar-dropdown-wrapper:not(.mobile):hover .navbar-dropdown,.navbar-dropdown-wrapper:not(.mobile).open .navbar-dropdown {
    display: block!important
}

.navbar-dropdown-wrapper:not(.mobile).open:blur {
    display: none
}

.navbar-dropdown-wrapper:not(.mobile) .navbar-dropdown {
    display: none;
    height: auto!important;
    box-sizing: border-box;
    max-height: calc(100vh - 2.7rem);
    overflow-y: auto;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--c-bg-navbar);
    padding: .6rem 0;
    border: 1px solid var(--c-border);
    border-bottom-color: var(--c-border-dark);
    text-align: left;
    border-radius: .25rem;
    white-space: nowrap;
    margin: 0
}

.page {
    padding-bottom: 2rem;
    display: block
}

.page .theme-default-content {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 2rem 2.5rem;
    padding-top: 0
}

@media (max-width: 959px) {
    .page .theme-default-content {
        padding:2rem
    }
}

@media (max-width: 419px) {
    .page .theme-default-content {
        padding:1.5rem
    }
}

.page-meta {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 1rem 2.5rem;
    overflow: auto
}

footer.page-meta.footer-warning {
    text-align: center;
    border-top: 1px solid var(--c-text-accent);
}

footer.page-meta.footer-warning.footer-warning-lower {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

footer.page-meta.footer-warning.footer-warning-lower img {
    max-width: 120px;
}

@media (max-width: 959px) {
    .page-meta {
        padding:2rem
    }
}

@media (max-width: 419px) {
    .page-meta {
        padding:1.5rem
    }
}

.page-meta .meta-item {
    cursor: default;
    margin-top: .8rem
}

.page-meta .meta-item .meta-item-label {
    font-weight: 500;
    color: var(--c-text-lighter)
}

.page-meta .meta-item .meta-item-info {
    font-weight: 400;
    color: var(--c-text-quote)
}

.page-meta .edit-link {
    display: inline-block;
    margin-right: .25rem
}

@media print {
    .page-meta .edit-link {
        display: none
    }
}

.page-meta .last-updated {
    float: right
}

@media (max-width: 719px) {
    .page-meta .last-updated {
        font-size:.8em;
        float: none
    }

    .page-meta .contributors {
        font-size: .8em
    }
}

.page-nav {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 1rem 2.5rem 2rem;
    padding-bottom: 0
}

@media (max-width: 959px) {
    .page-nav {
        padding:2rem
    }
}

@media (max-width: 419px) {
    .page-nav {
        padding:1.5rem
    }
}

.page-nav .inner {
    min-height: 2rem;
    margin-top: 0;
    border-top: 1px solid var(--c-border);
    transition: border-color var(--t-color);
    padding-top: 1rem;
    overflow: auto
}

.page-nav .prev a:before {
    content: "\2190"
}

.page-nav .next {
    float: right
}

.page-nav .next a:after {
    content: "\2192"
}

.sidebar ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.sidebar a {
    display: inline-block
}

.sidebar .navbar-items {
    display: none;
    border-bottom: 1px solid var(--c-border);
    transition: border-color var(--t-color);
    padding: .5rem 0 .75rem
}

.sidebar .navbar-items a {
    font-weight: 600
}

.sidebar .navbar-items .navbar-item {
    display: block;
    line-height: 1.25rem;
    font-size: 1.1em;
    padding: .5rem 0 .5rem 1.5rem
}

.sidebar .sidebar-items {
    padding: 1.5rem 0
}

@media (max-width: 719px) {
    .sidebar .navbar-items {
        display:block
    }

    .sidebar .navbar-items .navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active:after {
        top: calc(1rem - 2px)
    }

    .sidebar .sidebar-items {
        padding: 1rem 0
    }
}

.sidebar-item {
    cursor: default;
    border-left: .25rem solid transparent;
    color: var(--c-text)
}

.sidebar-item:focus-visible {
    outline-width: 1px;
    outline-offset: -1px
}

.sidebar-item.active:not(p.sidebar-heading) {
    font-weight: 600;
    color: var(--c-text-accent);
    border-left-color: var(--c-text-accent)
}

.sidebar-item.sidebar-heading {
    transition: color .15s ease;
    font-size: 1.1em;
    font-weight: 700;
    padding: .35rem 1.5rem .35rem 1.25rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0
}

.sidebar-item.sidebar-heading+.sidebar-item-children {
    transition: height .1s ease-out;
    overflow: hidden;
    margin-bottom: .75rem
}

.sidebar-item.collapsible {
    cursor: pointer
}

.sidebar-item.collapsible .arrow {
    position: relative;
    top: -.12em;
    left: .5em
}

.sidebar-item:not(.sidebar-heading) {
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
    margin: 0;
    padding: .35rem 1rem .35rem 2rem;
    line-height: 1.4;
    width: 100%;
    box-sizing: border-box
}

.sidebar-item:not(.sidebar-heading)+.sidebar-item-children {
    padding-left: 1rem;
    font-size: .95em
}

.sidebar-item-children .sidebar-item-children .sidebar-item:not(.sidebar-heading) {
    padding: .25rem 1rem .25rem 1.75rem
}

.sidebar-item-children .sidebar-item-children .sidebar-item:not(.sidebar-heading).active {
    font-weight: 500;
    border-left-color: transparent
}

a.sidebar-heading+.sidebar-item-children .sidebar-item:not(.sidebar-heading).active {
    border-left-color: transparent
}

a.sidebar-item {
    cursor: pointer
}

a.sidebar-item:hover {
    color: var(--c-text-accent)
}

.table-of-contents .badge {
    vertical-align: middle
}

.dropdown-enter-from,.dropdown-leave-to {
    height: 0!important
}

.fade-slide-y-enter-active {
    transition: all .2s ease
}

.fade-slide-y-leave-active {
    transition: all .2s cubic-bezier(1,.5,.8,1)
}

.fade-slide-y-enter-from,.fade-slide-y-leave-to {
    transform: translateY(10px);
    opacity: 0
}

:root {
    --c-bg: #0C0C0C;
    --c-text: #FFF;
    --c-name-color: #0D5EAF;
    --c-footer-color: #FFFFFF;
    --c-promo-gradient-first: #0D5EAF;
    --c-promo-gradient-second: #FCC77A;
    --c-offer-background: rgba(44, 43, 42, .2);
    --c-offer-background-second: transparent;
    --c-border-color: #0D5EAF;
    --c-ticket-background: linear-gradient(180deg, #0D5EAF 0%, #0D5EAF 100%);
    --c-button-background: #0D5EAF;
    --c-button-border: #FFFFFF;
    --c-button-color: #000000;
    --c-button-hover-background: transparent;
    --c-button-hover-border: #FFFFFF;
    --c-button-hover-color: #FFFFFF;
    --c-button-second-background: transparent;
    --c-button-second-border: #0D5EAF;
    --c-button-second-color: #0D5EAF
}

:root {
    --pwa-popup-z-index: 10;
    --pwa-popup-text-color: #2c3e50;
    --pwa-popup-bg-color: #ffffff;
    --pwa-popup-border-color: #3eaf7c;
    --pwa-popup-shadow: 0 4px 16px var(--pwa-popup-border-color);
    --pwa-popup-btn-text-color: #ffffff;
    --pwa-popup-btn-bg-color: #3eaf7c;
    --pwa-popup-btn-hover-bg-color: #4abf8a
}

.pwa-popup {
    position: fixed;
    right: 1em;
    bottom: 1em;
    padding: 1em;
    border: 1px solid var(--pwa-popup-border-color);
    border-radius: 3px;
    background-color: var(--pwa-popup-bg-color);
    box-shadow: var(--pwa-popup-shadow);
    text-align: center;
    z-index: var(--pwa-popup-z-index)
}

@media print {
    .pwa-popup {
        display: none
    }
}

.pwa-popup>button {
    cursor: pointer;
    margin-top: .5em;
    padding: .25em 2em;
    border: none;
    color: var(--pwa-popup-btn-text-color);
    background-color: var(--pwa-popup-btn-bg-color)
}

.pwa-popup>button:hover {
    background-color: var(--pwa-popup-btn-hover-bg-color)
}

.pwa-popup-enter-active,.pwa-popup-leave-active {
    transition: opacity .3s,transform .3s
}

.pwa-popup-enter-from,.pwa-popup-leave-to {
    opacity: 0;
    transform: translateY(50%) scale(.5)
}

.notification[data-v-7fdf3a71] {
    z-index: 25;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.notification .notification-data[data-v-7fdf3a71] {
    pointer-events: all;
    width: 500px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 1.5em 2em;
    background-color: #fff;
    color: #051b2c;
    font-size: 16px;
    font-weight: 500;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    box-shadow: 0 1px 6px #051b2c0f,0 2px 32px #051b2c29;
    animation-name: animate-open-7fdf3a71;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: .4s;
    animation-fill-mode: forwards
}

.notification .notification-data .notification-body[data-v-7fdf3a71] {
    display: flex
}

.notification .notification-data .notification-body img[data-v-7fdf3a71] {
    width: 80px;
    height: 80px
}

.notification .notification-data .notification-body .notification-body-text[data-v-7fdf3a71] {
    padding-left: 1em;
    line-height: 1.45em
}

.notification .notification-data .notification-buttons[data-v-7fdf3a71] {
    text-align: right
}

.notification .notification-data .notification-buttons>button[data-v-7fdf3a71] {
    cursor: pointer;
    outline: 0;
    border: 1px solid transparent;
    padding: .75em 1.5em;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5;
    border-radius: .25em;
    background: #fff;
    color: #0078d1
}

.notification .notification-data .notification-buttons>button[data-v-7fdf3a71]:first-of-type {
    margin-right: 1em
}

.notification .notification-data .notification-buttons .button-subscribe[data-v-7fdf3a71] {
    background: #0078d1;
    color: #fff!important;
    transition: 75ms linear
}

.notification .notification-data .notification-buttons .button-subscribe[data-v-7fdf3a71]:hover {
    background: #0062ab
}

@keyframes animate-open-7fdf3a71 {
    0% {
        transform: translateY(-150%)
    }

    to {
        transform: translateY(0)
    }
}

@media screen and (max-width: 767px) {
    .notification .notification-data[data-v-7fdf3a71] {
        padding:1em;
        width: 100%
    }
}

.modal-email[data-v-f2ac0f9c] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-email .modal-email-body[data-v-f2ac0f9c] {
    max-width: 700px;
    text-align: center;
    box-sizing: border-box;
    background-color: #eca338;
    border: 3px solid #FFFFFF;
    padding: .5em 1.5em;
    border-radius: .5em;
    transform: scale(.1);
    animation-name: animate-email-open-f2ac0f9c;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: .2s;
    animation-fill-mode: forwards
}

.modal-email .modal-email-body>div[data-v-f2ac0f9c] {
    margin: 1em 0
}

.modal-email .modal-email-body .modal-email-close[data-v-f2ac0f9c] {
    position: absolute;
    right: .5em;
    top: .5em;
    height: 30px;
    width: 30px;
    background: transparent;
    outline: none;
    border: 0;
    cursor: pointer
}

.modal-email .modal-email-body .modal-email-title[data-v-f2ac0f9c],.modal-email .modal-email-body .modal-email-success[data-v-f2ac0f9c] {
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase
}

.modal-email .modal-email-body .modal-email-input>input[data-v-f2ac0f9c] {
    height: 50px;
    padding: 0 1em;
    border-radius: 8px;
    border: 2px solid #FFFFFF;
    background-color: transparent;
    font-weight: 800;
    font-size: 20px;
    box-sizing: border-box
}

.modal-email .modal-email-body .modal-email-input>input[data-v-f2ac0f9c]::-moz-placeholder {
    color: #1f1f1f;
    opacity: 1
}

.modal-email .modal-email-body .modal-email-input>input[data-v-f2ac0f9c]::placeholder {
    color: #1f1f1f;
    opacity: 1
}

.modal-email .modal-email-body .modal-email-input>input[data-v-f2ac0f9c]:-ms-input-placeholder {
    color: #1f1f1f
}

.modal-email .modal-email-body .modal-email-input>input[data-v-f2ac0f9c]::-ms-input-placeholder {
    color: #1f1f1f
}

.modal-email .modal-email-body .modal-email-input>input[data-v-f2ac0f9c]:focus {
    outline: none
}

.modal-email .modal-email-body .modal-email-button .offer-button[data-v-f2ac0f9c] {
    background-color: #e82b2b;
    border-color: #000;
    color: #fff;
    min-width: 180px;
    padding: 0 1em
}

.modal-email .modal-email-body .modal-email-error[data-v-f2ac0f9c] {
    font-weight: 700;
    font-size: 22px;
    color: #e82b2b
}

@keyframes animate-email-open-f2ac0f9c {
    0% {
        transform: scale(.1)
    }

    to {
        transform: scale(1)
    }
}

@media screen and (max-width: 767px) {
    .modal-email .modal-email-body[data-v-f2ac0f9c] {
        padding:.5em
    }

    .modal-email .modal-email-body .modal-email-title[data-v-f2ac0f9c],.modal-email .modal-email-body .modal-email-success[data-v-f2ac0f9c] {
        font-size: 16px
    }
}

:root {
    --content-width: 1280px;
    --homepage-width: var(--content-width);
    --navbar-height: unset;
    --navbar-padding-h: 0;
    --font-family: Inter, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --c-text-accent: var(--c-footer-color);
    --back-to-top-color: var(--c-footer-color);
    scroll-behavior: smooth
}

html {
    /* overflow: hidden; */
    height: 100%
}

body {
    /* overflow: scroll; */
    height: 100%
}

h2 {
    border-bottom: 0
}

@media screen and (max-width: 767px) {
    .theme-container {
        overflow-x:hidden
    }
}

.header-anchor {
    display: none
}

.navbar {
    max-width: var(--homepage-width);
    margin: 0 auto;
    padding: 0 20px;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    position: relative;
    top: unset;
    left: unset;
    right: unset
}

.navbar>div {
    flex: 1;
    text-align: center
}

.navbar>div.navbar-brand {
    text-align: left
}

.navbar>div.navbar-brand img {
    height: 50px
}

.navbar>div.navbar-promo a {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s ease;
    cursor: pointer
}

.navbar>div.navbar-promo a>svg {
    transition: .3s ease;
    cursor: pointer;
    fill: #000
}

.navbar>div.navbar-promo a>svg .gradient-first {
    stop-color: var(--c-promo-gradient-first)
}

.navbar>div.navbar-promo a>svg .gradient-second {
    stop-color: var(--c-promo-gradient-second)
}

.navbar>div.navbar-promo a:hover>svg {
    transform: scale(1.02)
}

.navbar>div.navbar-items-wrapper {
    position: relative;
    justify-content: flex-end;
    text-align: right
}

.navbar>div.navbar-items-wrapper .navbar-item {
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .navbar {
        flex-direction:column
    }

    .navbar>div.toggle-sidebar-button {
        left: unset;
        right: 1rem
    }

    .navbar>div.toggle-sidebar-button .icon {
        width: 2rem;
        height: 2rem
    }

    .navbar>div.navbar-brand {
        align-self: flex-start;
        margin-top: 20px
    }

    .navbar>div.navbar-items-wrapper {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .sidebar {
        width:100%;
        padding-top: 180px;
        border-right: 0
    }

    .sidebar .navbar-items {
        border-bottom: 0
    }

    .sidebar .navbar-items .navbar-item {
        padding: 25px 0;
        font-size: 3rem;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .page .theme-default-content {
        padding:1rem
    }
}

.custom-block.col-wrapper {
    display: flex;
    justify-content: space-between
}

.custom-block.col-half {
    width: 50%
}

.custom-block.col-half.col-text-promo {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.custom-block.col-half.col-image {
    display: flex;
    justify-content: center
}

.custom-block.col-half.col-text:first-of-type {
    width: calc(50% - 80px)
}

@media screen and (max-width: 767px) {
    .custom-block.col-wrapper {
        flex-direction:column
    }

    .custom-block.col-half,.custom-block.col-half.col-text-promo {
        width: 100%
    }

    .custom-block.col-half.col-text:first-of-type {
        width: 100%
    }

    .custom-block.col-half p {
        margin-top: 0!important;
        margin-bottom: 2rem
    }

    .custom-block .offer-button-app {
        margin: 0 auto 30px
    }
}

.offer-button {
    height: 50px;
    min-width: 230px;
    box-sizing: border-box;
    background: var(--c-button-background);
    border: 2px solid var(--c-button-border);
    border-radius: 8px;
    color: var(--c-button-color);
    font-weight: 800;
    font-size: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s ease
}

.offer-button.offer-button-default {
    background: var(--c-button-second-background);
    border-color: var(--c-button-second-border);
    color: var(--c-button-second-color)
}

.offer-button:hover {
    text-decoration: none!important;
    transform: scale(1.02);
    background: var(--c-button-hover-background);
    border-color: var(--c-button-hover-border);
    color: var(--c-button-hover-color)
}

.footer-link {
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--c-text-accent);
    max-width: var(--content-width);
    margin: 0 auto;
    padding-top: 2rem;
    text-align: center;
}

.footer-link>a {
    min-width: 110px;
    margin: 0 20px
}

.offers-list[data-v-96a76beb] {
    margin-bottom: 80px
}

.offers-list .offer-data[data-v-96a76beb] {
    display: flex;
    justify-content: space-between;
    background-color: var(--c-offer-background);
    padding: 20px 40px;
    margin: 15px 0;
    border-radius: 8px;
    max-height: 80px
}

.offers-list .offer-data>div[data-v-96a76beb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%
}

.offers-list .offer-data>div[data-v-96a76beb]:first-of-type {
    justify-content: flex-start
}

.offers-list .offer-data>div[data-v-96a76beb]:last-of-type {
    justify-content: flex-end
}

.offers-list .offer-data .offer-logo>img[data-v-96a76beb] {
    max-height: 100%
}

.offers-list .offer-data .offer-type[data-v-96a76beb] {
    color: var(--c-name-color);
    font-weight: 700;
    font-size: 20px;
    width: 15%
}

.offers-list .offer-data .offer-text[data-v-96a76beb] {
    text-align: center;
    width: 25%
}

.offers-list .offer-data.offer-data-empty[data-v-96a76beb] {
    height: 80px
}

.offers-list .offer-link-down[data-v-96a76beb] {
    display: flex;
    justify-content: center;
    margin: 40px 0
}

@media screen and (max-width: 767px) {
    .offers-list[data-v-96a76beb] {
        display:flex;
        flex-wrap: wrap;
        margin: 0 -10px
    }

    .offers-list .offer-data[data-v-96a76beb] {
        flex-direction: column;
        padding: 10px;
        margin: 5px;
        width: calc(50% - 30px);
        max-height: unset
    }

    .offers-list .offer-data .offer-logo[data-v-96a76beb] {
        justify-content: center
    }

    .offers-list .offer-data .offer-logo>img[data-v-96a76beb] {
        height: unset
    }

    .offers-list .offer-data .offer-name[data-v-96a76beb] {
        display: none
    }

    .offers-list .offer-data .offer-type[data-v-96a76beb],.offers-list .offer-data .offer-text[data-v-96a76beb] {
        margin-bottom: 5px
    }

    .offers-list .offer-data .offer-button[data-v-96a76beb] {
        min-width: unset;
        width: 100%;
        font-size: 17px;
        padding: 0 5px
    }

    .offers-list .offer-data>div[data-v-96a76beb] {
        width: unset!important
    }

    .offers-list .offer-data.offer-data-empty[data-v-96a76beb] {
        height: 185px
    }

    .offers-list .offer-link-down[data-v-96a76beb] {
        width: 100%;
        margin: 30px 0 40px
    }
}

.offers-table .offers-table-wrap .offer-data[data-v-15b04c3c] {
    display: grid;
    grid-template-columns: 17.3% 13.3% 12.3% 12.3% 12.3% 12.3% 20.2%;
    grid-template-rows: repeat(auto-fill,100%);
    background: var(--c-offer-background-second, transparent);
    border-radius: 8px;
    padding: 20px 5px;
    margin: 5px 0;
    position: relative
}

.offers-table .offers-table-wrap .offer-data[data-v-15b04c3c]:after {
    display: block;
    content: " ";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--c-border-color)
}

.offers-table .offers-table-wrap .offer-data .first[data-v-15b04c3c] {
    grid-column-start: 1
}

.offers-table .offers-table-wrap .offer-data .offer-logo img[data-v-15b04c3c] {
    height: 75px
}

.offers-table .offers-table-wrap .offer-data .end[data-v-15b04c3c] {
    width: 250px
}

.offers-table .offers-table-wrap .offer-data .offer-hidden[data-v-15b04c3c] {
    display: none
}

.offers-table .offers-table-wrap .offer-data.offer-header[data-v-15b04c3c] {
    padding: 5px;
    background: transparent
}

.offers-table .offers-table-wrap .offer-data>div[data-v-15b04c3c] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.offers-table .offers-table-wrap .offer-data .offer-type[data-v-15b04c3c] {
    color: var(--c-name-color);
    font-weight: 700;
    font-size: 20px
}

.offers-table .offers-table-wrap .offer-data .offer-text[data-v-15b04c3c] {
    text-align: center
}

.offers-table .offer-link-down[data-v-15b04c3c] {
    display: flex;
    justify-content: center;
    margin: 40px 0
}

.offers-table .offer-link-down>a[data-v-15b04c3c],.offers-table .offer-link-down>button[data-v-15b04c3c] {
    margin: 0 10px
}

@media screen and (max-width: 767px) {
    .offers-table[data-v-15b04c3c] {
        margin:0 -1rem
    }

    .offers-table .offers-table-wrap[data-v-15b04c3c] {
        display: flex;
        overflow-x: scroll
    }

    .offers-table .offers-table-wrap .offer-data[data-v-15b04c3c] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 10px;
        padding: 20px 10px;
        border-radius: 8px;
        background: var(--c-offer-background);
        border-bottom: 0
    }

    .offers-table .offers-table-wrap .offer-data[data-v-15b04c3c]:after {
        display: none
    }

    .offers-table .offers-table-wrap .offer-data .end[data-v-15b04c3c] {
        width: unset;
        margin-top: 10px
    }

    .offers-table .offers-table-wrap .offer-data .offer-hidden[data-v-15b04c3c] {
        display: inline;
        margin-right: 3px
    }

    .offers-table .offers-table-wrap .offer-data.offer-header[data-v-15b04c3c] {
        display: none
    }

    .offers-table .offers-table-wrap .offer-data .offer-type[data-v-15b04c3c],.offers-table .offers-table-wrap .offer-data .offer-rate[data-v-15b04c3c],.offers-table .offers-table-wrap .offer-data .offer-spins[data-v-15b04c3c],.offers-table .offers-table-wrap .offer-data .offer-max[data-v-15b04c3c],.offers-table .offers-table-wrap .offer-data .offer-wager[data-v-15b04c3c] {
        justify-content: flex-start;
        padding-left: 20px
    }

    .offers-table .offers-table-wrap .offer-data .offer-type[data-v-15b04c3c] {
        padding-left: 15px
    }

    .offers-table .offer-link-down[data-v-15b04c3c] {
        flex-direction: column;
        margin-top: 20px
    }

    .offers-table .offer-link-down>a[data-v-15b04c3c],.offers-table .offer-link-down>button[data-v-15b04c3c] {
        margin: 10px auto
    }
}

.offers-table-group[data-v-55634f25] {
    margin-bottom: 80px
}

.offers-line[data-v-fcc181f3] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 80px
}

.offers-line .offer-data[data-v-fcc181f3] {
    background: var(--c-offer-background);
    border-radius: 8px;
    padding: 20px 15px;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.offers-line .offer-data .offer-image[data-v-fcc181f3] {
    margin-bottom: 5px
}

.offers-line .offer-data .offer-image>img[data-v-fcc181f3] {
    margin-right: -5px
}

.offers-line .offer-data .offer-logo[data-v-fcc181f3] {
    margin-bottom: 30px
}

.offers-line .offer-data>div[data-v-fcc181f3] {
    display: flex;
    justify-content: center
}

.offers-line .offer-data .offer-button[data-v-fcc181f3] {
    font-size: 18px;
    padding: 0 10px;
    min-width: unset
}

@media screen and (max-width: 767px) {
    .offers-line[data-v-fcc181f3] {
        flex-wrap:wrap;
        margin: 0 -10px 40px
    }

    .offers-line .offer-data[data-v-fcc181f3] {
        padding: 10px;
        margin: 5px;
        width: calc(50% - 30px)
    }

    .offers-line .offer-data .offer-image[data-v-fcc181f3] {
        margin-bottom: 0
    }

    .offers-line .offer-data .offer-logo[data-v-fcc181f3] {
        margin-bottom: 20px
    }

    .offers-line .offer-data .offer-button[data-v-fcc181f3] {
        font-size: 17px
    }
}

.offers-ticket[data-v-7832285d] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 80px
}

.offers-ticket .offer-data-wrap[data-v-7832285d] {
    width: 50%;
    position: relative
}

.offers-ticket .offer-data-wrap>.offer-data[data-v-7832285d] {
    position: relative;
    margin: 20px;
    background: url(../static/other/ticket_grain.html);
    border-radius: 30px;
    display: flex;
    justify-content: space-between
}

.offers-ticket .offer-data-wrap>.offer-data .offer-image>img[data-v-7832285d] {
    max-width: 200%
}

.offers-ticket .offer-data-wrap>.offer-data>div[data-v-7832285d]:first-of-type {
    border-right: 3px dashed #000
}

.offers-ticket .offer-data-wrap>.offer-data>div[data-v-7832285d]:first-of-type:before,.offers-ticket .offer-data-wrap>.offer-data>div[data-v-7832285d]:first-of-type:after {
    right: -11.5px
}

.offers-ticket .offer-data-wrap>.offer-data>div[data-v-7832285d]:last-of-type {
    border-left: 3px dashed #000
}

.offers-ticket .offer-data-wrap>.offer-data>div[data-v-7832285d]:last-of-type:before,.offers-ticket .offer-data-wrap>.offer-data>div[data-v-7832285d]:last-of-type:after {
    left: -11.5px
}

.offers-ticket .offer-data-wrap>.offer-data .offer-data-outside[data-v-7832285d] {
    position: relative;
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center
}

.offers-ticket .offer-data-wrap>.offer-data .offer-data-outside>a[data-v-7832285d],.offers-ticket .offer-data-wrap>.offer-data .offer-data-outside>img[data-v-7832285d] {
    transform: rotate(-90deg)
}

.offers-ticket .offer-data-wrap>.offer-data .offer-data-outside>a[data-v-7832285d]:hover {
    transform: rotate(-90deg) scale(1.02)
}

.offers-ticket .offer-data-wrap>.offer-data .offer-data-outside[data-v-7832285d]:before,.offers-ticket .offer-data-wrap>.offer-data .offer-data-outside[data-v-7832285d]:after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid
}

.offers-ticket .offer-data-wrap>.offer-data .offer-data-outside[data-v-7832285d]:before {
    top: 0;
    border-width: 20px 10px 0 10px;
    border-color: var(--c-bg) transparent transparent transparent
}

.offers-ticket .offer-data-wrap>.offer-data .offer-data-outside[data-v-7832285d]:after {
    bottom: 0;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent var(--c-bg) transparent
}

.offers-ticket .offer-data-wrap>.offer-data .offer-center[data-v-7832285d] {
    padding: 20px 30px;
    width: 70%;
    color: #000
}

.offers-ticket .offer-data-wrap>.offer-data .offer-center .offer-center-title[data-v-7832285d] {
    font-size: 36px;
    font-weight: 700
}

.offers-ticket .offer-data-wrap>.offer-data .offer-center .offer-center-hidden[data-v-7832285d] {
    font-size: 30px;
    font-weight: 700;
    margin: 15px 0;
    filter: blur(5px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.offers-ticket .offer-data-wrap>.offer-data .offer-center .offer-center-bonus[data-v-7832285d] {
    font-size: 20px;
    font-weight: 700
}

.offers-ticket .offer-data-wrap>.offer-data .offer-center .offer-center-text[data-v-7832285d] {
    font-size: 20px
}

.offers-ticket .offer-data-wrap[data-v-7832285d]:before {
    content: " ";
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border-radius: 30px;
    background: var(--c-ticket-background)
}

.offers-ticket .offer-button[data-v-7832285d] {
    background-color: #e82b2b;
    border-color: #000;
    color: #fff;
    min-width: 180px
}

@media screen and (max-width: 767px) {
    .offers-ticket[data-v-7832285d] {
        flex-direction:column;
        margin: 10px 0 40px
    }

    .offers-ticket .offer-data-wrap[data-v-7832285d] {
        width: 100%
    }

    .offers-ticket .offer-data-wrap>.offer-data[data-v-7832285d] {
        margin: 0
    }

    .offers-ticket .offer-data-wrap>.offer-data .offer-data-outside[data-v-7832285d] {
        width: 20%
    }

    .offers-ticket .offer-data-wrap>.offer-data .offer-data-outside>a[data-v-7832285d] {
        font-size: 16px;
        min-width: 200%;
        height: 40px
    }

    .offers-ticket .offer-data-wrap>.offer-data .offer-center[data-v-7832285d] {
        width: 60%;
        padding: 15px
    }

    .offers-ticket .offer-data-wrap>.offer-data .offer-center .offer-center-title[data-v-7832285d] {
        font-size: 16px
    }

    .offers-ticket .offer-data-wrap>.offer-data .offer-center .offer-center-hidden[data-v-7832285d] {
        font-size: 16px;
        filter: blur(3px)
    }

    .offers-ticket .offer-data-wrap>.offer-data .offer-center .offer-center-bonus[data-v-7832285d] {
        font-size: 14px
    }

    .offers-ticket .offer-data-wrap>.offer-data .offer-center .offer-center-text[data-v-7832285d] {
        font-size: 14px
    }

    .offers-ticket .offer-data-wrap[data-v-7832285d]:before {
        top: 10px;
        bottom: 10px;
        left: 0;
        right: 0;
        border-radius: 15px
    }
}

.offers-providers[data-v-ed0bab68] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 80px
}

.offers-providers .offer-data-wrap[data-v-ed0bab68] {
    width: 50%;
    position: relative
}

.offers-providers .offer-data-wrap>.offer-data[data-v-ed0bab68] {
    position: relative;
    margin: 20px;
    padding: 10px;
    border-radius: 8px;
    background: var(--c-offer-background)
}

.offers-providers .offer-data-wrap>.offer-data .provider-name[data-v-ed0bab68] {
    display: flex
}

.offers-providers .offer-data-wrap>.offer-data .provider-name .provider-name-icon>img[data-v-ed0bab68] {
    height: 100px
}

.offers-providers .offer-data-wrap>.offer-data .provider-name .provider-name-name[data-v-ed0bab68] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    margin-left: 20px
}

.offers-providers .offer-data-wrap>.offer-data .provider-name .provider-name-name>div[data-v-ed0bab68]:last-of-type {
    text-transform: uppercase
}

.offers-providers .offer-data-wrap>.offer-data .provider-games-wrap[data-v-ed0bab68] {
    display: flex;
    justify-content: space-between
}

.offers-providers .offer-data-wrap>.offer-data .provider-games-wrap .provider-games[data-v-ed0bab68] {
    padding: 0 10px
}

.offers-providers .offer-data-wrap>.offer-data .provider-games-wrap .provider-games>div[data-v-ed0bab68] {
    margin-bottom: 10px
}

.offers-providers .offer-data-wrap>.offer-data .provider-games-wrap .provider-games .provider-games-icon>img[data-v-ed0bab68] {
    border-radius: 4px
}

.offers-providers .offer-data-wrap>.offer-data .provider-games-wrap .provider-games .offer-button[data-v-ed0bab68] {
    min-width: unset;
    width: calc(100% - 4px);
    padding: 0
}

@media screen and (max-width: 767px) {
    .offers-providers[data-v-ed0bab68] {
        margin:0 -1rem 40px
    }

    .offers-providers .offer-data-wrap>.offer-data[data-v-ed0bab68] {
        margin: 10px
    }

    .offers-providers .offer-data-wrap>.offer-data .provider-name[data-v-ed0bab68] {
        flex-direction: column
    }

    .offers-providers .offer-data-wrap>.offer-data .provider-name .provider-name-icon>img[data-v-ed0bab68] {
        height: 60px
    }

    .offers-providers .offer-data-wrap>.offer-data .provider-name .provider-name-name[data-v-ed0bab68] {
        margin-left: 0
    }

    .offers-providers .offer-data-wrap>.offer-data .provider-name .provider-name-name>div[data-v-ed0bab68]:last-of-type {
        display: none
    }

    .offers-providers .offer-data-wrap>.offer-data .provider-games-wrap[data-v-ed0bab68] {
        margin-top: 20px;
        flex-direction: column;
        flex-wrap: wrap
    }

    .offers-providers .offer-data-wrap>.offer-data .provider-games-wrap .provider-games[data-v-ed0bab68] {
        padding: 0;
        margin-top: 10px
    }
}

.offers-table[data-v-15b1e5fd] {
    margin-bottom: 60px
}

.offers-table .offer-data[data-v-15b1e5fd] {
    display: grid;
    grid-template-columns: 15.96% 15.96% 15.96% 15.96% 15.96% 20.2%;
    grid-template-rows: repeat(auto-fill,100%);
    background: var(--c-offer-background);
    border-radius: 8px;
    padding: 10px 5px;
    margin: 10px 0
}

.offers-table .offer-data .first[data-v-15b1e5fd] {
    grid-column-start: 1
}

.offers-table .offer-data.offer-header[data-v-15b1e5fd] {
    padding: 5px;
    background: transparent
}

.offers-table .offer-data .offer-hidden[data-v-15b1e5fd] {
    display: none
}

.offers-table .offer-data>div[data-v-15b1e5fd] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.offers-table .offer-data .offer-logo>img[data-v-15b1e5fd] {
    height: 60px
}

.offers-table .offer-data .offer-link[data-v-15b1e5fd] {
    text-transform: uppercase
}

@media screen and (max-width: 420px) {
    .offers-table[data-v-15b1e5fd] {
        margin:0 -1rem 40px;
        display: flex;
        overflow-x: scroll
    }

    .offers-table .offer-data[data-v-15b1e5fd] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 10px;
        padding: 20px 10px;
        border-radius: 8px;
        background: var(--c-offer-background);
        border-bottom: 0
    }

    .offers-table .offer-data .end[data-v-15b1e5fd] {
        width: unset;
        margin-top: 10px
    }

    .offers-table .offer-data .offer-hidden[data-v-15b1e5fd] {
        display: inline;
        margin-right: 3px
    }

    .offers-table .offer-data.offer-header[data-v-15b1e5fd] {
        display: none
    }

    .offers-table .offer-data .offer-name[data-v-15b1e5fd],.offers-table .offer-data .offer-country[data-v-15b1e5fd],.offers-table .offer-data .offer-time[data-v-15b1e5fd],.offers-table .offer-data .offer-min[data-v-15b1e5fd] {
        justify-content: flex-start;
        padding-left: 20px
    }

    .offers-table .offer-data .offer-name[data-v-15b1e5fd] {
        padding-left: 15px;
        color: var(--c-name-color);
        font-weight: 700;
        font-size: 20px
    }
}

.offer-button-app[data-v-de511d47] {
    max-width: 230px
}