@keyframes tuiPresent {
    to {
        content: "1"
    }
}

@keyframes tuiSkeletonVibe {
    to {
        opacity: .5
    }
}

html,
.tui-zero-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

html::-webkit-scrollbar,
.tui-zero-scrollbar::-webkit-scrollbar,
html::-webkit-scrollbar-thumb,
.tui-zero-scrollbar::-webkit-scrollbar-thumb {
    display: none
}

body[data-tui-theme] {
    font: var(--tui-font-text-s);
    color: var(--tui-text-01);
    background: var(--tui-base-01);
    margin: 0
}

tui-root {
    position: relative;
    display: block;
    flex: 1;
    -webkit-tap-highlight-color: transparent
}

tui-root>.t-root-scrollbar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    margin: 0
}

[data-tui-theme] tui-root>.t-root-scrollbar {
    display: block
}

.t-root-content {
    position: relative;
    top: var(--t-root-top);
    height: 100%;
    isolation: isolate
}

.t-root-content>* {
    --t-root-top: 0
}

[tuiDropdownButton][tuiDropdownButton] {
    display: none
}

.t-overscroll-none {
    overscroll-behavior: none
}


[_nghost-ng-c1254448952] {
    display: none
}


[_nghost-ng-c2912582407] {
    position: relative;
    z-index: 0;
    display: block;
    height: 100%
}

[_nghost-ng-c2912582407]:before {
    content: "";
    display: block;
    overflow: hidden
}

.t-position-fixed-offset[_ngcontent-ng-c2912582407] {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    width: 100%;
    height: 100%
}


[_nghost-ng-c869960046] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0
}

.t-overlay[_ngcontent-ng-c869960046],
.t-dialog[_ngcontent-ng-c869960046] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    outline: none;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.t-overlay.ng-animating[_ngcontent-ng-c869960046],
.t-dialog.ng-animating[_ngcontent-ng-c869960046] {
    overflow: clip
}

.t-overlay[_ngcontent-ng-c869960046]::-webkit-scrollbar,
.t-dialog[_ngcontent-ng-c869960046]::-webkit-scrollbar,
.t-overlay[_ngcontent-ng-c869960046]::-webkit-scrollbar-thumb,
.t-dialog[_ngcontent-ng-c869960046]::-webkit-scrollbar-thumb {
    display: none
}

.t-dialog[_ngcontent-ng-c869960046] {
    bottom: auto;
    height: 100%
}

.t-overlay[_ngcontent-ng-c869960046] {
    height: 100%;
    pointer-events: none;
    touch-action: none;
    opacity: 0;
    letter-spacing: normal;
    transition: opacity var(--tui-duration, .3s), letter-spacing .01s;
    background: rgba(0, 0, 0, .75);
    -webkit-backdrop-filter: var(--tui-backdrop, none);
    backdrop-filter: var(--tui-backdrop, none)
}

.t-overlay_visible[_ngcontent-ng-c869960046] {
    opacity: 1;
    letter-spacing: 1px
}

.t-dialog[_ngcontent-ng-c869960046]:last-of-type {
    z-index: 1
}

.t-scrollbars[_ngcontent-ng-c869960046] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    color: #747474
}


tui-alert-host>.t-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    pointer-events: none
}

tui-alert-host>.t-wrapper>* {
    pointer-events: auto
}


[_nghost-ng-c2326231791] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0
}


[_nghost-ng-c1737320279] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    min-width: calc(100% - 1px);
    min-height: calc(100% - 1px);
    max-width: calc(100% - 1px);
    max-height: calc(100% - 1px);
    float: left;
    -webkit-margin-end: calc(-100% + 1px);
    margin-inline-end: calc(-100% + 1px);
    pointer-events: none
}

.t-bar[_ngcontent-ng-c1737320279] {
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: auto;
    animation: tuiFadeIn var(--tui-duration, .3s) ease-in-out
}

.t-bar_vertical[_ngcontent-ng-c1737320279] {
    top: 0;
    width: .875rem
}

.t-bar_horizontal[_ngcontent-ng-c1737320279] {
    left: 0;
    height: .875rem
}

.t-bar_has-horizontal[_ngcontent-ng-c1737320279] {
    bottom: .5rem
}

.t-bar_has-vertical[_ngcontent-ng-c1737320279] {
    right: .5rem
}

.t-thumb[_ngcontent-ng-c1737320279] {
    position: absolute;
    border-radius: 6.25rem;
    border: .25rem solid transparent;
    cursor: pointer;
    pointer-events: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: currentColor;
    background-clip: content-box;
    box-sizing: border-box;
    transition: all var(--tui-duration, .3s) ease-in-out;
    transition-property: width, height, opacity;
    opacity: .2
}

.t-thumb[_ngcontent-ng-c1737320279]:hover {
    opacity: .24
}

.t-thumb[_ngcontent-ng-c1737320279]:active {
    opacity: .48
}

.t-bar_vertical[_ngcontent-ng-c1737320279] .t-thumb[_ngcontent-ng-c1737320279] {
    right: 0;
    width: .75rem;
    min-height: 1.25rem
}

.t-bar_vertical[_ngcontent-ng-c1737320279]:hover .t-thumb[_ngcontent-ng-c1737320279],
.t-bar_vertical[_ngcontent-ng-c1737320279] .t-thumb[_ngcontent-ng-c1737320279]:active {
    width: .875rem
}

.t-bar_horizontal[_ngcontent-ng-c1737320279] .t-thumb[_ngcontent-ng-c1737320279] {
    bottom: 0;
    height: .75rem;
    min-width: 1.25rem
}

.t-bar_horizontal[_ngcontent-ng-c1737320279]:hover .t-thumb[_ngcontent-ng-c1737320279],
.t-bar_horizontal[_ngcontent-ng-c1737320279] .t-thumb[_ngcontent-ng-c1737320279]:active {
    height: .875rem
}


@media screen and (min-width: 1280px) {
    [_nghost-ng-c1596028925] {
        display: grid;
        padding: 0 var(--tui-padding-xl) 0 300px
    }
}

.layout-header[_ngcontent-ng-c1596028925] {
    position: fixed;
    inset: auto 0 0;
    z-index: 23;
    background-color: var(--fid-base-01)
}

@media screen and (min-width: 1280px) {
    .layout-header[_ngcontent-ng-c1596028925] {
        position: fixed;
        width: 300px;
        min-height: 100dvh;
        inset: 0 auto 0 0;
        overflow: auto
    }
}

.layout-body[_ngcontent-ng-c1596028925] {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-gap: var(--tui-padding-xl);
    padding-bottom: 96px
}

@media screen and (min-width: 1280px) {
    .layout-body[_ngcontent-ng-c1596028925] {
        padding-top: var(--tui-padding-xl);
        padding-bottom: var(--tui-padding-xl)
    }
}

.layout-content[_ngcontent-ng-c1596028925],
.layout-footer[_ngcontent-ng-c1596028925] {
    background: var(--fid-support-05);
    border-radius: var(--tui-radius-xl)
}

.layout-content[_ngcontent-ng-c1596028925] {
    min-height: 100vh;
    padding-bottom: var(--fid-padding-xl)
}

.layout-footer[_ngcontent-ng-c1596028925] {
    padding: 0 var(--fid-padding-xl);
    margin-top: auto
}

@media screen and (min-width: 1280px) {
    .layout-footer[_ngcontent-ng-c1596028925] {
        padding: var(--fid-padding-xl) var(--fid-padding-xxl-4)
    }
}

.layout-modal-outlet[_ngcontent-ng-c1596028925] {
    position: absolute
}


[_nghost-ng-c1468540320] {
    display: block;
    min-height: 96px;
    background: var(--fid-support-05)
}

@media screen and (min-width: 1280px) {
    [_nghost-ng-c1468540320] {
        display: none
    }
}

.connected-casino-list[_ngcontent-ng-c1468540320] {
    display: flex;
    gap: var(--fid-padding-xs);
    padding-top: var(--fid-padding-xl);
    padding-bottom: var(--fid-padding-xl)
}

.connected-casino-item--icon[_ngcontent-ng-c1468540320] {
    width: 32px;
    height: 32px
}


[_nghost-ng-c2771356120] {
    display: block;
    overflow: hidden
}

@media screen and (min-width: 1280px) {
    [_nghost-ng-c2771356120] {
        min-height: 100dvh
    }
}

.desktop-menu[_ngcontent-ng-c2771356120] {
    display: none
}

@media screen and (min-width: 1280px) {
    .desktop-menu[_ngcontent-ng-c2771356120] {
        display: block;
        min-height: 100dvh
    }
}

.mobile-menu[_ngcontent-ng-c2771356120] {
    display: block
}

@media screen and (min-width: 1280px) {
    .mobile-menu[_ngcontent-ng-c2771356120] {
        display: none
    }
}


[_nghost-ng-c3651777587] {
    display: block
}

[_nghost-ng-c3651777587] p {
    margin-bottom: 20px
}

.footer[_ngcontent-ng-c3651777587] {
    display: grid;
    grid-gap: var(--fid-padding-xxl-4)
}

.footer--app[_ngcontent-ng-c3651777587] {
    display: block;
    order: -1;
    max-width: 312px;
    margin: var(--fid-padding-xxl) auto 0
}

@media screen and (min-width: 1280px) {
    .footer--app[_ngcontent-ng-c3651777587] {
        margin: 0 auto
    }
}

@media screen and (min-width: 1440px) {
    .footer--app[_ngcontent-ng-c3651777587] {
        order: inherit;
        margin: 0 0 0 auto
    }
}

@media screen and (min-width: 1280px) {
    .footer--mobile-navigation[_ngcontent-ng-c3651777587] {
        display: none;
        visibility: hidden
    }
}

.footer--desktop-navigation[_ngcontent-ng-c3651777587] {
    display: none;
    visibility: hidden
}

@media screen and (min-width: 1280px) {
    .footer--desktop-navigation[_ngcontent-ng-c3651777587] {
        display: grid;
        visibility: visible
    }
}

.footer--bottom[_ngcontent-ng-c3651777587] {
    display: flex;
    flex-direction: column;
    grid-gap: var(--fid-padding-xl);
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 1440px) {
    .footer--bottom[_ngcontent-ng-c3651777587] {
        display: grid;
        grid-template-columns: 1fr auto 1fr
    }
}

.footer--copyright[_ngcontent-ng-c3651777587] {
    font: var(--fid-font-text-xl);
    color: var(--fid-secondary-text);
    text-align: center
}

.footer--buttons[_ngcontent-ng-c3651777587] {
    order: -1;
    width: 100%
}

@media screen and (min-width: 1280px) {
    .footer--buttons[_ngcontent-ng-c3651777587] {
        width: auto
    }
}

@media screen and (min-width: 1440px) {
    .footer--buttons[_ngcontent-ng-c3651777587] {
        margin: 0 0 0 auto;
        order: inherit
    }
}


[_nghost-ng-c929182461] {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    min-height: 100dvh;
    padding: 80px var(--fid-padding-s) var(--fid-padding-s);
    background-color: var(--tui-base-01)
}

@media screen and (min-width: 1280px) {
    [_nghost-ng-c929182461] {
        padding: var(--tui-padding-xl) var(--tui-padding-xl) 0
    }
}

@media screen and (min-width: 1280px) {
    [_nghost-ng-c929182461]:after {
        content: "";
        display: block;
        height: .1px
    }
}

.sidebar-header[_ngcontent-ng-c929182461] {
    display: grid;
    grid-gap: var(--fid-padding-s)
}

@media screen and (min-width: 1280px) {
    .sidebar-header[_ngcontent-ng-c929182461] {
        grid-gap: 20px
    }
}

.sidebar-footer[_ngcontent-ng-c929182461] {
    margin-top: auto;
    min-width: 0
}


[_nghost-ng-c2266013442] {
    --sidebar-width: 376px;
    --sidebar-right-inset: calc(var(--sidebar-width) * -1)
}

.mobile-sidebar-overlay[_ngcontent-ng-c2266013442] {
    position: fixed;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    background: #000000a6;
    cursor: pointer;
    transition: visibility var(--tui-duration), opacity var(--tui-duration)
}

.mobile-sidebar-overlay._show[_ngcontent-ng-c2266013442] {
    opacity: 1;
    visibility: visible
}

.mobile-sidebar[_ngcontent-ng-c2266013442] {
    position: fixed;
    inset: 0 var(--sidebar-right-inset) 68px auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--fid-radius-m);
    place-content: start;
    width: var(--sidebar-width);
    max-width: 90vw;
    padding: 0 var(--tui-padding-xl) var(--tui-padding-xl);
    opacity: 0;
    visibility: hidden;
    background: var(--tui-support-17);
    overflow-x: hidden;
    overflow-y: auto;
    transition: right var(--tui-duration), visibility var(--tui-duration), opacity var(--tui-duration)
}

.mobile-sidebar._show[_ngcontent-ng-c2266013442] {
    right: 0;
    opacity: 1;
    visibility: visible
}


.mobile-navigation[_ngcontent-ng-c3726054232] {
    position: relative;
    min-height: 68px;
    padding: 7px 0;
    background: var(--fid-support-05);
    overflow: hidden
}

.mobile-navigation--list[_ngcontent-ng-c3726054232] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-navigation--item[_ngcontent-ng-c3726054232] {
    display: grid;
    flex: 1
}

.mobile-navigation--link[_ngcontent-ng-c3726054232] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    place-content: center;
    place-items: center;
    min-height: 54px;
    padding: var(--fid-padding-xss);
    font: var(--tui-font-text-xss);
    color: var(--fid-text-01);
    text-align: center;
    cursor: pointer
}

.mobile-navigation--link._active[_ngcontent-ng-c3726054232],
.mobile-navigation--link[_ngcontent-ng-c3726054232]:hover {
    color: var(--fid-secondary)
}

.mobile-navigation--link._centered[_ngcontent-ng-c3726054232] {
    justify-content: center
}

.mobile-navigation--icon-wrapper[_ngcontent-ng-c3726054232] {
    position: relative;
    display: flex;
    place-content: center;
    place-items: center;
    width: 28px;
    height: 28px
}

.mobile-navigation--icon[_ngcontent-ng-c3726054232] {
    position: absolute;
    transition: visibility var(--tui-duration), color var(--tui-duration), opacity var(--tui-duration)
}

.mobile-navigation--icon._active-icon[_ngcontent-ng-c3726054232] {
    display: flex;
    color: var(--fid-secondary);
    visibility: hidden;
    opacity: 0
}

.mobile-navigation--link[_ngcontent-ng-c3726054232]:not(._active-animation)._active .mobile-navigation--icon[_ngcontent-ng-c3726054232]:not(:only-child) {
    visibility: hidden;
    opacity: 0
}

.mobile-navigation--link[_ngcontent-ng-c3726054232]:not(._active-animation)._active .mobile-navigation--icon[_ngcontent-ng-c3726054232]:not(:only-child)._active-icon {
    visibility: visible;
    opacity: 1
}

.mobile-navigation--link._active-animation[_ngcontent-ng-c3726054232] .mobile-navigation--icon[_ngcontent-ng-c3726054232] {
    transition: rotate var(--tui-duration), color var(--tui-duration), visibility var(--tui-duration), opacity var(--tui-duration)
}

.mobile-navigation--link._active-animation._active[_ngcontent-ng-c3726054232] .mobile-navigation--icon[_ngcontent-ng-c3726054232] {
    color: var(--tui-primary-text)
}

.mobile-navigation--link._active-animation[_ngcontent-ng-c3726054232] .mobile-navigation--icon._active[_ngcontent-ng-c3726054232] {
    rotate: 360deg;
    visibility: hidden;
    opacity: 0
}

.mobile-navigation--link._active-animation[_ngcontent-ng-c3726054232] .mobile-navigation--icon._active._active-icon[_ngcontent-ng-c3726054232] {
    visibility: visible;
    opacity: 1
}

.mobile-navigation--name[_ngcontent-ng-c3726054232] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}


[_nghost-ng-c3722682001] {
    display: flex;
    flex-direction: column;
    grid-gap: var(--tui-padding-xs)
}

.header-buttons[_ngcontent-ng-c3722682001] {
    display: flex;
    grid-gap: var(--tui-padding-xs);
    align-items: center;
    padding: var(--tui-padding-xs);
    background: var(--fid-support-05);
    border-radius: 12px
}

@media screen and (min-width: 1280px) {
    .header-buttons[_ngcontent-ng-c3722682001] {
        grid-gap: var(--tui-padding-s)
    }
}

.header-button._grow[_ngcontent-ng-c3722682001] {
    flex-grow: 1;
    width: min-content
}

.side-navigation-button[_ngcontent-ng-c3722682001] {
    --tui-padding: var(--fid-padding-xs)
}


[_nghost-ng-c3311891623] {
    position: relative;
    display: flex;
    flex: none;
    flex-shrink: 0;
    gap: var(--fid-padding-xs);
    align-items: center;
    padding: var(--fid-padding-xs);
    color: var(--fid-text-01);
    cursor: pointer;
    background: var(--fid-base-01);
    border-radius: var(--fid-radius-m);
    letter-spacing: -.25px;
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

[_nghost-ng-c3311891623]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c3311891623]:active {
    box-shadow: 0 0 #0307300f
}

[_nghost-ng-c3311891623]:active {
    background: var(--fid-accent)
}

.large[_nghost-ng-c3311891623] {
    padding: var(--fid-padding-s)
}

.base-logged-flat[_nghost-ng-c3311891623],
.flat-base[_nghost-ng-c3311891623],
.flat[_nghost-ng-c3311891623] {
    border: none
}

.base-logged-flat[_nghost-ng-c3311891623]:active,
.flat-base[_nghost-ng-c3311891623]:active,
.flat[_nghost-ng-c3311891623]:active {
    background: var(--fid-base-07)
}

.highlighted[_nghost-ng-c3311891623] {
    padding-right: var(--fid-padding-xss);
    font: var(--fid-font-headline-xss);
    font-style: italic;
    color: var(--fid-base-01);
    border: none;
    background: var(--fid-base-03)
}

.highlighted[_nghost-ng-c3311891623]:hover {
    background: var(--fid-secondary-hover)
}

.highlighted[_nghost-ng-c3311891623]:active {
    background: var(--fid-secondary-active)
}

.casino-card-link[_ngcontent-ng-c3311891623] {
    position: absolute;
    inset: 0
}

.casino-card-image[_ngcontent-ng-c3311891623] {
    display: flex;
    flex-shrink: 0;
    place-content: center;
    place-items: center;
    border-radius: var(--fid-radius-s)
}

.casino-card-details[_ngcontent-ng-c3311891623] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 var(--fid-padding-s) 0 var(--fid-padding-xss)
}

.casino-card-details--badge[_ngcontent-ng-c3311891623] {
    margin-bottom: 4px
}

.casino-card-details--title[_ngcontent-ng-c3311891623] {
    font: var(--fid-font-title-m)
}

.casino-card-details--title._small[_ngcontent-ng-c3311891623] {
    font: var(--fid-font-title-sm);
    line-height: 100%
}

.casino-card-details--text[_ngcontent-ng-c3311891623] {
    font: var(--fid-font-text-sm);
    color: var(--fid-disabled-text)
}

.casino-card-details--text._small[_ngcontent-ng-c3311891623] {
    font: var(--fid-font-text-xs)
}

.casino-card-extra[_ngcontent-ng-c3311891623] {
    position: relative;
    z-index: 1;
    flex: none;
    margin-left: auto
}

.casino-card-extra[_ngcontent-ng-c3311891623]:empty {
    display: none
}


[_nghost-ng-c1426196996] {
    position: relative;
    display: grid;
    place-items: center;
    height: 200px;
    flex-shrink: 0;
    background: var(--fid-gradient-01);
    border-radius: var(--tui-radius-xxl);
    transform-style: preserve-3d;
    transition: box-shadow var(--tui-duration), transform .75s cubic-bezier(.175, .885, .5, 1.1)
}

[_nghost-ng-c1426196996]:has(.header-logo-button:hover) {
    box-shadow: 0 12px 36px #2a26bc3d
}

.is-flipped[_nghost-ng-c1426196996] {
    transform: perspective(200px) rotateY(180deg)
}

@media screen and (min-width: 1440px) {
    .is-flipped[_nghost-ng-c1426196996] {
        transform: perspective(280px) rotateY(180deg)
    }
}

.header-logo[_ngcontent-ng-c1426196996] {
    grid-area: 1/1/1/1;
    backface-visibility: hidden
}

@media screen and (min-width: 1440px) {
    .header-logo[_ngcontent-ng-c1426196996] {
        font-size: 24px
    }
}

.header-logo--link[_ngcontent-ng-c1426196996] {
    display: flex;
    flex-direction: column;
    place-content: center;
    place-items: center;
    gap: 4px;
    color: var(--fid-primary-text);
    text-align: center;
    font-style: italic
}

.header-logo--animation[_ngcontent-ng-c1426196996] {
    display: flex;
    place-content: center;
    place-items: center
}

.header-logo--img[_ngcontent-ng-c1426196996] {
    border-radius: var(--fid-radius-xl)
}

.header-logo-button[_ngcontent-ng-c1426196996] {
    position: absolute;
    right: var(--fid-padding-xs);
    bottom: var(--fid-padding-xs)
}

.header-logo-button--icon[_ngcontent-ng-c1426196996] {
    width: 18px;
    height: 18px
}

.header-logo-qr-code[_ngcontent-ng-c1426196996] {
    grid-area: 1/1/1/1;
    display: flex;
    flex-direction: column;
    gap: var(--fid-padding-xs);
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 4px;
    text-align: center;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    will-change: transform
}

.header-logo-qr-code--image[_ngcontent-ng-c1426196996] {
    display: flex;
    padding: var(--fid-padding-s);
    background: var(--fid-base-01);
    border-radius: var(--fid-padding-l)
}


[_nghost-ng-c3926154569] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    background: none;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    font: var(--tui-font-text-s);
    color: var(--tui-text-01);
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    vertical-align: top;
    border-radius: var(--tui-radius-m);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    color: inherit
}

[_nghost-ng-c3926154569]:disabled {
    pointer-events: none
}

[data-shape=rounded][_nghost-ng-c3926154569] {
    border-radius: 6.25rem
}

[data-size=xs][_nghost-ng-c3926154569] {
    height: var(--tui-height-xs);
    font-weight: normal
}

[data-size=xs][data-shape=square][_nghost-ng-c3926154569],
[data-size=xs][tuiIconButton][_nghost-ng-c3926154569] {
    width: var(--tui-height-xs)
}

[data-size=s][_nghost-ng-c3926154569] {
    height: var(--tui-height-s);
    font-weight: normal
}

[data-size=s][data-shape=square][_nghost-ng-c3926154569],
[data-size=s][tuiIconButton][_nghost-ng-c3926154569] {
    width: var(--tui-height-s)
}

[data-size=m][_nghost-ng-c3926154569] {
    height: var(--tui-height-m);
    font: var(--tui-font-text-m);
    font-weight: bold
}

[data-size=m][data-shape=square][_nghost-ng-c3926154569],
[data-size=m][tuiIconButton][_nghost-ng-c3926154569] {
    width: var(--tui-height-m)
}

[data-size=l][_nghost-ng-c3926154569] {
    height: var(--tui-height-l);
    font: var(--tui-font-text-m);
    font-weight: bold
}

[data-size=l][data-shape=square][_nghost-ng-c3926154569],
[data-size=l][tuiIconButton][_nghost-ng-c3926154569] {
    width: var(--tui-height-l)
}

[data-size=xl][_nghost-ng-c3926154569] {
    height: 3.75rem;
    font: var(--tui-font-text-m);
    font-weight: bold
}

[data-size=xl][data-shape=square][_nghost-ng-c3926154569],
[data-size=xl][tuiIconButton][_nghost-ng-c3926154569] {
    width: 3.75rem
}

[tuiIconButton][_nghost-ng-c3926154569] {
    font-size: 0 !important
}

[tuiIconButton][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[tuiIconButton][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
    margin: 0 !important
}

.t-loader[_ngcontent-ng-c3926154569] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: default
}

.t-left[_ngcontent-ng-c3926154569] {
    margin-right: .5rem
}

[data-size=s][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569] {
    margin-right: .375rem
}

[data-size=xs][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569] {
    margin-right: .25rem
}

.t-right[_ngcontent-ng-c3926154569] {
    margin: 0 -.25rem 0 .25rem
}

[data-size=s][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
    margin: 0 -.25rem 0 .375rem
}

[data-size=xs][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
    margin: 0 -.125rem 0 .25rem
}

.t-icon[_ngcontent-ng-c3926154569] {
    display: flex;
    max-width: 100%;
    max-height: 100%;
    align-items: center;
    justify-content: center
}

.t-left[_ngcontent-ng-c3926154569],
.t-right[_ngcontent-ng-c3926154569] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem
}

[data-size=s][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[data-size=s][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569],
[data-size=xs][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[data-size=xs][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
    width: 1rem;
    height: 1rem
}

[tuiIconButton][data-appearance=icon][data-size=s][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[tuiIconButton][data-appearance=icon][data-size=s][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569],
[tuiIconButton][data-appearance=link][data-size=s][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[tuiIconButton][data-appearance=link][data-size=s][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
    width: 1.5rem;
    height: 1.5rem
}

.t-wrapper[_ngcontent-ng-c3926154569] {
    box-sizing: border-box;
    cursor: pointer;
    isolation: isolate
}

[data-size=xs][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
    padding: 0 var(--tui-padding, .375rem)
}

[data-size=xs][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569]:after {
    border-width: 1px
}

[data-size=s][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
    padding: 0 var(--tui-padding, .75rem)
}

[data-size=m][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
    padding: 0 var(--tui-padding, 1.5rem)
}

[data-size=l][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
    padding: 0 var(--tui-padding, 2.25rem)
}

[data-size=xl][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
    padding: 0 var(--tui-padding, 2.5rem)
}

[data-shape=square][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569],
[tuiIconButton][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
    padding: 0
}

.t-content[_ngcontent-ng-c3926154569] {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center
}

._loading[_nghost-ng-c3926154569] .t-content[_ngcontent-ng-c3926154569] {
    opacity: 0
}


[_nghost-ng-c3836914822] {
    display: flex;
    align-items: center;
    height: 72px;
    padding: 0 16px;
    gap: var(--fid-padding-xs);
    background: var(--fid-base-01);
    margin: 0 calc(var(--tui-padding-xl) * -1);
    box-shadow: 0 4px 6px #03073005
}

.mobile-sidebar-logo[_ngcontent-ng-c3836914822] {
    border-radius: var(--fid-radius-m);
    margin: var(--fid-padding-xss)
}

.mobile-sidebar-btn[_ngcontent-ng-c3836914822] {
    margin-left: auto
}

.mobile-sidebar-btn[_ngcontent-ng-c3836914822] {
    --tui-padding: 1.5rem
}

.mobile-sidebar-qr-btn[_ngcontent-ng-c3836914822] {
    margin-left: auto
}

.mobile-sidebar-user[_ngcontent-ng-c3836914822] {
    padding: var(--fid-padding-xss);
    flex-basis: 100%
}


[_nghost-ng-c1673850473] {
    display: grid;
    grid-gap: var(--fid-padding-xs);
    min-width: 0
}

.sidebar-container-title[_ngcontent-ng-c1673850473] {
    color: var(--PGW-Text-Secondary, #7e7bb4);
    font: var(--fid-font-text-xl);
    font-weight: 500
}

.sidebar-container-inside[_ngcontent-ng-c1673850473]:not(._transparent) {
    padding: var(--fid-padding-xs);
    background: var(--fid-base-01);
    border-radius: var(--fid-radius-m)
}


.mobile-sidebar-search[_ngcontent-ng-c2052964923] {
    min-width: 0
}

.mobile-sidebar-search[_ngcontent-ng-c2052964923] .t-textfield-icon [data-appearance=icon] {
    --tui-text-01: var(--fid-accent-text);
    width: 20px;
    height: 20px;
    opacity: 1
}

.mobile-sidebar-search[_ngcontent-ng-c2052964923] [tuiWrapper][data-appearance=textfield] {
    --tui-base-01: var(--fid-base-01)
}

.mobile-sidebar-search[_ngcontent-ng-c2052964923] [tuiWrapper][data-appearance=textfield]:after {
    --tui-base-03: #f1f0fe;
    border-width: 2px
}

.mobile-sidebar-search[_ngcontent-ng-c2052964923] [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover) {
    box-shadow: none
}

.mobile-sidebar-search[_ngcontent-ng-c2052964923] [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover):after {
    --tui-base-03: var(--fid-base-04)
}

.mobile-sidebar-search[_ngcontent-ng-c2052964923] [tuiWrapper][data-appearance=textfield]._focused._focused {
    background: var(--fid-support-05);
    box-shadow: none
}

.login-phone-submit-btn[_ngcontent-ng-c2052964923] {
    position: absolute;
    opacity: 0;
    visibility: hidden
}


[_nghost-ng-c23771066] {
    display: grid;
    color: var(--fid-text-01);
    font: var(--fid-font-title-sm)
}

.mobile-sidebar-button[_ngcontent-ng-c23771066] {
    padding: var(--fid-padding-xs) var(--fid-padding-s);
    width: 100%;
    cursor: pointer;
    border-radius: 12px;
    transition: background var(--tui-duration), box-shadow var(--tui-duration), background var(--tui-duration)
}

.mobile-sidebar-button[_ngcontent-ng-c23771066]:hover {
    background: var(--fid-base-01);
    box-shadow: 0 12px 36px #0307301f;
    color: var(--fid-accent-text)
}

.mobile-sidebar-button._active[_ngcontent-ng-c23771066],
.mobile-sidebar-button[_ngcontent-ng-c23771066]:active {
    background: var(--fid-accent);
    color: var(--fid-accent-text)
}

.mobile-sidebar-button._active[_ngcontent-ng-c23771066]:hover,
.mobile-sidebar-button[_ngcontent-ng-c23771066]:active:hover {
    box-shadow: none
}

.mobile-sidebar-button[_ngcontent-ng-c23771066] .icon[_ngcontent-ng-c23771066] {
    width: var(--fid-height-xs-2);
    height: var(--fid-height-xs-2);
    color: var(--fid-secondary-text)
}

.mobile-sidebar-button[_ngcontent-ng-c23771066] .icon._lang[_ngcontent-ng-c23771066] {
    border-radius: 50%
}

.mobile-sidebar-button[_ngcontent-ng-c23771066]:hover .icon[_ngcontent-ng-c23771066],
.mobile-sidebar-button._active[_ngcontent-ng-c23771066] .icon[_ngcontent-ng-c23771066] {
    color: inherit
}

.mobile-sidebar-button--text[_ngcontent-ng-c23771066] {
    display: flex;
    gap: var(--fid-padding-xs);
    align-items: center;
    width: 100%
}

.mobile-sidebar-button--icon[_ngcontent-ng-c23771066] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px
}


[_nghost-ng-c2361927615] {
    display: block;
    border-radius: var(--tui-radius-m);
    text-align: left
}

._disabled[_nghost-ng-c2361927615] {
    pointer-events: none
}

.t-hosted[_ngcontent-ng-c2361927615] {
    display: block;
    border-radius: inherit
}

.t-textfield[_ngcontent-ng-c2361927615] {
    border-radius: inherit;
    text-align: inherit
}


[_nghost-ng-c3600615812] {
    font: var(--tui-font-text-s);
    color: var(--tui-text-01);
    padding: 0;
    margin: 0;
    border-width: 0;
    border-radius: inherit;
    background: none;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    caret-color: currentColor;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    word-break: keep-all;
    -webkit-text-fill-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: transparent;
    border-inline-start-width: var(--border-start, 0);
    border-inline-end-width: var(--border-end, 0);
    text-indent: var(--text-indent);
    text-align: inherit;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-transform: inherit;
    resize: none
}

[_nghost-ng-c3600615812]:-webkit-autofill,
[_nghost-ng-c3600615812]:-webkit-autofill:hover,
[_nghost-ng-c3600615812]:-webkit-autofill:focus {
    caret-color: var(--tui-base-09);
    border-radius: inherit;
    color: inherit !important;
    background-color: transparent !important;
    -webkit-text-fill-color: var(--tui-text-01) !important;
    border-color: var(--tui-autofill);
    -webkit-box-shadow: 0 0 0 100rem var(--tui-autofill) inset !important
}

[inputMode=none][_nghost-ng-c3600615812] {
    caret-color: transparent
}

[_nghost-ng-c3600615812]:-webkit-autofill,
[_nghost-ng-c3600615812]:-webkit-autofill:first-line {
    font-size: inherit;
    line-height: inherit
}

[_nghost-ng-c3600615812]::-webkit-caps-lock-indicator,
[_nghost-ng-c3600615812]::-webkit-contacts-auto-fill-button,
[_nghost-ng-c3600615812]::-webkit-credit-card-auto-fill-button,
[_nghost-ng-c3600615812]::-webkit-credentials-auto-fill-button,
[_nghost-ng-c3600615812]::-webkit-strong-password-auto-fill-button {
    content: none !important;
    position: absolute;
    left: -62.4375rem;
    top: -62.4375rem;
    z-index: -999;
    display: none !important;
    background: transparent !important;
    pointer-events: none !important
}

[_nghost-ng-c3600615812]::placeholder {
    color: var(--tui-text-03);
    opacity: 0
}

._focused[_nghost-ng-c3600615812]:not(._readonly) [_ngcontent-ng-c3600615812]::placeholder,
tui-primitive-textfield._focused:not(._readonly) [_nghost-ng-c3600615812]::placeholder,
tui-textarea._focused:not(._readonly) [_nghost-ng-c3600615812]::placeholder,
tui-text-area._focused:not(._readonly) [_nghost-ng-c3600615812]::placeholder {
    opacity: 1
}

[tuiWrapper][data-mode=onDark] [_nghost-ng-c3600615812]:-webkit-autofill,
[_nghost-ng-c3600615812] [tuiWrapper][data-mode="onDark"][_nghost-ng-c3600615812]:-webkit-autofill,
[tuiWrapper][data-mode="onDark"] [_nghost-ng-c3600615812]:-webkit-autofill,
[tuiWrapper][data-mode=onDark] [_nghost-ng-c3600615812]:-webkit-autofill:hover,
[_nghost-ng-c3600615812] [tuiWrapper][data-mode="onDark"][_nghost-ng-c3600615812]:-webkit-autofill:hover,
[tuiWrapper][data-mode="onDark"] [_nghost-ng-c3600615812]:-webkit-autofill:hover,
[tuiWrapper][data-mode=onDark] [_nghost-ng-c3600615812]:-webkit-autofill:focus,
[_nghost-ng-c3600615812] [tuiWrapper][data-mode="onDark"][_nghost-ng-c3600615812]:-webkit-autofill:focus,
[tuiWrapper][data-mode="onDark"] [_nghost-ng-c3600615812]:-webkit-autofill:focus {
    caret-color: var(--tui-base-09);
    border-radius: inherit;
    color: inherit !important;
    background-color: transparent !important;
    -webkit-text-fill-color: var(--tui-text-01-night) !important;
    border-color: var(--tui-autofill-night);
    -webkit-box-shadow: 0 0 0 100rem var(--tui-autofill-night) inset !important
}

[tuiWrapper][data-mode=onDark] [_nghost-ng-c3600615812]::placeholder,
[_nghost-ng-c3600615812] [tuiWrapper][data-mode="onDark"][_nghost-ng-c3600615812]::placeholder,
[tuiWrapper][data-mode="onDark"] [_nghost-ng-c3600615812]::placeholder {
    color: var(--tui-text-03-night)
}

[data-size=s][_nghost-ng-c3600615812] -shadowcsshost,
[_nghost-ng-c3600615812] tui-primitive-textfield[data-size="s"][_nghost-ng-c3600615812]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="s"] [_nghost-ng-c3600615812]:not(tui-primitive-textfield),
[_nghost-ng-c3600615812] tui-textarea[data-size="s"][_nghost-ng-c3600615812]:not(tui-textarea),
tui-textarea[data-size="s"] [_nghost-ng-c3600615812]:not(tui-textarea),
[_nghost-ng-c3600615812] tui-text-area[data-size="s"][_nghost-ng-c3600615812]:not(tui-text-area),
tui-text-area[data-size="s"] [_nghost-ng-c3600615812]:not(tui-text-area) {
    padding: 0 var(--tui-padding-s)
}

[data-size=m][_nghost-ng-c3600615812] -shadowcsshost,
[_nghost-ng-c3600615812] tui-primitive-textfield[data-size="m"][_nghost-ng-c3600615812]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="m"] [_nghost-ng-c3600615812]:not(tui-primitive-textfield),
[_nghost-ng-c3600615812] tui-textarea[data-size="m"][_nghost-ng-c3600615812]:not(tui-textarea),
tui-textarea[data-size="m"] [_nghost-ng-c3600615812]:not(tui-textarea),
[_nghost-ng-c3600615812] tui-text-area[data-size="m"][_nghost-ng-c3600615812]:not(tui-text-area),
tui-text-area[data-size="m"] [_nghost-ng-c3600615812]:not(tui-text-area) {
    padding: 0 var(--tui-padding-m)
}

[data-size=l][_nghost-ng-c3600615812] -shadowcsshost,
[_nghost-ng-c3600615812] tui-primitive-textfield[data-size="l"][_nghost-ng-c3600615812]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="l"] [_nghost-ng-c3600615812]:not(tui-primitive-textfield),
[_nghost-ng-c3600615812] tui-textarea[data-size="l"][_nghost-ng-c3600615812]:not(tui-textarea),
tui-textarea[data-size="l"] [_nghost-ng-c3600615812]:not(tui-textarea),
[_nghost-ng-c3600615812] tui-text-area[data-size="l"][_nghost-ng-c3600615812]:not(tui-text-area),
tui-text-area[data-size="l"] [_nghost-ng-c3600615812]:not(tui-text-area) {
    padding: 0 var(--tui-padding-l)
}

._disabled[_nghost-ng-c3600615812] -shadowcsshost,
[_nghost-ng-c3600615812] tui-primitive-textfield._disabled[_nghost-ng-c3600615812],
tui-primitive-textfield._disabled [_nghost-ng-c3600615812],
[_nghost-ng-c3600615812] tui-textarea._disabled[_nghost-ng-c3600615812],
tui-textarea._disabled [_nghost-ng-c3600615812],
[_nghost-ng-c3600615812] tui-text-area._disabled[_nghost-ng-c3600615812],
tui-text-area._disabled [_nghost-ng-c3600615812] {
    pointer-events: none
}

[data-size=l][_nghost-ng-c3600615812]:not(._label-outside) -shadowcsshost,
[_nghost-ng-c3600615812] tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c3600615812]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="l"]:not(._label-outside) [_nghost-ng-c3600615812]:not(tui-primitive-textfield) {
    padding-top: 1.25rem
}

[data-size=m][_nghost-ng-c3600615812]:not(._label-outside) -shadowcsshost,
[_nghost-ng-c3600615812] tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c3600615812]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="m"]:not(._label-outside) [_nghost-ng-c3600615812]:not(tui-primitive-textfield) {
    padding-top: 1rem
}

[data-size=l][_nghost-ng-c3600615812]:not(._label-outside) -shadowcsshost {
    padding-top: 1.25rem
}

[data-size=l][_nghost-ng-c3600615812]:not(._label-outside) [_ngcontent-ng-c3600615812]:-webkit-autofill+.t-content[_ngcontent-ng-c3600615812] .t-placeholder[_ngcontent-ng-c3600615812] {
    font-size: .8156rem;
    transform: translateY(-.625rem)
}

[data-size=m][_nghost-ng-c3600615812]:not(._label-outside) [_ngcontent-ng-c3600615812]:-webkit-autofill+.t-content[_ngcontent-ng-c3600615812] .t-placeholder[_ngcontent-ng-c3600615812] {
    font-size: .69rem;
    transform: translateY(-.5rem)
}

._hidden[_nghost-ng-c3600615812] input[_ngcontent-ng-c3600615812],
[_nghost-ng-c3600615812] tui-primitive-textfield._hidden[_nghost-ng-c3600615812],
tui-primitive-textfield._hidden [_nghost-ng-c3600615812] {
    opacity: 0;
    text-indent: -10em;
    -webkit-user-select: none
}

textarea[_nghost-ng-c3600615812] {
    white-space: pre-wrap
}

textarea[_nghost-ng-c3600615812] tui-textarea._ios[_nghost-ng-c3600615812],
tui-textarea._ios [_nghost-ng-c3600615812],
textarea[_nghost-ng-c3600615812] tui-text-area._ios[_nghost-ng-c3600615812],
tui-text-area._ios [_nghost-ng-c3600615812] {
    padding-left: .8125rem
}


[_nghost-ng-c534901023] {
    display: inline-flex
}

.t-wrapper[_ngcontent-ng-c534901023] {
    border-radius: inherit;
    height: inherit;
    flex: 1 1 auto;
    width: 100%
}

.t-dropdown[_ngcontent-ng-c534901023] {
    height: 100%
}

.t-primitive[_ngcontent-ng-c534901023] {
    padding: 1rem
}


[_nghost-ng-c2584186082] {
    font: var(--tui-font-text-s);
    color: var(--tui-text-01);
    position: relative;
    display: block;
    text-align: left;
    border-radius: var(--tui-radius-m);
    height: var(--tui-height);
    min-height: var(--tui-height);
    max-height: var(--tui-height)
}

[data-size=s][_nghost-ng-c2584186082] {
    --tui-height: var(--tui-height-s)
}

[data-size=m][_nghost-ng-c2584186082] {
    --tui-height: var(--tui-height-m)
}

[data-size=l][_nghost-ng-c2584186082] {
    --tui-height: var(--tui-height-l);
    font: var(--tui-font-text-m);
    line-height: 1.25rem
}

.t-input[_ngcontent-ng-c2584186082] {
    font: var(--tui-font-text-s);
    color: var(--tui-text-01);
    padding: 0;
    margin: 0;
    border-width: 0;
    border-radius: inherit;
    background: none;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    caret-color: currentColor;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    word-break: keep-all;
    -webkit-text-fill-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: transparent;
    border-inline-start-width: var(--border-start, 0);
    border-inline-end-width: var(--border-end, 0);
    text-indent: var(--text-indent);
    text-align: inherit;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-transform: inherit;
    resize: none
}

.t-input[_ngcontent-ng-c2584186082]:-webkit-autofill,
.t-input[_ngcontent-ng-c2584186082]:-webkit-autofill:hover,
.t-input[_ngcontent-ng-c2584186082]:-webkit-autofill:focus {
    caret-color: var(--tui-base-09);
    border-radius: inherit;
    color: inherit !important;
    background-color: transparent !important;
    -webkit-text-fill-color: var(--tui-text-01) !important;
    border-color: var(--tui-autofill);
    -webkit-box-shadow: 0 0 0 100rem var(--tui-autofill) inset !important
}

.t-input[inputMode=none][_ngcontent-ng-c2584186082] {
    caret-color: transparent
}

.t-input[_ngcontent-ng-c2584186082]:-webkit-autofill,
.t-input[_ngcontent-ng-c2584186082]:-webkit-autofill:first-line {
    font-size: inherit;
    line-height: inherit
}

.t-input[_ngcontent-ng-c2584186082]::-webkit-caps-lock-indicator,
.t-input[_ngcontent-ng-c2584186082]::-webkit-contacts-auto-fill-button,
.t-input[_ngcontent-ng-c2584186082]::-webkit-credit-card-auto-fill-button,
.t-input[_ngcontent-ng-c2584186082]::-webkit-credentials-auto-fill-button,
.t-input[_ngcontent-ng-c2584186082]::-webkit-strong-password-auto-fill-button {
    content: none !important;
    position: absolute;
    left: -62.4375rem;
    top: -62.4375rem;
    z-index: -999;
    display: none !important;
    background: transparent !important;
    pointer-events: none !important
}

.t-input[_ngcontent-ng-c2584186082]::placeholder {
    color: var(--tui-text-03);
    opacity: 0
}

._focused[_nghost-ng-c2584186082]:not(._readonly) .t-input[_ngcontent-ng-c2584186082]::placeholder,
tui-primitive-textfield._focused:not(._readonly)[_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]::placeholder,
tui-primitive-textfield._focused:not(._readonly) [_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]::placeholder,
tui-textarea._focused:not(._readonly)[_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]::placeholder,
tui-textarea._focused:not(._readonly) [_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]::placeholder,
tui-text-area._focused:not(._readonly)[_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]::placeholder,
tui-text-area._focused:not(._readonly) [_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]::placeholder {
    opacity: 1
}

[tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]:-webkit-autofill,
.t-input [tuiWrapper][data-mode="onDark"][_nghost-ng-c2584186082]:-webkit-autofill,
[tuiWrapper][data-mode="onDark"] [_nghost-ng-c2584186082]:-webkit-autofill,
[tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]:-webkit-autofill:hover,
.t-input [tuiWrapper][data-mode="onDark"][_nghost-ng-c2584186082]:-webkit-autofill:hover,
[tuiWrapper][data-mode="onDark"] [_nghost-ng-c2584186082]:-webkit-autofill:hover,
[tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]:-webkit-autofill:focus,
.t-input [tuiWrapper][data-mode="onDark"][_nghost-ng-c2584186082]:-webkit-autofill:focus,
[tuiWrapper][data-mode="onDark"] [_nghost-ng-c2584186082]:-webkit-autofill:focus {
    caret-color: var(--tui-base-09);
    border-radius: inherit;
    color: inherit !important;
    background-color: transparent !important;
    -webkit-text-fill-color: var(--tui-text-01-night) !important;
    border-color: var(--tui-autofill-night);
    -webkit-box-shadow: 0 0 0 100rem var(--tui-autofill-night) inset !important
}

[tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082]::placeholder,
.t-input [tuiWrapper][data-mode="onDark"][_nghost-ng-c2584186082]::placeholder,
[tuiWrapper][data-mode="onDark"] [_nghost-ng-c2584186082]::placeholder {
    color: var(--tui-text-03-night)
}

[data-size=s][_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082],
.t-input tui-primitive-textfield[data-size="s"][_nghost-ng-c2584186082]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="s"] [_nghost-ng-c2584186082]:not(tui-primitive-textfield),
.t-input tui-textarea[data-size="s"][_nghost-ng-c2584186082]:not(tui-textarea),
tui-textarea[data-size="s"] [_nghost-ng-c2584186082]:not(tui-textarea),
.t-input tui-text-area[data-size="s"][_nghost-ng-c2584186082]:not(tui-text-area),
tui-text-area[data-size="s"] [_nghost-ng-c2584186082]:not(tui-text-area) {
    padding: 0 var(--tui-padding-s)
}

[data-size=m][_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082],
.t-input tui-primitive-textfield[data-size="m"][_nghost-ng-c2584186082]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="m"] [_nghost-ng-c2584186082]:not(tui-primitive-textfield),
.t-input tui-textarea[data-size="m"][_nghost-ng-c2584186082]:not(tui-textarea),
tui-textarea[data-size="m"] [_nghost-ng-c2584186082]:not(tui-textarea),
.t-input tui-text-area[data-size="m"][_nghost-ng-c2584186082]:not(tui-text-area),
tui-text-area[data-size="m"] [_nghost-ng-c2584186082]:not(tui-text-area) {
    padding: 0 var(--tui-padding-m)
}

[data-size=l][_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082],
.t-input tui-primitive-textfield[data-size="l"][_nghost-ng-c2584186082]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="l"] [_nghost-ng-c2584186082]:not(tui-primitive-textfield),
.t-input tui-textarea[data-size="l"][_nghost-ng-c2584186082]:not(tui-textarea),
tui-textarea[data-size="l"] [_nghost-ng-c2584186082]:not(tui-textarea),
.t-input tui-text-area[data-size="l"][_nghost-ng-c2584186082]:not(tui-text-area),
tui-text-area[data-size="l"] [_nghost-ng-c2584186082]:not(tui-text-area) {
    padding: 0 var(--tui-padding-l)
}

._disabled[_nghost-ng-c2584186082] .t-input[_ngcontent-ng-c2584186082],
.t-input tui-primitive-textfield._disabled[_nghost-ng-c2584186082],
tui-primitive-textfield._disabled [_nghost-ng-c2584186082],
.t-input tui-textarea._disabled[_nghost-ng-c2584186082],
tui-textarea._disabled [_nghost-ng-c2584186082],
.t-input tui-text-area._disabled[_nghost-ng-c2584186082],
tui-text-area._disabled [_nghost-ng-c2584186082] {
    pointer-events: none
}

[data-size=l][_nghost-ng-c2584186082]:not(._label-outside) .t-input[_ngcontent-ng-c2584186082],
.t-input tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c2584186082]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="l"]:not(._label-outside) [_nghost-ng-c2584186082]:not(tui-primitive-textfield) {
    padding-top: 1.25rem
}

[data-size=m][_nghost-ng-c2584186082]:not(._label-outside) .t-input[_ngcontent-ng-c2584186082],
.t-input tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c2584186082]:not(tui-primitive-textfield),
tui-primitive-textfield[data-size="m"]:not(._label-outside) [_nghost-ng-c2584186082]:not(tui-primitive-textfield) {
    padding-top: 1rem
}

[data-size=l][_nghost-ng-c2584186082]:not(._label-outside) .t-input[_ngcontent-ng-c2584186082] {
    padding-top: 1.25rem
}

[data-size=l][_nghost-ng-c2584186082]:not(._label-outside) .t-input[_ngcontent-ng-c2584186082]:-webkit-autofill+.t-content[_ngcontent-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082] {
    font-size: .8156rem;
    transform: translateY(-.625rem)
}

[data-size=m][_nghost-ng-c2584186082]:not(._label-outside) .t-input[_ngcontent-ng-c2584186082]:-webkit-autofill+.t-content[_ngcontent-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082] {
    font-size: .69rem;
    transform: translateY(-.5rem)
}

._hidden[_nghost-ng-c2584186082] input.t-input[_ngcontent-ng-c2584186082],
.t-input tui-primitive-textfield._hidden[_nghost-ng-c2584186082],
tui-primitive-textfield._hidden [_nghost-ng-c2584186082] {
    opacity: 0;
    text-indent: -10em;
    -webkit-user-select: none
}

.t-content[_ngcontent-ng-c2584186082] {
    display: flex;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    overflow: hidden
}

[data-size=s][_nghost-ng-c2584186082] .t-content[_ngcontent-ng-c2584186082] {
    padding: 0 var(--tui-padding-s)
}

[data-size=m][_nghost-ng-c2584186082] .t-content[_ngcontent-ng-c2584186082] {
    padding: 0 var(--tui-padding-m)
}

[data-size=l][_nghost-ng-c2584186082] .t-content[_ngcontent-ng-c2584186082] {
    padding: 0 var(--tui-padding-l)
}

.t-wrapper[_ngcontent-ng-c2584186082] {
    flex: 1;
    min-width: 0;
    -webkit-padding-end: .25rem;
    padding-inline-end: .25rem
}

.t-placeholder[_ngcontent-ng-c2584186082] {
    transition-property: transform, font-size, color, letter-spacing;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font: var(--tui-font-text-s);
    color: var(--tui-text-02);
    pointer-events: none;
    will-change: transform;
    transform: translateY(0)
}

@supports (-webkit-hyphens: none) {
    .t-placeholder[_ngcontent-ng-c2584186082] {
        will-change: unset;
        transition-property: transform, color, letter-spacing
    }
}

.t-placeholder_raised[_ngcontent-ng-c2584186082] {
    transform: translateY(-.625rem)
}

[data-size=m][_nghost-ng-c2584186082] .t-placeholder_raised[_ngcontent-ng-c2584186082] {
    font: var(--tui-font-text-xs);
    line-height: 1.25rem;
    transform: translateY(-.5rem);
    letter-spacing: .025rem
}

._invalid[_nghost-ng-c2584186082]:not(._focused) .t-placeholder_raised[_ngcontent-ng-c2584186082],
._invalid[_nghost-ng-c2584186082]:not(._focused):hover .t-placeholder_raised[_ngcontent-ng-c2584186082] {
    color: var(--tui-error-fill)
}

._invalid[_nghost-ng-c2584186082]:not(._focused) [tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-placeholder_raised[_ngcontent-ng-c2584186082],
._invalid[_nghost-ng-c2584186082]:not(._focused):hover [tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-placeholder_raised[_ngcontent-ng-c2584186082] {
    color: var(--tui-error-fill-night)
}

._focused[_nghost-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082],
[data-size=m]._focused._label-outside[_nghost-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082],
[data-size=l]._focused._label-outside[_nghost-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082] {
    color: var(--tui-text-03)
}

[data-size=l][_nghost-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082] {
    font: var(--tui-font-text-m);
    line-height: 1.25rem
}

[data-size=l][_nghost-ng-c2584186082] .t-placeholder_raised[_ngcontent-ng-c2584186082] {
    font-size: .8156rem
}

[data-size=m]._focused[_nghost-ng-c2584186082]:not(._label-outside) .t-placeholder[_ngcontent-ng-c2584186082],
[data-size=l]._focused[_nghost-ng-c2584186082]:not(._label-outside) .t-placeholder[_ngcontent-ng-c2584186082] {
    color: var(--tui-text-01)
}

[tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082] {
    color: var(--tui-text-02-night)
}

[data-size=m]._focused[_nghost-ng-c2584186082]:not(._label-outside) [tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082],
[data-size=l]._focused[_nghost-ng-c2584186082]:not(._label-outside) [tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082] {
    color: var(--tui-text-01-night)
}

._focused[_nghost-ng-c2584186082] [tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082],
[data-size=m]._focused._label-outside[_nghost-ng-c2584186082] [tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082],
[data-size=l]._focused._label-outside[_nghost-ng-c2584186082] [tuiWrapper][data-mode=onDark][_ngcontent-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082] {
    color: var(--tui-text-02-night)
}

.t-cleaner[_ngcontent-ng-c2584186082] {
    position: relative;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
    pointer-events: none;
    pointer-events: auto
}

._readonly[_nghost-ng-c2584186082] .t-cleaner[_ngcontent-ng-c2584186082],
._disabled[_nghost-ng-c2584186082] .t-cleaner[_ngcontent-ng-c2584186082] {
    pointer-events: none
}

.t-icon[_ngcontent-ng-c2584186082] {
    position: relative;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
    pointer-events: none
}

[data-size=s][_nghost-ng-c2584186082] .t-icon_left[_ngcontent-ng-c2584186082] {
    -webkit-margin-start: -.375rem;
    margin-inline-start: -.375rem
}

[data-size=m][_nghost-ng-c2584186082] .t-icon_left[_ngcontent-ng-c2584186082] {
    -webkit-margin-start: -.125rem;
    margin-inline-start: -.125rem;
    -webkit-margin-end: .375rem;
    margin-inline-end: .375rem
}

[data-size=l][_nghost-ng-c2584186082] .t-icon_left[_ngcontent-ng-c2584186082] {
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem
}

.t-icons[_ngcontent-ng-c2584186082] {
    display: flex;
    align-items: center
}

[data-size=m][_nghost-ng-c2584186082] .t-icons[_ngcontent-ng-c2584186082] {
    -webkit-margin-end: -.125rem;
    margin-inline-end: -.125rem
}

[data-size=s][_nghost-ng-c2584186082] .t-icons[_ngcontent-ng-c2584186082] {
    -webkit-margin-end: -.375rem;
    margin-inline-end: -.375rem
}

[_nghost-ng-c2584186082]:not([data-size="s"]) .t-icons[_ngcontent-ng-c2584186082]>[_ngcontent-ng-c2584186082]:not(:first-child) {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem
}

._autofilled[data-size=s][_nghost-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082],
._autofilled._label-outside[_nghost-ng-c2584186082] .t-placeholder[_ngcontent-ng-c2584186082],
._autofilled[_nghost-ng-c2584186082] .t-value-decoration[_ngcontent-ng-c2584186082]:not(.t-has-value) {
    visibility: hidden
}

.t-custom-content[_ngcontent-ng-c2584186082] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    pointer-events: none
}

.t-custom-icon[_ngcontent-ng-c2584186082] {
    width: 2rem;
    height: 100%
}

.t-input[_ngcontent-ng-c2584186082]:not(:first-child) {
    display: none
}

[data-size][_nghost-ng-c2584186082] .t-input_template[_ngcontent-ng-c2584186082] {
    display: flex;
    width: calc(100% - 1rem);
    max-width: calc(100% - 1rem);
    align-items: center;
    pointer-events: none;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.t-text-template[_ngcontent-ng-c2584186082] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-wrapper-value-decoration[_ngcontent-ng-c2584186082] {
    position: relative;
    pointer-events: none
}


.tui-autofill input,
input.tui-autofill {
    transition: box-shadow .01s
}


[_nghost-ng-c3283209209] {
    position: absolute;
    display: block;
    width: 100%;
    line-height: var(--tui-height);
    margin-top: calc(var(--tui-height) / -2);
    box-sizing: content-box;
    color: var(--tui-text-03);
    animation: tuiPresent 1s;
    white-space: nowrap
}

._table[_nghost-ng-c3283209209] {
    position: static;
    margin-top: 0
}

._filler[_nghost-ng-c3283209209] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

tui-primitive-textfield [tuiWrapper][data-mode="onDark"] [_nghost-ng-c3283209209] {
    color: var(--tui-text-03-night)
}

tui-primitive-textfield[data-size="m"]:not(._label-outside) [_nghost-ng-c3283209209] {
    line-height: calc(var(--tui-height) - .25rem)
}

.t-ghost[_ngcontent-ng-c3283209209] {
    visibility: hidden;
    white-space: pre;
    text-overflow: clip
}

.t-prefix[_ngcontent-ng-c3283209209],
.t-postfix[_ngcontent-ng-c3283209209] {
    white-space: pre;
    color: var(--tui-text-01)
}

tui-primitive-textfield [tuiWrapper][data-mode="onDark"][_nghost-ng-c3283209209] .t-prefix[_ngcontent-ng-c3283209209],
tui-primitive-textfield [tuiWrapper][data-mode="onDark"] [_nghost-ng-c3283209209] .t-prefix[_ngcontent-ng-c3283209209],
tui-primitive-textfield [tuiWrapper][data-mode="onDark"][_nghost-ng-c3283209209] .t-postfix[_ngcontent-ng-c3283209209],
tui-primitive-textfield [tuiWrapper][data-mode="onDark"] [_nghost-ng-c3283209209] .t-postfix[_ngcontent-ng-c3283209209] {
    color: var(--tui-text-01-night)
}

.t-filler[_ngcontent-ng-c3283209209] {
    max-width: 100%;
    white-space: nowrap
}


[_nghost-ng-c189367467] {
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    line-height: 0;
    height: 1.5rem;
    width: 1.5rem;
    fill: transparent;
    stroke: transparent;
    font-size: 1rem
}

.t-src[_ngcontent-ng-c189367467] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.t-svg[_ngcontent-ng-c189367467] {
    overflow: visible
}


[_nghost-ng-c3173990405] {
    display: flex;
    place-content: center;
    place-items: center
}

[_nghost-ng-c3173990405] .qrcode {
    display: flex
}


.select-language--flag[_ngcontent-ng-c2484839126] {
    width: 24px;
    max-width: none;
    height: 24px;
    margin: 0 -4px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%
}


.accordion[_ngcontent-ng-c1384432976] {
    --tui-base-04: kek;
    --tui-height-l: var(--tui-height-m-2);
    --tui-text-01: var(--fid-text-01)
}

.accordion--link[_ngcontent-ng-c1384432976] {
    display: block;
    padding: var(--fid-padding-xs) var(--fid-padding-s);
    font: var(--fid-font-title-xs);
    font-weight: 500;
    color: var(--fid-secondary);
    text-transform: capitalize
}

.accordion--title[_ngcontent-ng-c1384432976] {
    display: flex;
    gap: var(--tui-padding-m);
    align-items: center;
    justify-content: space-between;
    font: var(--fid-font-title-sm)
}

.accordion--arrow[_ngcontent-ng-c1384432976] {
    transition: transform var(--tui-duration)
}

.accordion[_ngcontent-ng-c1384432976] tui-accordion-item {
    border-radius: var(--fid-radius-l) !important;
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

.accordion[_ngcontent-ng-c1384432976] tui-accordion-item:hover {
    box-shadow: 0 4px 8px #03073024
}

.accordion[_ngcontent-ng-c1384432976] tui-accordion-item:active {
    box-shadow: 0 0 #0307300f
}

.accordion[_ngcontent-ng-c1384432976] .tui-group {
    display: flex;
    gap: var(--fid-padding-s)
}

.accordion[_ngcontent-ng-c1384432976] .t-wrapper {
    --tui-base-02: transparent;
    overflow: hidden;
    border-radius: var(--fid-radius-l)
}

.accordion[_ngcontent-ng-c1384432976] .t-wrapper:after {
    display: none
}

.accordion[_ngcontent-ng-c1384432976] .t-header {
    --tui-height-l: 48px;
    padding: 0 var(--fid-padding-l)
}

.accordion[_ngcontent-ng-c1384432976] .t-header:hover:not(:active) {
    color: var(--fid-secondary);
    background: var(--fid-support-01) !important
}

.accordion[_ngcontent-ng-c1384432976] .t-header.t-header_open .accordion--arrow {
    transform: rotate(180deg)
}

.accordion[_ngcontent-ng-c1384432976] .t-title {
    font: var(--fid-font-headline-xss);
    font-weight: 600;
    text-transform: capitalize
}

.accordion[_ngcontent-ng-c1384432976] .t-content {
    padding: 0
}

.accordion[_ngcontent-ng-c1384432976] .t-content ul {
    display: grid;
    grid-gap: 4px;
    padding: 4px 0 10px
}


.desktop-sitemap[_ngcontent-ng-c1846234951] {
    text-transform: capitalize;
    letter-spacing: -.25px
}

.desktop-sitemap--lists[_ngcontent-ng-c1846234951] {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.desktop-sitemap--title[_ngcontent-ng-c1846234951] {
    margin-bottom: var(--fid-padding-xl);
    font: var(--fid-font-title-m);
    color: var(--tui-text-01)
}

.desktop-sitemap--list[_ngcontent-ng-c1846234951] {
    --tui-link: var(--fid-primary-text);
    display: grid;
    gap: var(--tui-padding-s);
    font: var(--fid-font-text-sm)
}

.group-title[_ngcontent-ng-c1846234951] {
    margin-bottom: 20px
}

.desktop-navigation[_ngcontent-ng-c1846234951] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: column;
    grid-column-gap: 20px
}

.desktop-navigation-links[_ngcontent-ng-c1846234951] {
    display: grid;
    grid-row-gap: var(--fid-padding-xs)
}


[_nghost-ng-c1723153496] {
    display: flex;
    gap: 8px;
    align-items: center
}

.payment[_ngcontent-ng-c1723153496] {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 0 var(--fid-padding-xss);
    background: var(--fid-base-01);
    border-radius: var(--fid-radius-s)
}

.payments-btn[_ngcontent-ng-c1723153496] {
    --tui-font-text-m: var(--fid-font-text-xl)
}

.payments-btn--icon[_ngcontent-ng-c1723153496] {
    width: 20px;
    height: 20px;
    margin: 0 0 0 4px
}


[_nghost-ng-c2199663236] {
    display: flex;
    gap: var(--tui-padding-s);
    justify-content: center;
    align-items: center
}

.footer-license[_ngcontent-ng-c2199663236] {
    display: block;
    max-width: 64px;
    height: auto
}


[_nghost-ng-c2662565440] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    justify-content: center;
    gap: var(--fid-padding-xl)
}

@media screen and (min-width: 1280px) {
    [_nghost-ng-c2662565440] {
        display: flex;
        align-items: center;
        gap: var(--fid-padding-s)
    }
}

[_nghost-ng-c2662565440] .side-navigation-button,
[_nghost-ng-c2662565440] .side-navigation-button [tuiiconbutton] {
    min-width: 100%
}

@media screen and (min-width: 1280px) {

    [_nghost-ng-c2662565440] .side-navigation-button,
    [_nghost-ng-c2662565440] .side-navigation-button [tuiiconbutton] {
        min-width: 0
    }
}

.side-navigation-button[_ngcontent-ng-c2662565440] {
    --tui-padding: var(--fid-padding-xs)
}

.side-navigation-button[tuiButton][_ngcontent-ng-c2662565440] {
    font: var(--fid-font-headline-sm)
}

.footer-app-link[_ngcontent-ng-c2662565440] {
    grid-column: span 2;
    margin: 0 -40px
}

@media screen and (min-width: 1280px) {
    .footer-app-link[_ngcontent-ng-c2662565440] {
        margin: 0
    }
}


[_nghost-ng-c1395392060] {
    display: block
}

.t-group[_ngcontent-ng-c1395392060] {
    display: flex;
    align-items: stretch
}


.tui-group {
    position: relative;
    display: flex;
    isolation: isolate
}

.tui-group>* {
    flex: 1 1 0;
    min-width: 0
}

.tui-group>*:not(:last-child) {
    margin-right: .125rem
}

.tui-group.tui-group>*:nth-child(n) {
    border-radius: 0
}

.tui-group_collapsed>* {
    z-index: 1
}

.tui-group_collapsed>*:not(:last-child) {
    margin-right: -1px
}

.tui-group_collapsed>*._readonly,
.tui-group_collapsed>*._disabled,
.tui-group_collapsed>*._readonly:hover,
.tui-group_collapsed>*._disabled:hover {
    z-index: 0
}

.tui-group_collapsed>*:hover,
.tui-group_collapsed>*._hovered,
.tui-group_collapsed>*._pressed {
    z-index: 3
}

.tui-group_collapsed>*._invalid {
    z-index: 2
}

.tui-group_collapsed>*._invalid:hover,
.tui-group_collapsed>*._invalid._hovered,
.tui-group_collapsed>*._invalid._pressed {
    z-index: 4
}

.tui-group_collapsed>*._hosted_dropdown_focused,
.tui-group_collapsed>*._focus-visible,
.tui-group_collapsed>*._focused.ng-touched,
.tui-group_collapsed>*._focused.ng-untouched {
    z-index: 5
}

.tui-group_collapsed>*._active,
.tui-group_collapsed>*[data-appearance=whiteblock-active] {
    z-index: 6
}

.tui-group_collapsed>*._focus-visible._focused,
.tui-group_collapsed>*._focus-visible._active,
.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active] {
    z-index: 7
}

.tui-group_orientation_vertical {
    display: inline-flex;
    flex-direction: column
}

.tui-group_orientation_vertical>* {
    min-height: auto;
    flex: 0 0 auto
}

.tui-group_orientation_vertical>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: .125rem
}

.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: -1px
}

.tui-group_rounded.tui-group_orientation_horizontal>*:first-child {
    border-top-left-radius: var(--tui-radius-m);
    border-bottom-left-radius: var(--tui-radius-m)
}

.tui-group_rounded.tui-group_orientation_horizontal>*:last-child {
    border-top-right-radius: var(--tui-radius-m);
    border-bottom-right-radius: var(--tui-radius-m)
}

.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child {
    border-top-left-radius: var(--tui-radius-l);
    border-bottom-left-radius: var(--tui-radius-l)
}

.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child {
    border-top-right-radius: var(--tui-radius-l);
    border-bottom-right-radius: var(--tui-radius-l)
}

.tui-group_rounded.tui-group_orientation_vertical>*:first-child {
    border-top-left-radius: var(--tui-radius-m);
    border-top-right-radius: var(--tui-radius-m)
}

.tui-group_rounded.tui-group_orientation_vertical>*:last-child {
    border-bottom-left-radius: var(--tui-radius-m);
    border-bottom-right-radius: var(--tui-radius-m)
}

.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child {
    border-top-left-radius: var(--tui-radius-l);
    border-top-right-radius: var(--tui-radius-l)
}

.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child {
    border-bottom-left-radius: var(--tui-radius-l);
    border-bottom-right-radius: var(--tui-radius-l)
}

@media screen and (max-width: 47.9625em) {

    .tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),
    .tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),
    .tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),
    .tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child) {
        border-radius: var(--tui-radius-m)
    }
}

@media screen and (max-width: 47.9625em) {

    .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),
    .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),
    .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),
    .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child) {
        border-radius: var(--tui-radius-l)
    }
}

@media screen and (max-width: 47.9625em) {
    .tui-group_adaptive.tui-group_orientation_vertical {
        width: 100%
    }

    .tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child) {
        border-radius: var(--tui-radius-m)
    }

    .tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child) {
        margin-bottom: 1rem
    }

    .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child) {
        border-radius: 0
    }

    .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child) {
        border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
    }

    .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child) {
        border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m)
    }

    .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child) {
        margin-bottom: -1px
    }
}

@media screen and (max-width: 47.9625em) {
    .tui-group_adaptive.tui-group_orientation_horizontal {
        flex-direction: column;
        width: 100%
    }

    .tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child) {
        border-radius: var(--tui-radius-m)
    }

    .tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1rem
    }

    .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child) {
        border-radius: 0
    }

    .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child) {
        border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
    }

    .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child) {
        border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m)
    }

    .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: -1px
    }
}

@media screen and (max-width: 47.9625em) {
    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child) {
        border-radius: var(--tui-radius-l)
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child) {
        border-radius: 0
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child) {
        border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child) {
        border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l)
    }
}

@media screen and (max-width: 47.9625em) {
    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child) {
        border-radius: var(--tui-radius-l)
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child) {
        border-radius: 0
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child) {
        border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child) {
        border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l)
    }
}

.tui-group__auto-width-item {
    min-width: auto;
    flex: 0 0 auto
}

.tui-group .tui-group__inherit-item {
    border-radius: inherit
}


[_nghost-ng-c1254419706] {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--tui-radius-l)
}

[data-borders=top-bottom][_nghost-ng-c1254419706] {
    border-radius: 0 !important
}

.t-wrapper[_ngcontent-ng-c1254419706] {
    position: relative;
    border-radius: inherit
}

.t-wrapper[_ngcontent-ng-c1254419706]:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    box-sizing: border-box;
    border-radius: inherit;
    border: 1px solid var(--tui-base-04);
    pointer-events: none
}

[_nghost-ng-c1254419706]:not([data-borders]) .t-wrapper[_ngcontent-ng-c1254419706]:after {
    border-width: 0
}

[data-borders=all][_nghost-ng-c1254419706] .t-wrapper[_ngcontent-ng-c1254419706]:after {
    border-width: 1px
}

[data-borders=top-bottom][_nghost-ng-c1254419706] .t-wrapper[_ngcontent-ng-c1254419706]:after {
    border-left-width: 0;
    border-right-width: 0
}

[data-borders=top][_nghost-ng-c1254419706] .t-wrapper[_ngcontent-ng-c1254419706]:after {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0
}

[data-borders=bottom][_nghost-ng-c1254419706] .t-wrapper[_ngcontent-ng-c1254419706]:after {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0
}

[data-mode=onDark][_nghost-ng-c1254419706] .t-wrapper[_ngcontent-ng-c1254419706]:after {
    border-color: var(--tui-base-03)
}

[data-mode=onLight][_nghost-ng-c1254419706] .t-wrapper[_ngcontent-ng-c1254419706]:after {
    border-color: var(--tui-text-01)
}

[_nghost-ng-c1254419706]:not([data-mode]) .t-wrapper[_ngcontent-ng-c1254419706] {
    background: var(--tui-base-01)
}

.t-header[_ngcontent-ng-c1254419706] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    transition-property: background;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    display: flex;
    width: 100%;
    font: var(--tui-font-text-l);
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid var(--tui-base-04);
    min-height: var(--tui-height-l);
    padding: .75rem 1.25rem;
    color: var(--tui-text-01);
    cursor: pointer;
    text-align: left;
    outline: none
}

.t-header[_ngcontent-ng-c1254419706]:focus-visible {
    box-shadow: inset 0 0 0 2px var(--tui-focus)
}

[data-mode=onDark][_nghost-ng-c1254419706] .t-header[_ngcontent-ng-c1254419706] {
    color: var(--tui-text-01-night);
    border-color: var(--tui-base-03)
}

[data-mode=onLight][_nghost-ng-c1254419706] .t-header[_ngcontent-ng-c1254419706] {
    border-color: var(--tui-text-01)
}

[_nghost-ng-c1254419706]:not([data-borders]) .t-header[_ngcontent-ng-c1254419706] {
    border-bottom-width: 0;
    box-shadow: none
}

._has-arrow[_nghost-ng-c1254419706] .t-header[_ngcontent-ng-c1254419706] {
    padding-right: .75rem
}

[data-mode=onDark][_nghost-ng-c1254419706] .t-header_open[_ngcontent-ng-c1254419706] {
    background: var(--tui-clear-inverse)
}

[data-mode=onLight][_nghost-ng-c1254419706] .t-header_open[_ngcontent-ng-c1254419706] {
    background: var(--tui-clear)
}

[data-size=s][_nghost-ng-c1254419706] .t-header[_ngcontent-ng-c1254419706] {
    font: var(--tui-font-text-m);
    min-height: var(--tui-height-m);
    padding: .625rem .75rem .625rem 1rem
}

._no-padding[_nghost-ng-c1254419706] .t-header[_ngcontent-ng-c1254419706] {
    padding-left: 0;
    padding-right: 0
}

._disabled[_nghost-ng-c1254419706] .t-header[_ngcontent-ng-c1254419706] {
    cursor: default
}

.t-wrapper[_ngcontent-ng-c1254419706]:hover:not([data-mode])>.t-header_hoverable[_ngcontent-ng-c1254419706] {
    background: var(--tui-base-02)
}

.t-wrapper[_ngcontent-ng-c1254419706]:hover[data-mode=onDark]>.t-header_hoverable[_ngcontent-ng-c1254419706] {
    background: var(--tui-clear-inverse)
}

.t-wrapper[_ngcontent-ng-c1254419706]:hover[data-mode=onLight]>.t-header_hoverable[_ngcontent-ng-c1254419706] {
    background: var(--tui-clear)
}

.t-title[_ngcontent-ng-c1254419706] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
    flex-grow: 1
}

._has-arrow[_nghost-ng-c1254419706] .t-title[_ngcontent-ng-c1254419706] {
    margin-right: .5rem
}

.t-icon[_ngcontent-ng-c1254419706] {
    transition-property: transform, color;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    color: var(--tui-base-06)
}

.t-icon_open[_ngcontent-ng-c1254419706] {
    transform: rotate(180deg)
}

[data-mode][_nghost-ng-c1254419706] .t-icon[_ngcontent-ng-c1254419706] {
    opacity: var(--tui-disabled-opacity)
}

[_nghost-ng-c1254419706]:hover[data-mode] .t-icon[_ngcontent-ng-c1254419706] {
    opacity: .8
}

[data-mode=onDark][_nghost-ng-c1254419706] .t-icon[_ngcontent-ng-c1254419706] {
    color: var(--tui-text-01-night)
}

[data-mode=onLight][_nghost-ng-c1254419706] .t-icon[_ngcontent-ng-c1254419706] {
    color: var(--tui-text-01)
}

[_nghost-ng-c1254419706]:hover:not([data-mode]) .t-icon[_ngcontent-ng-c1254419706] {
    color: var(--tui-base-07)
}

.t-content[_ngcontent-ng-c1254419706] {
    font: var(--tui-font-text-m);
    padding: 1.25rem;
    word-wrap: break-word
}

[data-size=s][_nghost-ng-c1254419706] .t-content[_ngcontent-ng-c1254419706] {
    font: var(--tui-font-text-s);
    padding: 1rem
}


[_nghost-ng-c188569483] {
    transition-property: opacity, height, visibility;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    display: block;
    opacity: 0;
    transition-delay: 1ms
}

._overflow[_nghost-ng-c188569483] {
    overflow: hidden
}

._expanded[_nghost-ng-c188569483] {
    opacity: 1;
    transform: translate(0)
}

._loading[_nghost-ng-c188569483] {
    opacity: .99
}

.t-wrapper[_ngcontent-ng-c188569483]:before,
.t-wrapper[_ngcontent-ng-c188569483]:after {
    content: "";
    display: table
}


[_nghost-ng-c2749805289] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    background: none;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    transition-property: color;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    color: var(--tui-link);
    text-align: left;
    text-transform: inherit;
    font-weight: inherit;
    cursor: pointer;
    outline: none
}

[_nghost-ng-c2749805289]:hover {
    color: var(--tui-link-hover)
}

[_nghost-ng-c2749805289]:disabled {
    opacity: var(--tui-disabled-opacity);
    cursor: default
}

[data-mode=onLight][_nghost-ng-c2749805289] {
    color: var(--tui-text-02)
}

[data-mode=onLight][_nghost-ng-c2749805289]:hover,
[data-mode=onLight]._active[_nghost-ng-c2749805289] {
    color: var(--tui-text-01)
}

[data-mode=onLight]._pseudo[_nghost-ng-c2749805289] {
    color: var(--tui-text-01)
}

[data-mode=onLight]._pseudo[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    -webkit-text-decoration-color: rgba(0, 0, 0, .48);
    text-decoration-color: #0000007a
}

[data-mode=onLight]._pseudo[_nghost-ng-c2749805289]:hover,
[data-mode=onLight]._pseudo._active[_nghost-ng-c2749805289] {
    color: var(--tui-text-03)
}

[data-mode=onLight][data-host-mode=negative][_nghost-ng-c2749805289] {
    color: var(--tui-negative-night)
}

[data-mode=onLight][data-host-mode=negative][_nghost-ng-c2749805289]:hover,
[data-mode=onLight][data-host-mode=negative][_nghost-ng-c2749805289]:active,
[data-mode=onLight][data-host-mode=negative]._active[_nghost-ng-c2749805289] {
    color: var(--tui-negative-night-hover)
}

[data-mode=onDark][_nghost-ng-c2749805289] {
    color: var(--tui-text-03-night)
}

[data-mode=onDark][_nghost-ng-c2749805289]:hover,
[data-mode=onDark][_nghost-ng-c2749805289]:active,
[data-mode=onDark]._active[_nghost-ng-c2749805289] {
    color: var(--tui-text-01-night)
}

[data-mode=onDark]._pseudo[_nghost-ng-c2749805289] {
    color: var(--tui-text-01-night)
}

[data-mode=onDark]._pseudo[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    -webkit-text-decoration-color: rgba(255, 255, 255, .48);
    text-decoration-color: #ffffff7a
}

[data-mode=onDark]._pseudo[_nghost-ng-c2749805289]:hover,
[data-mode=onDark]._pseudo[_nghost-ng-c2749805289]:active,
[data-mode=onDark]._pseudo._active[_nghost-ng-c2749805289] {
    color: var(--tui-text-03-night)
}

[data-mode=onDark][data-host-mode=positive][_nghost-ng-c2749805289] {
    color: var(--tui-positive-night)
}

[data-mode=onDark][data-host-mode=positive][_nghost-ng-c2749805289]:hover,
[data-mode=onDark][data-host-mode=positive][_nghost-ng-c2749805289]:active,
[data-mode=onDark][data-host-mode=positive]._active[_nghost-ng-c2749805289] {
    color: var(--tui-positive-night-hover)
}

[data-host-mode=negative][_nghost-ng-c2749805289] {
    color: var(--tui-negative)
}

[data-host-mode=negative][_nghost-ng-c2749805289]:hover {
    color: var(--tui-negative-hover)
}

[data-host-mode=negative]._pseudo[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    -webkit-text-decoration-color: rgba(222, 76, 30, .48);
    text-decoration-color: #de4c1e7a
}

[data-host-mode=positive][_nghost-ng-c2749805289] {
    color: var(--tui-positive)
}

[data-host-mode=positive][_nghost-ng-c2749805289]:hover {
    color: var(--tui-positive-hover)
}

[data-host-mode=positive]._pseudo[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    -webkit-text-decoration-color: rgba(58, 169, 129, .48);
    text-decoration-color: #3aa9817a
}

._focus-visible[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    background: var(--tui-selection)
}

[data-mode=onLight]._focus-visible[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    background: var(--tui-clear);
    color: var(--tui-text-01)
}

[data-mode=onDark]._focus-visible[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    background: var(--tui-clear-inverse);
    color: var(--tui-text-01-night)
}

[data-host-mode=positive]._focus-visible[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    background: var(--tui-success-bg)
}

[data-host-mode=negative]._focus-visible[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    background: var(--tui-error-bg)
}

._pseudo[_nghost-ng-c2749805289] .t-content[_ngcontent-ng-c2749805289] {
    padding-bottom: .15em;
    -webkit-text-decoration: underline dashed rgba(51, 111, 238, .48);
    text-decoration: underline dashed rgba(51, 111, 238, .48);
    text-underline-offset: .2em;
    text-decoration-thickness: .7px
}

.t-icon[_ngcontent-ng-c2749805289] {
    transition-property: transform;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    width: var(--tui-link-icon-size, 1.5rem);
    height: var(--tui-link-icon-size, 1.5rem);
    margin-top: -.125rem
}

.t-icon_left[_ngcontent-ng-c2749805289] {
    margin-right: .25rem
}

.t-icon_right[_ngcontent-ng-c2749805289] {
    margin-left: .25rem
}

._icon-rotated[_nghost-ng-c2749805289] .t-icon[_ngcontent-ng-c2749805289] {
    transform: rotate(180deg)
}


.side-nav[_ngcontent-ng-c608548109] {
    display: grid;
    gap: var(--fid-padding-xs)
}

.side-nav--list[_ngcontent-ng-c608548109] {
    display: grid;
    padding: var(--fid-padding-xs);
    color: var(--fid-text-01);
    border-radius: var(--fid-radius-l);
    background: var(--fid-support-14)
}

.side-nav--link[_ngcontent-ng-c608548109] {
    padding: var(--fid-padding-xs) var(--fid-padding-s);
    width: 100%;
    text-transform: capitalize;
    cursor: pointer;
    border-radius: 12px;
    transition: background var(--tui-duration), box-shadow var(--tui-duration), background var(--tui-duration)
}

.side-nav--link[_ngcontent-ng-c608548109]:hover {
    background: var(--fid-base-01);
    box-shadow: 0 12px 36px #0307301f;
    color: var(--fid-accent-text)
}

.side-nav--link._active[_ngcontent-ng-c608548109],
.side-nav--link[_ngcontent-ng-c608548109]:active {
    background: var(--fid-accent);
    color: var(--fid-accent-text)
}

.side-nav--link._active[_ngcontent-ng-c608548109]:hover,
.side-nav--link[_ngcontent-ng-c608548109]:active:hover {
    box-shadow: none
}

.side-nav--link[_ngcontent-ng-c608548109] .icon[_ngcontent-ng-c608548109] {
    width: var(--fid-height-xs-2);
    height: var(--fid-height-xs-2);
    color: var(--fid-secondary-text)
}

.side-nav--link[_ngcontent-ng-c608548109]:hover .icon[_ngcontent-ng-c608548109],
.side-nav--link._active[_ngcontent-ng-c608548109] .icon[_ngcontent-ng-c608548109] {
    color: inherit
}

.side-nav--text[_ngcontent-ng-c608548109] {
    display: flex;
    gap: var(--fid-padding-xs);
    align-items: center;
    width: 100%
}

.side-nav--icon[_ngcontent-ng-c608548109] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px
}


[_nghost-ng-c4141166605] {
    display: grid;
    row-gap: var(--fid-padding-xl)
}


.search[_ngcontent-ng-c454553108] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center
}

.search--field[_ngcontent-ng-c454553108] .t-textfield-icon [data-appearance=icon] {
    --tui-text-01: var(--fid-accent-text);
    width: 20px;
    height: 20px;
    opacity: 1
}

.search--field[_ngcontent-ng-c454553108] [tuiWrapper][data-appearance=textfield] {
    --tui-base-01: var(--fid-base-01)
}

.search--field[_ngcontent-ng-c454553108] [tuiWrapper][data-appearance=textfield]:after {
    --tui-base-03: #f1f0fe;
    border-width: 2px
}

.search--field[_ngcontent-ng-c454553108] [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover) {
    box-shadow: none
}

.search--field[_ngcontent-ng-c454553108] [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover):after {
    --tui-base-03: var(--fid-base-04)
}

.search--field[_ngcontent-ng-c454553108] [tuiWrapper][data-appearance=textfield]._focused._focused {
    background: var(--fid-support-05);
    box-shadow: none
}

.search-extra[_ngcontent-ng-c454553108] {
    flex-grow: 0;
    margin-left: var(--fid-padding-xs)
}

.search-extra[_ngcontent-ng-c454553108]:empty {
    display: none
}


[_nghost-ng-c837904566] {
    position: relative;
    display: grid;
    gap: var(--fid-padding-xl);
    width: 100%;
    height: 460px;
    margin-inline: auto;
    overflow: hidden;
    text-align: center;
    background: var(--fid-gradient-02);
    border-radius: var(--fid-radius-xxl)
}

@media screen and (min-width: 768px) {
    [_nghost-ng-c837904566] {
        gap: 32px
    }
}

[_nghost-ng-c837904566]:after {
    content: "";
    position: absolute;
    inset: 0 -50%;
    width: 100%;
    min-width: 1280px;
    margin: 0 auto;
    background: linear-gradient(90deg, #e7e7f3 0%, transparent 20%, transparent 80%, #d6ebff 100%);
    pointer-events: none
}

.welcome-banner-content[_ngcontent-ng-c837904566] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: center;
    padding: var(--fid-padding-s);
    margin: auto
}

.welcome-banner-logo[_ngcontent-ng-c837904566] {
    border-radius: var(--fid-radius-l)
}

@media screen and (min-width: 768px) {
    .welcome-banner-logo[_ngcontent-ng-c837904566] {
        display: none
    }
}

.welcome-banner-title[_ngcontent-ng-c837904566] {
    position: relative;
    max-width: 390px;
    font: var(--fid-font-heading-1)
}


[_nghost-ng-c2516371787] {
    position: absolute;
    width: 100%;
    height: 100%
}

.controlled-video[_ngcontent-ng-c2516371787] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}


[_nghost-ng-c4055277900] {
    display: grid;
    row-gap: 24px;
    padding-bottom: 24px
}

.scrollbar--item[_ngcontent-ng-c4055277900] {
    width: var(--fid-xsmall-card)
}

@media screen and (min-width: 360px) {
    .scrollbar--item[_ngcontent-ng-c4055277900] {
        width: var(--fid-medium-card)
    }
}

@media screen and (min-width: 1280px) {
    .scrollbar--item[_ngcontent-ng-c4055277900] {
        width: auto
    }
}


.project-banner[_ngcontent-ng-c1201085138] {
    position: relative;
    display: flex;
    place-items: flex-end;
    height: 200px;
    background: var(--fid-gradient-02);
    color: var(--fid-base-01);
    border-radius: var(--fid-radius-l);
    overflow: hidden;
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

.project-banner[_ngcontent-ng-c1201085138]:hover {
    box-shadow: 0 4px 8px #03073024
}

.project-banner[_ngcontent-ng-c1201085138]:active {
    box-shadow: 0 0 #0307300f
}

.project-banner--label[_ngcontent-ng-c1201085138] {
    position: absolute;
    inset: 0 auto auto 0;
    padding: var(--fid-padding-xss) var(--fid-padding-xs);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: -.25px;
    text-transform: uppercase;
    background: #f09;
    color: var(--fid-base-01);
    border-bottom-right-radius: 46%;
    border-top-left-radius: 30%
}

.project-banner--panel[_ngcontent-ng-c1201085138] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--fid-padding-s);
    width: 100%;
    padding: var(--fid-padding-s)
}

@media screen and (min-width: 1280px) {
    .project-banner--panel[_ngcontent-ng-c1201085138] {
        padding: var(--fid-padding-l)
    }
}

.project-banner--panel[_ngcontent-ng-c1201085138]:before {
    content: "";
    position: absolute;
    inset: 0
}

.project-banner--content[_ngcontent-ng-c1201085138] {
    position: relative;
    display: grid
}

.project-banner--icon[_ngcontent-ng-c1201085138] {
    position: relative
}

.project-banner--name[_ngcontent-ng-c1201085138] {
    font: var(--fid-font-title-sm)
}

@media screen and (min-width: 1280px) {
    .project-banner--name[_ngcontent-ng-c1201085138] {
        font: var(--fid-font-title-m)
    }
}

.project-banner--title[_ngcontent-ng-c1201085138] {
    font: var(--fid-font-headline-xss)
}

@media screen and (min-width: 1280px) {
    .project-banner--title[_ngcontent-ng-c1201085138] {
        font: var(--fid-font-headline-sm)
    }
}

.project-banner--amount[_ngcontent-ng-c1201085138] {
    position: relative;
    font-size: 2rem;
    font-weight: 700;
    line-height: 50px
}

.project-banner--btn[_ngcontent-ng-c1201085138] {
    position: relative;
    z-index: 1;
    cursor: pointer
}

.project-banner--pic[_ngcontent-ng-c1201085138] {
    position: absolute;
    inset: 0
}

.project-banner--image[_ngcontent-ng-c1201085138] {
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.project-banner--link[_ngcontent-ng-c1201085138] {
    position: absolute;
    inset: 0;
    cursor: pointer
}

.project-banner--overlay[_ngcontent-ng-c1201085138] {
    position: absolute;
    inset: 0
}


[_nghost-ng-c2304928905]:empty {
    display: none
}


[_nghost-ng-c1325934036]:empty {
    display: none
}


[_nghost-ng-c1380323195] {
    position: relative;
    display: flex;
    gap: var(--fid-padding-l);
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--fid-padding-s);
    font: var(--fid-font-title-xl);
    word-break: break-word
}

@media screen and (min-width: 1280px) {
    [_nghost-ng-c1380323195] {
        font: var(--fid-font-headline-xs)
    }
}

.hide[_nghost-ng-c1380323195] {
    display: none
}

._large[_nghost-ng-c1380323195] {
    margin-bottom: var(--tui-padding-xl);
    font: var(--fid-font-headline-m)
}

@media screen and (min-width: 1440px) {
    ._large[_nghost-ng-c1380323195] {
        font: var(--fid-font-headline-xl)
    }
}

.section-heading-navigation[_ngcontent-ng-c1380323195] {
    display: flex;
    flex: 1 0 auto;
    gap: var(--fid-padding-xs);
    justify-content: flex-end
}

.section-heading-navigation--arrows[_ngcontent-ng-c1380323195] {
    display: flex;
    gap: var(--fid-padding-xss)
}

.section-heading-navigation--link[_ngcontent-ng-c1380323195] {
    display: flex;
    align-items: center;
    gap: var(--fid-padding-xss);
    font: var(--fid-font-title-xs);
    letter-spacing: -.25px
}

.section-heading-navigation--icon[_ngcontent-ng-c1380323195] {
    width: 16px;
    height: 16px;
    margin-top: -2px
}


[_nghost-ng-c3749896586] {
    position: relative;
    display: block;
    border-radius: var(--fid-padding-l);
    background: var(--fid-support-16);
    box-shadow: 0 12px 36px #0307300f;
    color: var(--fid-base-01);
    overflow: hidden;
    height: 156px;
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

[_nghost-ng-c3749896586]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c3749896586]:active {
    box-shadow: 0 0 #0307300f
}

@media screen and (min-width: 1280px) {
    [_nghost-ng-c3749896586] {
        height: 180px
    }
}

.banner-media[_ngcontent-ng-c3749896586] {
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline: auto -100px;
    width: max-content
}

@media screen and (min-width: 540px) {
    .banner-media[_ngcontent-ng-c3749896586] {
        inset-inline: auto -5%
    }
}

@media screen and (min-width: 768px) {
    .banner-media[_ngcontent-ng-c3749896586] {
        inset-inline: auto 0
    }
}

.banner-image[_ngcontent-ng-c3749896586] {
    object-fit: contain;
    object-position: right
}

.banner-content[_ngcontent-ng-c3749896586] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100%;
    padding: var(--fid-padding-s)
}

@media screen and (min-width: 1280px) {
    .banner-content[_ngcontent-ng-c3749896586] {
        padding: var(--fid-padding-l)
    }
}

.banner-title[_ngcontent-ng-c3749896586] {
    font: var(--fid-font-title-m);
    letter-spacing: -.25px
}

.banner-subtitle[_ngcontent-ng-c3749896586] {
    font: var(--fid-font-headline-l);
    letter-spacing: -1px
}

@media screen and (min-width: 1280px) {
    .banner-subtitle[_ngcontent-ng-c3749896586] {
        font: var(--fid-font-headline-xl);
        letter-spacing: -1px
    }
}

.banner-btn[_ngcontent-ng-c3749896586] {
    position: static
}

.banner-btn[_ngcontent-ng-c3749896586]:not(:first-child) {
    margin-top: auto
}

.banner-btn[_ngcontent-ng-c3749896586]:before {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer
}


[_nghost-ng-c3735387861] {
    display: block;
    position: relative;
    min-width: 0;
    margin: -8px -8px -24px
}

[_nghost-ng-c3735387861]:before,
[_nghost-ng-c3735387861]:after {
    content: "";
    position: absolute;
    inset: 0 auto;
    z-index: 2;
    width: var(--tui-carousel-padding)
}

.layout-content [_nghost-ng-c3735387861]:before {
    left: -6px;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, var(--fid-support-05) 100%)
}

@media screen and (min-width: 1920px) {
    .layout-content [_nghost-ng-c3735387861]:before {
        left: -12px
    }
}

.layout-content [_nghost-ng-c3735387861]:after {
    right: -6px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--fid-support-05) 100%)
}

@media screen and (min-width: 1920px) {
    .layout-content [_nghost-ng-c3735387861]:after {
        right: -12px
    }
}

/* .slider[_ngcontent-ng-c3735387861] {
    display: flex;
    max-width: 100%;
    position: relative;
    padding: 0 8px;
    margin: 0 -14px
} */
.slider[_ngcontent-ng-c3735387861] {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box;
}

.slide[_ngcontent-ng-c3735387861] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: var(--tui-carousel-padding)
}

.slide[_ngcontent-ng-c3735387861]>* {
    margin-bottom: calc(var(--tui-carousel-padding) * 2)
}


[_nghost-ng-c1630099725] {
    min-width: 0
}


[_nghost-ng-c476811680] {
    min-width: 0
}


.crab-banner-title[_ngcontent-ng-c2327510725] {
    margin-bottom: var(--fid-padding-s);
    font: var(--fid-font-title-xl);
    letter-spacing: -.25px
}

@media screen and (min-width: 1280px) {
    .crab-banner-title[_ngcontent-ng-c2327510725] {
        font: var(--fid-font-headline-xs)
    }
}

.crab-banner[_ngcontent-ng-c2327510725] {
    position: relative;
    display: flex;
    height: 156px;
    background: var(--fid-support-16);
    overflow: hidden;
    border-radius: var(--fid-radius-l);
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

.crab-banner[_ngcontent-ng-c2327510725]:hover {
    box-shadow: 0 4px 8px #03073024
}

.crab-banner[_ngcontent-ng-c2327510725]:active {
    box-shadow: 0 0 #0307300f
}

@media screen and (min-width: 1280px) {
    .crab-banner[_ngcontent-ng-c2327510725] {
        height: 180px
    }
}

.crab-banner--content[_ngcontent-ng-c2327510725] {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    padding: var(--fid-padding-s);
    color: var(--fid-base-01);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--fid-support-16) 36.36%)
}

@media screen and (min-width: 1280px) {
    .crab-banner--content[_ngcontent-ng-c2327510725] {
        padding: var(--fid-padding-l);
        background: none
    }
}

.crab-banner--title[_ngcontent-ng-c2327510725] {
    position: relative;
    font: var(--fid-font-title-m)
}

.crab-banner--text[_ngcontent-ng-c2327510725] {
    position: relative;
    font: var(--fid-font-headline-l)
}

@media screen and (min-width: 1280px) {
    .crab-banner--text[_ngcontent-ng-c2327510725] {
        font: var(--fid-font-headline-xl)
    }
}

.crab-banner--btn[_ngcontent-ng-c2327510725] {
    position: static;
    margin-top: auto;
    cursor: pointer
}

.crab-banner--btn[_ngcontent-ng-c2327510725]:after {
    content: "";
    position: absolute;
    inset: 0
}

.crab-banner--pic[_ngcontent-ng-c2327510725] {
    position: absolute;
    inset: 0 0 0 auto;
    width: max-content;
    max-width: 100%
}

@media screen and (min-width: 540px) {
    .crab-banner--pic[_ngcontent-ng-c2327510725] {
        inset: 0 0 0 auto;
        width: auto
    }
}

.crab-banner--pic[_ngcontent-ng-c2327510725]:after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 100%;
    background: linear-gradient(90deg, #4c49f2 20%, #386df700 80%)
}

@media screen and (min-width: 540px) {
    .crab-banner--pic[_ngcontent-ng-c2327510725]:after {
        display: none
    }
}

.crab-banner--image[_ngcontent-ng-c2327510725] {
    width: auto;
    height: 100%;
    object-fit: cover
}

.crab-banner--provider[_ngcontent-ng-c2327510725] {
    display: flex;
    gap: var(--fid-padding-xs);
    align-items: center;
    font: var(--fid-font-headline-xss);
    font-weight: 500
}

@media screen and (min-width: 1280px) {
    .crab-banner--provider[_ngcontent-ng-c2327510725] {
        gap: var(--fid-padding-s);
        font: var(--fid-font-heading-4)
    }
}


[_nghost-ng-c224819369] {
    --tui-padding: .6rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: var(--fid-base-01);
    border-radius: var(--fid-radius-m);
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

[_nghost-ng-c224819369]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c224819369]:active {
    box-shadow: 0 0 #0307300f
}

.short-casino-card[_ngcontent-ng-c224819369] {
    position: relative;
    display: grid;
    gap: 7px;
    padding: 7px 16px 16px;
    border-radius: var(--tui-radius-xxl)
}

.short-casino-card--overlay[_ngcontent-ng-c224819369] {
    position: absolute;
    inset: 0
}

.short-casino-card--logo[_ngcontent-ng-c224819369] {
    display: block;
    width: 136px;
    height: 50px;
    object-fit: contain;
    margin: 0 auto
}

.short-casino-card--details[_ngcontent-ng-c224819369] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: var(--fid-padding-xs)
}

.short-casino-card--content[_ngcontent-ng-c224819369] {
    min-width: 0;
    letter-spacing: -.25px
}

.short-casino-card--title[_ngcontent-ng-c224819369] {
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    color: var(--fid-disabled-text);
    font: var(--fid-font-text-xs)
}

@media screen and (min-width: 1280px) {
    .short-casino-card--title[_ngcontent-ng-c224819369] {
        font: var(--fid-font-text-sm)
    }
}

.short-casino-card--text[_ngcontent-ng-c224819369] {
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    font: var(--fid-font-title-xs);
    color: var(--fid-text-01)
}

@media screen and (min-width: 1280px) {
    .short-casino-card--text[_ngcontent-ng-c224819369] {
        font: var(--fid-font-title-sm)
    }
}

.short-casino-card--text._large[_ngcontent-ng-c224819369] {
    font: var(--fid-font-title-sm)
}

@media screen and (min-width: 1280px) {
    .short-casino-card--text._large[_ngcontent-ng-c224819369] {
        font: var(--fid-font-title-m)
    }
}


[_nghost-ng-c195432450] {
    min-width: 0
}

.offer-card[_ngcontent-ng-c195432450] {
    display: block;
    border-radius: var(--fid-radius-l);
    overflow: hidden;
    background: var(--fid-base-01);
    letter-spacing: -.25px;
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

.offer-card[_ngcontent-ng-c195432450]:hover {
    box-shadow: 0 4px 8px #03073024
}

.offer-card[_ngcontent-ng-c195432450]:active {
    box-shadow: 0 0 #0307300f
}

.offer-card--media[_ngcontent-ng-c195432450] {
    position: relative;
    display: flex;
    padding-top: 50%;
    background: linear-gradient(270deg, var(--fid-support-04) 0%, var(--fid-support-06) 29.41%, var(--fid-base-06) 100%)
}

.offer-card--image[_ngcontent-ng-c195432450] {
    object-fit: contain
}

.offer-card--details[_ngcontent-ng-c195432450] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: var(--fid-padding-xs)
}

@media screen and (min-width: 1280px) {
    .offer-card--details[_ngcontent-ng-c195432450] {
        padding: 16px
    }
}

.offer-card--logo[_ngcontent-ng-c195432450] {
    border-radius: var(--fid-radius-s)
}

.offer-card--title[_ngcontent-ng-c195432450] {
    font: var(--fid-font-title-sm);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}


[_nghost-ng-c3141876622] {
    --card-gradient: var(--fid-gradient-01);
    letter-spacing: -.25px;
    border-radius: 16px;
    overflow: hidden;
    background: var(--fid-base-01);
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

[_nghost-ng-c3141876622]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c3141876622]:active {
    box-shadow: 0 0 #0307300f
}

.category-card[_ngcontent-ng-c3141876622] {
    position: relative
}

.category-card--overlay[_ngcontent-ng-c3141876622] {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.category-card--media[_ngcontent-ng-c3141876622] {
    position: relative;
    padding-top: 50%;
    background: var(--card-gradient)
}

.category-card--label[_ngcontent-ng-c3141876622] {
    position: absolute;
    inset: var(--fid-padding-xs) auto auto var(--fid-padding-xs);
    padding: 4px var(--fid-padding-xs);
    border-radius: 50px;
    background: #03073066;
    color: var(--fid-base-01);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    font: var(--fid-font-text-xss);
    font-weight: 700;
    text-transform: uppercase
}

.category-card--image[_ngcontent-ng-c3141876622] {
    object-fit: cover
}

.category-card--content[_ngcontent-ng-c3141876622] {
    display: grid;
    grid-template-columns: 40px auto;
    gap: var(--fid-padding-xs);
    align-items: center;
    padding: var(--fid-padding-s)
}

@media screen and (min-width: 1280px) {
    .category-card--content[_ngcontent-ng-c3141876622] {
        padding: var(--fid-padding-l)
    }
}

.category-card--title[_ngcontent-ng-c3141876622] {
    font: var(--fid-font-title-sm);
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden
}

.category-card--text[_ngcontent-ng-c3141876622] {
    display: none;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden
}

.category-card--description[_ngcontent-ng-c3141876622] {
    min-width: 0
}


[_nghost-ng-c2763944440] {
    --card-gradient: var(--fid-gradient-01);
    letter-spacing: -.25px;
    border-radius: 16px;
    overflow: hidden;
    background: var(--fid-base-01);
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

[_nghost-ng-c2763944440]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c2763944440]:active {
    box-shadow: 0 0 #0307300f
}

.category-card[_ngcontent-ng-c2763944440] {
    position: relative
}

.category-card--overlay[_ngcontent-ng-c2763944440] {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.category-card--media[_ngcontent-ng-c2763944440] {
    position: relative;
    padding-top: 50%;
    background: var(--card-gradient)
}

.category-card--label[_ngcontent-ng-c2763944440] {
    position: absolute;
    inset: var(--fid-padding-xs) auto auto var(--fid-padding-xs);
    padding: 4px var(--fid-padding-xs);
    border-radius: 50px;
    background: #03073066;
    color: var(--fid-base-01);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    font: var(--fid-font-text-xss);
    font-weight: 700;
    text-transform: uppercase
}

.category-card--image[_ngcontent-ng-c2763944440] {
    object-fit: cover
}

.category-card--content[_ngcontent-ng-c2763944440] {
    display: grid;
    grid-template-columns: 40px auto;
    gap: var(--fid-padding-xs);
    align-items: center;
    padding: var(--fid-padding-s)
}

@media screen and (min-width: 1280px) {
    .category-card--content[_ngcontent-ng-c2763944440] {
        padding: var(--fid-padding-l)
    }
}

.category-card--title[_ngcontent-ng-c2763944440] {
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    color: var(--fid-disabled-text);
    font: var(--fid-font-text-sm)
}

.category-card--text[_ngcontent-ng-c2763944440] {
    display: flex;
    align-items: center;
    gap: var(--fid-padding-xss);
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    font: var(--fid-font-headline-xss)
}

.category-card--description[_ngcontent-ng-c2763944440] {
    min-width: 0
}


[_nghost-ng-c1353408508] {
    width: 482px;
    max-width: calc(100vw - var(--container-padding) * 2);
    display: grid;
    padding: var(--fid-padding-l);
    border-radius: var(--fid-radius-l);
    background: var(--fid-base-01);
    cursor: pointer;
    letter-spacing: -.25px;
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

@media screen and (min-width: 1024px) {
    [_nghost-ng-c1353408508] {
        width: auto
    }
}

[_nghost-ng-c1353408508]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c1353408508]:active {
    box-shadow: 0 0 #0307300f
}

.top-sport-teams[_ngcontent-ng-c1353408508] {
    display: grid;
    gap: var(--fid-padding-xss);
    margin-bottom: var(--fid-padding-s)
}

.top-sport-team[_ngcontent-ng-c1353408508] {
    display: flex;
    gap: var(--fid-padding-xss);
    align-items: center
}

.top-sport-team--img[_ngcontent-ng-c1353408508] {
    padding: var(--fid-padding-xss);
    position: relative
}

.top-sport-team--name[_ngcontent-ng-c1353408508] {
    font: var(--fid-font-title-m);
    color: var(--fid-text-01)
}

.top-sport-bet[_ngcontent-ng-c1353408508] {
    min-height: 36px;
    border-radius: 8px;
    background: var(--fid-support-01)
}

.top-sport-bet[_ngcontent-ng-c1353408508]:disabled .t-wrapper {
    background: var(--fid-base-01)
}

.top-sport-btns[_ngcontent-ng-c1353408508] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--fid-padding-xss)
}

.top-sport-date[_ngcontent-ng-c1353408508] {
    margin-bottom: var(--fid-padding-s);
    font: var(--fid-font-title-sm);
    color: var(--fid-disabled-text)
}


[_nghost-ng-c3272644538] {
    display: flex;
    gap: var(--fid-padding-xs);
    padding: 0 var(--tui-padding-xl);
    margin: 0 calc(var(--tui-padding-xl) * -1) var(--fid-radius-xl);
    overflow: auto
}

.sport-filter-btn[_ngcontent-ng-c3272644538] {
    border-radius: 8px
}

.sport-filter-btn._active[_ngcontent-ng-c3272644538] .t-wrapper {
    --tui-base-01: var(--fid-accent)
}


[_nghost-ng-c1454507410] {
    --card-gradient: var(--fid-gradient-01);
    letter-spacing: -.25px;
    border-radius: 16px;
    overflow: hidden;
    background: var(--fid-base-01);
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

[_nghost-ng-c1454507410]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c1454507410]:active {
    box-shadow: 0 0 #0307300f
}

.new-casino-card[_ngcontent-ng-c1454507410] {
    position: relative
}

.new-casino-card--overlay[_ngcontent-ng-c1454507410] {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.new-casino-card--media[_ngcontent-ng-c1454507410] {
    position: relative;
    padding-top: 50%;
    background: var(--card-gradient)
}

.new-casino-card--label[_ngcontent-ng-c1454507410] {
    position: absolute;
    inset: 0 auto auto 0;
    padding: var(--fid-padding-xss) var(--fid-padding-xs);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: -.25px;
    text-transform: uppercase;
    background: #f09;
    color: var(--fid-base-01);
    border-bottom-right-radius: 46%;
    border-top-left-radius: 46%
}

.new-casino-card--image[_ngcontent-ng-c1454507410] {
    object-fit: cover
}

.new-casino-card--content[_ngcontent-ng-c1454507410] {
    display: flex;
    gap: var(--fid-padding-xs);
    align-items: center;
    padding: var(--fid-padding-s)
}

@media screen and (min-width: 1280px) {
    .new-casino-card--content[_ngcontent-ng-c1454507410] {
        padding: var(--fid-padding-l)
    }
}

.new-casino-card--title[_ngcontent-ng-c1454507410] {
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    color: var(--fid-disabled-text);
    font: var(--fid-font-text-sm)
}

.new-casino-card--text[_ngcontent-ng-c1454507410] {
    gap: var(--fid-padding-xss);
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    font: var(--fid-font-title-sm)
}

.new-casino-card--description[_ngcontent-ng-c1454507410] {
    min-width: 0
}


[_nghost-ng-c1562811302] {
    min-width: 0
}


[_nghost-ng-c2927630173] {
    --card-gradient: var(--fid-gradient-01);
    display: block;
    letter-spacing: -.25px;
    border-radius: 16px;
    overflow: hidden;
    background: var(--fid-base-01);
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

[_nghost-ng-c2927630173]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c2927630173]:active {
    box-shadow: 0 0 #0307300f
}

.category-card[_ngcontent-ng-c2927630173] {
    position: relative
}

.category-card--overlay[_ngcontent-ng-c2927630173] {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.category-card--media[_ngcontent-ng-c2927630173] {
    position: relative;
    padding-top: 58%;
    background: var(--card-gradient)
}

@media screen and (min-width: 768px) {
    .category-card--media[_ngcontent-ng-c2927630173] {
        padding-top: 50%
    }
}

.category-card--label[_ngcontent-ng-c2927630173] {
    position: absolute;
    inset: var(--fid-padding-xs) auto auto var(--fid-padding-xs);
    padding: 4px var(--fid-padding-xs);
    border-radius: 50px;
    background: #03073066;
    color: var(--fid-base-01);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    font: var(--fid-font-text-xss);
    font-weight: 700;
    text-transform: uppercase
}

.category-card--image[_ngcontent-ng-c2927630173] {
    object-fit: cover
}

.category-card--content[_ngcontent-ng-c2927630173] {
    display: grid;
    grid-template-columns: 40px auto;
    gap: var(--fid-padding-xs);
    align-items: center;
    padding: var(--fid-padding-s)
}

@media screen and (min-width: 1280px) {
    .category-card--content[_ngcontent-ng-c2927630173] {
        padding: var(--fid-padding-l)
    }
}

.category-card--logo[_ngcontent-ng-c2927630173] {
    border-radius: 8px
}

.category-card--title[_ngcontent-ng-c2927630173] {
    font: var(--fid-font-title-sm);
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden
}

.category-card--text[_ngcontent-ng-c2927630173] {
    display: none;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden
}

.category-card--description[_ngcontent-ng-c2927630173] {
    min-width: 0
}


[_nghost-ng-c1203136477] {
    position: relative;
    display: block;
    width: 100%;
    background: var(--tui-support-01);
    border-radius: var(--fid-radius-l);
    box-shadow: 0 4px 8px #0307300f;
    transition: background var(--tui-duration), box-shadow var(--tui-duration)
}

[_nghost-ng-c1203136477]:hover {
    box-shadow: 0 4px 8px #03073024
}

[_nghost-ng-c1203136477]:active {
    box-shadow: 0 0 #0307300f
}

.game-image[_ngcontent-ng-c1203136477] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: var(--fid-radius-l);
    contain: size
}

.game-image._second[_ngcontent-ng-c1203136477] {
    position: absolute;
    inset: 0
}