#browser-not-supported {
    display: none;
    text-align: center;
    padding: 5vh 8px;
    background-color: white;
    position: fixed;
    inset: 0;
}

.supported-browser {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    height: 130px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100px 100px;
    margin: 16px 32px;
    font-family: roboto-medium, sans-serif;
    color: #2c2d31;
}

.browser-chrome {
    background-image: url("../../assets-lazy/image/browser/chrome.svg");
}

.browser-firefox {
    background-image: url("../../assets-lazy/image/browser/firefox.png");
    background-size: 90px 90px;
}

.browser-safari {
    background-image: url("../../assets-lazy/image/browser/safari.png");
}

.not-supported-browser > *:not(#browser-not-supported) {
    display: none;
}

.not-supported-browser #browser-not-supported {
    display: block;
}