/*
 * Copyright 2020-Present Titan Informatics LLC. All Rights Reserved.
 *
 * Proprietary and Confidential.
 * Author: Douglas Noorzadeh
 *
 * This source code is the exclusive property of Titan Informatics LLC.
 * Unauthorized use, reproduction, disclosure, or distribution without written permission is strictly prohibited.
 */
:root {
    --3: rgba(0, 0, 0, 0.3);

}
figure {
    position: relative;
    float: left;
    display: flex;
    flex-flow: column nowrap;
}
figure.maximized {
    width: 100%;
    height: 100%;
    position: fixed; float: unset;
    top: 0; left: 0;
}
figure [data-action="play"],
figure [data-action="pause"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
}
figure [data-action="maximize"],
figure [data-action="minimize"] {
    position: absolute;
    top: 10px; right: 10px;
}
figure [data-action]::before {
    font-family: "Font Awesome 6 Sharp";
    font-weight: 500;
    font-size: 1.5rem;
    position: relative; float: left;
    cursor: pointer;
}

figure [data-action="play"]::before {content: "\f144";}
figure [data-action="pause"]::before {content: "\f28b";}
figure [data-action="maximize"]::before { font-weight: 400;content: "\f31d";}
figure [data-action="minimize"]::before { font-weight: 400;content: "\e0a5";}

figure [data-action="play"]::before,
figure [data-action="pause"]::before {
    font-size: 6.25rem;
    font-weight: 500;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}