hr.svelte-1wsv6ob {
    background: var(--ds-color-nontext-decorative-on-surface, var(--color-grey-400));
    width: var(--ds-border-width-default, 2px);
    height: 100%
}

.minimized-tab.svelte-1aea3er {
    position: relative;
    background: var(--ds-color-overlay-surface-default, var(--color-grey-600));
    pointer-events: auto;
    display: flex;
    color: var(--ds-color-on-surface, var(--color-grey-100));
    margin-right: calc(var(--spacing-0-5) * -1)
}

.minimized-tab.svelte-1aea3er:last-child {
    border-top-left-radius: var(--ds-radius-md)
}

.title.svelte-1aea3er {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    overflow: auto;
    padding: var(--spacing-0) var(--spacing-3)
}

.title.svelte-1aea3er span {
    display: inline-block
}

.wrap-icon.svelte-1aea3er {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3)
}

.restore-button,.close-button {
    padding: var(--spacing-0)
}

.minimized-tabs.svelte-961882 {
    position: absolute;
    bottom: var(--spacing-0);
    right: var(--spacing-0);
    display: flex;
    flex-direction: row-reverse;
    pointer-events: none;
    box-shadow: 0 -4px 6px -1px #1b171733,0 -2px 4px -1px #0000001f;
    border-top-left-radius: var(--ds-radius-md)
}

.minimized-tabs.mobile.svelte-961882 {
    bottom: calc(var(--mobile-footer-height-or-above-pwa-floating-footer) - var(--spacing-0-5))
}

.wrap.svelte-1xkp9q7 {
    min-height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-surface-highest);
    padding-right: var(--scrollbar-size)
}

.text-wrap.svelte-1xkp9q7 {
    width: 100%;
    text-align: center;
    padding: var(--spacing-4) var(--spacing-0) var(--spacing-4) var(--spacing-8)
}

.wrap.svelte-attk9r,.wrap.svelte-1q4086h {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-shrink: 0
}

.background-overlay.svelte-4oa90l {
    position: fixed;
    top: var(--spacing-0);
    left: var(--spacing-0);
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    z-index: -999;
    background-color: var(--ds-color-surface-default, var(--color-grey-600));
    pointer-events: none
}

.draggable.svelte-4oa90l {
    display: flex;
    position: fixed;
    border-radius: var(--ds-radius-md);
    box-shadow: 0 -12px 10px -4px #0000001f,0 -20px 25px -8px #00000029,0 20px 10px -5px #00000014,0 10px 25px -5px #0003;
    background: var(--ds-color-overlay-surface-default, var(--color-grey-500));
    color: var(--ds-color-subtle-on-surface, var(--color-grey-100));
    min-width: 280px;
    max-width: 90vw;
    flex-direction: column;
    opacity: 1;
    max-height: calc(100vh - var(--header-height) - var(--draggable-bottom))
}

@media (hover: none) {
    .draggable.svelte-4oa90l {
        max-height:calc(100dvh - var(--header-height) - var(--draggable-bottom))
    }
}

.draggable.minimized.svelte-4oa90l {
    pointer-events: none
}

.header.svelte-4oa90l {
    cursor: move;
    display: flex;
    font-weight: var(--ds-font-weight-thick);
    white-space: nowrap;
    flex-direction: row;
    justify-content: flex-end;
    background: var(--ds-color-overlay-surface-default, var(--color-grey-600));
    border-radius: var(--ds-radius-md) var(--ds-radius-md) 0 0;
    -webkit-user-select: none;
    user-select: none;
    overscroll-behavior: none;
    -webkit-user-drag: none
}

.content.svelte-4oa90l {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-bottom-left-radius: var(--ds-radius-md);
    border-bottom-right-radius: var(--ds-radius-md);
    overflow: hidden;
    touch-action: pan-y;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

.title.svelte-4oa90l {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding-left: var(--spacing-4)
}

.wrap-icon.svelte-4oa90l {
    display: flex;
    align-content: center;
    justify-content: center;
    padding: var(--spacing-3)
}

.wrapper.svelte-1sf8se0,.wrapper.svelte-1vwfqgr {
    display: flex;
    align-items: center;
    justify-content: center
}

.wrapper.svelte-1vwfqgr .content-or-loader {
    width: 100%
}

.button-inner.svelte-1vwfqgr {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.timer.svelte-ay6g5f {
    width: 100px;
    height: 50px;
    position: relative
}

.circle.svelte-ay6g5f {
    width: 100px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: var(--ds-radius-full);
    border-top-right-radius: var(--ds-radius-full);
    border-bottom: 0!important;
    transition: clip-path 1s ease-in-out
}

.time.svelte-ay6g5f {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@keyframes svelte-ay6g5f-arrowUp {
    0% {
        opacity: 0;
        transform: translateY(20%)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(-20%)
    }
}

@keyframes svelte-ay6g5f-arrowDown {
    0% {
        opacity: 0;
        transform: translateY(-20%)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(20%)
    }
}

.up.svelte-ay6g5f {
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-duration: .5s;
    animation-iteration-count: 3;
    animation-name: svelte-ay6g5f-arrowUp
}

.down.svelte-ay6g5f {
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-duration: .5s;
    animation-iteration-count: 3;
    animation-name: svelte-ay6g5f-arrowDown
}

.currency-wrap.svelte-ay6g5f {
    max-width: 100px
}

.statistic.svelte-ay6g5f,.statistic-card.svelte-ay6g5f {
    display: flex;
    flex-direction: column
}

.statistic-card.svelte-ay6g5f>*+* {
    margin-top: var(--spacing-1)
}

.draggable-stats-content.svelte-bpy0yj {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-3) var(--spacing-4)
}

.draggable-stats-content.svelte-bpy0yj>*+* {
    margin-top: var(--spacing-3)
}

.dropdown-wrapper.svelte-bpy0yj {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4);
    align-items: stretch
}

.dropdown-wrapper.svelte-bpy0yj .dropdown-top:where(.svelte-bpy0yj) {
    display: flex;
    justify-content: space-between
}

.wrap.svelte-3waykg {
    width: 100%;
    height: 100%;
    display: grid;
    grid-auto-flow: row;
    gap: var(--spacing-4);
    justify-items: center;
    margin: var(--spacing-0) auto
}

.wrap.svelte-3waykg>*:not(button) {
    width: 100%
}

.wrap.svelte-3waykg:not(.full-width) {
    max-width: 300px
}

.wrap.svelte-1l153qr {
    min-height: 350px;
    display: grid;
    grid-gap: var(--spacing-4);
    width: 100%;
    height: 100%;
    align-items: end;
    text-align: center;
    justify-items: center
}

.wrap.svelte-1l153qr>button {
    width: 100%
}

.wrap.svelte-jijeyf {
    padding: var(--spacing-4)
}

.cookie-wrap.svelte-14prlen {
    width: 100%;
    position: fixed;
    bottom: var(--bottom);
    left: 50%;
    margin: var(--spacing-4) var(--spacing-0);
    z-index: var(--index);
    transform: translate(-50%);
    padding: var(--spacing-0) var(--spacing-3);
    max-width: 560px
}

.cookie-banner.svelte-14prlen {
    background-color: var(--ds-color-overlay-surface-default);
    border-radius: var(--ds-radius-md);
    padding: var(--spacing-3) var(--spacing-4);
    box-shadow: var(--shadows-md);
    width: 100%
}

.cookie-grid.svelte-14prlen {
    display: grid;
    place-items: center;
    gap: var(--spacing-4)
}

.column.svelte-k6qllx {
    display: grid;
    grid-gap: var(--spacing-2);
    align-content: flex-start
}

#trust-seal-container-a.svelte-1sged5 {
    display: inline-block;
    transition: transform .2s ease-in-out
}

#trust-seal-container-a.svelte-1sged5:hover {
    transform: scale(1.1)
}

.img.svelte-1sged5 {
    width: 217px!important;
    margin: var(--spacing-0-5);
    border-radius: var(--ds-radius-sm)
}

.footer-grid.svelte-gg9umc {
    grid-template-columns: repeat(auto-fit,minmax(14ch,1fr))
}

.footer-grid.svelte-gg9umc span {
    text-align: initial
}

.divider.svelte-gg9umc {
    border-top: var(--ds-border-width-default, 2px) solid var(--ds-color-nontext-decorative-on-surface, var(--color-grey-500))
}

.support-wrap.svelte-1fgy1pp {
    display: grid;
    transition: .25s;
    position: fixed;
    bottom: var(--spacing-2);
    grid-gap: var(--spacing-4);
    right: 0;
    transform: translate(var(--translate));
    box-shadow: 0 0 5px #1b171780!important;
    z-index: 1000;
    border-radius: var(--ds-radius-full)
}

.support-wrap.svelte-1fgy1pp>button {
    padding: var(--spacing-2) var(--spacing-3)
}

.support-wrap.svelte-1fgy1pp:has(+.back-to-top-wrap) {
    bottom: calc(var(--spacing-2) + var(--back-to-top-button-gap) + var(--back-to-top-button-height))
}

.wrap:has(.minimized-tab)+.support-wrap.svelte-1fgy1pp {
    bottom: calc(var(--spacing-2) + var(--minimized-tab-height))
}

.wrap:has(.minimized-tab)+.support-wrap.svelte-1fgy1pp:has(+.back-to-top-wrap) {
    bottom: calc(var(--spacing-2) + var(--minimized-tab-height) + var(--back-to-top-button-gap) + var(--back-to-top-button-height))
}

:root {
    --back-to-top-button-height: 44px;
    --back-to-top-button-gap: var(--spacing-2)
}

.back-to-top-wrap.svelte-1oo3cjm {
    display: grid;
    transition: .25s;
    position: fixed;
    bottom: var(--spacing-2);
    grid-gap: var(--spacing-4);
    right: 0;
    transform: translate(var(--translate));
    box-shadow: 0 0 5px #1b171780;
    z-index: var(--z-index);
    border-radius: var(--ds-radius-full)
}

.back-to-top-wrap.svelte-1oo3cjm>button {
    padding: var(--spacing-2) var(--spacing-3)
}

.back-to-top-wrap.mobile.svelte-1oo3cjm {
    bottom: calc(var(--mobile-footer-height-or-above-pwa-floating-footer) + var(--spacing-4))
}

.wrap:has(.minimized-tab)~.back-to-top-wrap.svelte-1oo3cjm {
    bottom: calc(var(--spacing-2) + var(--minimized-tab-height))
}

.inner-content>.base-sidebar-anchor .sidebar-item-button {
    border-radius: 0
}

.inner-content>.base-sidebar-anchor:last-child .sidebar-item-button {
    border-bottom-left-radius: var(--ds-radius-md);
    border-bottom-right-radius: var(--ds-radius-md)
}

.inner-content>.base-sidebar-anchor:first-child .sidebar-item-button {
    border-top-left-radius: var(--ds-radius-md);
    border-top-right-radius: var(--ds-radius-md)
}

.base-sidebar-anchor.svelte-a595de:focus-visible div:first-child {
    outline: var(--focus-outline-white);
    outline-offset: calc(-1 * var(--focus-outline-width))
}

.sidebar-item-button:hover svg {
    color: var(--ds-color-on-surface)
}

.wrapper-text.svelte-1dwdrm7 {
    display: flex;
    flex-direction: column
}

hr.svelte-1ey91rp {
    background: var(--ds-color-nontext-decorative-on-surface, var(--color-grey-400));
    height: var(--ds-border-width-default, 2px);
    width: 100%
}

.productImg.svelte-1l1ag6h {
    display: none;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: var(--ds-radius-md)
}

.img-show.svelte-1l1ag6h {
    display: block
}

.header-button.svelte-1l1ag6h {
    overflow: hidden;
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    border-radius: var(--ds-radius-md);
    color: var(--ds-color-on-surface, var(--color-white));
    text-shadow: 0px 1px 2px rgba(0,0,0,.12),0px 1px 3px rgba(0,0,0,.2);
    -webkit-user-select: none;
    user-select: none
}

.header-button.collapsed.svelte-1l1ag6h {
    width: 2.75rem;
    height: 2.75rem;
    flex: unset
}

.header-button.svelte-1l1ag6h:focus-visible {
    outline: var(--focus-outline-white);
    outline-offset: .125rem
}

.header-button.mobile.svelte-1l1ag6h {
    min-height: 50px
}

.header.svelte-1yj7c6 {
    display: flex;
    padding: var(--spacing-0) var(--spacing-4) var(--spacing-0) var(--spacing-0);
    touch-action: none;
    box-shadow: var(--shadows-lg)
}

.header.collapsed.svelte-1yj7c6 {
    flex-direction: column;
    padding: var(--spacing-0) var(--spacing-0) var(--spacing-2) var(--spacing-0);
    box-shadow: none
}

.link-wrap.svelte-1yj7c6 {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    width: 100%
}

.link-wrap.collapsed.svelte-1yj7c6 {
    flex-direction: column;
    padding: var(--spacing-2) var(--spacing-0) var(--spacing-0) var(--spacing-0)
}

.menu-button.svelte-1yj7c6 {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    min-width: 3.75rem;
    height: 3.75rem;
    border-radius: var(--ds-radius-md)
}

.menu-button.collapsed.svelte-1yj7c6 {
    box-shadow: var(--shadows-lg)
}

.menu-button.svelte-1yj7c6:hover {
    color: var(--ds-color-on-surface, var(--color-white))
}

.menu-button.svelte-1yj7c6:focus-visible {
    outline: var(--focus-outline-white);
    outline-offset: -.3rem
}

.accordion>.content>.wrapper>*:first-child .sidebar-item-button:before,.accordion>.content>.wrapper>*:last-child .sidebar-item-button:before,.accordion>.content>.wrapper>* .sidebar-item-button:before,.accordion>.content>.wrapper>.sidebar-item-button:first-child:before,.accordion>.content>.wrapper>.sidebar-item-button:last-child:before,.accordion>.content>.wrapper>.sidebar-item-button:before {
    content: "";
    position: absolute;
    width: var(--ds-border-width-default, 2px);
    height: 48px;
    left: 0;
    background: var(--ds-color-nontext-decorative-on-surface, var(--color-grey-400));
    z-index: -1
}

.inner-content>.sidebar-accordion-wrap:last-child .header {
    overflow: hidden;
    border-bottom-left-radius: var(--ds-radius-md);
    border-bottom-right-radius: var(--ds-radius-md)
}

.inner-content>.sidebar-accordion-wrap:last-child .accordion.isOpen .header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.accordion>.content>.wrapper>.sidebar-item-button {
    border-radius: 0
}

.accordion>.content>.wrapper>.sidebar-item-button:last-child {
    border-bottom-left-radius: var(--ds-radius-md)
}

.accordion>.content>.wrapper>.sidebar-item-button:last-child:before {
    top: 0;
    height: 40px
}

.accordion>.content>.wrapper>.sidebar-item-button:first-child {
    border-top-left-radius: var(--ds-radius-md)
}

.accordion>.content>.wrapper>.sidebar-item-button:first-child:before {
    bottom: 0;
    height: 40px
}

.accordion>.content>.wrapper>* .sidebar-item-button {
    border-radius: 0
}

.accordion>.content>.wrapper>*:last-child .sidebar-item-button {
    border-bottom-left-radius: var(--ds-radius-md)
}

.accordion>.content>.wrapper>*:last-child .sidebar-item-button:before {
    top: 0;
    height: 40px
}

.accordion>.content>.wrapper>*:first-child .sidebar-item-button {
    border-top-left-radius: var(--ds-radius-md)
}

.accordion>.content>.wrapper>*:first-child .sidebar-item-button:before {
    bottom: 0;
    height: 40px
}

.sidebar.svelte-13bc1zy {
    word-wrap: break-word;
    position: relative;
    background: var(--color-surface-lowest, var(--color-grey-700));
    filter: drop-shadow(0 0 5px rgba(25,25,25,.25));
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    will-change: margin-left
}

.sidebar.svelte-13bc1zy .scroll-contain:where(.svelte-13bc1zy) {
    overscroll-behavior: contain
}

.sidebar.normal.svelte-13bc1zy {
    width: var(--width)
}

.sidebar.small.svelte-13bc1zy {
    width: var(--width);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0
}

.sidebar.fullsize.svelte-13bc1zy {
    position: fixed;
    top: var(--header-height);
    padding-bottom: var(--header-height);
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.content.svelte-13bc1zy {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-content: flex-start;
    padding: var(--spacing-0);
    touch-action: pan-x;
    flex: 1
}

.content.svelte-13bc1zy a:focus-visible {
    outline-offset: calc(-1 * var(--focus-outline-width))
}

.content.svelte-13bc1zy button:focus-visible {
    outline-offset: calc(-1 * var(--focus-outline-width))
}

.content.svelte-13bc1zy button.variant-link:focus-visible {
    text-decoration: none
}

.content.svelte-13bc1zy button.variant-link:focus-visible span {
    text-decoration: none
}

.inner-content.svelte-13bc1zy {
    display: flex;
    flex-direction: column;
    border-radius: var(--ds-radius-md);
    overflow: hidden
}

.scrollable-content.svelte-13bc1zy {
    padding: var(--spacing-4)
}

.scrollable-content-mobile.svelte-13bc1zy {
    padding: var(--spacing-0) var(--spacing-4);
    padding-bottom: var(--mobile-footer-height-or-above-pwa-floating-footer)
}

.overlay.svelte-13bc1zy {
    position: fixed;
    top: var(--spacing-0);
    left: var(--spacing-0);
    bottom: var(--spacing-0);
    right: var(--spacing-0);
    background-color: var(--color-overlay-scrim, rgba(14, 18, 36, .7))
}

.add-background.svelte-13bc1zy {
    background-color: var(--ds-color-surface-default, var(--color-grey-600));
    border-radius: var(--ds-radius-md)
}

.sidebar.svelte-191monz {
    word-wrap: break-word;
    position: relative;
    background: var(--ds-color-surface-lowest, var(--color-grey-700));
    filter: drop-shadow(0 0 5px rgba(25,25,25,.25));
    display: flex;
    flex-direction: column;
    z-index: var(--z-index);
    flex-shrink: 0;
    height: 100%;
    will-change: margin-left
}

.sidebar.normal.svelte-191monz {
    width: var(--width)
}

.sidebar.small.svelte-191monz {
    width: var(--width);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0
}

.content.svelte-191monz {
    display: flex;
    overflow: hidden
}

.scrollable-content.svelte-191monz {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    scrollbar-gutter: stable;
    padding: var(--spacing-0) var(--spacing-0-5) var(--spacing-0) var(--spacing-2)
}

.small-size-padding.svelte-w7b7ro {
    height: 100%;
    flex-shrink: 0;
    background-color: transparent
}

:where(:root.ds-active--color) .mobile-icon-style.svelte-1sv9hne svg {
    color: var(--ds-color-subtle-on-surface)
}

.mobile-icon-style.active.svelte-1sv9hne svg {
    color: var(--ds-color-on-surface, var(--color-white))
}

.button-wrap.svelte-1sv9hne {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.button-wrap.active.svelte-1sv9hne:before {
    content: "";
    position: absolute;
    top: 0;
    min-height: 4px;
    width: 60%;
    background-color: var(--ds-color-on-surface, var(--color-blue-400))
}

:where(:root.ds-active--color) .button-wrap.svelte-1sv9hne:not(.active) .content:where(.svelte-1sv9hne) {
    color: var(--ds-color-subtle-on-surface)
}

.button-wrap.active.svelte-1sv9hne:hover .content:where(.svelte-1sv9hne) {
    color: var(--ds-color-on-surface, var(--color-white))
}

.content.svelte-1sv9hne {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: var(--spacing-1);
    font-weight: var(--ds-font-weight-heavy);
    font-size: var(--text-size-sm)
}

.badge.svelte-1sv9hne {
    position: absolute;
    top: 0;
    transform: translate(70%,60%)
}

.wrap.svelte-1bfr8vm {
    display: grid;
    justify-items: center;
    width: 100%;
    line-height: 1;
    padding: var(--spacing-0) var(--spacing-4);
    background: var(--ds-color-surface-default, var(--color-grey-700));
    box-shadow: 0 -4px 6px -1px #0003;
    overflow: hidden;
    height: var(--mobile-footer-height);
    grid-template-columns: repeat(5,1fr);
    position: fixed;
    bottom: 0
}

.snack-notification.svelte-1n03ba6 {
    display: contents
}

.snack-notification.svelte-1n03ba6:hover .timer:where(.svelte-1n03ba6) {
    animation-play-state: paused
}

.timer.svelte-1n03ba6 {
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--ds-color-subtle-on-surface, var(--color-grey-300));
    transform-origin: left;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: svelte-1n03ba6-countDown;
    animation-duration: 5s!important;
    border-bottom-left-radius: var(--ds-radius-md)
}

.timer.persistent.svelte-1n03ba6 {
    animation-duration: 10000s!important;
    opacity: 0
}

@keyframes svelte-1n03ba6-countDown {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.notification-list.svelte-zvd6sk {
    display: grid;
    grid-auto-flow: row;
    gap: var(--spacing-4);
    position: fixed;
    top: 5rem;
    left: 1rem
}

.tooltip-container.svelte-1j2nql9 {
    position: absolute;
    z-index: 3;
    top: 50px;
    right: -75px;
    transform: translate(-50%);
    margin-top: var(--spacing-2);
    animation: svelte-1j2nql9-growthSpurt .5s ease-in-out forwards
}

@media (max-width: 768px) {
    .tooltip-container.svelte-1j2nql9 {
        top:110px
    }
}

.tooltip-container.svelte-1j2nql9 .tooltip-content:where(.svelte-1j2nql9) {
    color: var(--ds-color-on-surface, var(--color-grey-200));
    background-color: var(--ds-color-surface-highest, var(--color-grey-500));
    border: 1px solid var(--ds-color-surface-highest, var(--color-grey-500));
    border-radius: var(--ds-radius-md);
    max-width: 240px;
    box-shadow: 0 -1px 2px 0 var(--translucent-dark-300, rgba(0, 0, 0, .16)),0 4px 8px 0 var(--translucent-dark-300, rgba(0, 0, 0, .16))
}

.tooltip-container.svelte-1j2nql9 .tooltip-content:where(.svelte-1j2nql9) .tooltip_content-cta:where(.svelte-1j2nql9) {
    position: absolute;
    top: -38px;
    right: 20px
}

.tooltip-container.svelte-1j2nql9 .tooltip-content:where(.svelte-1j2nql9):before {
    content: "";
    position: absolute;
    top: -12px;
    right: -14px;
    transform: translate(calc(var(--ds-spacing-8) * -1));
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid var(--ds-color-surface-highest, var(--color-grey-500))
}

@keyframes svelte-1j2nql9-growthSpurt {
    0% {
        opacity: 0;
        transform: translate(0),scale(0)
    }

    to {
        opacity: 1;
        transform: translate(-50%),scale(1)
    }
}

.navigation-header.svelte-y76ri5 {
    background: var(--ds-color-surface-lowest, var(--color-grey-700));
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--header-height);
    z-index: 2;
    position: relative;
    box-shadow: var(--shadows-lg);
    flex-shrink: 0;
    touch-action: none;
    padding-right: var(--scrollbar-size);
    padding-left: var(--space-4);
    z-index: var(--z-index-navigation-header, 3)
}

@media (display-mode: standalone) and (orientation: portrait) {
    .pwa-numpad-root.svelte-76f3gd {
        padding-bottom:calc(var(--spacing-5) + var(--device-spacing-bottom))
    }
}

.bet-strip-top.svelte-ijp7b6 {
    background: radial-gradient(circle,transparent,transparent 35%,var(--color-grey-500) 35%,var(--color-grey-500) 100%) 0px -6px/.7rem .7rem repeat-x
}

:where(:root.ds-active--color) .bet-strip-top.svelte-ijp7b6 {
    background: radial-gradient(circle,transparent,transparent 35%,var(--ds-color-surface-highest) 35%,var(--ds-color-surface-highest) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet-strip-bottom.svelte-ijp7b6 {
    background: radial-gradient(circle,transparent,transparent 35%,var(--color-grey-500) 35%,var(--color-grey-500) 100%) 0px 1px/.7rem .7rem repeat-x
}

:where(:root.ds-active--color) .bet-strip-bottom.svelte-ijp7b6 {
    background: radial-gradient(circle,transparent,transparent 35%,var(--ds-color-surface-highest) 35%,var(--ds-color-surface-highest) 100%) 0px 1px/.7rem .7rem repeat-x
}

.bet-slip-loader-wrap.svelte-ijp7b6 .content {
    aspect-ratio: unset!important
}

.odds.svelte-1196pk1 {
    transition: color .3s;
    position: relative;
    font-feature-settings: "tnum"
}

@keyframes svelte-1196pk1-increased {
    0%,20% {
        transform: translateY(20%);
        opacity: 1
    }

    to {
        transform: translateY(-20%);
        opacity: 0
    }
}

@keyframes svelte-1196pk1-decreased {
    0%,20% {
        transform: translateY(-20%);
        opacity: 1
    }

    to {
        transform: translateY(20%);
        opacity: 0
    }
}

.static-arrow.svelte-1196pk1,.arrow-odds.svelte-1196pk1 {
    position: absolute;
    font-size: var(--text-size-sm)
}

.static-arrow.align-left.svelte-1196pk1,.arrow-odds.align-left.svelte-1196pk1 {
    right: calc(100% + .25em)
}

.static-arrow.align-right.svelte-1196pk1,.arrow-odds.align-right.svelte-1196pk1 {
    left: calc(100% + .25em)
}

.static-arrow.increased.svelte-1196pk1,.arrow-odds.increased.svelte-1196pk1 {
    color: var(--ds-color-positive-on-surface, var(--color-green-500))
}

.static-arrow.decreased.svelte-1196pk1,.arrow-odds.decreased.svelte-1196pk1 {
    color: var(--ds-color-critical-on-surface, var(--color-red-500))
}

.static-arrow.svelte-1196pk1 {
    top: 15%
}

.arrow-odds.svelte-1196pk1 {
    animation-duration: .8s;
    animation-iteration-count: 4
}

.arrow-odds.animating.increased.svelte-1196pk1 {
    animation-name: svelte-1196pk1-increased
}

.arrow-odds.animating.decreased.svelte-1196pk1 {
    animation-name: svelte-1196pk1-decreased
}

.arrow-odds.increased.svelte-1196pk1,.arrow-odds.decreased.svelte-1196pk1 {
    top: 15%
}

.arrow-odds.svelte-1196pk1:not(.animating) {
    opacity: 1
}

.header.svelte-11vmkuj {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-2);
    padding-left: var(--spacing-3);
    background: var(--color-grey-400);
    border-radius: var(--ds-radius-md) var(--ds-radius-md) 0 0;
    min-height: 34px
}

.header.header--no-bg.svelte-11vmkuj {
    background: var(--color-grey-500);
    border-radius: 0
}

:where(:root.ds-active--color) .header.header--no-bg.svelte-11vmkuj {
    background: var(--ds-color-surface-highest)
}

:where(:root.ds-active--color) .header.svelte-11vmkuj {
    background: var(--ds-color-surface-highest);
    border-color: var(--ds-color-nontext-decorative-on-surface)
}

.info-footer.svelte-k7l92n {
    display: flex;
    grid-area: amount
}

.total.svelte-k7l92n {
    grid-area: amount
}

.error-list.svelte-k7l92n {
    display: flex;
    grid-area: messages
}

.footer.svelte-k7l92n {
    display: grid;
    grid-area: footer;
    grid-template-columns: repeat(12,1fr);
    margin-top: var(--spacing-1);
    grid-template-areas: "amount amount amount amount amount amount return return return return return return" "amount amount amount amount amount amount estimatedAmount estimatedAmount estimatedAmount estimatedAmount estimatedAmount estimatedAmount" "messages messages messages messages messages messages messages messages messages messages messages messages"
}

.odds.svelte-1nudcjj {
    transition: color .3s;
    position: relative;
    font-feature-settings: "tnum"
}

@keyframes svelte-1nudcjj-increased {
    0%,20% {
        transform: translateY(20%);
        opacity: 1
    }

    to {
        transform: translateY(-20%);
        opacity: 0
    }
}

@keyframes svelte-1nudcjj-decreased {
    0%,20% {
        transform: translateY(-20%);
        opacity: 1
    }

    to {
        transform: translateY(20%);
        opacity: 0
    }
}

.static-arrow.svelte-1nudcjj,.arrow-odds.svelte-1nudcjj {
    position: absolute;
    font-size: var(--text-size-sm)
}

.static-arrow.align-left.svelte-1nudcjj,.arrow-odds.align-left.svelte-1nudcjj {
    right: calc(100% + .25em)
}

.static-arrow.align-right.svelte-1nudcjj,.arrow-odds.align-right.svelte-1nudcjj {
    left: calc(100% + .25em)
}

.static-arrow.increased.svelte-1nudcjj,.arrow-odds.increased.svelte-1nudcjj {
    color: var(--ds-color-positive-on-surface, var(--color-green-500))
}

.static-arrow.decreased.svelte-1nudcjj,.arrow-odds.decreased.svelte-1nudcjj {
    color: var(--ds-color-critical-on-surface, var(--color-red-500))
}

.static-arrow.svelte-1nudcjj {
    top: 15%
}

.arrow-odds.svelte-1nudcjj {
    animation-duration: .8s;
    animation-iteration-count: 4
}

.arrow-odds.animating.increased.svelte-1nudcjj {
    animation-name: svelte-1nudcjj-increased
}

.arrow-odds.animating.decreased.svelte-1nudcjj {
    animation-name: svelte-1nudcjj-decreased
}

.arrow-odds.increased.svelte-1nudcjj,.arrow-odds.decreased.svelte-1nudcjj {
    top: 15%
}

.arrow-odds.svelte-1nudcjj:not(.animating) {
    opacity: 1
}

.multi-bet-card--collapsed {
    margin-bottom: 0;
    border-radius: var(--ds-radius-sm) var(--ds-radius-sm) 0 0
}

.betlist.svelte-zld6th {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden
}

.betlist-scroll.svelte-zld6th {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0px;
    padding: var(--space-3) var(--space-4) var(--space-4);
    overscroll-behavior: contain
}

.betlist-scroll.svelte-zld6th:not(.is-multi)>*+* {
    margin-top: var(--space-3)
}

.betlist-scroll.is-multi.svelte-zld6th>*+* {
    margin-top: var(--space-2)
}

.footer.svelte-zld6th {
    display: grid;
    padding: var(--space-4);
    row-gap: var(--space-3);
    background: var(--color-grey-500);
    grid-template-rows: auto;
    grid-auto-flow: row;
    z-index: 1;
    box-shadow: 0 -10px 15px -3px #0003,0 -4px 6px -2px #0000001a
}

:where(:root.ds-active--color) .footer.svelte-zld6th {
    background: var(--ds-color-surface-lowest)
}

.betlist.svelte-11zq4su {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden
}

.betlist-scroll.svelte-11zq4su {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0px;
    padding: var(--spacing-2) var(--spacing-4)
}

.betlist-scroll.svelte-11zq4su>*+* {
    margin-top: var(--spacing-3)
}

.sidebar.svelte-1qmnkjj {
    word-wrap: break-word;
    will-change: margin-right;
    background: var(--ds-color-surface-lowest, var(--color-grey-700));
    filter: drop-shadow(0 0 5px rgba(25,25,25,.25));
    z-index: var(--z-index);
    flex-shrink: 0;
    width: var(--width)
}

.sidebar.svelte-1qmnkjj .content:where(.svelte-1qmnkjj) {
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.sidebar.svelte-1qmnkjj:not(.mobile) .content:where(.svelte-1qmnkjj) {
    height: 100%
}

.sidebar.mobile.svelte-1qmnkjj {
    position: fixed;
    right: 0;
    top: var(--header-height);
    bottom: 0
}

.sidebar.mobile.svelte-1qmnkjj .content:where(.svelte-1qmnkjj) {
    height: 100%;
    padding: 0;
    padding-bottom: var(--mobile-footer-height-or-above-pwa-floating-footer)
}

.loading.svelte-fyx8vh {
    z-index: 2000;
    position: fixed;
    inset: 0;
    background: var(--color-surface-default, var(--color-grey-600));
    display: flex;
    align-items: center;
    touch-action: none;
    justify-content: center;
    flex-direction: column
}

.loading.svelte-fyx8vh>*+* {
    margin-top: var(--spacing-4)
}

.loader.svelte-fyx8vh {
    width: 100%;
    max-width: 100px
}

.wrap.svelte-18q3eik {
    text-align: center
}

:where(:root:not(.ds-active--color)) .content.svelte-18q3eik {
    border-width: 2px;
    border-style: dotted;
    border-radius: var(--ds-radius-md);
    border-color: var(--color-yellow-500);
    box-shadow: var(--shadows-lg)
}

.content.svelte-18q3eik {
    padding: var(--spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2)
}

.wrap.svelte-1epu4wr {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.main-content.svelte-1epu4wr {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
    position: relative
}

.scrollable.svelte-1epu4wr {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    flex: 1
}

.mobile.mobile-landscape.svelte-1epu4wr {
    padding-top: var(--spacing-0);
    padding-bottom: var(--spacing-0)
}