:where(audio, canvas, iframe, img, svg, video) {
    vertical-align: middle;
}

:where(button, [type=button i], [type=reset i], [type=submit i]) {
    -webkit-appearance: button;
    appearance: button;
}

:where(button, input, select) {
    margin: 0;
}

::selection {
    background-color: #FDD33C;
    color: #101010;
    -webkit-text-fill-color: #101010;
}

*,
:after,
:before {
    user-select: none;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

:root {
    --player-background: hsl(0, 0%, 20%);
    --player-header-height: 46px;
    --player-height: calc(100svh);

    --text-enabled-color: hsla(0, 0%, 100%, .75);
    --text-secondary-enabled-color: hsla(0, 0%, 100%, .5);
    --text-hovered-color: #fff;
    --text-disabled-color: hsla(0, 0%, 100%, .08);

    --text-secondary-enabled-color: hsla(0, 0%, 100%, .5);

    --ym-slider-color-primary-disabled: hsla(0, 0%, 100%, .08);
    --ym-slider-color-primary-progress: hsla(0, 0%, 100%, .16);
    --ym-slider-color-primary-enabled: #e6e6e6;
}

.enabled-button {
    color: #fff !important;
}

img, svg {
    pointer-events: none;
}