.ldev-save-ukraine-widget{
    position: fixed;
    text-align: center;
    opacity: 0;
    z-index: -1;

    border-radius: 7px;
    padding: 5px 3px;
}

.ldev-save-ukraine-widget.widget-dark-theme {
    background: #ffffff3d;
    box-shadow: 0 0 8px 8px #ffffff3d;
}

.ldev-save-ukraine-widget .widget-caption{cursor: pointer}

.ldev-save-ukraine-widget.shown{
    opacity: 1;
    z-index: 9998;
}


.ldev-save-ukraine-widget.active{
    z-index: 9999;
}

.ldev-save-ukraine-widget.widget-dark-theme .ldev-save-ukraine-widget__title{color:#000}

.ldev-save-ukraine-widget__title.title-size-1{font-size: 10px;line-height: 12px}
.ldev-save-ukraine-widget__title.title-size-2{font-size: 12px;line-height: 14px}
.ldev-save-ukraine-widget__title.title-size-3{font-size: 14px;line-height: 16px}
.ldev-save-ukraine-widget__title.title-size-4{font-size: 16px;line-height: 18px}
.ldev-save-ukraine-widget__title.title-size-4{font-size: 18px;line-height: 20px}
.ldev-save-ukraine-widget__title.title-size-5{font-size: 20px;line-height: 22px}
.ldev-save-ukraine-widget__title.title-size-6{font-size: 22px;line-height: 24px}
.ldev-save-ukraine-widget__title.title-size-7{font-size: 24px;line-height: 26px}
.ldev-save-ukraine-widget__title.title-size-8{font-size: 26px;line-height: 28px}

.ldev-save-ukraine-widget-left-top{  left: 30px;  top: 30px;  }
.ldev-save-ukraine-widget-right-top{  right: 30px;  top: 30px;  }

.ldev-save-ukraine-widget-left-bottom{  bottom: 30px;  left: 30px;  }
.ldev-save-ukraine-widget-right-bottom{  bottom: 30px;  right: 30px;  }

.ldev-save-ukraine-widget-left-middle{  bottom: 50%;  left: 30px; margin-bottom: -85px;  }
.ldev-save-ukraine-widget-right-middle{  bottom: 50%;  right: 30px; margin-bottom: -85px;  }


.ldev-save-ukraine-widget-center-top{
    top: 30px;  left: 50%;  margin-left: -45px;
}
.ldev-save-ukraine-widget-center-bottom{
    bottom: 30px;  left: 50%;  margin-left: -45px;
}


.ldev-save-ukraine{
    position: fixed;
    z-index: 99999;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
}
.ldev-save-ukraine-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 15px;
}
.ldev-save-ukraine-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,79,249,.5)),to(rgba(227,221,24,.5)));
    background: linear-gradient(180deg,rgba(0,79,249,.5) 0,rgba(227,221,24,.5) 100%);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    /*z-index: -1;*/
}

.ldev-save-ukraine:not(.active) {
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ldev-save-ukraine:not(.active) .ldev-save-ukraine-overlay {
    opacity: 0;
}

.ldev-save-ukraine-container{
    position: relative;
    z-index: 1;
    background-color: #fff;
    color: #333;
    width: 100%;
    max-width: 640px;
    margin: auto;
    border-radius: 9px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 10%), 0 10px 24px rgb(44 39 56 / 8%), 0 15px 48px rgb(44 39 56 / 2%);
    box-shadow: 0 0 7px rgba(0,0,0,.1),0 10px 24px rgba(44,39,56,.08),0 15px 48px rgba(44,39,56,.02);
    -webkit-transition: .5s;
    transition: .5s;
    will-change: transform,opacity;
}

.ldev-save-ukraine-content{
    padding: 30px 30px;
}

.ldev-save-ukraine-content__sources{text-align: left}
.ldev-save-ukraine-content__description{text-align: left}

.ldev-save-ukraine-source{
    margin:5px 0;
    padding: 5px;
    border: 1px solid #eae6cb;
    position: relative;
    overflow: hidden;
}
.ldev-save-ukraine-source:nth-of-type(odd){
    border-left:3px solid #0D5CB9
}
.ldev-save-ukraine-source:nth-of-type(even){
    border-left:3px solid #FED42A
}

.ldev-save-ukraine-source:nth-of-type(odd):hover{
    box-shadow:0 0 5px 5px rgba(13, 92, 185, 0.27);
    border-color:rgba(13, 92, 185, 0.27);
    /*border-left-color:rgba(13, 92, 185, 0.6);*/

}
.ldev-save-ukraine-source:nth-of-type(even):hover{
    box-shadow:0 0 5px 5px rgba(254, 212, 42, 0.27);
    border-color:rgba(254, 212, 42, 0.15);
    /*border-left-color:rgba(254, 212, 42, 0.6);*/
}


.ldev-save-ukraine-source__title{
    color:#333;
    font-size: 16px;
    display: block;
    font-weight: 600;
}
.ldev-save-ukraine-source__descr{
    color: #595454;
    font-size: 14px;
    display: block;
}



@media (max-width: 767px) {
    .ldev-save-ukraine-content{padding: 15px;}
    .ldev-save-ukraine-widget-right-top,
    .ldev-save-ukraine-widget-right-bottom,
    .ldev-save-ukraine-widget-right-middle
    {right: 5px;}

    .ldev-save-ukraine-widget-left-top,
    .ldev-save-ukraine-widget-left-bottom,
    .ldev-save-ukraine-widget-left-middle
    {left: 5px;}

    .widget-hide-mobile{display: none}
    .ldev-save-ukraine-widget__title.title-hide-mobile{display: none}
    .ldev-save-ukraine-widget__title.title-size-1{font-size: 8px;line-height: 12px;}
    .ldev-save-ukraine-widget__title.title-size-2{font-size: 10px;line-height: 12px;}
    .ldev-save-ukraine-widget__title.title-size-3{font-size: 12px;line-height: 12px;}
    .ldev-save-ukraine-widget__title.title-size-4{font-size: 14px;line-height: 12px;}
    .ldev-save-ukraine-widget__title.title-size-4{font-size: 16px;line-height: 12px;}
    .ldev-save-ukraine-widget__title.title-size-5{font-size: 16px;line-height: 12px;}
    .ldev-save-ukraine-widget__title.title-size-6{font-size: 16px;line-height: 12px;}
    .ldev-save-ukraine-widget__title.title-size-7{font-size: 16px;line-height: 12px;}
    .ldev-save-ukraine-widget__title.title-size-8{font-size: 16px;line-height: 12px;}
}
@media (max-width: 350px) {
    .ldev-save-ukraine-source__descr{font-size: 12px;line-height: 18px;}
}

@-webkit-keyframes ldev-save-ukraine-pulse {

    0% {
        scale: 1;
    }

    50% {
        scale: 0.8;
    }
    100% {
        filter: drop-shadow(0 0 12px rgba(0, 0, 0, .2));
    }
}

@-webkit-keyframes ldev-save-ukraine-pulse_shadow {

    0% {
        filter: drop-shadow(0 0 3px rgba(254, 223, 44, 0.2));

    }

    30% {
        filter: drop-shadow(0 0 3px rgba(254, 223, 44, 0.3));
        scale: 0.8;
    }
    50% {
        filter: drop-shadow(0 0 6px rgba(254, 223, 44, 0.5));
        scale: 0.8;
    }
    100% {
        filter: drop-shadow(0 0 6px rgba(254, 223, 44, 0.5));
        scale: 1;
    }
}

@-webkit-keyframes ldev-save-ukraine-wave {

    0% {

        transform: translate3d(0, 0, 0) rotateZ(0deg) rotateY(22deg);

    }

    20% {

        transform: translate3d(0, 0, 0) rotateZ(1deg) rotateY(0deg);
    }

    40% {

        transform: translate3d(0, 0, 0) rotateZ(2deg) rotateY(-22deg);
    }

    60% {

        transform: translate3d(0, 0, 0) rotateZ(3deg) rotateY(0deg);
    }

    80% {

        transform: translate3d(0, 0, 0) rotateZ(2deg) rotateY(16deg);
    }

    100% {

        transform: translate3d(0, 0, 0) rotateZ(1deg) rotateY(22deg);
    }
}


@-webkit-keyframes ldev-save-ukraine-shadow {
    0% {
        filter: drop-shadow(0 0 1px #FEDF2C);
    }
    30% {
        filter: drop-shadow(0 0 3px rgba(254, 223, 44, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 6px rgba(254, 223, 44, 0.5));
    }
    100% {
        filter: drop-shadow(0 0 12px rgba(254, 223, 44, 0.7));
    }

}

@-webkit-keyframes ldev-save-ukraine-vibrate {
    0% { transform: rotate(0deg);}
    10% { transform: rotate(-1deg);}
    20% { transform: rotate(1deg); }
    30% { transform: rotate(0deg); }
    40% { transform: rotate(1deg); }
    50% { transform: rotate(-1deg);}
    60% { transform: rotate(0deg); }
    70% { transform: rotate(-1deg); }
    80% { transform: rotate(1deg); }
    90% { transform: rotate(0deg); }
    100% { transform: rotate(-1deg); }
}


@-webkit-keyframes ldev-save-ukraine-vibrate_shadow {
    0% { transform: rotate(0deg); filter: drop-shadow(0 0 1px #FEDF2C);}
    10% { transform: rotate(-1deg); }
    20% { transform: rotate(1deg); }
    30% { transform: rotate(0deg); filter: drop-shadow(0 0 3px rgba(254, 223, 44, 0.3)); }
    40% { transform: rotate(1deg); }
    50% { transform: rotate(-1deg);filter: drop-shadow(0 0 6px rgba(254, 223, 44, 0.5)); }
    60% { transform: rotate(0deg); }
    70% { transform: rotate(-1deg); }
    80% { transform: rotate(1deg); }
    90% { transform: rotate(0deg); }
    100% { transform: rotate(-1deg); filter: drop-shadow(0 0 12px rgba(254, 223, 44, 0.7)); }
}