/*
    This file is part of jellything (https://codeberg.org/metamuffin/jellything)
    which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
    Copyright (C) 2025 metamuffin <metamuffin.org>
    Copyright (C) 2023 tpart
*/

form.playerconf {
    display: grid;
    grid-template-areas:
        "h h h"
        "v a s"
        "b b b";
    gap: 1em;
    grid-template-columns: auto auto auto;
    grid-template-rows: 3em auto 5em;
}

.playerconf {
    margin: 2em;
}
.playerconf h2 {
    grid-area: h;
    text-align: center;
}
.playerconf h3 {
    grid-area: h;
    text-align: center;
}
.playerconf .video {
    grid-area: v;
}
.playerconf .audio {
    grid-area: a;
}
.playerconf .subtitles {
    grid-area: s;
}
.playerconf input[type="submit"] {
    grid-area: b;
    width: 30%;
    height: 3em;
    font-size: 1.5em;
}

.player nav {
    opacity: 0;
    transition: opacity 0.2s;
}
.player nav:hover {
    opacity: 1;
}
.player #main {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.player video {
    width: 100vw;
    height: 100vh;
    background-color: black;
    display: block;
}

video::cue {
    background-color: transparent;
    /* TODO this is inefficient */
    /* print(", ".join([f"{x/19}em {y/19}em black" for x in range(-5,6) for y in range(-5,6) if x*x+y*y < 5*5])) */
    text-shadow: 0em 0.1em black,
        0.02079116908177593em 0.09781476007338058em black,
        0.040673664307580015em 0.0913545457642601em black,
        0.058778525229247314em 0.08090169943749476em black,
        0.07431448254773941em 0.06691306063588583em black,
        0.08660254037844387em 0.05000000000000002em black,
        0.09510565162951536em 0.030901699437494747em black,
        0.09945218953682733em 0.010452846326765346em black,
        0.09945218953682734em -0.010452846326765334em black,
        0.09510565162951537em -0.030901699437494736em black,
        0.08660254037844388em -0.04999999999999998em black,
        0.07431448254773945em -0.0669130606358858em black,
        0.05877852522924733em -0.08090169943749474em black,
        0.04067366430758001em -0.09135454576426011em black,
        0.02079116908177593em -0.09781476007338058em black,
        1.2246467991473533e-17em -0.1em black,
        -0.020791169081775907em -0.09781476007338058em black,
        -0.04067366430757999em -0.09135454576426011em black,
        -0.05877852522924731em -0.08090169943749476em black,
        -0.07431448254773941em -0.06691306063588585em black,
        -0.08660254037844384em -0.050000000000000044em black,
        -0.09510565162951536em -0.030901699437494757em black,
        -0.09945218953682733em -0.010452846326765424em black,
        -0.09945218953682733em 0.010452846326765387em black,
        -0.09510565162951537em 0.030901699437494726em black,
        -0.08660254037844387em 0.05000000000000002em black,
        -0.07431448254773941em 0.06691306063588585em black,
        -0.05877852522924734em 0.08090169943749474em black,
        -0.040673664307580015em 0.09135454576426011em black,
        -0.020791169081775987em 0.09781476007338057em black;
}