.login {
    margin: 0;
}

.hidden {
    display: none;
}

.logout-background-triangle-top-left {
    position: fixed;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40.78vh 100vw 0 0;
    border-color: #F2F2F2 transparent transparent transparent;
}

.logout-background-triangle-top-right {
    position: fixed;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40.13vw 32.34vh 0;
    border-color: transparent #4A4A4A transparent transparent;
    opacity: 0.2;
}

.logout-background-triangle-bottom {
    position: fixed;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10.19vh 100vw;
    border-color: transparent transparent #F2F2F2 transparent;
}

.logout-dialog {
    position: fixed;
    width: 28.5rem;
    max-width: 98vw;
    max-height: 100vh;
    top: 32.3vh;
    left: 48.88vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-shadow: 0 0 10px #00000034;
    font-family: 'SKODA Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 768px) {
    .logout-dialog {
        left: 50vw;
    }
}

.logout-dialog-text {
    margin: 40px 0 50px 0;
    width: 100%;
    letter-spacing: 0.5px;
    font-size: 1.25rem;
}

.logout-dialog-text-desc {
    padding-top: 0.9375rem;
    font-size: 0.75rem;
    font-weight: normal;
}

.logout-dialog-action-bar {
    display: flex;
    justify-content: center;
    margin-bottom: 49px;
}

.logout-dialog-btn {
    background-color: #4BA82E;
    border-radius: 1.5rem;
    padding: 15.5px 20px 12.5px 20px;
    font-size: 0.75rem;
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    cursor: pointer;
    transition: background-color 0.2s;
}

.logout-dialog-btn:hover {
    background-color: #377320;
}