@charset "UTF-8";
*:before, *, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

:focus, :active {
    outline: none
}

a:focus, a:active {
    outline: none
}

nav, footer, header, aside {
    display: block
}

html, body {
    min-height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

input, button, textarea {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

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

a:hover {
    text-decoration: none
}

ul li, ol li {
    list-style: none;
    padding-left: 0
}

img {
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400
}

* + h2 {
    margin-top: 24px;
}

.theme71-breadcrumbs {
    width: 100%;
    max-width: calc(var(--width-container) + var(--offsets, 20px) * 2);
    margin-top: var(--wrapper-margin);
    margin-inline: auto;
    padding: 0 var(--offsets, 20px)
}

.theme71-breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.theme71-breadcrumbs__item:not(:first-child) {
    padding-left: 28px;
    position: relative;
}

.theme71-breadcrumbs__item:not(:first-child):before {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.677 3 5.25 4.41 9.886 9 5.25 13.59 6.677 15l6.073-6z" fill="%23fff"/></svg>');
    left: 0;
    position: absolute;
    top: 1px;
}

.sidebar-grid .theme71-wrapper {
    padding: 0;
}

.theme71-wrapper {
    position: relative;
    width: 100%;
    max-width: calc(var(--width-container) + var(--offsets, 20px) * 2);
    margin-top: var(--wrapper-margin);
    margin-inline: auto;
    padding: 0 var(--offsets, 20px)
}

.theme71-wrapper::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #1e244c 0%, #4e589c 47.12%, #1e244c 100%)
}

.theme71-wrapper:has(.theme71-anchor-links)::before {
    content: none;
}

.theme71-wrapper:first-child::before {
    display: none
}

.theme71-wrapper.no-divider::before {
    display: none
}

.theme71-wrapper > img:not(:first-child) {
    margin-top: 20px
}

.theme71-wrapper > img:not(:last-child) {
    margin-bottom: 16px
}

.theme71-wrapper > .btn:not(:first-child) {
    margin-top: 20px
}

@media (max-width: 767.9px) {
    .theme71-wrapper > .btn {
        width: 100%
    }
}

.sidebar-grid {
    width: 100%;
    max-width: calc(var(--width-container));
    background: var(--surface-surface-dim, #0c0f28);
    border-radius: 0 0 8px 8px;
    padding-block: 16px;
    padding-inline: var(--offsets, 20px)
}

.sidebar-grid > * {
    max-width: 100%;
    min-width: 0;
    margin-inline: 0;
    padding-inline: 0
}

@media (min-width: 992px) {
    .sidebar-grid {
        display: grid;
        grid-template-columns:1fr 270px;
        column-gap: 56px;
        margin: var(--wrapper-margin) auto 0;
        margin-top: 0
    }

    .sidebar-grid > * {
        grid-column: 1/2
    }

    .sidebar-grid .theme71-wrapper:first-of-type {
        margin-top: 0
    }

    .sidebar-grid .theme71-wrapper:first-of-type::before {
        display: none
    }

    .sidebar-grid .sidebar {
        align-self: flex-start;
        grid-column: 2/3;
        grid-row: 1/100;
        width: 270px;
        padding-inline: 0
    }
}

@media (max-width: 1320px) {
    .sidebar-grid {
        max-width: calc(100% - var(--offsets, 20px) * 2);
        margin-inline: var(--offsets, 20px)
    }
}

@media (max-width: 575.9px) {
    .sidebar-grid {
        padding: 16px
    }
}

.sidebar {
    width: 100%;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: stretch;*/
    /*justify-content: flex-start;*/
    /*gap: 24px*/
}

@media (max-width: 991.9px) {
    .sidebar {
        gap: 48px
    }

    .sidebar:first-child {
        margin-top: 0
    }

    .sidebar section {
        position: relative
    }

    .sidebar section::before {
        content: "";
        position: absolute;
        top: -24px;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, #1e244c 0%, #4e589c 47.12%, #1e244c 100%)
    }

    .sidebar section:first-child::before {
        display: none
    }
}

@media (max-width: 575.9px) {
    .sidebar h2, .sidebar h3 {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600
    }
}

@media (max-width: 575.9px)and (max-width: 575.9px) {
    .sidebar h2, .sidebar h3 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (max-width: 575.9px) {
    .theme71-section-hero + .theme71-wrapper {
        margin-top: 0
    }
}

h1, h2, h3, h4, h5, h6 {
    color: var(--on-surface-on-surface-light, #fff);
    margin-bottom: 16px
}

h3, h4, h5, h6 {
    margin-top: 24px
}

h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0
}

p:not([class]) a:not([class]), ul:not([class]) a:not([class]), ol:not([class]) a:not([class]) {
    text-decoration: underline;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

p:not([class]) a:not([class]):active, ul:not([class]) a:not([class]):active, ol:not([class]) a:not([class]):active {
    color: var(--primary-primary-hover, #e9335d);
    text-decoration: none
}

@media (any-hover: hover) {
    p:not([class]) a:not([class]):hover, ul:not([class]) a:not([class]):hover, ol:not([class]) a:not([class]):hover {
        color: var(--primary-primary-hover, #e9335d);
        text-decoration: none
    }

    p:not([class]) a:not([class]):focus, ul:not([class]) a:not([class]):focus, ol:not([class]) a:not([class]):focus {
        color: var(--primary-primary-hover, #e9335d);
        text-decoration: none
    }
}

p:not([class]) {
    margin-top: 24px
}

p:not([class]):first-child {
    margin-top: 0
}

h1 {
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: -0.8px;
    font-weight: 700;
    font-style: italic
}

@media (max-width: 575.9px) {
    h1 {
        font-size: 2rem;
        line-height: 2.5rem;
        letter-spacing: -0.64px
    }
}

h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    h2 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

h3, h4, h5, h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    h3, h4, h5, h6 {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

ul:not([class]), ul.wp-block-list, ol:not([class]), ol.wp-block-list {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px
}

ul:not([class]):first-child, ul.wp-block-list:first-child, ol:not([class]):first-child, ol.wp-block-list:first-child {
    margin-top: 0
}

ul:not([class]) li, ul.wp-block-list li, ol:not([class]) li, ol.wp-block-list li {
    position: relative
}

p:not([class]) + ul:not([class]), p:not([class]) + ul.wp-block-list, p:not([class]) + ol:not([class]), p:not([class]) + ol.wp-block-list {
    margin-top: 16px
}

ol:not([class]), ol.wp-block-list {
    counter-reset: ol-default
}

ol:not([class]) li, ol.wp-block-list li {
    counter-increment: ol-default;
    padding-left: 32px
}

.wp-block-list li > .wp-block-list {
    margin-top: 10px;
}

ol:not([class]) > li::before, ol.wp-block-list > li::before {
    content: counter(ol-default);
    position: absolute;
    left: 0;
    top: 0;
    padding: 3px 7px 5px 2px;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 2.5h12.179a.5.5 0 0 1 .462.309l3.738 9a.5.5 0 0 1 0 .382l-3.738 9a.5.5 0 0 1-.462.309H5a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5Z" stroke="url(%23a)"/><path d="M2 5a1 1 0 0 1 1-1h11.938a1 1 0 0 1 .92.609l2.976 7a1 1 0 0 1 0 .782l-2.975 7a1 1 0 0 1-.92.609H3a1 1 0 0 1-1-1z" fill="url(%23b)"/><defs><linearGradient id="a" x1="13" y1="2" x2="13" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="%230C5D87"/><stop offset="1" stop-color="%23156D9A"/></linearGradient><linearGradient id="b" x1="10.5" y1="4" x2="10.5" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="%230C5D87"/><stop offset="1" stop-color="%23156D9A"/></linearGradient></defs></svg>');
    background-position: center;
    background-size: contain;
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 400
}

ul:not([class]) li, ul.wp-block-list li {
    padding-left: 26px
}

ul:not([class]) > li::before, ul.wp-block-list > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.893 3.012a.5.5 0 0 1 .592.607l-.022.07-4.5 11a.5.5 0 0 1-.913.028l-.028-.074-1.435-4.78-4.29-1.906a.5.5 0 0 1 .025-.924l10.5-4zm-5.33 6.63 1.01 3.36 3.023-7.392zM4.812 7.536 7.89 8.904l4.105-4.105z" fill="url(%23a)"/><defs><linearGradient id="a" x1="8.75" y1="3" x2="8.75" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="%230C5D87"/><stop offset="1" stop-color="%23156D9A"/></linearGradient></defs></svg>')
}

h2 + p:not([class]), .author-row + p:not([class]) {
    margin-top: 16px
}

h2 + p {
    margin-top: 16px
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-Black.woff2") format("woff2"), url("../../build/fonts/Exo2-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-BlackItalic.woff2") format("woff2"), url("../../build/fonts/Exo2-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-Bold.woff2") format("woff2"), url("../../build/fonts/Exo2-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-BoldItalic.woff2") format("woff2"), url("../../build/fonts/Exo2-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-ExtraLight.woff2") format("woff2"), url("../../build/fonts/Exo2-ExtraLight.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-ExtraLightItalic.woff2") format("woff2"), url("../../build/fonts/Exo2-ExtraLightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-Italic.woff2") format("woff2"), url("../../build/fonts/Exo2-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-Medium.woff2") format("woff2"), url("../../build/fonts/Exo2-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-MediumItalic.woff2") format("woff2"), url("../../build/fonts/Exo2-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-Regular.woff2") format("woff2"), url("../../build/fonts/Exo2-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-SemiBold.woff2") format("woff2"), url("../../build/fonts/Exo2-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-SemiBoldItalic.woff2") format("woff2"), url("../../build/fonts/Exo2-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-Thin.woff2") format("woff2"), url("../../build/fonts/Exo2-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "Exo2";
    font-display: swap;
    src: url("../../build/fonts/Exo2-ThinItalic.woff2") format("woff2"), url("../../build/fonts/Exo2-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic
}

.form {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.form > .btn {
    width: 100%
}

.form__label {
    min-height: 48px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    display: flex
}

.form__label + .form__label {
    margin-top: 6px
}

.form__label-text {
    position: absolute;
    left: 14px;
    top: 16px;
    background: var(--surface-container-high, #282b24);
    color: var(--on-surface-variant, #c3c8bb);
    padding-inline: 2px;
    pointer-events: none;
    transition-property: transform, top, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.form__label-error {
    position: relative;
    left: 8px;
    display: none;
    align-items: center;
    gap: 6px;
    color: var(--error, #ffb4ab)
}

.form__label.has-value input, .form__label.has-value textarea {
    border-color: var(--primary, #7ade50);
    box-shadow: 0 0 0 1px var(--primary, #7ade50)
}

.form__label.has-value .form__label-text {
    top: 0px;
    transform: translateY(-50%);
    color: var(--primary, #7ade50)
}

.form__label.has-error input, .form__label.has-error textarea {
    border-color: var(--error, #ffb4ab) !important;
    box-shadow: 0 0 0 1px var(--error, #ffb4ab) !important
}

.form__label.has-error .form__label-text {
    color: var(--error, #ffb4ab) !important
}

.form__label.has-error .form__label-error {
    display: flex
}

.form input, .form textarea {
    font-size: 1.125rem;
    line-height: 136%;
    color: var(--on-surface-var, #c0c8d8)
}

.form input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 15px;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    border: 1px solid var(--outline, #8d9287);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
    color: var(--on-surface, #e1e4d9);
    transition-property: border-color, box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .form input:hover {
        border-color: var(--on-surface, #e1e4d9)
    }

    .form input:hover + .form__label-text {
        color: var(--on-surface, #e1e4d9)
    }
}

.form input:focus {
    border-color: var(--primary, #7ade50);
    box-shadow: 0 0 0 1px var(--primary, #7ade50)
}

.form input:focus ~ .form__label-text, .form input:focus .form__label-text {
    top: 0px;
    transform: translateY(-50%);
    color: var(--primary, #7ade50)
}

.form .form__response {
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
    text-align: center
}

.no-scroll {
    overflow: hidden
}

html {
    font: 400 var(--font-default)/1.5 var(--ff-exo2), sans-serif
}

@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: 10px;
        scrollbar-color: var(--primary-primary-hover, #e9335d) rgba(0, 0, 0, 0)
    }
}

html::-webkit-scrollbar {
    width: 10px
}

html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--primary-primary-hover, #e9335d)
}

html::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

body {
    background: var(--surface-container-surface-container-low, #080b1b);
    color: var(--on-surface-on-surface, #d2d5ea);
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 100vh;
    font-size: 1rem;
    line-height: 1.5rem
}

@media (max-width: 575.9px) {
    body {
        font-size: 0.9375rem
    }
}

main {
    flex-grow: 1
}

table, .wp-block-table table {
    width: 100%;
    table-layout: auto;
    border-spacing: 0
}

img, svg {
    max-width: 100%;
    height: auto
}

:root {
    --offsets: 24px;
    --width-container: 1280px;
    --wrapper-margin: 48px;
    --font-default: 16px;
    --ff-exo2: "Exo2", sans-serif;
    --star-color: #fbbf24;
    --star-bg: rgba(255, 255, 255, 0.35);
    --surface-surface-bright: #1a1f42;
    --surface-surface-dim: #0c0f28;
    --surface-surface: #15193a;
    --surface-container-surface-container: rgba(246 246 246 / 0.12);
    --surface-container-surface-container-low: #080b1b;
    --surface-container-surface-container-high: #343b87;
    --surface-container-surface-container-disabled: #191c38;
    --surface-container-on-surface-container-disabled: #454a70;
    --surface-container-surface-container-transparent: rgba(14 14 52 / 0.7);
    --outline-outline-light: #434a82;
    --outline-outline-dark: #2d3365;
    --on-surface-on-surface-dark: #969dd3;
    --on-surface-on-surface: #d2d5ea;
    --on-surface-on-surface-light: #ffffff;
    --primary-primary-hover: #e9335d;
    --primary-primary-focus: #ee3b64;
    --primary-primary-disabled: #aa2e4b;
    --primary-on-primary-disabled: #cc798c;
    --primary-on-primary: #ffe9ee;
    --secondary-secondary-hover: #309509;
    --secondary-secondary-focus: #379f0f;
    --secondary-secondary-disabled: #304f25;
    --secondary-on-secondary-disabled: #4f7441;
    --secondary-on-secondary: #ecffe5;
    --tertiary-tertiary-hover: #15709f;
    --tertiary-tertiary-focus: #1b79aa;
    --tertiary-tertiary-disabled: #1b4d67;
    --tertiary-on-tertiary: #dbf1fd;
    --states-success: #55da5c;
    --states-on-success: #0e1a12;
    --states-error: #f9394c;
    --states-on-error: #ffffff;
    --states-warning: #e67e22;
    --states-on-warning: #1a1410;
    --states-hovered: rgba(255 255 255 / 0.08);
    --states-focused: rgba(255 255 255 / 0.12);
    --surface-container-gold-stop-1-color: #fdce7e;
    --surface-container-gold-stop-1-position: 0%;
    --surface-container-gold-stop-2-color: #b06901;
    --surface-container-gold-stop-2-position: 100%;
    --outline-stroke-v2-stop-1-color: #1e244c;
    --outline-stroke-v2-stop-1-position: 0%;
    --outline-stroke-v2-stop-2-color: #4e589c;
    --outline-stroke-v2-stop-2-position: 47.1%;
    --outline-stroke-v2-stop-3-color: #1e244c;
    --outline-stroke-v2-stop-3-position: 100%;
    --outline-stroke-2-horizontal-stop-1-color: #1e244c;
    --outline-stroke-2-horizontal-stop-1-position: 0%;
    --outline-stroke-2-horizontal-stop-2-color: #4e589c;
    --outline-stroke-2-horizontal-stop-2-position: 47.1%;
    --outline-stroke-2-horizontal-stop-3-color: #1e244c;
    --outline-stroke-2-horizontal-stop-3-position: 100%;
    --outline-outline-stop-1-color: #424c93;
    --outline-outline-stop-1-position: 0%;
    --outline-outline-stop-2-color: #0f1332;
    --outline-outline-stop-2-position: 100%;
    --primary-primary-stop-1-color: #cf254c;
    --primary-primary-stop-1-position: 0%;
    --primary-primary-stop-2-color: #da2851;
    --primary-primary-stop-2-position: 100%;
    --secondary-secondary-stop-1-color: #297908;
    --secondary-secondary-stop-1-position: 0%;
    --secondary-secondary-stop-2-color: #268f01;
    --secondary-secondary-stop-2-position: 100%;
    --tertiary-tertiary-stop-1-color: #0c5d87;
    --tertiary-tertiary-stop-1-position: 0%;
    --tertiary-tertiary-stop-2-color: #156d9a;
    --tertiary-tertiary-stop-2-position: 100%;
    --elevation-1: 0 4px 16px 0 rgba(17 8 22 / 0.24);
    --elevation2: 0 6px 20px 0 rgba(17 8 22 / 0.32);
    --elevation-3: 0 9px 48px 0 rgba(35 16 46 / 0.28);
    --elevation-4: 0 15px 65.9px 0 rgba(6 7 21 / 0.7);
    --elevation-5: 0 15px 36px 0 rgba(6 7 21 / 0.43)
}

@media (max-width: 575.9px) {
    :root {
        --offsets: 16px
    }
}

.theme71-header {
    --header-height: 60px;
    background: var(--surface-surface-bright, #1a1f42);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 8px 32px;
    flex-wrap: wrap;
}

@media (max-width: 1320px) {
    .theme71-header {
        padding-inline: var(--offsets, 20px)
    }
}

@media (max-width: 1239.9px) {
    .theme71-header__logo {
        margin-right: auto
    }
}

@media (max-width: 700px) {
    .theme71-header__btns {
        width: 100%;
    }

    .theme71-header__btns .btn {
        flex: 1;
    }
}

@media (max-width: 575.9px) {
    .theme71-header {
        gap: 12px
    }
}

.theme71-header__logo {
    display: flex
}

.theme71-header__logo:is(a) {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .theme71-header__logo:is(a):hover {
        opacity: .6
    }
}

.theme71-header__logo:is(a):active {
    opacity: .6
}

@media (any-hover: hover) {
    .theme71-header__logo:is(a):focus {
        opacity: .6
    }
}

.theme71-header__logo img, .theme71-header__logo svg {
    max-width: 200px;
    max-height: 50px;
    object-fit: contain;
    width: auto;
}

.theme71-header__nav {
    z-index: 50;
    margin-inline: auto
}

@media (max-width: 1239.9px) {
    .theme71-header__nav {
        background: var(--surface-surface-bright, #1a1f42);
        overflow-y: auto;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: calc(100vh - var(--header-height) + 2px)
    }

    @supports not selector(::-webkit-scrollbar) {
        .theme71-header__nav {
            scrollbar-width: thin;
            scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
        }
    }.theme71-header__nav::-webkit-scrollbar {
         width: 4px
     }

    .theme71-header__nav::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
        border-radius: 9px;
        border: 4px solid rgba(0, 0, 0, 0)
    }

    .theme71-header__nav::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0);
        border-radius: 9px
    }
}

.theme71-header__burger {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 2px;
    padding: 8px;
    cursor: pointer;
    border-radius: var(--border-radius-radius-medium, 12px);
    background: rgba(0, 0, 0, 0);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (min-width: 1240px) {
    .theme71-header__burger {
        display: none
    }
}

@media (any-hover: hover) {
    .theme71-header__burger:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

.theme71-header__burger:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12))
}

@media (any-hover: hover) {
    .theme71-header__burger:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

.theme71-header__burger::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--border-radius-radius-medium, 12px);
    background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.12))
}

.theme71-header__burger::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none"><path d="M16.5 11.833a1 1 0 0 1 0 2h-15a1 1 0 1 1 0-2zM16.5 6a1 1 0 1 1 0 2h-15a1 1 0 0 1 0-2zm0-5.833a1 1 0 1 1 0 2h-15a1 1 0 0 1 0-2z" fill="%23fff"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto
}

@media (max-width: 1239.9px) {
    .theme71-header:not(.menu-active) .theme71-header__nav {
        display: none
    }
}

.theme71-header.menu-active .theme71-header__burger::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M12.124.46a1 1 0 1 1 1.414 1.414L8.413 7l5.126 5.126a1 1 0 0 1-1.414 1.414L6.999 8.413 1.873 13.54A1 1 0 0 1 .46 12.125L5.585 7 .46 1.874A1 1 0 1 1 1.874.46l5.125 5.125z" fill="%23fff"/></svg>')
}

.theme71-header-menu {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px
}

@media (max-width: 1239.9px) {
    .theme71-header-menu {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 8px
    }
}

.theme71-header-menu .submenu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start
}

@supports not selector(::-webkit-scrollbar) {
    .theme71-header-menu .submenu {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
    }
}

.theme71-header-menu .submenu::-webkit-scrollbar {
    width: 4px
}

.theme71-header-menu .submenu::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
    border-radius: 9px;
    border: 4px solid rgba(0, 0, 0, 0)
}

.theme71-header-menu .submenu::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

.theme71-header-menu .item {
    position: relative;
    display: flex;
    flex-direction: row;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-header-menu .item img {
    max-width: 20px;
    max-height: 20px;
    margin-right: 12px;
}

.theme71-header-menu .item.parent {
    cursor: pointer;
    gap: 12px
}

.theme71-header-menu .item a, .theme71-header-menu .item span {
    display: flex;
    flex-direction: row;
    align-items: center;
    transition-property: background, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-header-menu .item svg {
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    min-width: 20px
}

.theme71-header-menu .item svg path {
    transition-property: fill;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-header-menu a, .theme71-header-menu span {
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

@media (min-width: 1240px) {
    .theme71-header-menu > .item.parent, .theme71-header-menu > .item:not(.parent) > a, .theme71-header-menu > .item:not(.parent) > span {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 16px
    }

    .theme71-header-menu > .item.parent:active, .theme71-header-menu > .item:not(.parent) > a:active, .theme71-header-menu > .item:not(.parent) > span:active {
        color: var(--primary-primary-hover, #e9335d)
    }

    .theme71-header-menu > .item.parent:active > svg path, .theme71-header-menu > .item:not(.parent) > a:active > svg path, .theme71-header-menu > .item:not(.parent) > span:active > svg path {
        fill: var(--primary-primary-hover, #e9335d)
    }

    .theme71-header-menu > .item.parent:active > a, .theme71-header-menu > .item.parent:active > span, .theme71-header-menu > .item:not(.parent) > a:active > a, .theme71-header-menu > .item:not(.parent) > a:active > span, .theme71-header-menu > .item:not(.parent) > span:active > a, .theme71-header-menu > .item:not(.parent) > span:active > span {
        color: var(--primary-primary-hover, #e9335d)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .theme71-header-menu > .item.parent:hover, .theme71-header-menu > .item:not(.parent) > a:hover, .theme71-header-menu > .item:not(.parent) > span:hover {
        color: var(--primary-primary-hover, #e9335d)
    }

    .theme71-header-menu > .item.parent:hover > svg path, .theme71-header-menu > .item:not(.parent) > a:hover > svg path, .theme71-header-menu > .item:not(.parent) > span:hover > svg path {
        fill: var(--primary-primary-hover, #e9335d)
    }

    .theme71-header-menu > .item.parent:hover > a, .theme71-header-menu > .item.parent:hover > span, .theme71-header-menu > .item:not(.parent) > a:hover > a, .theme71-header-menu > .item:not(.parent) > a:hover > span, .theme71-header-menu > .item:not(.parent) > span:hover > a, .theme71-header-menu > .item:not(.parent) > span:hover > span {
        color: var(--primary-primary-hover, #e9335d)
    }

    .theme71-header-menu > .item.parent:focus, .theme71-header-menu > .item:not(.parent) > a:focus, .theme71-header-menu > .item:not(.parent) > span:focus {
        color: var(--primary-primary-hover, #e9335d)
    }

    .theme71-header-menu > .item.parent:focus > svg path, .theme71-header-menu > .item:not(.parent) > a:focus > svg path, .theme71-header-menu > .item:not(.parent) > span:focus > svg path {
        fill: var(--primary-primary-hover, #e9335d)
    }

    .theme71-header-menu > .item.parent:focus > a, .theme71-header-menu > .item.parent:focus > span, .theme71-header-menu > .item:not(.parent) > a:focus > a, .theme71-header-menu > .item:not(.parent) > a:focus > span, .theme71-header-menu > .item:not(.parent) > span:focus > a, .theme71-header-menu > .item:not(.parent) > span:focus > span {
        color: var(--primary-primary-hover, #e9335d)
    }
}

@media (min-width: 1240px) {
    .theme71-header-menu > .item.parent:active, .theme71-header-menu > .item:not(.parent) > a:active, .theme71-header-menu > .item:not(.parent) > span:active {
        color: var(--primary-primary-focus, #ee3b64)
    }

    .theme71-header-menu > .item.parent:active > svg path, .theme71-header-menu > .item:not(.parent) > a:active > svg path, .theme71-header-menu > .item:not(.parent) > span:active > svg path {
        fill: var(--primary-primary-focus, #ee3b64)
    }

    .theme71-header-menu > .item.parent:active > a, .theme71-header-menu > .item.parent:active > span, .theme71-header-menu > .item:not(.parent) > a:active > a, .theme71-header-menu > .item:not(.parent) > a:active > span, .theme71-header-menu > .item:not(.parent) > span:active > a, .theme71-header-menu > .item:not(.parent) > span:active > span {
        color: var(--primary-primary-focus, #ee3b64)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .theme71-header-menu > .item.parent:focus, .theme71-header-menu > .item:not(.parent) > a:focus, .theme71-header-menu > .item:not(.parent) > span:focus {
        color: var(--primary-primary-focus, #ee3b64)
    }

    .theme71-header-menu > .item.parent:focus > svg path, .theme71-header-menu > .item:not(.parent) > a:focus > svg path, .theme71-header-menu > .item:not(.parent) > span:focus > svg path {
        fill: var(--primary-primary-focus, #ee3b64)
    }

    .theme71-header-menu > .item.parent:focus > a, .theme71-header-menu > .item.parent:focus > span, .theme71-header-menu > .item:not(.parent) > a:focus > a, .theme71-header-menu > .item:not(.parent) > a:focus > span, .theme71-header-menu > .item:not(.parent) > span:focus > a, .theme71-header-menu > .item:not(.parent) > span:focus > span {
        color: var(--primary-primary-focus, #ee3b64)
    }
}

@media (min-width: 1240px) {
    .theme71-header-menu > .item.current.parent, .theme71-header-menu > .item.current:not(.parent) > a, .theme71-header-menu > .item.current:not(.parent) > span {
        color: var(--primary-primary-focus, #ee3b64)
    }

    .theme71-header-menu > .item.current.parent > svg path, .theme71-header-menu > .item.current:not(.parent) > a > svg path, .theme71-header-menu > .item.current:not(.parent) > span > svg path {
        fill: var(--primary-primary-focus, #ee3b64)
    }

    .theme71-header-menu > .item.current.parent > a, .theme71-header-menu > .item.current.parent > span, .theme71-header-menu > .item.current:not(.parent) > a > a, .theme71-header-menu > .item.current:not(.parent) > a > span, .theme71-header-menu > .item.current:not(.parent) > span > a, .theme71-header-menu > .item.current:not(.parent) > span > span {
        color: var(--primary-primary-focus, #ee3b64)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .theme71-header-menu > .item.parent:hover > svg {
        transform: rotate(-180deg)
    }
}

@media (min-width: 1240px) {
    .theme71-header-menu > .item:nth-child(1) {
        z-index: 49
    }

    .theme71-header-menu > .item:nth-child(2) {
        z-index: 48
    }

    .theme71-header-menu > .item:nth-child(3) {
        z-index: 47
    }

    .theme71-header-menu > .item:nth-child(4) {
        z-index: 46
    }

    .theme71-header-menu > .item:nth-child(5) {
        z-index: 45
    }

    .theme71-header-menu > .item:nth-child(6) {
        z-index: 44
    }

    .theme71-header-menu > .item:nth-child(7) {
        z-index: 43
    }

    .theme71-header-menu > .item:nth-child(8) {
        z-index: 42
    }

    .theme71-header-menu > .item:nth-child(9) {
        z-index: 41
    }

    .theme71-header-menu > .item:nth-child(10) {
        z-index: 40
    }

    .theme71-header-menu > .item:nth-child(11) {
        z-index: 39
    }

    .theme71-header-menu > .item:nth-child(12) {
        z-index: 38
    }

    .theme71-header-menu > .item:nth-child(13) {
        z-index: 37
    }

    .theme71-header-menu > .item:nth-child(14) {
        z-index: 36
    }

    .theme71-header-menu > .item:nth-child(15) {
        z-index: 35
    }

    .theme71-header-menu > .item:nth-child(16) {
        z-index: 34
    }

    .theme71-header-menu > .item:nth-child(17) {
        z-index: 33
    }

    .theme71-header-menu > .item:nth-child(18) {
        z-index: 32
    }

    .theme71-header-menu > .item:nth-child(19) {
        z-index: 31
    }

    .theme71-header-menu > .item:nth-child(20) {
        z-index: 30
    }

    .theme71-header-menu > .item:nth-child(21) {
        z-index: 29
    }

    .theme71-header-menu > .item:nth-child(22) {
        z-index: 28
    }

    .theme71-header-menu > .item:nth-child(23) {
        z-index: 27
    }

    .theme71-header-menu > .item:nth-child(24) {
        z-index: 26
    }

    .theme71-header-menu > .item:nth-child(25) {
        z-index: 25
    }

    .theme71-header-menu > .item:nth-child(26) {
        z-index: 24
    }

    .theme71-header-menu > .item:nth-child(27) {
        z-index: 23
    }

    .theme71-header-menu > .item:nth-child(28) {
        z-index: 22
    }

    .theme71-header-menu > .item:nth-child(29) {
        z-index: 21
    }

    .theme71-header-menu > .item:nth-child(30) {
        z-index: 20
    }

    .theme71-header-menu > .item:nth-child(31) {
        z-index: 19
    }

    .theme71-header-menu > .item:nth-child(32) {
        z-index: 18
    }

    .theme71-header-menu > .item:nth-child(33) {
        z-index: 17
    }

    .theme71-header-menu > .item:nth-child(34) {
        z-index: 16
    }

    .theme71-header-menu > .item:nth-child(35) {
        z-index: 15
    }

    .theme71-header-menu > .item:nth-child(36) {
        z-index: 14
    }

    .theme71-header-menu > .item:nth-child(37) {
        z-index: 13
    }

    .theme71-header-menu > .item:nth-child(38) {
        z-index: 12
    }

    .theme71-header-menu > .item:nth-child(39) {
        z-index: 11
    }

    .theme71-header-menu > .item:nth-child(40) {
        z-index: 10
    }

    .theme71-header-menu > .item:nth-child(41) {
        z-index: 9
    }

    .theme71-header-menu > .item:nth-child(42) {
        z-index: 8
    }

    .theme71-header-menu > .item:nth-child(43) {
        z-index: 7
    }

    .theme71-header-menu > .item:nth-child(44) {
        z-index: 6
    }

    .theme71-header-menu > .item:nth-child(45) {
        z-index: 5
    }

    .theme71-header-menu > .item:nth-child(46) {
        z-index: 4
    }

    .theme71-header-menu > .item:nth-child(47) {
        z-index: 3
    }

    .theme71-header-menu > .item:nth-child(48) {
        z-index: 2
    }

    .theme71-header-menu > .item:nth-child(49) {
        z-index: 1
    }

    .theme71-header-menu > .item:nth-child(50) {
        z-index: 0
    }

    .theme71-header-menu .item {
        justify-content: space-between
    }

    .theme71-header-menu .item.parent::before {
        content: "";
        width: 100%;
        height: 16px;
        position: absolute;
        top: 100%;
        left: 0;
        transform: translate(0, -4px);
        display: none
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .theme71-header-menu .item.parent:hover::before {
        display: block
    }

    .theme71-header-menu .item.parent:hover > .submenu {
        display: flex
    }
}

@media (min-width: 1240px) {
    .theme71-header-menu .item_left > .submenu {
        left: unset;
        right: 0
    }

    .theme71-header-menu .item_left > .submenu > .item {
        flex-direction: row-reverse
    }

    .theme71-header-menu .item_left > .submenu > .item > a, .theme71-header-menu .item_left > .submenu > .item > span {
        flex-direction: row-reverse
    }

    .theme71-header-menu .item_left > .submenu > .item.parent > svg {
        transform: rotate(90deg)
    }

    .theme71-header-menu .item_left > .submenu .submenu {
        left: 0px;
        transform: translateX(-100%)
    }

    .theme71-header-menu .submenu {
        width: 224px;
        display: none;
        padding-block: 8px;
        border-radius: 4px;
        background: var(--surface-surface-bright, #1a1f42);
        position: absolute;
        top: calc(100% + 7px);
        left: 0
    }

    .theme71-header-menu .submenu .submenu {
        overflow-y: auto;
        overflow-x: clip;
        max-height: 300px;
        top: -8px;
        left: calc(100% - 1px);
        transform: translateX(0)
    }

    @supports not selector(::-webkit-scrollbar) {
        .theme71-header-menu .submenu .submenu {
            scrollbar-width: thin;
            scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
        }
    }.theme71-header-menu .submenu .submenu::-webkit-scrollbar {
         width: 4px
     }

    .theme71-header-menu .submenu .submenu::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
        border-radius: 9px;
        border: 4px solid rgba(0, 0, 0, 0)
    }

    .theme71-header-menu .submenu .submenu::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0);
        border-radius: 9px
    }

    .theme71-header-menu .submenu .item {
        text-transform: none
    }

    .theme71-header-menu .submenu .item.parent, .theme71-header-menu .submenu .item:not(.parent) > a, .theme71-header-menu .submenu .item:not(.parent) > span {
        padding: 12px;
        min-height: 40px;
        text-align: left
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .theme71-header-menu .submenu .item.parent:hover, .theme71-header-menu .submenu .item:not(.parent) > a:hover, .theme71-header-menu .submenu .item:not(.parent) > span:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

@media (min-width: 1240px) {
    .theme71-header-menu .submenu .item.parent:active, .theme71-header-menu .submenu .item:not(.parent) > a:active, .theme71-header-menu .submenu .item:not(.parent) > span:active {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .theme71-header-menu .submenu .item.parent:focus, .theme71-header-menu .submenu .item:not(.parent) > a:focus, .theme71-header-menu .submenu .item:not(.parent) > span:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .theme71-header-menu .submenu .item.parent > a:hover {
        color: var(--primary-primary-hover, #e9335d)
    }
}

@media (min-width: 1240px) {
    .theme71-header-menu .submenu .item.parent > a:active {
        color: var(--primary-primary-focus, #ee3b64)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .theme71-header-menu .submenu .item.parent > a:focus {
        color: var(--primary-primary-focus, #ee3b64)
    }
}

@media (min-width: 1240px) {
    .theme71-header-menu .submenu .item.parent > svg {
        transform: rotate(-90deg)
    }

    .theme71-header-menu .submenu .item:not(.parent) a, .theme71-header-menu .submenu .item:not(.parent) span {
        width: 100%
    }

    .theme71-header-menu .submenu .item.current.parent, .theme71-header-menu .submenu .item.current:not(.parent) > a, .theme71-header-menu .submenu .item.current:not(.parent) > span {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

@media (max-width: 1239.9px) {
    .theme71-header-menu {
        padding: 8px 16px
    }

    .theme71-header-menu > .item.parent.active {
        padding-bottom: 0
    }

    .theme71-header-menu > .item.parent.active::after {
        display: none
    }

    .theme71-header-menu .item {
        flex-wrap: wrap
    }

    .theme71-header-menu .item.parent, .theme71-header-menu .item:not(.parent) > a, .theme71-header-menu .item:not(.parent) > span {
        padding: 12px;
        width: 100%;
        min-height: 48px
    }
}

@media (max-width: 1239.9px)and (any-hover: hover) {
    .theme71-header-menu .item.parent:hover, .theme71-header-menu .item:not(.parent) > a:hover, .theme71-header-menu .item:not(.parent) > span:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

@media (max-width: 1239.9px) {
    .theme71-header-menu .item.parent:active, .theme71-header-menu .item:not(.parent) > a:active, .theme71-header-menu .item:not(.parent) > span:active {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

@media (max-width: 1239.9px)and (any-hover: hover) {
    .theme71-header-menu .item.parent:focus, .theme71-header-menu .item:not(.parent) > a:focus, .theme71-header-menu .item:not(.parent) > span:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

@media (max-width: 1239.9px) {
    .theme71-header-menu .item svg {
        margin-left: auto;
        transform: rotate(-90deg)
    }

    .theme71-header-menu .item.parent.active {
        position: fixed;
        top: var(--header-height);
        left: 0;
        bottom: 0;
        right: 0;
        background: var(--surface-surface-bright, #1a1f42);
        flex-direction: column;
        flex-wrap: nowrap;
        z-index: 10;
        margin-left: 0;
        transition-duration: 0s;
        gap: 0;
        padding: 16px
    }

    .theme71-header-menu .item.parent.active:active:has(.submenu:not(:hover))::before {
        background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12))
    }

    .theme71-header-menu .item.parent.active > :is(a,span) {
        position: relative;
        align-items: center;
        justify-content: center;
        height: 40px;
        font-size: 1.125rem;
        line-height: 1.5rem;
        text-align: center;
        padding-left: 56px
    }

    .theme71-header-menu .item.parent.active > :is(a,span)::before {
        content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m22.581 26.667 1.586-1.567-5.151-5.1 5.15-5.1-1.585-1.567L15.833 20z" fill="%23fff"/></svg>');
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 40px;
        height: 40px
    }

    .theme71-header-menu .item.parent.active > svg {
        display: none
    }

    .theme71-header-menu .item.parent.active > .submenu {
        display: flex;
        overflow-y: auto;
        padding-top: 0;
        z-index: 0;
        flex: 1;
        margin-top: 16px
    }

    .theme71-header-menu .item.parent {
        gap: 8px
    }

    .theme71-header-menu .item.parent > a, .theme71-header-menu .item.parent > span {
        max-width: calc(100% - 36px)
    }

    .theme71-header-menu .item.current:not(.parent) a, .theme71-header-menu .item.current:not(.parent) > span {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }

    .theme71-header-menu .submenu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: none
    }
}

* + .theme71-faq {
    margin-top: 24px;
}

.theme71-faq {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.theme71-faq__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    flex: 1
}

.theme71-faq__item {
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--outline-outline-light, #434a82);
    overflow: hidden
}

.theme71-faq__item p {
    margin: 16px
}

.theme71-faq__item .theme71-faq__item-answer {
    display: none;
}

.theme71-faq__item[data-open] .theme71-faq__item-answer {
    display: block;
    margin-top: 16px;
}

.theme71-faq__item[data-open] h3 {
    background: var(--surface-surface, #15193a)
}

.theme71-faq__item[data-open] h3 .theme71-faq__item-arrow::after {
    transform: rotate(-180deg)
}

.theme71-faq__item-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: var(--border-radius-radius-medium, 12px);
    border: 1px solid var(--on-surface-on-surface-dark, #969dd3);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-faq__item-arrow::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16.667 7.419 15.1 5.833l-5.1 5.15-5.1-5.15-1.567 1.586L10 14.166z" fill="%23fff"/></svg>');
    width: 20px;
    height: 20px;
    display: block;
    transform-origin: center;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-faq__item h3 {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding: 16px;
    cursor: pointer;
    list-style: none;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
}

.theme71-faq__item h3::marker {
    content: ""
}

.theme71-faq__item h3::-webkit-details-marker {
    display: none
}

@media (any-hover: hover) {
    .theme71-faq__item h3:hover .theme71-faq__item-arrow {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

.theme71-faq__item h3:active .theme71-faq__item-arrow {
    background: var(--states-focused, rgba(255, 255, 255, 0.12))
}

.theme71-faq .theme71-author-block {
    margin: 0;
    flex: .4324
}

@media (max-width: 991.9px) {
    .theme71-faq {
        flex-direction: column
    }

    .theme71-faq__list {
        width: 100%
    }

    .theme71-faq .theme71-author-block {
        width: 100%
    }
}

@media (max-width: 575.9px) {
    .theme71-faq__item h3 {
        padding: 8px 16px;
        min-height: 56px
    }

    .theme71-faq__list {
        gap: 8px
    }
}

.theme71-footer {
    position: relative;
    margin-top: 32px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    background: var(--surface-surface-bright, #1a1f42)
}

.theme71-footer__social {
    display: flex;
    gap: 10px;
}

.theme71-footer__social img {
    max-width: 30px;
}

.theme71-footer__row {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px 64px;
    padding-bottom: 24px
}

.theme71-footer__row--copyright {
    gap: 16px;
    align-items: center
}

.theme71-footer__row::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #1e244c 0%, #4e589c 47.12%, #1e244c 100%)
}

.theme71-footer__nav {
    width: 100%;
    flex: 1
}

.theme71-footer__nav-list {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 16px 24px
}

.theme71-footer__nav-list a {
    color: var(--on-surface-on-surface-light, #fff);
    text-align: center;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-footer__external-links, .theme71-footer__providers {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.theme71-footer__external-links__image, .theme71-footer__providers img {
    max-height: 50px;
    width: auto;
}

@media (any-hover: hover) {
    .theme71-footer__nav-list a:hover {
        color: var(--primary-primary-hover, #e9335d)
    }
}

.theme71-footer__nav-list a:active {
    color: var(--primary-primary-focus, #ee3b64)
}

@media (any-hover: hover) {
    .theme71-footer__nav-list a:focus {
        color: var(--primary-primary-focus, #ee3b64)
    }
}

.theme71-footer__nav-item, .theme71-footer__nav-link {
    text-align: center
}

.theme71-footer__flags {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: wrap
}

.theme71-footer__flags li {
    max-width: 32px;
    max-height: 23px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.theme71-footer__flags img, .theme71-footer__flags svg {
    max-width: 100%;
    max-height: 100%
}

.theme71-footer__logo {
    display: flex
}

.theme71-footer__logo:is(a) {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .theme71-footer__logo:is(a):hover {
        opacity: .6
    }
}

.theme71-footer__logo:is(a):active {
    opacity: .6
}

@media (any-hover: hover) {
    .theme71-footer__logo:is(a):focus {
        opacity: .6
    }
}

.theme71-footer__logo img, .theme71-footer__logo svg {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain
}

.theme71-footer__copyright {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: var(--on-surface-on-surface-light, #fff)
}

.theme71-footer__copyright img, .theme71-footer__copyright svg {
    max-width: 32px;
    max-height: 32px
}

@media (max-width: 1320px) {
    .theme71-footer {
        padding-inline: var(--offsets, 20px)
    }
}

@media (max-width: 991.9px) {
    .theme71-footer__row {
        flex-direction: column;
        align-items: flex-start
    }

    .theme71-footer__row--copyright {
        flex-direction: column-reverse
    }

    .theme71-footer__nav-list {
        grid-template-columns:repeat(2, 1fr)
    }

    .theme71-footer__flags {
        margin-left: 0
    }
}

@media (max-width: 575.9px) {
    .theme71-footer {
        gap: 20px;
        padding-block: 24px;
        margin-top: 24px
    }

    .theme71-footer__row {
        padding-bottom: 20px
    }

    .theme71-footer__nav-list {
        grid-template-columns:1fr;
        flex-direction: column;
        gap: 20px
    }

    .theme71-footer__nav-item, .theme71-footer__nav-link {
        text-align: left
    }

    .theme71-footer__copyright {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 16px;
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media (max-width: 575.9px)and (max-width: 575.9px) {
    .theme71-footer__copyright {
        font-size: 0.75rem
    }
}

@media (max-width: 575.9px) {
    .theme71-footer__flags {
        gap: 8px
    }

    .theme71-footer__flags li {
        max-width: 24px;
        max-height: 17px
    }

    .theme71-footer__info {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media (max-width: 575.9px)and (max-width: 575.9px) {
    .theme71-footer__info {
        font-size: 0.75rem
    }
}

@media (max-width: 575.9px) {
    .theme71-footer__logo img, .theme71-footer__logo svg {
        max-height: 50px
    }
}


.theme71-mob-btn {
    position: sticky;
    left: 0;
    bottom: 0;
    z-index: 80;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    visibility: hidden;
    display: flex;
}

@media (min-width: 650px) {
    .theme71-mob-btn {
        visibility: hidden;
        display: none;
    }
}

.theme71-mob-btn img, .theme71-mob-btn svg {
    max-width: 100px;
    max-height: 20px;
    width: auto;
}

.theme71-mob-btn .btn {
    margin-left: auto;
    border-radius: 8px
}

.theme71-mob-btn__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px
}


.theme71-mob-btn:not(.theme71-mob-btn--v2) {
    gap: 16px;
    border-radius: 16px 16px 0 0;
    background: var(--surface-surface-dim, #0c0f28)
}

.theme71-mob-btn:not(.theme71-mob-btn--v2) .btn {
    min-width: 156px
}

.theme71-mob-btn:not(.theme71-mob-btn--v2) .theme71-mob-btn__text {
    color: var(--on-surface-on-surface-light, #fff)
}

.theme71-mob-btn:not(.theme71-mob-btn--v2) .theme71-mob-btn__text span {
    font: var(--font-second);
}

.theme71-mob-btn.theme71-mob-btn--v2 {
    border-radius: 0;
    background: var(--surface-container, #221e24)
}

.theme71-mob-btn.theme71-mob-btn--v2 .btn {
    padding: 8px;
    min-width: 127px
}

.theme71-mob-btn.theme71-mob-btn--v2 .theme71-mob-btn__text {
    gap: 2px;
    color: var(--on-surface, #e8e0e8);
    font: var(--font-second);
}

.theme71-mob-btn.theme71-mob-btn--v2 .theme71-mob-btn__text span {
    color: var(--primary, #fed35a)
}

.theme71-scroll-to-top {
    position: fixed;
    bottom: 140px;
    right: 15px;
    z-index: 49;
    opacity: 10;
    visibility: hidden;
}

.theme71-scroll-to-top__button {
    position: relative;
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: var(--Corner_radius-3, 8px);
    background: rgb(53 59 136);
    color: #fff;
    overflow: hidden;
    font-size: 20px;
    line-height: 1;
    font-variant-emoji: text;
}

.theme71-section-hero {
    margin-block: 32px 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px
}

.theme71-section-hero h1, .theme71-section-hero p {
    margin: 0;
    text-align: center
}

.theme71-section-hero p:not([class]) {
    max-width: 846px
}

.theme71-section-hero__demo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 15px 65.9px 0 rgba(6, 7, 21, .7);
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(var(--surface-container-surface-container-low, #080b1b) 0 0) padding-box, linear-gradient(180deg, #424c93 0%, #0f1332 100%) border-box
}

.theme71-section-hero__demo > * {
    position: relative;
    z-index: 1
}

.theme71-section-hero__demo-row {
    padding: 8px 24px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    background: var(--surface-container-surface-container-transparent, rgba(14, 14, 52, 0.7))
}

.theme71-section-hero__demo-logo {
    margin-left: -24px;
    margin-block: -8px;
    max-width: 290px;
    padding: 8px 8px 8px 24px;
    border-radius: 0 32px 0 0;
    background: linear-gradient(180deg, #161b3f 0.7%, #0f1332 100.7%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    color: var(--on-surface-on-surface-light, #fff);
    font-weight: 600
}

.theme71-section-hero__demo-logo img, .theme71-section-hero__demo-logo svg {
    border-radius: 8px;
    max-width: 70px;
    max-height: 55px;
    object-fit: cover;
    width: auto;
}

.theme71-section-hero__demo-btns {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap
}

.theme71-section-hero__demo-btns .btn {
    flex: 1
}

.theme71-section-hero__demo > img {
    max-height: 509px;
    object-fit: cover;
    /*object-position: top;*/
    margin: auto;
}

@media (max-width: 991.9px) {
    .theme71-section-hero__demo-row {
        flex-direction: column-reverse;
        align-items: stretch
    }

    .theme71-section-hero__demo-logo {
        max-width: calc(100% + 48px);
        width: calc(100% + 48px);
        border-radius: 0
    }
}

@media (max-width: 575.9px) {
    .theme71-section-hero {
        margin-block: 16px 24px;
        gap: 16px
    }

    .theme71-section-hero__demo > img {
        height: 172px
    }

    .theme71-section-hero__demo-row {
        padding: 0;
        gap: 0
    }

    .theme71-section-hero__demo-btns {
        padding: 12px 8px;
        gap: 8px
    }

    .theme71-section-hero__demo-logo {
        margin: 0;
        width: 100%;
        max-width: 100%;
        padding: 4px 8px 8px;
        gap: 8px
    }

    .theme71-section-hero__demo-logo img, .theme71-section-hero__demo-logo svg {
        width: 70px;
        height: 48px
    }
}

* + .theme71-custom-image {
    margin-top: 24px;
}

.theme71-custom-image img {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border-radius: 8px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(rgba(14, 17, 43, 0.7) 0 0) padding-box, linear-gradient(180deg, #424c93 0%, #0f1332 100%) border-box;
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.modal.active {
    z-index: 9999;
    overflow: hidden;
    touch-action: none
}

.modal:not(.active) {
    display: none
}

.modal__content {
    position: relative;
    margin: auto var(--offsets, 20px);
    padding: 12px 16px 0;
    width: 100%;
    max-width: calc(var(--width-container));
    max-height: calc(100vh - var(--offsets, 20px));
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: linear-gradient(rgb(14, 14, 52) 0 0) padding-box, linear-gradient(180deg, #424c93 0%, #0f1332 100%) border-box;
    overflow: hidden;
    display: grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto 1fr;
    gap: 12px 16px
}

.modal__content > * {
    grid-column: 1/-1
}

.modal__content .modal__title {
    grid-column: 1/2
}

.modal__content .modal__close {
    grid-column: 2/3
}

.modal__content .btn {
    min-width: 200px;
    margin-inline: auto;
    margin-top: -4px
}

@media (max-width: 575.9px) {
    .modal__content {
        height: 100%;
        width: 100%;
        max-height: 100%;
        max-width: 100%;
        margin: 0;
        border-radius: 0
    }

    .modal__content .btn {
        width: 100%;
        min-width: unset
    }
}

.modal__body {
    grid-column: 1/-1;
    position: relative;
    aspect-ratio: 16/9;
    margin-left: -16px;
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    max-height: 100%;
    padding: 16px;
    background: var(--surface-surface-bright, #1a1f42);
    overflow-y: auto
}

@supports not selector(::-webkit-scrollbar) {
    .modal__body {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
    }
}

.modal__body::-webkit-scrollbar {
    width: 4px
}

.modal__body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
    border-radius: 9px;
    border: 4px solid rgba(0, 0, 0, 0)
}

.modal__body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

@media (max-width: 575.9px) {
    .modal__body {
        aspect-ratio: unset
    }
}

.modal__body:before {
    content: "Loading...";
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    color: var(--on-surface-on-surface-light, #fff);
    animation: loading 1s linear infinite alternate;
    z-index: 1
}

@keyframes loading {
    to {
        opacity: 0
    }
}

.modal iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 2;
    display: block
}

.modal__title {
    align-self: center;
    color: var(--on-surface-on-surface-light, #fff);
    margin-right: auto;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .modal__title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.modal__close {
    align-self: center;
    position: relative;
    background: rgba(0, 0, 0, 0);
    border: 0;
    margin: 2px;
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-radius-medium, 12px);
    background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.12))
}

.modal__close::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.124 3.46a1 1 0 1 1 1.414 1.414l-5.125 5.125 5.126 5.126a1 1 0 0 1-1.414 1.414l-5.126-5.126-5.126 5.126a1 1 0 0 1-1.414-1.414l5.126-5.126L3.46 4.874A1 1 0 1 1 4.874 3.46l5.125 5.125z" fill="%23fff"/></svg>');
    width: 20px;
    height: 20px;
    display: block
}

.modal__close::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--border-radius-radius-medium, 12px);
    background: rgba(0, 0, 0, 0);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .modal__close:hover::before {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

.modal__close:active::before {
    background: var(--states-focused, rgba(255, 255, 255, 0.12))
}

@media (any-hover: hover) {
    .modal__close:focus::before {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

.btn {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    padding: 12px 24px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0);
    color: var(--primary-on-primary, #ffe9ee);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    transition-property: background, box-shadow, color, border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.btn svg {
    min-width: 18px;
    min-height: 18px;
    max-width: 24px;
    max-height: 48px
}

.btn svg path {
    fill: currentColor
}

.btn[disabled], .btn.disabled {
    pointer-events: none
}

.btn--l {
    padding: 16px 32px
}

.btn--s {
    padding: 8px 16px
}

.btn--filled {
    box-shadow: 0 4px 16px 0 rgba(17, 8, 22, .24)
}

.btn--filled:active {
    box-shadow: 0 6px 20px 0 rgba(17, 8, 22, .32)
}

@media (any-hover: hover) {
    .btn--filled:hover {
        box-shadow: 0 6px 20px 0 rgba(17, 8, 22, .32)
    }

    .btn--filled:focus {
        box-shadow: 0 6px 20px 0 rgba(17, 8, 22, .32)
    }
}

.btn--primary {
    color: var(--primary-on-primary, #ffe9ee);
    background: #d5274f
}

@media (any-hover: hover) {
    .btn--primary:hover {
        background: var(--primary-primary-hover, #e9335d)
    }
}

.btn--primary:active {
    background: var(--primary-primary-focus, #ee3b64)
}

@media (any-hover: hover) {
    .btn--primary:focus {
        background: var(--primary-primary-focus, #ee3b64)
    }
}

.btn--primary[disabled], .btn--primary.disabled {
    background: var(--primary-primary-disabled, #aa2e4b);
    color: var(--primary-on-primary-disabled, #cc798c)
}

.btn--secondary {
    color: var(--secondary-on-secondary, #ecffe5);
    background: #278403
}

@media (any-hover: hover) {
    .btn--secondary:hover {
        background: var(--secondary-secondary-hover, #309509)
    }
}

.btn--secondary:active {
    background: var(--secondary-secondary-focus, #379f0f)
}

@media (any-hover: hover) {
    .btn--secondary:focus {
        background: var(--secondary-secondary-focus, #379f0f)
    }
}

.btn--secondary[disabled], .btn--secondary.disabled {
    background: var(--secondary-secondary-disabled, #304f25);
    color: var(--secondary-on-secondary-disabled, #4f7441)
}

.btn--tertiary {
    background: #0c5d87;
    color: var(--tertiary-on-tertiary, #dbf1fd)
}

@media (any-hover: hover) {
    .btn--tertiary:hover {
        background: var(--tertiary-tertiary-hover, #15709f)
    }
}

.btn--tertiary:active {
    background: var(--tertiary-tertiary-focus, #1b79aa)
}

@media (any-hover: hover) {
    .btn--tertiary:focus {
        background: var(--tertiary-tertiary-focus, #1b79aa)
    }
}

.btn--tertiary[disabled], .btn--tertiary.disabled {
    background: var(--tertiary-tertiary-disabled, #1b4d67)
}

.btn--elevated {
    color: var(--on-surface-on-surface-light, #fff);
    background: rgb(53 59 136)
}

.btn--elevated::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--surface-container-surface-container-high, #343b87)
}

@media (any-hover: hover) {
    .btn--elevated:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

.btn--elevated:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12))
}

@media (any-hover: hover) {
    .btn--elevated:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

.btn--elevated[disabled], .btn--elevated.disabled {
    color: var(--surface-container-on-surface-container-disabled, #454a70);
    background: var(--surface-container-surface-container-disabled, #191c38)
}

.btn--outlined {
    background: rgba(0, 0, 0, 0);
    color: var(--on-surface-on-surface, #d2d5ea);
    border: 1px solid var(--on-surface-on-surface-light, #fff)
}

@media (any-hover: hover) {
    .btn--outlined:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

.btn--outlined:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12))
}

@media (any-hover: hover) {
    .btn--outlined:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

.btn--outlined[disabled], .btn--outlined.disabled {
    border-color: var(--on-surface-on-surface-dark, #969dd3);
    color: var(--surface-container-on-surface-container-disabled, #454a70)
}

.btn--text, .btn--link {
    color: var(--on-surface-on-surface-light, #fff)
}

@media (any-hover: hover) {
    .btn--text:hover, .btn--link:hover {
        color: var(--primary-primary-hover, #e9335d)
    }
}

.btn--text:active, .btn--link:active {
    color: var(--primary-primary-focus, #ee3b64)
}

@media (any-hover: hover) {
    .btn--text:focus, .btn--link:focus {
        color: var(--primary-primary-focus, #ee3b64)
    }
}

.btn--text[disabled], .btn--text.disabled, .btn--link[disabled], .btn--link.disabled {
    color: var(--surface-container-on-surface-container-disabled, #454a70)
}

.btn--link {
    padding: 0
}

.btn.btn--link.btn--s {
    font-size: 0.9375rem
}

@media (max-width: 575.9px) {
    .btn--l {
        padding: 12px 24px
    }
}

.pros-cons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
    margin-top: 24px
}

.pros-cons:first-child {
    margin-top: 0px
}

.pros-cons__item--cons .pros-cons__list li::before {
    content: url('data:image/svg+xml,<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.158 25.392q.552 0 .792.24.24.216.24.792v1.2q0 .6-.24.84-.24.216-.792.216h-.72q-.576 0-.816-.216-.216-.24-.216-.84v-1.2q0-.576.216-.792.24-.24.816-.24zM20.786 12c.802 0 1.452.65 1.452 1.452v5.388l-.216 3.503a1.23 1.23 0 0 1-2.453.007l-.235-3.51v-5.388c0-.802.65-1.452 1.452-1.452" fill="%23E67E22"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.334 2c9.941 0 18 8.059 18 18s-8.059 18-18 18-18-8.059-18-18 8.059-18 18-18m0 2c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.164-16-16-16" fill="%23E67E22"/></svg>')
}

.pros-cons__title {
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

.pros-cons__list {
    margin-top: 16px;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px
}

.pros-cons__list:first-child {
    margin-top: 0
}

.pros-cons__list li {
    position: relative;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--outline-outline-dark, #2d3365);
    color: var(--on-surface-on-surface-light, #fff);
    font-weight: 600
}

.pros-cons__list li::before {
    content: url('data:image/svg+xml,<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.558 14.37a1 1 0 0 1 1.664 1.09l-.051.088-6.553 10a1.002 1.002 0 0 1-1.498.202l-5.447-4.8a1 1 0 0 1 1.322-1.5l4.582 4.037 5.92-9.035z" fill="%2355DA5C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.334 2c9.941 0 18 8.059 18 18s-8.059 18-18 18-18-8.059-18-18 8.059-18 18-18m0 2c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.164-16-16-16" fill="%2355DA5C"/></svg>');
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 12px
}

@media (max-width: 575.9px) {
    .pros-cons {
        margin-top: 16px;
        gap: 16px
    }

    .pros-cons__list {
        margin-top: 8px;
        grid-template-columns:1fr;
        gap: 8px
    }

    .pros-cons__list li {
        padding: 12px 12px 12px 46px
    }

    .pros-cons__list li::before {
        transform-origin: top left;
        transform: scale(0.65);
        margin-bottom: 0;
        position: absolute;
        top: 12px;
        left: 12px
    }
}

.scrolling .table td, .scrolling .table th {
    pointer-events: none
}

.table.js-scroll-list {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 16px
}

.table.js-scroll-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.table.js-scroll-list:first-child {
    margin-top: 0
}

.table.js-scroll-list table {
    table-layout: auto;
    min-width: 700px
}

.table.js-scroll-list table td:last-child {
    text-align: unset
}

table:not([class]), .wp-block-table table {
    table-layout: fixed;
    border-spacing: 0 16px;
    margin-block: -16px
}

table:not([class]) tbody tr td:first-child, table:not([class]) tbody tr th:first-child, .wp-block-table table tbody tr td:first-child, .wp-block-table table tbody tr th:first-child {
    border-radius: 4px 0 0 4px
}

table:not([class]) tbody tr td:last-child, table:not([class]) tbody tr th:last-child, .wp-block-table table tbody tr td:last-child, .wp-block-table table tbody tr th:last-child {
    border-radius: 0 4px 4px 0
}

table:not([class]) th, .wp-block-table table th {
    text-align: left;
    font-weight: 600;
    color: var(--on-surface-on-surface-light, #fff);
    padding-block: 16px 0;
    padding-inline: 16px
}

table:not([class]) th:first-child, .wp-block-table table th:first-child {
    padding-left: 16px
}

table:not([class]) th:last-child, .wp-block-table table th:last-child {
    padding-right: 16px
}

table:not([class]) th:not(:first-child), .wp-block-table table th:not(:first-child) {
    padding-left: 12px
}

table:not([class]) th:not(:last-child), .wp-block-table table th:not(:last-child) {
    padding-right: 12px
}

table:not([class]) td, .wp-block-table table td {
    padding-block: 16px;
    padding-inline: 16px;
    background: var(--surface-surface, #15193a);
    border-top: 1px solid var(--outline-outline-dark, #2d3365);
    border-bottom: 1px solid var(--outline-outline-dark, #2d3365);
    color: var(--on-surface-on-surface, #d2d5ea)
}

table:not([class]) td:first-child, .wp-block-table table td:first-child {
    padding-left: 16px
}

table:not([class]) td:last-child, .wp-block-table table td:last-child {
    padding-right: 16px
}

table:not([class]) td:not(:first-child), .wp-block-table table td:not(:first-child) {
    padding-left: 12px
}

table:not([class]) td:not(:last-child), .wp-block-table table td:not(:last-child) {
    padding-right: 12px
}

table:not([class]) td:first-child, .wp-block-table table td:first-child {
    color: var(--on-surface-on-surface-light, #fff);
/*     font-weight: 600; */
    border-left: 1px solid var(--outline-outline-dark, #2d3365)
}

table:not([class]) td:last-child, .wp-block-table table td:last-child {
    border-right: 1px solid var(--outline-outline-dark, #2d3365)
}

.wp-block-table.table-rows td:first-child {
    /*width: 1px;*/
    white-space: nowrap;
    background: var(--surface-surface-dim, #0c0f28);
    padding-right: 16px
}


table:not([class]) tbody:first-child td:first-child + td, .wp-block-table table tbody:first-child td:first-child + td {
    padding-left: 24px
}

@media (max-width: 900px) {
    .wp-block-table table {
        overflow-x: scroll;
        min-width: 500px;
        table-layout: auto;
    }

    .wp-block-table {
        overflow: hidden;
        overflow-x: auto;
    }
}

@media (max-width: 575.9px) {
    table:not([class]) td, .wp-block-table table td {
        padding-block: 12px;
        padding-inline: 12px
    }

    table:not([class]) td:first-child, .wp-block-table table td:first-child {
        padding-left: 12px
    }

    table:not([class]) td:last-child, .wp-block-table table td:last-child {
        padding-right: 12px
    }

    table:not([class]) td:not(:first-child), .wp-block-table table td:not(:first-child) {
        padding-left: 8px
    }

    table:not([class]) td:not(:last-child), .wp-block-table table td:not(:last-child) {
        padding-right: 8px
    }

    table:not([class]) tbody:first-child td:first-child + td, .wp-block-table table tbody:first-child td:first-child + td {
        padding-left: 16px
    }
}

.theme71-header__btns {
    display: flex;
    gap: 10px;
    align-items: center;
}

.theme71-header__lang {
    cursor: pointer;
    position: relative;
    z-index: 60;
    border-radius: 8px;
    background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.12));
    box-shadow: 0 4px 16px 0 rgba(17, 8, 22, .24);
    padding: 10px 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--on-surface-on-surface-light, #fff);
    transition-property: background, box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

.theme71-header__lang > * {
    position: relative;
    z-index: 2
}

.theme71-header__lang::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    border-radius: 8px;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-header__lang:active {
    box-shadow: 0 6px 20px 0 rgba(17, 8, 22, .32)
}

.theme71-header__lang:active::after {
    background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.12))
}

@media (any-hover: hover) {
    .theme71-header__lang:hover {
        box-shadow: 0 6px 20px 0 rgba(17, 8, 22, .32)
    }

    .theme71-header__lang:hover::after {
        background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.12))
    }

    .theme71-header__lang:focus {
        box-shadow: 0 6px 20px 0 rgba(17, 8, 22, .32)
    }

    .theme71-header__lang:focus::after {
        background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.12))
    }
}

.theme71-header__lang img {
    width: 36px;
    height: 24px;
    min-width: 36px;
    object-fit: cover
}

.theme71-header__lang svg {
    min-width: 16px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-header__lang.active {
    border-radius: 8px 8px 0 0
}

.theme71-header__lang.active::after {
    border-radius: 8px 8px 0 0;
    background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.12))
}

.theme71-header__lang.active .theme71-header__lang-list {
    display: flex
}

.theme71-header__lang.active > svg {
    transform: rotate(-180deg)
}

.theme71-header__lang-list {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0 0 8px 8px;
    background: var(--surface-surface-dim, #0c0f28);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    display: none
}

@supports not selector(::-webkit-scrollbar) {
    .theme71-header__lang-list {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
    }
}

.theme71-header__lang-list::-webkit-scrollbar {
    width: 4px
}

.theme71-header__lang-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
    border-radius: 9px;
    border: 4px solid rgba(0, 0, 0, 0)
}

.theme71-header__lang-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

.theme71-header__lang-list-item {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #32386a;
    position: relative;
}

.theme71-header__lang-list-link {
    width: 100%;
    padding: 10px;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    /*justify-content: flex-start;*/
    gap: 8px;
    transition-property: background, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    position: relative;
}

.theme71-header__lang-list-link::after {
    position: absolute;
    content: '';
    width: 100%;
    height: -webkit-fill-available;
}

@media (any-hover: hover) {
    .theme71-header__lang-list-item:hover {
        /*background: var(--states-hovered, rgba(255, 255, 255, 0.08))*/
    }
}

/*@media (any-hover: none)and (pointer: coarse) {*/
/*    .theme71-header__lang-list-link:active {*/
/*        background: var(--states-hovered, rgba(255, 255, 255, 0.08))*/
/*    }*/
/*}*/

/*.theme71-header__lang-list-link:active {*/
/*    background: var(--states-focused, rgba(255, 255, 255, 0.12))*/
/*}*/

/*@media (any-hover: hover) {*/
/*    .theme71-header__lang-list-link:focus {*/
/*        background: var(--states-focused, rgba(255, 255, 255, 0.12))*/
/*    }*/
/*}*/

@media (max-width: 575.9px) {
    .theme71-header__lang {
        padding: 11px 12px
    }

    .theme71-header__lang span {
        display: none
    }

    .theme71-header__lang img {
        width: 26px;
        height: 18px;
        min-width: 26px
    }

    .theme71-header__lang-list-link {
        padding: 12px
    }
}

.theme71-anchor-links, .theme71-tabs {
    background: var(--surface-surface-dim, #0c0f28);
    margin-top: 16px
}

.theme71-anchor-links:first-child, .theme71-tabs:first-child {
    margin-top: 0
}

.theme71-anchor-links__list, .theme71-tabs__trigger-list {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.theme71-anchor-links__list::-webkit-scrollbar, .theme71-tabs__trigger-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.theme71-anchor-links__item, .theme71-tabs__trigger {
    flex: 1
}

.theme71-anchor-links__link, .theme71-tabs__trigger, .theme71-toc ol a {
    position: relative;
    overflow: hidden;
    padding: 8px 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--on-surface-on-surface-dark, #969dd3);
    white-space: nowrap;
    transition-property: color, border-color, background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    min-height: 56px;
    min-width: fit-content;
}

.theme71-toc ol a:not([class]) {
    color: var(--on-surface-on-surface, #d2d5ea);
    text-decoration: none;
}

.theme71-toc ol a:not([class]):hover {
    color: var(--on-surface-on-surface, #d2d5ea)
}
.theme71-toc a {
 
  word-wrap: break-word; 
  overflow-wrap: anywhere; 
	    white-space: normal !important;
}

.theme71-anchor-links__link svg, .theme71-anchor-links__link img, .theme71-tabs__trigger svg, .theme71-tabs__trigger img {
    min-width: 36px;
    max-width: 40px;
    max-height: 40px
}

.theme71-anchor-links__link svg path, .theme71-tabs__trigger svg path {
    fill: currentColor;
    transition-property: fill;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-anchor-links__link::before, .theme71-tabs__trigger::before, .theme71-toc ol a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-anchor-links__link::after, .theme71-tabs__trigger::after, .theme71-toc ol a::after {
    content: "";
    width: 197px;
    height: 22px;
    position: absolute;
    opacity: 0;
    left: 50%;
    bottom: -6px;
    border-radius: 50%;
    transform: translateX(-50%);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="197" height="22" viewBox="0 0 197 22" fill="none"><g filter="url(%23a)"><ellipse cx="98.5" cy="23" rx="80.5" ry="5" fill="%231F4CD4"/></g><defs><filter id="a" x="0" y="0" width="197" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="9" result="effect1_foregroundBlur_9008_1612"/></filter></defs></svg>');
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-tabs__trigger {
    cursor: pointer;
}

.theme71-toc.theme71-toc-auto li {
    padding-left: 0;
}

.theme71-toc.theme71-toc-auto li::before {
    content: none;
}

.theme71-toc ol {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

@media (any-hover: hover) {
    .theme71-anchor-links__link:hover, .theme71-tabs__trigger:hover, .theme71-tabs__trigger.active, .theme71-toc ol a:hover::before {
        background: var(--surface-container-surface-container-low, #080b1b);
        color: var(--on-surface-on-surface, #d2d5ea)
    }

    .theme71-anchor-links__link:hover::before, .theme71-tabs__trigger:hover::before, .theme71-tabs__trigger.active::before, .theme71-toc ol a:hover::before {
        background: var(--outline-stroke-V2, #1e244c)
    }

    .theme71-anchor-links__link:hover::after, .theme71-tabs__trigger:hover::after, .theme71-tabs__trigger.active::after, .theme71-toc ol a:hover::after {
        opacity: 1
    }
}

@media (any-hover: none)and (pointer: coarse) {
    .theme71-anchor-links__link:active, .theme71-tabs__trigger:active {
        background: var(--surface-container-surface-container-low, #080b1b);
        color: var(--on-surface-on-surface, #d2d5ea)
    }

    .theme71-anchor-links__link:active::before, .theme71-tabs__trigger:active::before {
        background: var(--outline-stroke-V2, #1e244c)
    }

    .theme71-anchor-links__link:active::after, .theme71-tabs__trigger:active::after {
        opacity: 1
    }
}

@media (max-width: 575.9px) {
    .theme71-anchor-links__link svg, .theme71-anchor-links__link img, .theme71-tabs__trigger svg, .theme71-tabs__trigger img {
        max-width: 36px;
        max-height: 36px
    }
}

.theme71-logos {
    padding: 16px 24px;
    background: var(--surface-surface-bright, #1a1f42);
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));
    align-items: center;
    gap: 8px 20px
}

.theme71-logos__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: 40px
}

.theme71-logos__item img, .theme71-logos__item svg {
    max-height: 50px;
    width: auto;
}

@media (max-width: 575.9px) {
    .theme71-logos {
        padding: 8px 16px;
        grid-template-columns:repeat(auto-fit, minmax(90px, 1fr));
        gap: 8px
    }

    .theme71-logos__item {
        min-height: 36px
    }
}

.author-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--on-surface-on-surface-dark, #969dd3);
    margin-top: 16px
}

.author-row:first-child {
    margin-top: 0
}

.author-row img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover
}

.author-row__name {
    color: var(--on-surface-on-surface, #d2d5ea)
}

.author-row__name span {
    color: var(--on-surface-on-surface-dark, #969dd3)
}

.author-row__time {
    padding-left: 12px;
    margin-left: 4px;
    border-left: 1px solid #32386a
}

.author-row__rating {
    color: var(--on-surface-on-surface, #d2d5ea);
    margin-left: auto;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .author-row__rating {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.author-row__rating {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.author-row__rating::before {
    content: "★★★★★";
    font-size: 24px;
    line-height: 24px;
    color: var(--star-bg);
    position: relative;
    display: block;
    background: linear-gradient(to right, #fdce7e 0%, #b06901 var(--percent), var(--star-bg) var(--percent), var(--star-bg) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

@supports (-webkit-mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center) or (mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center) {
    .author-row__rating::before {
        content: "";
        width: 120px;
        height: 24px;
        display: block;
        background: linear-gradient(to bottom, #fdce7e, #b06901) left/var(--percent) 100% no-repeat, var(--star-bg);
        -webkit-mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center;
        -webkit-mask-size: contain;
        mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center;
        mask-size: contain;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset
    }
}

@media (max-width: 575.9px) {
    .author-row__rating::before {
        font-size: 18px;
        line-height: 18px
    }

    @supports (-webkit-mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center) or (mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center) {
        .author-row__rating::before {
            width: 90px;
            height: 18px
        }
    }
}

@media (max-width: 991.9px) {
    .author-row__time {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        padding-top: 8px;
        border-left: 0;
        border-top: 1px solid #32386a
    }

    .author-row__rating {
        margin-left: 0
    }
}

@media (max-width: 575.9px) {
    .author-row {
        row-gap: 4px
    }

    .author-row__time {
        margin-top: 4px
    }

    .author-row__rating {
        margin-top: 4px
    }
}

.theme71-gallery {
    margin-top: 16px;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    align-items: stretch;
    gap: 16px
}

.theme71-gallery:first-child {
    margin-top: 0
}

@media (max-width: 575.9px) {
    .theme71-gallery {
        grid-template-columns:1fr
    }
}

.theme71-gallery img, .theme71-gallery video {
    border-radius: 7px;
    width: 100%;
    height: 100%;
    user-select: none;
    pointer-events: none;
    max-height: 500px;
    object-fit: cover
}

.theme71-gallery__item {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.theme71-gallery__item--video .theme71-gallery__item-link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="44" viewBox="0 0 52 44" fill="none"><rect x="1" y="1" width="50" height="42" rx="7" stroke="%23969DD3" stroke-width="2"/><path d="M21 17.148c0-.891 1.03-1.441 1.84-.983l8.57 4.852a1.115 1.115 0 0 1 0 1.966l-8.57 4.852c-.81.458-1.84-.092-1.84-.983z" fill="%23969DD3"/><path d="M21 17.148c0-.891 1.03-1.441 1.84-.983l8.57 4.852a1.115 1.115 0 0 1 0 1.966l-8.57 4.852c-.81.458-1.84-.092-1.84-.983z" stroke="%23969DD3"/></svg>');
    width: 52px;
    height: 44px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.theme71-gallery__item--video .theme71-gallery__item-link::before {
    content: "";
    z-index: 0;
    position: absolute;
    inset: 0;
    background: rgba(14, 17, 43, .7)
}

.theme71-gallery__item-text {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    text-align: center;
    color: var(--on-surface-on-surface-light, #fff)
}

.theme71-gallery__item-link {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    border-radius: 8px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(rgba(14, 17, 43, 0.7) 0 0) padding-box, linear-gradient(180deg, #424c93 0%, #0f1332 100%) border-box
}

@media (any-hover: hover) {
    .theme71-gallery__item:hover.theme71-gallery__item--video .theme71-gallery__item-link::after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="44" viewBox="0 0 52 44" fill="none"><rect x="1" y="1" width="50" height="42" rx="7" fill="%23fff" fill-opacity=".08" stroke="%23969DD3" stroke-width="2"/><path d="M21 17.148c0-.891 1.03-1.441 1.84-.983l8.57 4.852a1.115 1.115 0 0 1 0 1.966l-8.57 4.852c-.81.458-1.84-.092-1.84-.983z" fill="%23969DD3"/><path d="M21 17.148c0-.891 1.03-1.441 1.84-.983l8.57 4.852a1.115 1.115 0 0 1 0 1.966l-8.57 4.852c-.81.458-1.84-.092-1.84-.983z" stroke="%23969DD3"/></svg>')
    }
}

.theme71-gallery__item:active.theme71-gallery__item--video .theme71-gallery__item-link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="44" viewBox="0 0 52 44" fill="none"><rect x="1" y="1" width="50" height="42" rx="7" fill="%23fff" fill-opacity=".12" stroke="%23969DD3" stroke-width="2"/><path d="M21 17.148c0-.891 1.03-1.441 1.84-.983l8.57 4.852a1.115 1.115 0 0 1 0 1.966l-8.57 4.852c-.81.458-1.84-.092-1.84-.983z" fill="%23969DD3"/><path d="M21 17.148c0-.891 1.03-1.441 1.84-.983l8.57 4.852a1.115 1.115 0 0 1 0 1.966l-8.57 4.852c-.81.458-1.84-.092-1.84-.983z" stroke="%23969DD3"/></svg>')
}

@media (any-hover: hover) {
    .theme71-gallery__item:focus.theme71-gallery__item--video .theme71-gallery__item-link::after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="44" viewBox="0 0 52 44" fill="none"><rect x="1" y="1" width="50" height="42" rx="7" fill="%23fff" fill-opacity=".12" stroke="%23969DD3" stroke-width="2"/><path d="M21 17.148c0-.891 1.03-1.441 1.84-.983l8.57 4.852a1.115 1.115 0 0 1 0 1.966l-8.57 4.852c-.81.458-1.84-.092-1.84-.983z" fill="%23969DD3"/><path d="M21 17.148c0-.891 1.03-1.441 1.84-.983l8.57 4.852a1.115 1.115 0 0 1 0 1.966l-8.57 4.852c-.81.458-1.84-.092-1.84-.983z" stroke="%23969DD3"/></svg>')
    }
}

.theme71-slot-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: linear-gradient(var(--surface-container-surface-container-low, #080b1b) 0 0) padding-box, linear-gradient(180deg, #424c93 0%, #0f1332 100%) border-box
}

.theme71-slot-card::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-slot-card:hover::after {
    background: var(--surface-container-surface-container-transparent, rgba(14, 14, 52, 0.7))
}

.theme71-slot-card:hover .theme71-slot-card__wrap {
    transform: translateX(0)
}

.theme71-slot-card:hover__name {
    background: rgba(0, 0, 0, 0)
}

.theme71-slot-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.theme71-slot-card__wrap {
    position: relative;
    z-index: 2;
    padding: 20px 8px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transform: translateX(-100%);
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-slot-card__btns {
    height: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 8px
}

.theme71-slot-card__btns .btn {
    z-index: 1;
    width: 100%
}

.theme71-slot-card__name {
    margin-top: auto;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: var(--surface-container-surface-container-transparent, rgba(14, 14, 52, 0.7));
    font-weight: 600;
    color: var(--on-surface-on-surface-light, #fff);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme71-grid-block {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));
    gap: 16px;
    margin-top: 16px
}

.theme71-grid-block:first-child {
    margin-top: 0
}

.theme71-grid-block.theme71-grid-block--1 {
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))
}

.theme71-grid-block.theme71-grid-block--sidebar {
    grid-template-columns:1fr
}

@media (max-width: 991.9px) {
    .theme71-grid-block.theme71-grid-block--sidebar {
        grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))
    }
}

@media (max-width: 575.9px) {
    .theme71-grid-block {
        grid-template-columns:1fr
    }

    .theme71-grid-block.theme71-grid-block--sidebar {
        grid-template-columns:1fr
    }
}

.theme71-how-to {
    margin-top: 16px;
    counter-reset: how-to;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px
}

.theme71-how-to:first-child {
    margin-top: 0
}

.theme71-how-to__item {
    position: relative;
    counter-increment: how-to;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--outline-outline-light, #434a82);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.theme71-how-to__item-title {
    margin: 0;
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .theme71-how-to__item-title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.theme71-how-to__item-title::before {
    content: counter(how-to) ". "
}

.theme71-how-to__item-descr {
    margin: 0
}

.theme71-how-to__item img {
    width: 100%;
    border-radius: 8px
}

.theme71-how-to__item .btn {
    margin-top: auto;
    width: 100%
}

@media (max-width: 575.9px) {
    .theme71-how-to {
        grid-template-columns:1fr
    }
}

.theme71-author-block {
    margin-top: 16px;
    padding: 16px;
    border-radius: 8px;
    background: var(--surface-surface, #15193a);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.theme71-author-block:first-child {
    margin-top: 0
}

.theme71-author-block img {
    max-width: 100%;
    max-height: 60px;
    object-fit: contain
}

.theme71-author-block p {
    margin: 0
}

.theme71-author-block .theme71-author-block__name {
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .theme71-author-block .theme71-author-block__name {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.theme71-author-block .theme71-author-block__position {
    margin-top: -8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--on-surface-on-surface-light, #fff)
}

.theme71-author-block .theme71-author-block__rating {
    color: var(--on-surface-on-surface, #d2d5ea);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.theme71-author-block .theme71-author-block__rating::before {
    content: "★★★★★";
    font-size: 19px;
    line-height: 19px;
    color: var(--star-bg);
    position: relative;
    display: block;
    background: linear-gradient(to right, #fdce7e 0%, #b06901 var(--percent), var(--star-bg) var(--percent), var(--star-bg) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

@supports (-webkit-mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center) or (mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center) {
    .theme71-author-block .theme71-author-block__rating::before {
        content: "";
        width: 95px;
        height: 19px;
        display: block;
        background: linear-gradient(to bottom, #fdce7e, #b06901) left/var(--percent) 100% no-repeat, var(--star-bg);
        -webkit-mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center;
        -webkit-mask-size: contain;
        mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center;
        mask-size: contain;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset
    }
}

@media (max-width: 575.9px) {
    .theme71-author-block {
        gap: 8px
    }

    .theme71-author-block img {
        max-height: 56px
    }

    .theme71-author-block .theme71-author-block__position {
        margin-top: 0
    }
}

.info-table {
    position: relative;
    padding: 16px;
    border-radius: 8px;
    background: var(--surface-surface-bright, #1a1f42);
    box-shadow: 0 6px 20px 0 rgba(17, 8, 22, .32);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='grad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FDCE7E'/%3e%3cstop offset='100%25' stop-color='%23B06901'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='url(%23grad)' stroke-width='3' stroke-dasharray='20%2c12' stroke-linecap='round'/%3e%3c/svg%3e");
    margin-top: 16px
}

.info-table:first-child {
    margin-top: 0
}

.info-table__title {
    width: 100%;
    padding-bottom: 16px;
    text-align: left;
    position: relative;
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .info-table__title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.info-table__title::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #1e244c 0%, #4e589c 47.12%, #1e244c 100%)
}

.info-table__tbody {
    width: 100%;
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px
}

.info-table__row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px
}

.info-table__cell {
    color: var(--on-surface-on-surface-dark, #969dd3)
}

.info-table__cell:first-child {
    font-weight: 600;
    color: var(--on-surface-on-surface, #d2d5ea)
}

.theme71-casino-card {
    padding: 16px;
    border-radius: 8px;
    background: var(--surface-surface-bright, #1a1f42);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px
}

.theme71-casino-card:first-child {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='grad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FDCE7E'/%3e%3cstop offset='100%25' stop-color='%23B06901'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='url(%23grad)' stroke-width='3' stroke-dasharray='20%2c12' stroke-linecap='round'/%3e%3c/svg%3e")
}

.theme71-casino-card__img {
    width: 100%;
    /*height: 90px;*/
    margin-bottom: -8px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    background: linear-gradient(var(--surface-container-surface-container-low, #080b1b) 0 0) padding-box, linear-gradient(180deg, #424c93 0%, #0f1332 100%) border-box
}

.theme71-casino-card__img img {
    width: 100%;
    object-fit: cover
}

.theme71-casino-card__title {
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .theme71-casino-card__title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.theme71-casino-card__rating {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: -12px;
    color: var(--on-surface-on-surface-dark, #969dd3);
    font-size: 0.875rem;
    line-height: 1.375rem
}

@media (max-width: 575.9px) {
    .theme71-casino-card__rating {
        font-size: 0.75rem
    }
}

.theme71-casino-card__stars {
    color: var(--on-surface-on-surface, #d2d5ea);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem
}

@media (max-width: 575.9px) {
    .theme71-casino-card__stars {
        font-size: 0.9375rem
    }
}

.theme71-casino-card__stars {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.theme71-casino-card__stars::before {
    content: "★★★★★";
    font-size: 18px;
    line-height: 18px;
    color: var(--star-bg);
    position: relative;
    display: block;
    background: linear-gradient(to right, #fdce7e 0%, #b06901 var(--percent), var(--star-bg) var(--percent), var(--star-bg) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

@supports (-webkit-mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center) or (mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center) {
    .theme71-casino-card__stars::before {
        content: "";
        width: 90px;
        height: 18px;
        display: block;
        background: linear-gradient(to bottom, #fdce7e, #b06901) left/var(--percent) 100% no-repeat, var(--star-bg);
        -webkit-mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center;
        -webkit-mask-size: contain;
        mask: url('data:image/svg+xml,<svg width="130" height="21" viewBox="0 0 130 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.139.984a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238A1 1 0 0 1 4.123 19.5l.56-5.522a1 1 0 0 0-.25-.767L.734 9.072a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474zm26 0a1 1 0 0 1 1.728 0l2.794 4.796a1 1 0 0 0 .652.474l5.425 1.174a1 1 0 0 1 .534 1.644l-3.698 4.139a1 1 0 0 0-.25.767l.56 5.522a1 1 0 0 1-1.399 1.016l-5.079-2.238a1 1 0 0 0-.806 0l-5.08 2.238a1 1 0 0 1-1.397-1.016l.56-5.522a1 1 0 0 0-.25-.767l-3.699-4.139a1 1 0 0 1 .534-1.644l5.425-1.174a1 1 0 0 0 .652-.474z" fill="currentColor"/></svg>') no-repeat center;
        mask-size: contain;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset
    }
}

.theme71-casino-card__bonus {
    padding: 16px;
    border-radius: 4px;
    background: var(--surface-surface-dim, #0c0f28);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.theme71-casino-card__bonus-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px
}

.theme71-casino-card__bonus-type img {
    max-width: 50px;
    max-height: 50px
}

.theme71-casino-card__bonus-type span {
    text-align: center;
    background: var(--surface-container-gold, linear-gradient(180deg, #fdce7e 0%, #b06901 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.theme71-casino-card__bonus-text {
    color: var(--on-surface-on-surface-light, #fff);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

.theme71-casino-card .btn {
    width: 100%;
    margin-top: auto
}

@media (max-width: 575.9px) {
    .theme71-casino-card {
        gap: 12px
    }

    .theme71-casino-card__img {
        margin-bottom: -4px
    }

    .theme71-casino-card__rating {
        margin-top: -9px
    }

    .theme71-casino-card__bonus-text {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600
    }
}

@media (max-width: 575.9px)and (max-width: 575.9px) {
    .theme71-casino-card__bonus-text {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

* + .theme71-last-winners {
    margin-top: 24px;
}

.theme71-last-winners {
    position: relative;
    padding: 18px;
    border-radius: 8px;
    background: var(--surface-surface-bright, #1a1f42);
    box-shadow: 0 6px 20px 0 rgba(17, 8, 22, .32);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='grad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FDCE7E'/%3e%3cstop offset='100%25' stop-color='%23B06901'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='url(%23grad)' stroke-width='3' stroke-dasharray='20%2c12' stroke-linecap='round'/%3e%3c/svg%3e")
}

.theme71-last-winners__title {
    width: 100%;
    padding-bottom: 16px;
    margin-bottom: 0;
    text-align: left;
    position: relative;
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .theme71-last-winners__title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.theme71-last-winners__title::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #1e244c 0%, #4e589c 47.12%, #1e244c 100%)
}

.theme71-last-winners__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    width: 100%
}

.theme71-last-winners__item {
    width: 100%;
    display: grid;
    grid-template-columns:60px 1fr auto;
    gap: 0 12px;
    grid-auto-flow: dense
}

.theme71-last-winners__item img {
    height: 46px;
    object-fit: cover;
    width: 100%;
    grid-row: span 2;
    border-radius: 4px
}

.theme71-last-winners__item-name, .theme71-last-winners__item-game {
    grid-column: 2/3;
    color: var(--on-surface-on-surface-dark, #969dd3)
}

.theme71-last-winners__item-game {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

.theme71-last-winners__item-name {
    font-size: 0.875rem;
    line-height: 1.375rem
}

@media (max-width: 575.9px) {
    .theme71-last-winners__item-name {
        font-size: 0.75rem
    }
}

.theme71-last-winners__item-sum {
    grid-column: 3/4;
    grid-row: span 2;
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .theme71-last-winners__item {
        grid-template-columns:70px 1fr auto
    }
}

.theme71-tabs__item {
    display: none;
    margin-top: 20px;
}

.theme71-tabs__item.active {
    display: block;
}

* + .theme71-text-image {
    margin-top: 20px;
}

.theme71-text-image {
    display: grid;
    align-items: center;
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
}

@media (max-width: 1000px) {
    .theme71-text-image {
        grid-template-columns: 1fr;
    }
}

.listing:not(:first-child) {
    margin-top: 32px;
}

@media (max-width: 575.9px) {
    .listing:not(:first-child) {
        margin-top: 24px;
    }
}

.listing__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}

.listing__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    background: var(--surface-container-surface-container, #2b1c3c);
    padding: 16px 24px;
    width: 100%;
}

.listing__item-block {
    position: relative;
    flex: 1;
}

@media (min-width: 992px) {
    .listing__item .listing__info {
        flex: 1;
        max-width: 350px;
    }

    .listing__item .listing__bonus {
        flex: 1.1;
    }

    .listing__item .listing__btn {
        flex: 1;
        max-width: 248px;
        width: 100%;
    }
}

@media (max-width: 991.9px) {
    .listing__item {
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .listing__item .listing__btn {
        grid-row: 1/2;
        grid-column: 2/3;
    }

    .listing__item .listing__bonus {
        grid-column: 1/-1;
    }
}

@media (max-width: 767.9px) {
    .listing__item {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 575.9px) {
    .listing__item {
        padding: 16px;
        gap: 16px;
    }
}

.listing__item:nth-of-type(-n + 3) .listing__place {
    color: var(--primary-primary, #d32f6f);
}

.listing__img {
    position: relative;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.listing__place {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--surface-surface-dim, #120b16);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    color: var(--on-surface-on-surface-dark, #b8929d);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
}

@media (max-width: 575.9px) {
    .listing__place {
        font-size: 1rem;
        width: 22px;
        height: 22px;
        top: -6px;
        left: -6px;
    }
}

.listing__info {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.listing__info img,
.listing__info svg {
    width: 141px;
    min-width: 141px;
/*     height: 96px;
    object-fit: cover; */
}

@media (max-width: 575.9px) {
    .listing__info {
        gap: 8px;

    }

    .listing__info img,
    .listing__info svg {
        width: 144px;
        min-width: 144px;
/*         height: 88px; */
    }
	.listing__title {
/* 			margin-top: 10px */
	}
		
}

.listing__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}

@media (max-width: 575.9px) {
    .listing__title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.listing__rate {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
}

.listing__rate::before, .listing__rate::after {
    font-size: 22px;
    line-height: 20px;
    height: 22px;
    font-weight: 400;
    letter-spacing: 0px;
}

.listing__rate::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.listing__rate::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0px;
    color: var(--star-color);
}

@media (max-width: 575.9px) {
    .listing__rate::before, .listing__rate::after {
        font-size: 18px;
        line-height: 16px;
        height: 18px;
        letter-spacing: 0px;
    }
}

.listing__bonus {
    background: var(--surface-surface-dim, #120b16);
    color: var(--on-surface-on-surface-light, #fff2f2);
    padding: 16px;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}

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

.listing__bonus span {
    color: var(--primary-primary, #d32f6f);
}

.listing__btn {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.listing__btn .btn {
    width: 100%;
}

@media (max-width: 575.9px) {
    .listing__btn {
        gap: 12px;
    }
}

.listing__payments {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.listing__payments-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 32px;
}

.listing__payments-item img,
.listing__payments-item svg {
    max-width: 56px;
    max-height: 32px;
    object-fit: contain;
}

* + .wp-block-table {
    margin-top: 16px;
}

.wp-block-list a {
    text-decoration: underline;
    color: #fff;
}