/* Made by tools/device_art.py from the device renders; run it again rather than editing this. */

/* Width over height, for anything sizing itself around the device. */
:root {
    --art-ratio: 2.00107;
}

.device-art {
    aspect-ratio: 3748 / 1873;
    --screen-x: 15.8218%;
    --screen-y: 9.2045%;
    --screen-width: 68.3565%;
    --screen-height: 82.0715%;
    --button-top: 0.0534%;
    --button-reach: 9.2899%;
    --button-sink: 70%;
}

#left-slider {
    --knob-x: 3.7086%;
    --knob-width: 4.4023%;
    --travel-y: 8.8628%;
    --travel-height: 82.7549%;
    --knob-height: 18.1290%;
    --knob-span: 4.51601;
}

#right-slider {
    --knob-x: 91.7556%;
    --knob-width: 4.3757%;
    --travel-y: 8.8628%;
    --travel-height: 82.7549%;
    --knob-height: 18.0645%;
    --knob-span: 4.53571;
}

#primary-art {
    left: 56.5635%;
    top: 0.0534%;
    width: 7.2572%;
    height: 0.7475%;
}

#primary-button {
    --button-x: 56.5635%;
    --button-width: 7.2572%;
}

#secondary-art {
    left: 36.1793%;
    top: 0.0534%;
    width: 7.2572%;
    height: 0.7475%;
}

#secondary-button {
    --button-x: 36.1793%;
    --button-width: 7.2572%;
}