.input-wrapper.svelte-14n9n27 {
    position: relative;
    display: flex;
    min-height: 20px;
    transition: opacity .3s;
    max-width: 70px
}

.input-wrapper.not-firefox.svelte-14n9n27:after {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    width: var(--current);
    max-width: 100%;
    top: 50%;
    height: 5px;
    border-radius: var(--ds-radius-sm, 2.5px);
    background: var(--slider-filled-background);
    pointer-events: none;
    transform: translateY(-50%)
}

.input-wrapper[disabled].svelte-14n9n27 {
    opacity: .5
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27) {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    height: 100%;
    padding: var(--spacing-0);
    margin: var(--spacing-0)
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27)::-moz-range-thumb {
    position: relative;
    z-index: 3;
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: var(--ds-radius-full, 7px);
    background-image: radial-gradient(circle, var(--thumb-background) 50%, var(--thumb-border) 52%);
    cursor: pointer
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27)::-webkit-slider-thumb {
    margin-top: -4.5px;
    position: relative;
    z-index: 3;
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: var(--ds-radius-full, 7px);
    background-image: radial-gradient(circle, var(--thumb-background) 50%, var(--thumb-border) 52%);
    cursor: pointer
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27)::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--slider-unfilled-background);
    border-radius: var(--ds-radius-sm, 2.5px)
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27)::-moz-range-progress {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--slider-unfilled-background);
    border-radius: var(--ds-radius-sm, 2.5px);
    background-color: var(--slider-filled-background)
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27)::-ms-fill-lower {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--slider-unfilled-background);
    border-radius: var(--ds-radius-sm, 2.5px);
    background-color: var(--slider-filled-background)
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27)::-ms-fill-upper {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--slider-unfilled-background);
    border-radius: var(--ds-radius-sm, 2.5px)
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27)::-moz-focus-outer {
    border: 0
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27)::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--slider-unfilled-background);
    border-radius: var(--ds-radius-sm, 2.5px)
}

.input-wrapper.svelte-14n9n27 input[type=range]:where(.svelte-14n9n27):focus::-webkit-slider-runnable-track {
    background-color: var(--slider-unfilled-background)
}

.volume.svelte-fm0t8z {
    padding: var(--spacing-2) var(--spacing-3);
    display: flex;
    gap: var(--spacing-2)
}

.volume.svelte-fm0t8z>*:first-child {
    padding: var(--spacing-0)
}

.draggable .theater-mode.svelte-a8mqxw,
.draggable .mini-player.svelte-31plvk {
    display: none
}

.game-footer.svelte-18h3pyu {
    height: var(--game-footer-height);
    padding: var(--spacing-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: var(--grey-700);
    border-bottom-left-radius: var(--game-frame-radius, var(--ds-radius-md, var(--border-radius-md)));
    border-bottom-right-radius: var(--game-frame-radius, var(--ds-radius-md, var(--border-radius-md)))
}

.game-footer.stacked.svelte-18h3pyu {
    max-width: 400px
}

.draggable:not(.expanded) .stake-logo.svelte-18h3pyu {
    display: none
}