@import "/UI/Menu/SubPanel.scss";

WebContainer {
    WebPanel {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 85%;
        height: 85%;
        border-radius: 4px;
    }

    .close-button {
        position: absolute;
        color: white;
        background-color: #101021;
        right: 0;
        font-size: 28px;
        border: 1px solid white;
        border-radius: 4px;
        padding: 2px;
        margin: 8px;

        &:hover {
            background-color: lighten(#101021, 100%);
        }

        > .spin-icon {
            &:hover {
                animation: rotation;
                animation-duration: 4s;
            }
        }
    }
}