@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
}

* + .wp-block-heading {
    margin-top: 28px;
}

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

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

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

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

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

.theme72-wrapper.theme72-bg-block {
    max-width: var(--width-container);
    margin: var(--wrapper-margin) auto 0
}

.theme72-wrapper:has(.theme72-wrapper:not(:has(.theme72-bg-block))) {
    padding-left: 0;
    padding-right: 0;
}

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

    .theme72-wrapper .theme72-wrapper {
        max-width: 100%;
        margin-inline: 0
    }
}

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

.theme72-wrapper.theme72-bg-block.theme72-section-hero {
    background: transparent;
    padding: 0;
}

.theme72-bg-block {
    width: 100%;
    padding: 24px;
    border-radius: 32px;
    background: var(--surface-container-surface-container-transparent, rgba(59, 28, 129, 0.8))
}

@media (max-width: 575.9px) {
    .theme72-bg-block {
        padding: 16px;
        border-radius: 24px
    }
}

.section-hero + .theme72-wrapper {
    margin-top: 0
}

.wp-block-columns.col-2 {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-template-columns:1fr fit-content(50%);
    gap: 20px 32px;
    align-items: flex-start
}

.cols--fixed {
    grid-template-columns:1fr 1fr
}

@media (max-width: 991.9px) {
    .wp-block-columns.col-2 {
        grid-template-columns:1fr
    }

    .cols--fixed {
        row-gap: 24px
    }

    .wp-block-columns.col-2 > *, .wp-block-columns.col-2 .theme72-toc {
        width: 100%
    }
}

h1, h2 {
    color: var(--on-surface-on-surface-light, #fff);
    margin-bottom: 24px
}

@media (max-width: 575.9px) {
    h1, h2 {
        margin-bottom: 16px
    }
}

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

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(--tertiary-tertiary-hover, #ffba25);
    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(--tertiary-tertiary-hover, #ffba25);
        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(--tertiary-tertiary-hover, #ffba25);
        text-decoration: none
    }
}

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

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

h1 {
    font-size: 2.2222222222rem;
    line-height: 2.6666666667rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    h1 {
        font-size: 1.7777777778rem;
        line-height: 2.2222222222rem
    }
}

h2 {
    font-size: 1.7777777778rem;
    line-height: 2.2222222222rem;
    font-weight: 700
}

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

h3, h4, h5, h6 {
    font-size: 1.2222222222rem;
    line-height: 1.7777777778rem;
    font-weight: 700
}

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

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
}

ol:not([class]) li::before, ol.wp-block-list > li::before {
    content: counter(ol-default);
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 2px;
    padding-top: 2px;
    border-radius: 50%;
    border: 1px solid #ae0461;
    background: linear-gradient(152deg, #ffdaff 11.05%, #ff71ec 25.53%, #ff3bcc 57.4%, #ff28b1 86.36%);
    color: var(--on-surface-on-surface-light, #fff);
    text-align: center;
    font-size: 0.7777777778rem;
    line-height: 1;
    font-weight: 600
}

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

ul:not([class]) li::before, ul.wp-block-list > li::before {
    content: 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="M11.1904 4.21094C11.3134 4.56175 11.4752 5.35322 11.8691 6.03125L11.9033 6.08887L11.9609 6.12207L14.9277 7.8291C15.04 7.98163 15.2057 8.0767 15.3682 8.13965C15.5544 8.21181 15.7692 8.25418 15.9766 8.2832C16.1846 8.31233 16.4009 8.33063 16.5889 8.34766C16.7836 8.36529 16.9424 8.38166 17.0566 8.40723L17.083 8.41309H20.0576C20.6521 8.5579 21.1454 9.16227 21.373 9.92285C21.6031 10.6914 21.526 11.5023 21.1094 11.9785L21.1045 11.9844L19.0117 14.5293C18.6088 14.9931 18.4139 15.6049 18.4727 16.2188L18.7959 19.5967C18.9223 20.9177 17.603 21.8782 16.4131 21.3535L13.3398 19.998C12.7767 19.7498 12.1364 19.7499 11.5732 19.998L8.49902 21.3535C7.30915 21.878 5.98987 20.9176 6.11621 19.5967L6.43945 16.2188C6.49686 15.6192 6.31085 15.0231 5.92676 14.5635L4.75977 11.5391L4.74414 11.498L4.71484 11.4639C4.22739 10.9068 3.90667 10.3538 3.85742 9.93164C3.83407 9.73084 3.87364 9.57638 3.96875 9.45703C4.0673 9.33347 4.25216 9.21368 4.58301 9.13965L7.85645 8.40723C8.45644 8.27291 8.97362 7.8919 9.28418 7.35742L10.9834 4.43262C11.0576 4.30491 11.1187 4.2145 11.167 4.15234C11.1738 4.16977 11.1827 4.18882 11.1904 4.21094Z" fill="%230BAC2D" stroke="%2307752D" stroke-width="0.5"/><path d="M10.2432 3.35352C10.9044 2.21557 12.5282 2.21557 13.1895 3.35352L14.8887 6.27832C15.1993 6.81287 15.7163 7.19385 16.3164 7.32812L19.5898 8.06055C20.8604 8.34483 21.3682 9.91218 20.5 10.9043L18.2773 13.4443C17.8709 13.9088 17.6734 14.5232 17.7324 15.1396L18.0566 18.5176C18.183 19.8385 16.8637 20.7988 15.6738 20.2744L12.5996 18.9199C12.0364 18.6716 11.3962 18.6716 10.833 18.9199L7.75977 20.2744C6.56983 20.7991 5.24957 19.8386 5.37598 18.5176L5.7002 15.1396C5.75922 14.5232 5.56176 13.9088 5.15527 13.4443L2.93262 10.9043C2.06442 9.91218 2.57222 8.34483 3.84277 8.06055L7.11621 7.32812C7.71631 7.19385 8.23334 6.81287 8.54395 6.27832L10.2432 3.35352Z" fill="url(%23paint0_linear_11036_861)" stroke="%2307752D" stroke-width="0.5"/><path d="M10.7018 4.06817C11.0292 3.24026 11.4626 3.08957 11.9733 3.27014C11.954 3.30042 11.9342 3.33069 11.9159 3.36214L9.71729 7.14217C9.36031 7.75569 8.7668 8.19141 8.07936 8.34503L3.84486 9.29125C3.63614 9.33789 3.44178 9.40924 3.26221 9.49851C3.35023 9.06855 3.83698 8.69667 4.46291 8.65689L7.72336 7.92168C8.23982 7.66512 8.64629 7.3892 8.95712 6.97773L10.7018 4.06817Z" fill="%23E5FFD9"/><defs><linearGradient id="paint0_linear_11036_861" x1="9.26668" y1="3.79232" x2="16.7644" y2="20.087" gradientUnits="userSpaceOnUse"><stop stop-color="%2373F63A"/><stop offset="1" stop-color="%230CD62C"/></linearGradient></defs></svg>');
    position: absolute;
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px
}

ul.wp-block-list ul.wp-block-list, ol.wp-block-list ul.wp-block-list, ul.wp-block-list ol.wp-block-list, ol.wp-block-list ol.wp-block-list {
    margin-top: 10px;
}

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

h2 + p {
    margin-top: 16px
}

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

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

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

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


.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: 1rem;
    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-baloo-tamma), sans-serif
}

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

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

html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #e5128f
}

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

body {
    position: relative;
    color: var(--on-surface-on-surface, #ece8f2);
    background-color: #8f74ef;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 100vh;
    --bg-img: url("/wp-content/uploads/2026/01/body-bg.webp");
    background-image: linear-gradient(180deg, #c58fe2 0, #c58fe2 93.75vw, #8f74ef calc(93.75vw + 14.05%), #8d74ef calc(93.75vw + 46.75%), #7662ea calc(93.75vw + 100%));
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 400
}

body::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    background-image: var(--bg-img);
    width: 100%;
    height: 93.75vw;
    object-fit: cover;
    object-position: center;
    background-position: top center;
    background-size: cover
}

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

@media (max-width: 1920px) {
    body {
        background-image: linear-gradient(180deg, #c58fe2 0, #c58fe2 1800px, #8f74ef calc(1800px + 14.05%), #8d74ef calc(1800px + 46.75%), #7662ea calc(1800px + 100%))
    }

    body::before {
        height: 1800px
    }
}

@media (max-width: 575.9px) {
    body {
        background-image: linear-gradient(180deg, #9567c0 0, #9567c0 291.6vw, #8f74ef calc(291.6vw + 14.05%), #8d74ef calc(291.6vw + 46.75%), #7662ea calc(291.6vw + 100%))
    }

    body {
        --bg-img: url("/wp-content/uploads/2026/01/body-bg-mob.webp");
    }
    body::before {
        height: 1000px
    }
}

main {
    flex-grow: 1
}

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

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

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

:root {
    --offsets: 20px;
    --width-container: 1280px;
    --wrapper-margin: 48px;
    --ff-baloo-tamma: "BalooTamma2";
    --font-default: 18px;
    --star-color: #ff8f4a;
    --star-bg: transparent;
    --surface-surface-bright: #6133b4;
    --surface-surface: #542aa1;
    --surface-container-surface-container: rgba(246 246 246 / 0.13);
    --surface-container-surface-container-low: #2e1062;
    --surface-container-surface-container-high: #9263e7;
    --surface-container-surface-container-disabled: #513289;
    --surface-container-on-surface-container-disabled: #876eb2;
    --surface-container-surface-container-transparent: rgba(59 28 129 / 0.8);
    --outline-outline: #503493;
    --outline-outline-light: #6344ab;
    --outline-outline-dark: #3d1581;
    --on-surface-on-surface-dark: #d3bcf7;
    --on-surface-on-surface: #ece8f2;
    --on-surface-on-surface-light: #ffffff;
    --primary-primary-hover: #ee1b99;
    --primary-primary-focus: #f624a2;
    --primary-on-primary-disabled: #bf72a0;
    --primary-primary-disabled: #a13374;
    --primary-on-primary: #ffffff;
    --secondary-secondary: #1ec079;
    --secondary-secondary-hover: #2cce87;
    --secondary-secondary-focus: #32d88f;
    --secondary-secondary-disabled: #347a59;
    --secondary-on-secondary-disabled: #79c5a1;
    --secondary-on-secondary: #ffffff;
    --tertiary-tertiary: #f6b018;
    --tertiary-tertiary-hover: #ffba25;
    --tertiary-tertiary-focus: #ffc037;
    --tertiary-tertiary-disabled: #9c7f3f;
    --tertiary-on-tertiary: #393121;
    --states-success: #64c5a6;
    --states-on-success: #0e1a12;
    --states-error: #d44161;
    --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-surface-dim-stop-1-color: #4e1e9d;
    --surface-surface-dim-stop-1-position: 0%;
    --surface-surface-dim-stop-2-color: #311b72;
    --surface-surface-dim-stop-2-position: 100%;
    --primary-primary-stop-1-color: #f2128d;
    --primary-primary-stop-1-position: 0%;
    --primary-primary-stop-2-color: #da1392;
    --primary-primary-stop-2-position: 100%;
    --shadow-dark-large: 7px 7px 0 0 #9a88ff;
    --shadow-dark-small: 4px 4px 0 0 #9a88ff;
    --primary-shadow: 3px 3px 0 0 #ffbba0;
    --primary-shadow-hovered: 4px 4px 0 0 #ffbba0;
    --secondary-shadow: 3px 3px 0 0 #b2ffdd;
    --secondary-shadow-hovered: 4px 4px 0 0 #b2ffdd;
    --tertiary-shadow: 3px 3px 0 0 #bf72ff;
    --tertiary-shadow-hovered: 4px 4px 0 0 #bf72ff;
    --elevated-shadow: 3px 3px 0 0 #ccaeff;
    --elevated-shadow-hovered: 4px 4px 0 0 #ccaeff;
    --selector-shadow: 3px 3px 0 0 #916ad9;
    --outlined-shadow: 3px 3px 0 0 #ffffff;
    --outlined-shadow-hovered: 4px 4px 0 0 #ffffff
}

@media (max-width: 575.9px) {
    :root {
        --offsets: 16px;
        --wrapper-margin: 32px
    }
}

* + .theme72-content-buttons {
    margin-top: 20px;
}

.theme72-content-buttons {
    display: flex;
    gap: 10px;
	flex-wrap: wrap;
    justify-content: center;
}

.theme72-content-buttons.align-center {
    justify-content: center;
}

.theme72-content-buttons.align-right {
    justify-content: flex-end;
}

* + .theme72-faq {
    margin-top: 20px;
}

.theme72-faq {
    width: 100%;
    columns: 2
}

.theme72-faq__item {
    position: relative;
    width: 100%;
    margin-top: 16px;
    border-radius: 16px;
    background: var(--surface-container-surface-container-low, #2e1062);
    overflow: hidden;
    break-inside: avoid
}

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

.theme72-faq__item[data-open] .theme72-faq__item-answer {
    display: block;
}

.theme72-faq__item:first-child {
    margin-top: 0
}

.theme72-faq__item p {
    margin: 16px;
    color: var(--on-surface-on-surface, #ece8f2)
}

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

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

.theme72-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.668 7.419-1.567-1.586-5.1 5.151-5.1-5.15-1.566 1.585L10 14.167z" 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
}

.theme72-faq h3 {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    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;
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 700;
    margin: 0;
}

.theme72-faq h3::marker {
    content: ""
}

.theme72-faq h3::-webkit-details-marker {
    display: none
}

@media (max-width: 575.9px) {
    .theme72-faq h3 {
        font-size: 0.8888888889rem
    }
}

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

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

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

@media (max-width: 991.9px) {
    .theme72-faq {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 16px
    }

    .theme72-faq__item {
        margin-top: 0
    }
}

@media (max-width: 575.9px) {
    .theme72-faq {
        gap: 8px
    }

    .theme72-faq h3 {
        padding: 8px 16px;
        min-height: 56px
    }
}

.theme72-footer {
    position: relative;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px
}

.theme72-footer.theme72-wrapper {
    margin-block: 48px
}

.theme72-footer__row-18.theme72-footer__row::after {
    height: 0
}

.theme72-footer__row-18.theme72-footer__row {
    padding: 0;
}

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

.theme72-footer__row::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #503493
}

.theme72-footer__row--copyright {
    gap: 16px;
    align-items: center;
    padding-block: 24px 0
}

.theme72-footer__row--copyright::after {
    top: 0;
    bottom: unset
}

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

.theme72-footer__nav-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px 64px
}

.theme72-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
}

@media (any-hover: hover) {
    .theme72-footer__nav-list a:hover {
        color: var(--tertiary-tertiary-hover, #ffba25)
    }
}

.theme72-footer__nav-list a:active {
    color: var(--tertiary-tertiary-focus, #ffc037)
}

@media (any-hover: hover) {
    .theme72-footer__nav-list a:focus {
        color: var(--tertiary-tertiary-focus, #ffc037)
    }
}

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

.theme72-footer__providers, .theme72-footer__external-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap
}


.theme72-footer__providers img, .theme72-footer__providers svg, .theme72-footer__external-links img, .theme72-footer__external-links svg {
    max-width: 100%;
    max-height: 48px;
    object-fit: contain
}

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

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

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

.theme72-footer__logo {
    display: flex
}

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

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

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

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

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

.theme72-footer__copyright {
    color: var(--on-surface-on-surface-light, #fff);
    text-align: right;
    margin-left: auto
}

.theme72-footer__social {
    display: flex;
    align-items: center;
    gap: 20px;
}

.theme72-footer__social svg, .theme72-footer__social img {
    max-width: 30px;
    max-height: 30px;
}

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

    .theme72-footer__row--copyright {
        gap: 16px;
        flex-direction: column-reverse
    }

    .theme72-footer__copyright {
        margin-left: 0
    }
}

@media (max-width: 767.9px) {
    .theme72-footer__nav-list {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 575.9px) {
    .theme72-footer {
        padding: 24px 16px;
        gap: 20px
    }

    .theme72-footer.theme72-wrapper {
        margin-block: 32px
    }

    .theme72-footer__copyright {
        font-size: 0.6666666667rem;
        line-height: 1.2222222222rem
    }

    .theme72-footer__providers {
        gap: 16px
    }

    .theme72-footer__providers img, .theme72-footer__providers svg {
        max-height: 32px
    }

    .theme72-footer__flags {
        gap: 8px
    }

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

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

    .theme72-footer__row--copyright {
        padding-block: 20px 0
    }
}

.theme72-header {
    --header-height: 60px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    padding: 12px var(--offsets, 20px);
    width: 100%;
    max-width: calc(var(--width-container) + var(--offsets, 20px) * 2);
    margin-inline: auto;
    flex-wrap: wrap;
}

.theme72-header__btns {
    display: flex;
    gap: 10px;
}


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

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

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

    .theme72-header__btns {
        width: 100%;
    }
}

@media (max-width: 575.9px) {
    .theme72-header {
        gap: 16px
    }
}

.theme72-header__logo {
    display: flex
}

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

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

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

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

.theme72-header__logo img, .theme72-header__logo svg {
    max-width: 200px;
    max-height: 56px;
    object-fit: contain
}

.theme72-header__mob {
    z-index: 50;
    margin-inline: auto;
    display: contents
}

.theme72-header__mob > .btn {
    padding: 12px 32px
}

@media (min-width: 576px) {
    .theme72-header__mob > .btn svg {
        max-width: 32px;
        max-height: 32px
    }
}

.theme72-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) {
    .theme72-header__burger {
        display: none
    }
}

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

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

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

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

.theme72-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
}

.theme72-header.menu-active {
    background: #42208b
}

.theme72-header.menu-active .theme72-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>')
}

@media (min-width: 1240px) {
    .theme72-header__nav {
        margin-inline: auto;
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
        margin-block: -12px
    }
}

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

    .theme72-header__nav {
        z-index: 50;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        background: #42208b;
        padding: 10px var(--offsets, 20px);
        overflow-y: auto;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: calc(100vh - var(--header-height) + 2px)
    }

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

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

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

@media (max-width: 767.9px) {
    .theme72-header:not(.menu-active) .theme72-header__mob {
        display: none
    }
}

@media (max-width: 767.9px)and (max-width: 1239.9px) {
    .theme72-header__mob {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        background: #42208b;
        padding: 10px var(--offsets, 20px);
        overflow-y: auto;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        /*height: calc(100vh - var(--header-height) + 2px);*/
        height: 100vh;
        min-height: 100%;
    }

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

    .theme72-header__mob::-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)
    }

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

    .theme72-header__mob > .btn {
        order: -1;
        width: 100%
    }
}

@media (max-width: 575.9px) {
    .theme72-header {
        padding-block: 8px
    }

    .theme72-header__logo img, .theme72-header__logo svg {
        max-height: 50px
    }
}

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

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

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

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

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

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

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

.theme72-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
}

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

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

.theme72-header-menu .item a > img, .theme72-header-menu .item a > svg, .theme72-header-menu .item span > svg, .theme72-header-menu .item span > img {
    max-width: 20px;
}

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

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

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

@media (max-width: 575.9px) {
    .theme72-header-menu a, .theme72-header-menu span {
        font-size: 0.8888888889rem
    }
}

@media (min-width: 1240px) {
    .theme72-header-menu {
        align-items: stretch
    }

    .theme72-header-menu > .item.parent, .theme72-header-menu > .item:not(.parent) > a, .theme72-header-menu > .item:not(.parent) > span {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 8px 16px;
        min-width: 120px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .theme72-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) {
    .theme72-header-menu .item.parent:hover::before {
        display: block
    }

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

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

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

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

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

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

    .theme72-header-menu .submenu {
        width: 224px;
        display: none;
        padding-block: 8px;
        border-radius: 4px;
        background: #3b1c81;
        position: absolute;
        top: 100%;
        left: 0
    }

    .theme72-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) {
        .theme72-header-menu .submenu .submenu {
            scrollbar-width: thin;
            scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
        }
    }.theme72-header-menu .submenu .submenu::-webkit-scrollbar {
         width: 4px
     }

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

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

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

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

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

@media (min-width: 1240px) {
    .theme72-header-menu .submenu .item.parent:active, .theme72-header-menu .submenu .item:not(.parent) > a:active, .theme72-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) {
    .theme72-header-menu .submenu .item.parent:focus, .theme72-header-menu .submenu .item:not(.parent) > a:focus, .theme72-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) {
    .theme72-header-menu .submenu .item.parent > a:hover {
        color: var(--primary-primary-hover, #e9335d)
    }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1239.9px) {
    .theme72-header-menu .item.parent:active, .theme72-header-menu .item:not(.parent) > a:active, .theme72-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) {
    .theme72-header-menu .item.parent:focus, .theme72-header-menu .item:not(.parent) > a:focus, .theme72-header-menu .item:not(.parent) > span:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

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

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

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

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

    .theme72-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
    }

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

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

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

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

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

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

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

.theme72-text-image {
    /*margin-block: 24px;*/
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 24px
}

.theme72-text-image > img {
    width: 100%;
}

.theme72-text-image__content {
    overflow: hidden;
}

.theme72-text-image.reversed .theme72-text-image__content {
    grid-column: 2;
}

.theme72-text-image.reversed > img {
    grid-column: 1;
    grid-row: 1;
}

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

    .theme72-text-image.reversed .theme72-text-image__content {
        grid-column: 1;
    }
}

* + .theme72-section-hero__demo {
    margin-top: 20px;
}

.theme72-section-hero__demo {
    position: relative;
    min-height: 368px;
    width: 100%;
    border-radius: 48px;
    padding: 20px;
    border: 12px solid var(--surface-container-surface-container-low, #2e1062);
    overflow: hidden;
    background-size: cover;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 628px;
    max-width: 800px;
}

.theme72-section-hero__demo::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(33, 19, 58, .7)
}

.theme72-section-hero__demo-row {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 8px
}

.theme72-section-hero__demo-logo {
    max-width: 100%;
    width: 260px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--on-surface-on-surface-light, #fff)
}

.theme72-section-hero__demo-logo b {
    font-weight: 600
}

.theme72-section-hero__demo-logo img, .theme72-section-hero__demo-logo svg {
    border-radius: 12px;
    width: 106px;
    height: 48px;
    object-fit: cover
}

.theme72-section-hero__demo-btns {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: wrap
}

.theme72-section-hero__demo-btns .btn {
    width: 100%
}

@media (max-width: 991.9px) {
    .section-hero {
        grid-template-columns:1fr
    }

    .theme72-section-hero__demo {
        min-width: 100%;
        max-width: 800px;
    }

}

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

    .section-hero__content {
        display: contents
    }

    .section-hero h1 {
        order: -2
    }

    .theme72-section-hero__demo {
        order: -1;
        min-height: 268px;
        border-width: 10px;
        border-radius: 32px
    }

    .theme72-section-hero__demo-logo {
        width: 244px
    }

    .theme72-section-hero .wp-block-columns.col-2 > .wp-block-column {
        display: contents;
    }

    .theme72-section-hero h1.wp-block-heading {
        order: -2;
    }

    .theme72-section-hero .wp-block-columns.col-2 {
        gap: 0;
    }

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

    .section-hero__btns {
        gap: 16px
    }
}

.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: 16px;
    background: var(--surface-surface-bright, #6133b4);
    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 {
    margin-inline: auto;
    margin-top: -4px;
    min-width: 200px
}

@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-dim, linear-gradient(180deg, #4e1e9d 0%, #311b72 100%));
    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 {
        aspect-ratio: 5 / 9;
    }
}

.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;
    border-radius: 16px
}

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

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

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

.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;
    justify-content: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    padding: 12px 24px;
    border-radius: 500px;
    background: rgba(0, 0, 0, 0);
    color: var(--primary-on-primary, #fff);
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    transition-property: background, box-shadow, color, border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.btn svg {
    display: flex;
    min-width: 18px;
    min-height: 18px;
    max-width: 24px;
    max-height: 24px;
    vertical-align: middle
}

.btn svg path {
    fill: currentColor
}

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

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

@media (min-width: 576px) {
    .btn--l svg {
        max-width: 32px;
        max-height: 32px
    }
}

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

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

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

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

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

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

.btn--secondary {
    color: var(--secondary-on-secondary, #fff);
    background: var(--secondary-secondary, #1ec079)
}

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

.btn--secondary:active {
    background: var(--secondary-secondary-focus, #32d88f)
}

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

.btn--secondary[disabled], .btn--secondary.disabled {
    background: var(--secondary-secondary-disabled, #347a59);
    color: var(--secondary-on-secondary-disabled, #79c5a1)
}

.btn--tertiary {
    color: var(--tertiary-on-tertiary, #393121);
    background: var(--tertiary-tertiary, #f6b018)
}

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

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

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

.btn--tertiary[disabled], .btn--tertiary.disabled {
    color: var(--primary-on-primary-disabled, #bf72a0);
    background: var(--tertiary-tertiary-disabled, #9c7f3f)
}

.btn--elevated {
    color: var(--on-surface-on-surface-light, #fff);
    background: var(--surface-container-surface-container-high, #9263e7)
}

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

.btn--elevated > * {
    position: relative;
    z-index: 1
}

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

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

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

.btn--elevated[disabled], .btn--elevated.disabled {
    color: var(--surface-container-on-surface-container-disabled, #876eb2)
}

.btn--elevated[disabled]::after, .btn--elevated.disabled::after {
    background: var(--surface-container-surface-container-disabled, #513289)
}

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

@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, #d3bcf7);
    color: var(--surface-container-on-surface-container-disabled, #876eb2)
}

.btn--link {
    padding: 0;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 400
}

@media (max-width: 575.9px) {
    .btn--link {
        font-size: 0.8333333333rem
    }
}

@media (any-hover: hover) {
    .btn--link:hover {
        color: var(--tertiary-tertiary-hover, #ffba25)
    }
}

.btn--link:active {
    color: var(--tertiary-tertiary-focus, #ffc037)
}

@media (any-hover: hover) {
    .btn--link:focus {
        color: var(--tertiary-tertiary-focus, #ffc037)
    }
}

.btn--link[disabled], .btn--link.disabled {
    color: var(--surface-container-on-surface-container-disabled, #876eb2)
}

.btn--text {
    border-radius: 0;
    color: var(--on-surface-on-surface-light, #fff);
    background: rgba(0, 0, 0, 0)
}

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

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

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

.btn--text[disabled], .btn--text.disabled {
    color: var(--surface-container-on-surface-container-disabled, #876eb2)
}

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

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

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

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

.theme72-pros-cons__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px
}

.theme72-pros-cons__item--cons .theme72-pros-cons__list li::before {
    content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2.5" y="2.5" width="43" height="43" rx="11.5" fill="url(%23a)" stroke="%23B00816"/><circle cx="24" cy="23" r="12" fill="%23fff"/><path d="M27.637 17.412a1.386 1.386 0 0 1 1.96 1.958l-3.64 3.637 3.638 3.636a1.385 1.385 0 1 1-1.96 1.958l-3.638-3.636-3.63 3.629a1.386 1.386 0 0 1-1.959-1.958l3.63-3.63-3.63-3.63a1.384 1.384 0 1 1 1.958-1.957l3.632 3.63z" fill="%23D44161"/><path d="M45 33.825c0 6.075-4.925 11-11 11H14c-6.075 0-11-4.925-11-11v-3.819c0 6.075 4.925 11 11 11h20c6.075 0 11-4.925 11-11z" fill="%23980C24"/><defs><linearGradient id="a" x1="7" y1="2" x2="38" y2="46" gradientUnits="userSpaceOnUse"><stop stop-color="%23FD312B"/><stop offset="1" stop-color="%23CF0611"/></linearGradient></defs></svg>')
}

.theme72-pros-cons__title {
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1.3333333333rem;
    line-height: 1.7777777778rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-pros-cons__title {
        font-size: 1.1111111111rem;
        line-height: 1.5555555556rem
    }
}

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

.theme72-pros-cons__list li {
    position: relative;
    padding: 16px;
    padding-left: 80px;
    border-radius: 16px;
    min-height: 80px;
    background: var(--surface-container-surface-container-low, #2e1062);
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 400
}

.theme72-pros-cons__list li::before {
    content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2.5" y="2.5" width="43" height="43" rx="11.5" fill="url(%23a)" stroke="%23054E12"/><circle cx="24" cy="23" r="12" fill="%23fff"/><path d="M28.78 17.125a1.502 1.502 0 0 1 2.44 1.748l-6.449 9a1.5 1.5 0 0 1-2.363.097l-4.552-5.358 2.287-1.943 3.307 3.894z" fill="%2364C5A6"/><path d="M18.03 20.497a1.5 1.5 0 0 1 2.113.172l-2.287 1.943a1.5 1.5 0 0 1 .173-2.115" fill="%2364C5A6"/><path d="M45 34.021c0 6.075-4.925 11-11 11H14c-6.075 0-11-4.925-11-11v-3.818c0 6.075 4.925 11 11 11h20c6.075 0 11-4.925 11-11z" fill="%230AAB2C"/><defs><linearGradient id="a" x1="9.5" y1="4.5" x2="39" y2="46" gradientUnits="userSpaceOnUse"><stop stop-color="%236BF435"/><stop offset="1" stop-color="%230DD82E"/></linearGradient></defs></svg>');
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 575.9px) {
    .theme72-pros-cons__list {
        grid-template-columns:1fr;
        gap: 12px
    }

    .theme72-pros-cons__item {
        gap: 12px
    }
}

.scrolling .wp-block-table td, .scrolling .wp-block-table th {
    pointer-events: none;
    user-select: none
}

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

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

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

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

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

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

    .wp-block-table:not(.info-table) table {
        overflow-x: scroll;
        min-width: 500px;
        table-layout: auto;
    }
}

@media (max-width: 575.9px) {
    .wp-block-table.js-scroll-list {
        margin-top: 20px
    }
}

table:not([class]), table {
    table-layout: fixed;
    border-spacing: 0;
    margin-top: 24px;
    border-radius: 16px;
    border: 1px solid var(--outline-outline-light, #6344ab);
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 400
}

@media (max-width: 575.9px) {
    table:not([class]), table {
        font-size: 0.8333333333rem
    }
}

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

table:not([class]) th, table th {
    padding: 16px 32px
}

table:not([class]) th, table:not([class]) td, table th, table td {
    border-right: 1px solid var(--outline-outline-light, #6344ab)
}

table:not([class]) th:last-child, table:not([class]) td:last-child, table th:last-child, table td:last-child {
    border-right: 0
}

table:not([class]) th:first-child, table:not([class]) td:first-child, table th:first-child, table td:first-child {
    padding-left: 16px;
    white-space: nowrap
}

table:not([class]) td, table td {
    height: 56px;
    padding: 8px 32px
}

table td ul, table td ol {
    margin-top: 10px;
}

table:not([class]) th, table th {
    border-bottom: 1px solid var(--outline-outline-light, #6344ab);
    text-align: left;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    table:not([class]) th, table th {
        font-size: 0.8888888889rem
    }
}

table:not([class]) tr:not(:last-child) td, table tr:not(:last-child) td {
    border-bottom: 1px solid var(--outline-outline-light, #6344ab)
}

table:not([class]) tbody:first-child td:first-child, table tbody:first-child td:first-child {
    font-size: 0.8888888889rem;
    line-height: 1.3333333333rem;
    font-weight: 700;
    /*width: 1px*/
}

@media (max-width: 575.9px) {
    table:not([class]), table {
        margin-top: 20px
    }

    table:not([class]) th, table:not([class]) td, table th, table td {
        padding: 8px 20px
    }

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

    .info-table table:not([class]) th:first-child, .info-table table:not([class]) td:first-child, .info-table table th:first-child, .info-table table td:first-child {
        padding-left: 0
    }
}

* + .theme72-toc {
    margin-top: 20px;
}

.theme72-wrapper > .theme72-toc {
    width: 100%;
}

.theme72-wrapper > .theme72-toc .theme72-toc__list {
    flex-direction: row;
    flex-wrap: wrap;
}

.theme72-wrapper > .theme72-toc .theme72-toc__item a, .theme72-wrapper > .theme72-toc .theme72-toc__item {
    width: fit-content;
}


.theme72-toc {
    position: relative;
    width: 392px;
    padding: 24px;
    border-radius: 32px;
    background: var(--surface-container-surface-container-low, #2e1062);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px
}

.theme72-toc__title {
    color: var(--on-surface-on-surface, #ece8f2);
    margin: 0;
    font-size: 1.2222222222rem;
    line-height: 1.7777777778rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-toc__title {
        font-size: 1rem;
        line-height: 1.3333333333rem
    }

    .theme72-toc {
        width: 100%;
        R
    }
}

.theme72-toc__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px
}

.theme72-toc__item {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%
}

.theme72-toc__item a {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    border-radius: 500px;
    overflow: hidden;
    background: var(--surface-container-surface-container-high, #9263e7);
    color: var(--on-surface-on-surface-light, #fff);
    text-align: center;
    font-size: 0.8888888889rem;
    line-height: 1.3333333333rem;
    font-weight: 700;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.theme72-toc__item a::after {
    content: "";
    position: absolute;
    inset: 0;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .theme72-toc__item a:hover::after {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

.theme72-toc__item a:active::after {
    background: var(--states-focused, rgba(255, 255, 255, 0.12))
}

@media (any-hover: hover) {
    .theme72-toc__item a:focus::after {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

@media (max-width: 575.9px) {
    .theme72-toc {
        padding: 16px;
        border-radius: 24px
    }
}

.theme72-header__lang {
    cursor: pointer;
    position: relative;
    z-index: 60;
    border-radius: 12px;
    background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.13));
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--on-surface-on-surface-light, #fff);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-header__lang {
        font-size: 0.8888888889rem
    }
}

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

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

.theme72-header__lang:active::after {
    background: var(--states-hovered, rgba(255, 255, 255, 0.08))
}

@media (any-hover: hover) {
    .theme72-header__lang:hover::after {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }

    .theme72-header__lang:focus::after {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08))
    }
}

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

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

.theme72-header__lang.active {
    border-radius: 12px 12px 0 0
}

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

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

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

.theme72-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 12px 12px;
    background: var(--surface-container-surface-container, rgba(246, 246, 246, 0.13));
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    display: none
}

.theme72-header__lang-link {
    position: relative;
}

.theme72-header__lang-list-link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 46px;
    top: 2px;
    min-width: 100%;
    left: 0;
}

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

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

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

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

.theme72-header__lang-list-item {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #503493
}

.theme72-header__lang-list-item {
    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
}

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

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

.theme72-header__lang-list-item:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12))
}

@media (any-hover: hover) {
    .theme72-header__lang-list-item:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12))
    }
}

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

    .theme72-header__lang span {
        display: none
    }

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

    .theme72-header__lang-list-item {
        /*padding: 12px*/
    }
}

.theme72-author-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    color: #fff;
    margin-top: 24px
}

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

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

.theme72-author-row__time {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-left: auto;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 400
}

.theme72-author-row__time::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.103.628a.625.625 0 0 1 .676.495l.01.064.341 3.345-3.416.258a.625.625 0 0 1-.095-1.247l.615-.046A6.875 6.875 0 1 0 16.516 7.8l1.184-.4a8.125 8.125 0 1 1-4.008-4.639l-.147-1.447-.003-.064c0-.317.24-.589.561-.622" fill="%23fff"/><path d="M10 6.25c.345 0 .625.28.625.625v2.999l2.222 1.481.05.038a.625.625 0 0 1-.688 1.035l-.056-.033-2.778-1.852V6.875c0-.345.28-.625.625-.625m6.908.758a.625.625 0 0 1 .792.393l-1.184.4a.625.625 0 0 1 .392-.793" fill="%23fff"/></svg>');
    width: 20px;
    height: 20px;
    display: block;
    margin-top: -5px
}

@media (max-width: 575.9px) {

    .theme72-author-row__name {
        color: var(--on-surface-on-surface-light, #fff)
    }

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


    .theme72-author-row {
        gap: 4px 8px;
        margin-top: 16px
    }

    .theme72-author-row__name {
        width: 100%
    }

    .theme72-author-row__time {
        margin-top: 12px;
        margin-left: 0;
        width: 100%;
        color: var(--on-surface-on-surface-dark, #d3bcf7);
    }

    .theme72-author-row__time::before {
        content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.103.628a.625.625 0 0 1 .676.495l.01.064.341 3.345-3.416.258a.625.625 0 0 1-.095-1.247l.615-.046A6.875 6.875 0 1 0 16.516 7.8l1.184-.4a8.125 8.125 0 1 1-4.008-4.639l-.147-1.447-.003-.064c0-.317.24-.589.561-.622" fill="%23d3bcf7"/><path d="M10 6.25c.345 0 .625.28.625.625v2.999l2.222 1.481.05.038a.625.625 0 0 1-.688 1.035l-.056-.033-2.778-1.852V6.875c0-.345.28-.625.625-.625m6.908.758a.625.625 0 0 1 .792.393l-1.184.4a.625.625 0 0 1 .392-.793" fill="%23d3bcf7"/></svg>');
    }

    .theme72-author-row img {
        width: 18px;
        min-width: 18px;
        height: 18px
    }
}

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

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

@media (max-width: 575.9px) {
    .theme72-gallery {
        gap: 8px
    }
}

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

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

.theme72-gallery__item--video .theme72-gallery__item-link::after {
    content: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="14.5" stroke="url(%23a)" stroke-width="3"/><path d="M17 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="%23fff"/><defs><linearGradient id="a" x1="22" y1="0" x2="22" y2="44" gradientUnits="userSpaceOnUse"><stop stop-color="%23F2128D"/><stop offset="1" stop-color="%23DA1392"/></linearGradient></defs></svg>');
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.theme72-gallery__item--video .theme72-gallery__item-link::before {
    content: "";
    z-index: 0;
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .5)
}

.theme72-gallery__item-text {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--on-surface-on-surface, #ece8f2)
}

.theme72-gallery__item-link {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 16px
}

@media (any-hover: hover) {
    .theme72-gallery__item:hover.theme72-gallery__item--video .theme72-gallery__item-link::after {
        content: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="14.5" fill="%23fff" fill-opacity=".08" stroke="%23EE1B99" stroke-width="3"/><path d="M17 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="%23fff"/></svg>')
    }
}

.theme72-gallery__item:active.theme72-gallery__item--video .theme72-gallery__item-link::after {
    content: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="14.5" fill="%23fff" fill-opacity=".12" stroke="%23F624A2" stroke-width="3"/><path d="M17 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="%23fff"/></svg>')
}

@media (any-hover: hover) {
    .theme72-gallery__item:focus.theme72-gallery__item--video .theme72-gallery__item-link::after {
        content: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="14.5" fill="%23fff" fill-opacity=".12" stroke="%23F624A2" stroke-width="3"/><path d="M17 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="%23fff"/></svg>')
    }
}

@media (max-width: 575.9px) {
    .theme72-gallery__item {
        height: 120px
    }
}

.info-table table {
    position: relative;
    margin-top: 16px;
    border: none;
}

.info-table strong {
    color: var(--tertiary-tertiary, #f6b018);
    text-align: center;
    line-height: 1;
    font-weight: 600;
    margin-top: 4px;
}

.info-table table td {
    height: auto;
    padding: 0;
}

.info-table table td {
    border-right: 0;
}

.info-table table tr:not(:last-child) td {
    border-bottom: 0;
}

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

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

.info-table tr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.info-table td {
    color: var(--on-surface-on-surface-dark, #d3bcf7)
}

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

.info-table td:last-child {
    text-align: right
}

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

.info-table__rating::before, .info-table__rating::after {
    content: "";
    font-size: 24px;
    line-height: 22px;
    height: 24px;
    letter-spacing: 0px;
    font-weight: 100
}

.info-table__rating::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: rgba(0, 0, 0, 0)
}

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

@supports (mask: url(#)) {
    .info-table__rating::before, .info-table__rating::after {
        content: "";
        width: 24px;
        height: 24px;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset
    }

    .info-table__rating::before {
        background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
        -webkit-mask: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.024 3.082a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L3.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037z" fill="%23FF8F4A" stroke="%23FF8F4A"/></svg>');
        mask: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.024 3.082a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L3.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037z" fill="%23FF8F4A" stroke="%23FF8F4A"/></svg>');
        -webkit-mask-size: contain;
        mask-size: contain
    }

    .info-table__rating::after {
        background: var(--star-color);
        -webkit-mask: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.024 3.082a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L3.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037z" stroke="%23FF8F4A"/></svg>');
        mask: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.024 3.082a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L3.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037z" stroke="%23FF8F4A"/></svg>');
        -webkit-mask-size: contain;
        mask-size: contain
    }
}

.info-table__rating span {
    color: var(--tertiary-tertiary, #f6b018);
    text-align: center;
    line-height: 1;
    font-weight: 600;
    margin-top: 4px
}

@media (max-width: 575.9px) {
    .info-table tbody {
        gap: 16px 8px
    }

    .info-table tr {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px
    }

    .info-table td:last-child {
        text-align: left
    }
}

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

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

.theme72-grid-block.theme72-grid-block--3 {
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))
}

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

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

    .theme72-grid-block.theme72-grid-block--3, .theme72-grid-block.theme72-grid-block--5 {
        grid-template-columns:1fr
    }
}

.theme72-slot-card {
    max-width: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    min-height: 230px
}

.theme72-slot-card > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.theme72-slot-card__wrap {
    position: relative;
    z-index: 2;
    width: 288px;
    max-width: 100%;
    padding: 12px;
    border-radius: 12px;
    background: rgba(19, 13, 34, .84);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.theme72-slot-card__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px
}

.theme72-slot-card__name {
    color: var(--on-surface-on-surface-light, #fff);
    font-size: 1.2222222222rem;
    line-height: 1.7777777778rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-slot-card__name {
        font-size: 1rem;
        line-height: 1.3333333333rem
    }
}

.theme72-slot-card__win {
    color: var(--tertiary-tertiary, #f6b018);
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-slot-card__win {
        font-size: 0.8888888889rem
    }
}

.theme72-slot-card__win span {
    background: linear-gradient(to bottom, #f9d76e 0%, #e9b32a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    font-style: italic;
    margin-right: 3px
}

.theme72-slot-card__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    background: rgba(0, 0, 0, 0);
    color: var(--on-surface-on-surface-light, #fff);
    text-align: center;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 400
}

@media (max-width: 575.9px) {
    .theme72-slot-card__btn {
        font-size: 0.8333333333rem
    }
}

.theme72-slot-card__btn-icon {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    border-radius: 16px;
    border: 1px solid var(--tertiary-tertiary, #f6b018);
    background: radial-gradient(50% 50% at 50% 50%, #f56f39 29.01%, #e4571e 100%);
    padding: 15px 12px;
}

.theme72-slot-card__btn-icon::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="15" viewBox="0 0 12 15" fill="none"><path d="M10.839 5.908a2 2 0 0 1 0 3.403l-7.476 4.617c-1.332.823-3.05-.135-3.05-1.702V2.992c0-1.566 1.718-2.524 3.05-1.701z" fill="%23fff"/></svg>');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 15px;
}

.theme72-slot-card__btn-icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

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

.theme72-slot-card__btn:active .theme72-slot-card__btn-icon::before {
    background: var(--states-focused, rgba(255, 255, 255, 0.12))
}

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

@media (max-width: 575.9px) {
    .theme72-slot-card {
        min-height: 200px
    }

    .theme72-slot-card__btn-icon {
        width: 41px;
        height: 41px
    }

    .theme72-slot-card__btn-icon::after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M9.808 3.955a2 2 0 0 1 0 3.403L3.926 10.99c-1.332.822-3.051-.136-3.051-1.702V2.024C.875.457 2.594-.501 3.926.322z" fill="%23fff"/></svg>');
        width: 11px;
        height: 15px
    }

    .theme72-slot-card__wrap {
        width: 274px
    }
}

.content-img {
    display: grid;
    grid-template-columns:1fr fit-content(50%);
    gap: 20px 24px;
    margin-top: 24px
}

.content-img:first-child {
    margin-top: 0
}

.content-img > *:only-child {
    grid-column: 1/-1
}

.content-img .btn:not(:first-child) {
    margin-top: 20px
}

.content-img__content {
    grid-column: span 1
}

.content-img img {
    width: 100%;
    grid-column: span 1;
    margin: 0
}

.content-img--reversed .content-img__content {
    order: 1
}

.content-img--reversed img {
    order: -1
}

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

    .content-img > img {
        width: 100%
    }

    .content-img .btn {
        width: 100%
    }

    .content-img .btn:not(:first-child) {
        margin-top: 16px
    }
}

@media (max-width: 575.9px) {
    .content-img {
        margin-top: 20px
    }
}

.theme72-listing {
    margin-top: 24px
}

.theme72-listing:first-child {
    margin-top: 0
}

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

.theme72-listing__row {
    width: 100%;
    display: flex
}

.theme72-listing__item {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.theme72-listing__item-wrap {
    position: relative;
    width: 100%;
    padding: 13px 13px 13px 136px;
    border-radius: 32px;
    border: 3px solid var(--secondary-secondary, #1ec079);
    background: var(--surface-container-surface-container-low, #2e1062);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap
}

.theme72-listing__item-wrap > img, .theme72-listing__item-wrap > svg {
    width: 180px;
    height: 68px;
    border-radius: 16px;
    object-fit: cover
}

.theme72-listing__item-place {
    position: absolute;
    left: -3px;
    top: -3px;
    height: calc(100% + 6px);
    width: 104px;
    border-radius: 32px 0 0 32px;
    background: var(--secondary-secondary, #1ec079);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--primary-on-primary, #fff);
    text-align: center;
    font-size: 1.7777777778rem;
    line-height: 2.2222222222rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-listing__item-place {
        font-size: 1.3333333333rem;
        line-height: 1.7777777778rem
    }
}

.theme72-listing__item .btn {
    margin-left: auto;
    width: 255px;
    max-width: 100%
}

.theme72-listing__item-best {
    margin-left: 104px;
    padding: 8px 24px;
    border-radius: 0 0 32px 32px;
    background: var(--secondary-secondary, #1ec079);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-listing__item-best {
        font-size: 0.8888888889rem
    }
}

.theme72-listing__item-best img, .theme72-listing__item-best svg {
    max-width: 30px;
    max-height: 30px;
    object-fit: contain;
    color: var(--on-surface-on-surface-light, #fff);
    text-align: center;
    margin-top: -3px
}

.theme72-listing__item-bonus {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--on-surface-on-surface, #ece8f2);
    font-size: 1.2222222222rem;
    line-height: 1.7777777778rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-listing__item-bonus {
        font-size: 1rem;
        line-height: 1.3333333333rem
    }
}

.theme72-listing__item-bonus img, .theme72-listing__item-bonus svg {
    margin-top: -4px;
    max-width: 44px;
    max-height: 44px;
    object-fit: contain
}

@media (max-width: 767.9px) {
    .theme72-listing__item {
        padding-left: 104px
    }

    .theme72-listing__item-wrap {
        padding: 16px;
        border-radius: 0 32px 32px 32px
    }

    .theme72-listing__item-place {
        height: 100px;
        transform: translateX(-100%)
    }

    .theme72-listing__item-best {
        margin-inline: auto
    }

    .theme72-listing__item-bonus {
        max-width: calc(100% - 180px - 16px)
    }

    .theme72-listing__item .btn {
        width: 100%
    }
}

@media (max-width: 575.9px) {
    .theme72-listing {
        margin-top: 20px
    }

    .theme72-listing__list {
        gap: 16px
    }

    .theme72-listing__item {
        padding-left: 48px
    }

    .theme72-listing__item-wrap {
        padding: 13px 9px
    }

    .theme72-listing__item-wrap > img, .theme72-listing__item-wrap > svg {
        width: 78px;
        height: 48px
    }

    .theme72-listing__item-bonus {
        max-width: calc(100% - 78px - 16px);
        font-size: 1rem;
        line-height: 1.3333333333rem;
        font-weight: 700
    }
}

@media (max-width: 575.9px)and (max-width: 575.9px) {
    .theme72-listing__item-bonus {
        font-size: 0.8888888889rem
    }
}

@media (max-width: 575.9px) {
    .theme72-listing__item-bonus img, .theme72-listing__item-bonus svg {
        max-width: 32px;
        max-height: 32px
    }

    .theme72-listing__item-place {
        width: 48px;
        height: 64px
    }
}

.theme72-how-to {
    margin-top: 24px;
    counter-reset: theme72-how-to;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px
}

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

.theme72-how-to__item {
    position: relative;
    counter-increment: theme72-how-to;
    padding-left: 96px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px
}

.theme72-how-to__item::before {
    content: counter(theme72-how-to);
    position: absolute;
    z-index: 2;
    left: 7px;
    top: calc(50% - 3px);
    transform: translateY(-50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    padding-top: 3px;
    color: var(--on-surface-on-surface-light, #fff);
    text-align: center;
    font-size: 1.4444444444rem;
    line-height: 2.2222222222rem;
    font-weight: 700;
    outline: 7px solid hsla(0, 0%, 100%, .2);
    background: linear-gradient(158deg, #f5138c 13.75%, #d61392 90.38%)
}

.theme72-how-to__item::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 34px;
    top: 0;
    height: calc(100% + 24px);
    width: 4px;
    background: #e5138f
}

.theme72-how-to__item-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px
}

.theme72-how-to__item-title {
    margin: 0;
    color: var(--On-Surface, #fff);
    font-size: 1.2222222222rem;
    line-height: 1.7777777778rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-how-to__item-title {
        font-size: 1rem;
        line-height: 1.3333333333rem
    }
}

.theme72-how-to__item-title::before {
    content: counter(theme72-how-to) ". ";
    min-width: 33px;
    text-align: center;
    display: inline-block
}

.theme72-how-to__item-descr {
    color: var(--on-surface-on-surface, #ece8f2)
}

.theme72-how-to__item img {
    max-width: 50%;
    border-radius: 16px;
    width: 100%;
    max-width: 252px;
}

.theme72-how-to__item:first-child::after {
    top: 50%;
    height: calc(50% + 24px)
}

.theme72-how-to__item:last-child::after {
    height: calc(50% + 24px);
    top: -24px
}

@media (max-width: 767.9px) {
    .theme72-how-to__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }

    .theme72-how-to__item .btn, .theme72-how-to__item img {
        width: 100%;
        max-width: 100%
    }

    .theme72-how-to__item::before {
        transform: unset;
        top: 7px;
        left: 7px
    }

    .theme72-how-to__item::after {
        top: 25px
    }

    .theme72-how-to__item:first-child::after {
        top: 25px;
        height: calc(100% + 24px)
    }

    .theme72-how-to__item:last-child::after {
        display: none
    }
}

@media (max-width: 575.9px) {
    .theme72-how-to__item {
        padding-left: 70px;
        gap: 12px
    }

    .theme72-how-to__item-content {
        gap: 12px
    }

    .theme72-how-to__item::before {
        top: 5px;
        left: 5px;
        width: 40px;
        height: 40px;
        outline-width: 5px
    }

    .theme72-how-to__item::after {
        left: 25px
    }

    .theme72-how-to__item-title::before {
        min-width: 27px
    }
}

.theme72-author-block {
    margin-top: 24px;
    padding: 32px 24px 0;
    border-radius: 32px;
    overflow: hidden;
    background: var(--surface-container-surface-container-transparent, rgba(59, 28, 129, 0.8));
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 64px
}

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

.theme72-author-block__descr {
    text-align: center
}

.theme72-author-block__wrap {
    position: relative;
    padding: 54px 24px 24px;
    width: calc(100% + 48px);
    margin-left: -24px;
    background: var(--surface-container-surface-container-low, #2e1062);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

.theme72-author-block__wrap > img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateY(-50%) translateX(-50%);
    width: 100px;
    max-width: 100%;
    height: 100px;
    object-fit: cover;
    border: 4px solid #e51290;
    border-radius: 50%;
}

.theme72-author-block__name {
    color: var(--on-surface-on-surface-light, #fff);
    text-align: center;
    font-size: 1.2222222222rem;
    line-height: 1.7777777778rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-author-block__name {
        font-size: 1rem;
        line-height: 1.3333333333rem
    }
}

.theme72-author-block__position {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    color: var(--on-surface-on-surface-light, #fff)
}

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

.theme72-author-block__rating::before, .theme72-author-block__rating::after {
    content: "";
    font-size: 24px;
    line-height: 22px;
    height: 24px;
    letter-spacing: 0px;
    font-weight: 100
}

.theme72-author-block__rating::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: rgba(0, 0, 0, 0)
}

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

@supports (mask: url(#)) {
    .theme72-author-block__rating::before, .theme72-author-block__rating::after {
        content: "";
        width: 120px;
        height: 24px;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset
    }

    .theme72-author-block__rating::before {
        background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
        -webkit-mask: url('data:image/svg+xml,<svg width="125" height="24" viewBox="0 0 125 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.024 3.082a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L3.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L28.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L53.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L78.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677l-3.977-2.889a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037z" fill="%23FF8F4A" stroke="%23FF8F4A"/></svg>');
        mask: url('data:image/svg+xml,<svg width="125" height="24" viewBox="0 0 125 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.024 3.082a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L3.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L28.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L53.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L78.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677l-3.977-2.889a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037z" fill="%23FF8F4A" stroke="%23FF8F4A"/></svg>');
        -webkit-mask-size: contain;
        mask-size: contain
    }

    .theme72-author-block__rating::after {
        background: var(--star-color);
        -webkit-mask: url('data:image/svg+xml,<svg width="125" height="24" viewBox="0 0 125 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.024 3.082a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L3.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L28.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L53.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L78.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677l-3.977-2.889a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037z" stroke="%23FF8F4A"/></svg>');
        mask: url('data:image/svg+xml,<svg width="125" height="24" viewBox="0 0 125 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.024 3.082a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L3.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L28.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L53.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677L78.87 9.696a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037zm25 0a.5.5 0 0 1 .952 0l1.518 4.673a1.5 1.5 0 0 0 1.427 1.037h4.914a.5.5 0 0 1 .294.904l-3.976 2.889a1.5 1.5 0 0 0-.545 1.677l1.519 4.674a.5.5 0 0 1-.77.56l-3.975-2.89a1.5 1.5 0 0 0-1.764 0l-3.975 2.89a.5.5 0 0 1-.77-.56l1.519-4.674a1.5 1.5 0 0 0-.545-1.677l-3.977-2.889a.5.5 0 0 1 .294-.904h4.914a1.5 1.5 0 0 0 1.427-1.037z" stroke="%23FF8F4A"/></svg>');
        -webkit-mask-size: contain;
        mask-size: contain
    }
}

.theme72-author-block__rating span {
    margin-top: 4px;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-weight: 700
}

@media (max-width: 575.9px) {
    .theme72-author-block__rating span {
        font-size: 0.8888888889rem
    }
}

@media (max-width: 575.9px) {
    .theme72-author-block {
        border-radius: 24px;
        padding-inline: 16px;
        gap: 48px
    }

    .theme72-author-block__wrap {
        padding: 40px 24px 16px;
        width: calc(100% + 32px);
        margin-left: -16px
    }

    .theme72-author-block__wrap > img {
        width: 72px;
        height: 72px
    }
}

.theme72-scroll-to-top__button {
    outline: 7px solid hsla(0, 0%, 100%, .2);
    background: linear-gradient(158deg, #f5138c 13.75%, #d61392 90.38%);
    border-radius: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

}

.theme72-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: var(--width-container);
    margin: var(--wrapper-margin) auto 0;
    width: 100%;
}

.theme72-breadcrumbs__list {
    display: flex;
    gap: 12px;
    align-items: center;
}

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

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


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


.theme72-mob-btn {
    position: sticky;
    left: 0;
    bottom: 0;
    z-index: 80;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 8px;
    visibility: hidden;
    border-radius: var(--Corner_radius-3, 8px);
    background: var(--surface-container-surface-container-transparent, rgba(59, 28, 129, 0.8));
}

.theme72-mob-btn__text span {
    color: #b99fe8;
    font-weight: 900;
}

.theme72-mob-btn.active {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 8px
}

.theme72-mob-btn.active > .btn {
    width: 100%;
    max-width: 100%;
    margin-top: 8px
}

.theme72-mob-btn.active .theme72-mob-btn__content {
    display: flex
}

.theme72-mob-btn.active .theme72-mob-btn__close {
    display: flex
}

.theme72-mob-btn > .btn {
    margin-left: auto;
    padding: 12px 16px
}

.theme72-mob-btn .theme72-mob-btn__main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding-block: 8px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
}

.theme72-mob-btn .theme72-mob-btn__main span {
    font: var(--font-second);
    color: var(--Color-text-default, #fff)
}

.theme72-mob-btn .theme72-mob-btn__close {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    display: none;
    margin-left: auto;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: opacity
}

.theme72-mob-btn .theme72-mob-btn__close:active {
    opacity: .6
}

.theme72-mob-btn .theme72-mob-btn__close::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.04 2.626A1 1 0 0 0 2.627 4.04L6.586 8l-3.96 3.959a1 1 0 0 0 1.415 1.414l3.958-3.959 3.96 3.96a1 1 0 0 0 1.414-1.415L9.413 8l3.96-3.959a1 1 0 1 0-1.415-1.414L8 6.585z" fill="%23fff"/></svg>');
    display: block;
    width: 16px;
    height: 16px
}

.theme72-mob-btn .theme72-mob-btn__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 16px;
    display: none
}

.theme72-mob-btn .theme72-mob-btn__content p {
    margin: 0;
    color: var(--Color-text-subtlest, #cfd0ce)
}

.theme72-mob-btn .theme72-mob-btn__content .btn--promo {
    width: 100%
}

.theme72-mob-btn .theme72-mob-btn__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.theme72-mob-btn img, .theme72-mob-btn svg {
    max-width: 150px;
    max-height: 50px
}

.theme72-page-404__title {
    text-align: center;
    font-size: 100px;
    line-height: 100px;
}

.theme72-page-404__subtitle {
    text-align: center;
}


.theme72-page-404__link {
    margin: auto;
}