Glassmorphism | monobank fop cabinet by dimankiev

/* ==UserStyle==
@name         Glassmorphism | monobank fop cabinet
@version      20220118.15.24
@namespace    userstyles.world/user/dimankiev
@description  Glassmorphism. Redesign for monobank FOP cabinet.

Author: dimankiev <dimankiev@gmail.com> <https://t.me/dimankiev>

Background photo: Fog in the Ukrainian Carpathians
Author of background photo: Max Okhrimenko <https://unsplash.com/@maxokhrimenko>
Link to background photo: https://unsplash.com/photos/R-CoXmMrWFk
@author       dimankiev
@license      No License
==/UserStyle== */

@-moz-document domain("fop.monobank.ua") {
/* Glassmorphism for monobank FOP Cabinet
 * Author: dimankiev <dimankiev@gmail.com> <https://t.me/dimankiev>
 *
 * Background photo: Fog in the Ukrainian Carpathians
 * Author of background photo: Max Okhrimenko <https://unsplash.com/@maxokhrimenko>
 * Link to background photo: https://unsplash.com/photos/R-CoXmMrWFk
 */

.fop-root--page, .fop-root--page body {
    background: url(https://unsplash.com/photos/R-CoXmMrWFk/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjQyNTE2MTQ4&force=true&w=1920) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://unsplash.com/photos/R-CoXmMrWFk/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjQyNTE2MTQ4&force=true&w=1920', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://unsplash.com/photos/R-CoXmMrWFk/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjQyNTE2MTQ4&force=true&w=1920', sizingMethod='scale')";
}

.transaction-wrap {
    background: rgba(255, 255, 255, 0.2)!important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.content-wrapper {
    background-color: transparent!important;
}

.client-wrap {
    background: rgba(255, 255, 255, 0.2)!important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.name, .account-balance .int-part, .acc-wrap-title {
    color: rgba(255, 255, 255, .9)!important;
    filter: brightness(1.7)!important;
}

.account-balance .frac-part {
    color: rgba(255, 255, 255, .85)!important;
    opacity: 1!important;
}

.details {
    color: rgba(255, 255, 255, .8)!important;
    border-bottom: 1px solid rgba(255, 255, 255, .95)!important;
    transition-duration: 75ms!important;
    opacity: 1;
}

.client-block-header .details span:hover {
    color: rgba(255, 255, 255, 1)!important;
    opacity: 1;
}

.header {
    background-color: transparent!important;
}

.sticky-wrapper-outer.header-wrap-outer > .sticky-wrapper-inner {
    background: rgba(255, 255, 255, 0.2)!important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
}