/*! * Notiflix ('https://www.notiflix.com') * Version: 2.0.0 * Author: Furkan MT ('https://github.com/furcan') * Copyright 2020 Notiflix, MIT Licence ('https://opensource.org/licenses/MIT') */ /* Notiflix: Notify wrap on */ [id^=NotiflixNotifyWrap] { position: fixed; z-index:4001; opacity:1; right: 10px; top: 10px; width: 280px; max-width:96%; box-sizing:border-box; background: transparent;} [id^=NotiflixNotifyWrap] * { box-sizing:border-box;} /* Notiflix: Notify wrap off */ /* Notiflix: Notify content on */ [id^=NotiflixNotifyWrap] > div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Quicksand', sans-serif; width:100%; display: inline-block; position:relative; margin:0 0 10px; border-radius:5px; background: #1e1e1e; color: #fff; padding: 10px 12px; font-size: 14px; line-height: 1.4;} [id^=NotiflixNotifyWrap] > div:last-child { margin:0;} [id^=NotiflixNotifyWrap] > div.with-callback { cursor:pointer;} [id^=NotiflixNotifyWrap] *::selection { background:inherit;} [id^=NotiflixNotifyWrap] > div.with-icon { padding: 8px;} [id^=NotiflixNotifyWrap] > div.click-to-close { cursor: pointer;} [id^=NotiflixNotifyWrap] > div.with-close-button { padding: 10px 30px 10px 12px;} [id^=NotiflixNotifyWrap] > div.with-icon.with-close-button { padding: 6px 30px 6px 6px;} [id^=NotiflixNotifyWrap] > div > span.the-message { font-weight: 500; font-family:inherit !important; word-break: break-all; word-break: break-word;} [id^=NotiflixNotifyWrap] > div > span.notify-close-button { cursor:pointer; transition:all .2s ease-in-out; position: absolute; right: 8px; top: 0; bottom:0; margin:auto; color:inherit; width: 16px; height: 16px;} [id^=NotiflixNotifyWrap] > div > span.notify-close-button:hover { transform:rotate(90deg);} [id^=NotiflixNotifyWrap] > div > span.notify-close-button > svg { position: absolute; width: 16px; height: 16px; right: 0; top: 0;} /* Notiflix: Notify content off */ /* Notiflix: Notify icon on */ [id^=NotiflixNotifyWrap] > div > .nmi { position: absolute; width: 40px; height: 40px; font-size: 30px; line-height: 40px; text-align: center; left: 8px; top: 0; bottom: 0; margin: auto; border-radius: inherit;} [id^=NotiflixNotifyWrap] > div > .wfa.shadow { color: inherit; background: rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 34px rgba(0, 0, 0, 0.2); text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} [id^=NotiflixNotifyWrap] > div > span.with-icon { position: relative; float: left; width: calc(100% - 40px); margin:0 0 0 40px; padding:0 0 0 10px; box-sizing: border-box;} /* Notiflix: Notify icon off */ /* Notiflix: Notify rtl on */ [id^=NotiflixNotifyWrap] > div.rtl-on > .nmi { left:auto; right:8px;} [id^=NotiflixNotifyWrap] > div.rtl-on > span.with-icon { padding:0 10px 0 0; margin:0 40px 0 0;} [id^=NotiflixNotifyWrap] > div.rtl-on > span.notify-close-button { right: auto; left: 8px;} [id^=NotiflixNotifyWrap] > div.with-icon.with-close-button.rtl-on { padding: 6px 6px 6px 30px;} [id^=NotiflixNotifyWrap] > div.with-close-button.rtl-on { padding: 10px 12px 10px 30px;} /* Notiflix: Notify rtl off */ /* Notiflix: Notify animation => fade on */ [id^=NotiflixNotifyOverlay].with-animation, [id^=NotiflixNotifyWrap] > div.with-animation.nx-fade { animation: notify-animation-fade .3s ease-in-out 0s normal; -webkit-animation: notify-animation-fade .3s ease-in-out 0s normal;} @keyframes notify-animation-fade { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes notify-animation-fade { 0% {opacity:0;} 100% {opacity:1;} } /* Notiflix: Notify animation => fade off */ /* Notiflix: Notify animation => zoom on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-zoom { animation: notify-animation-zoom .3s ease-in-out 0s normal; -webkit-animation: notify-animation-zoom .3s ease-in-out 0s normal;} @keyframes notify-animation-zoom { 0% {transform:scale(0);} 50% {transform:scale(1.05);} 100% {transform:scale(1);} } @-webkit-keyframes notify-animation-zoom { 0% {transform:scale(0);} 50% {transform:scale(1.05);} 100% {transform:scale(1);} } /* Notiflix: Notify animation => zoom off */ /* Notiflix: Notify animation => from right on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-right { animation: notify-animation-from-right .3s ease-in-out 0s normal; -webkit-animation: notify-animation-from-right .3s ease-in-out 0s normal;} @keyframes notify-animation-from-right { 0% {right:-300px; opacity:0;} 50% {right:8px; opacity:1;} 100% {right:0px; opacity:1;} } @-webkit-keyframes notify-animation-from-right { 0% {right:-300px; opacity:0;} 50% {right:8px; opacity:1;} 100% {right:0px; opacity:1;} } /* Notiflix: Notify animation => from right off */ /* Notiflix: Notify animation => from left on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-left { animation: notify-animation-from-left .3s ease-in-out 0s normal; -webkit-animation: notify-animation-from-left .3s ease-in-out 0s normal;} @keyframes notify-animation-from-left { 0% {left:-300px; opacity:0;} 50% {left:8px; opacity:1;} 100% {left:0px; opacity:1;} } @-webkit-keyframes notify-animation-from-left { 0% {left:-300px; opacity:0;} 50% {left:8px; opacity:1;} 100% {left:0px; opacity:1;} } /* Notiflix: Notify animation => from left off */ /* Notiflix: Notify animation => from top on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-top { animation: notify-animation-from-top .3s ease-in-out 0s normal; -webkit-animation: notify-animation-from-top .3s ease-in-out 0s normal;} @keyframes notify-animation-from-top { 0% {top:-50px; opacity:0;} 50% {top:8px; opacity:1;} 100% {top:0px; opacity:1;} } @-webkit-keyframes notify-animation-from-top { 0% {top:-50px; opacity:0;} 50% {top:8px; opacity:1;} 100% {top:0px; opacity:1;} } /* Notiflix: Notify animation => from top off */ /* Notiflix: Notify animation => from bottom on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-bottom { animation: notify-animation-from-bottom .3s ease-in-out 0s normal; -webkit-animation: notify-animation-from-bottom .3s ease-in-out 0s normal;} @keyframes notify-animation-from-bottom { 0% {bottom:-50px; opacity:0;} 50% {bottom:8px; opacity:1;} 100% {bottom:0px; opacity:1;} } @-webkit-keyframes notify-animation-from-bottom { 0% {bottom:-50px; opacity:0;} 50% {bottom:8px; opacity:1;} 100% {bottom:0px; opacity:1;} } /* Notiflix: Notify animation => from bottom off */ /* Notiflix: Notify animation remove => fade on */ [id^=NotiflixNotifyOverlay].with-animation.remove, [id^=NotiflixNotifyWrap] > div.with-animation.nx-fade.remove { opacity:0; animation: notify-remove-fade .3s ease-in-out 0s normal; -webkit-animation: notify-remove-fade .3s ease-in-out 0s normal;} @keyframes notify-remove-fade { 0% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes notify-remove-fade { 0% {opacity:1;} 100% {opacity:0;} } /* Notiflix: Notify animation remove => fade off */ /* Notiflix: Notify animation remove => zoom on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-zoom.remove { transform:scale(0); animation: notify-remove-zoom .3s ease-in-out 0s normal; -webkit-animation: notify-remove-zoom .3s ease-in-out 0s normal;} @keyframes notify-remove-zoom { 0% {transform:scale(1);} 50% {transform:scale(1.05);} 100% {transform:scale(0);} } @-webkit-keyframes notify-remove-zoom { 0% {transform:scale(1);} 50% {transform:scale(1.05);} 100% {transform:scale(0);} } /* Notiflix: Notify animation remove => zoom off */ /* Notiflix: Notify animation remove => from top on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-top.remove { opacity:0; animation: notify-remove-to-top .3s ease-in-out 0s normal; -webkit-animation: notify-remove-to-top .3s ease-in-out 0s normal;} @keyframes notify-remove-to-top { 0% {top:0px; opacity:1;} 50% {top:8px; opacity:1;} 100% {top:-50px; opacity:0;} } @-webkit-keyframes notify-remove-to-top { 0% {top:0px; opacity:1;} 50% {top:8px; opacity:1;} 100% {top:-50px; opacity:0;} } /* Notiflix: Notify animation remove => from top off */ /* Notiflix: Notify animation remove => from right on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-right.remove { opacity:0; animation: notify-remove-to-right .3s ease-in-out 0s normal; -webkit-animation: notify-remove-to-right .3s ease-in-out 0s normal;} @keyframes notify-remove-to-right { 0% {right:0px; opacity:1;} 50% {right:8px; opacity:1;} 100% {right:-300px; opacity:0;} } @-webkit-keyframes notify-remove-to-right { 0% {right:0px; opacity:1;} 50% {right:8px; opacity:1;} 100% {right:-300px; opacity:0;} } /* Notiflix: Notify animation remove => from right off */ /* Notiflix: Notify animation remove => from bottom on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-bottom.remove { opacity:0; animation: notify-remove-to-bottom .3s ease-in-out 0s normal; -webkit-animation: notify-remove-to-bottom .3s ease-in-out 0s normal;} @keyframes notify-remove-to-bottom { 0% {bottom:0px; opacity:1;} 50% {bottom:8px; opacity:1;} 100% {bottom:-50px; opacity:0;} } @-webkit-keyframes notify-remove-to-bottom { 0% {bottom:0px; opacity:1;} 50% {bottom:8px; opacity:1;} 100% {bottom:-50px; opacity:0;} } /* Notiflix: Notify animation remove => from bottom off */ /* Notiflix: Notify animation remove => from left on */ [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-left.remove { opacity:0; animation: notify-remove-to-left .3s ease-in-out 0s normal; -webkit-animation: notify-remove-to-left .3s ease-in-out 0s normal;} @keyframes notify-remove-to-left { 0% {left:0px; opacity:1;} 50% {left:8px; opacity:1;} 100% {left:-300px; opacity:0;} } @-webkit-keyframes notify-remove-to-left { 0% {left:0px; opacity:1;} 50% {left:8px; opacity:1;} 100% {left:-300px; opacity:0;} } /* Notiflix: Notify animation remove => from left off */ /* Notiflix: Report wrap on */ [id^=NotiflixReportWrap] { position: fixed; z-index:4002; width: 320px; max-width:96%; box-sizing:border-box; font-family: "Quicksand", sans-serif; left: 0; right: 0; top: 20px; color:#1e1e1e; border-radius: 25px; background: transparent; margin: auto;} [id^=NotiflixReportWrap] * { box-sizing:border-box;} /* Notiflix: Report wrap off */ /* Notiflix: Report content on */ [id^=NotiflixReportWrap] > div[class*="-overlay"] { width:100%; height:100%; left:0; top:0; background: rgba(255, 255, 255, .5); position:fixed; z-index:0;} [id^=NotiflixReportWrap] > div[class*="-content"] { width:100%; float:left; border-radius: inherit; padding:10px; filter: drop-shadow(0 0 5px rgba(0,0,0,.1)); border: 1px solid rgba(0,0,0,.03); background: #f8f8f8; position:relative; z-index:1;} [id^=NotiflixReportWrap] > div[class*="-content"] > div[class$="-icon"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width:110px; height:110px; display:block; margin:6px auto 12px;} [id^=NotiflixReportWrap] > div[class*="-content"] > div[class$="-icon"] svg { min-width:100%; max-width:100%; height:auto;} [id^=NotiflixReportWrap] > * > h5 { word-break: break-all; word-break: break-word; font-family:inherit !important; font-size:16px; font-weight:500; line-height: 1.4; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); float: left; width: 100%; text-align: center;} [id^=NotiflixReportWrap] > * > p { word-break: break-all; word-break: break-word; font-family:inherit !important; font-size:13px; line-height: 1.4; float: left; width: 100%; padding:0 10px; margin: 0 0 10px;} [id^=NotiflixReportWrap] a#NXReportButton { word-break: break-all; word-break: break-word; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family:inherit !important; transition:all .25s ease-in-out; cursor:pointer; float: right; padding: 7px 17px; background: #32c682; font-size:14px; line-height: 1.4; font-weight: 500; border-radius: inherit !important; color: #fff;} [id^=NotiflixReportWrap] a#NXReportButton:hover { box-shadow:inset 0 -60px 5px -5px rgba(0, 0, 0, 0.25);} [id^=NotiflixReportWrap].rtl-on a#NXReportButton { float:left;} /* Notiflix: Report content off */ /* Notiflix: Report overlay animation => fade on */ [id^=NotiflixReportWrap] > div[class*="-overlay"].with-animation { animation: report-overlay-animation .3s ease-in-out 0s normal; -webkit-animation: report-overlay-animation .3s ease-in-out 0s normal;} @keyframes report-overlay-animation { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes report-overlay-animation { 0% {opacity:0;} 100% {opacity:1;} } /* Notiflix: Report overlay animation => fade off */ /* Notiflix: Report content animation => fade on */ [id^=NotiflixReportWrap] > div[class*="-content"].with-animation.nx-fade { animation: report-animation-fade .3s ease-in-out 0s normal; -webkit-animation: report-animation-fade .3s ease-in-out 0s normal;} @keyframes report-animation-fade { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes report-animation-fade { 0% {opacity:0;} 100% {opacity:1;} } /* Notiflix: Report content animation => fade off */ /* Notiflix: Report content animation => zoom on */ [id^=NotiflixReportWrap] > div[class*="-content"].with-animation.nx-zoom { animation: report-animation-zoom .3s ease-in-out 0s normal; -webkit-animation: report-animation-zoom .3s ease-in-out 0s normal;} @keyframes report-animation-zoom { 0% {opacity:0; transform:scale(0.5);} 50% {opacity:1; transform:scale(1.05);} 100% {opacity:1; transform:scale(1);} } @-webkit-keyframes report-animation-zoom { 0% {opacity:0; transform:scale(0.5);} 50% {opacity:1; transform:scale(1.05);} 100% {opacity:1; transform:scale(1);} } /* Notiflix: Report content animation => zoom off */ /* Notiflix: Report overlay animation remove => fade on */ [id^=NotiflixReportWrap].remove > div[class*="-overlay"].with-animation { opacity:0; animation: report-overlay-animation-remove .3s ease-in-out 0s normal; -webkit-animation: report-overlay-animation-remove .3s ease-in-out 0s normal;} @keyframes report-overlay-animation-remove { 0% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes report-overlay-animation-remove { 0% {opacity:1;} 100% {opacity:0;} } /* Notiflix: Report overlay animation remove => fade off */ /* Notiflix: Report content animation remove => fade on */ [id^=NotiflixReportWrap].remove > div[class*="-content"].with-animation.nx-fade { opacity:0; animation: report-animation-fade-remove .3s ease-in-out 0s normal; -webkit-animation: report-animation-fade-remove .3s ease-in-out 0s normal;} @keyframes report-animation-fade-remove { 0% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes report-animation-fade-remove { 0% {opacity:1;} 100% {opacity:0;} } /* Notiflix: Report content animation remove => fade off */ /* Notiflix: Report content animation remove => zoom on */ [id^=NotiflixReportWrap].remove > div[class*="-content"].with-animation.nx-zoom { opacity:0; animation: report-animation-zoom-remove .3s ease-in-out 0s normal; -webkit-animation: report-animation-zoom-remove .3s ease-in-out 0s normal;} @keyframes report-animation-zoom-remove { 0% {opacity:1; transform:scale(1);} 50% {opacity:0.5; transform:scale(1.05);} 100% {opacity:0; transform:scale(0);} } @-webkit-keyframes report-animation-zoom-remove { 0% {opacity:1; transform:scale(1);} 50% {opacity:0.5; transform:scale(1.05);} 100% {opacity:0; transform:scale(0);} } /* Notiflix: Report content animation remove => zoom off */ /* Notiflix: Confirm wrap on */ [id^=NotiflixConfirmWrap] { position: fixed; z-index: 4003; width: 300px; max-width:98%; left: 10px; right: 10px; top: 10px; margin:auto; text-align: center; box-sizing:border-box; background:transparent; font-family: "Quicksand", sans-serif;} [id^=NotiflixConfirmWrap] * { box-sizing:border-box;} /* Notiflix: Confirm wrap off */ /* Notiflix: Confirm content on */ [id^=NotiflixConfirmWrap] > div[class*="-overlay"] { width:100%; height:100%; left:0; top:0; background: rgba(255, 255, 255, .5); position:fixed; z-index:0;} [id^=NotiflixConfirmWrap] > div[class*="-content"] { width:100%; float:left; border-radius: 25px; padding:10px; margin:0; filter: drop-shadow(0 0 5px rgba(0,0,0,.1)); background: #f8f8f8; color:#1e1e1e; position:relative; z-index:1;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-head"] { float:left; width:100%;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-head"] > h5 { float:left; width:100%; margin:0; padding:0 0 10px; border-bottom:1px solid rgba(0,0,0,0.1); color: #32c682; font-family:inherit !important; font-size:16px; line-height:1.4; font-weight:500;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-head"] > p { font-family:inherit !important; margin: 15px 0 20px; padding: 0 10px; float:left; width:100%; font-size: 14px; line-height: 1.4; color: inherit;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius:inherit; float:left; width:100%;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a { cursor:pointer; font-family:inherit !important; transition:all .25s ease-in-out; float: left; width: 48%; padding: 9px 5px; border-radius:inherit !important; font-weight: 500; font-size: 15px; line-height: 1.4; color:#f8f8f8;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a.confirm-button-ok { margin:0 2% 0 0; background:#32c682;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a.confirm-button-cancel { margin:0 0 0 2%; background:#a9a9a9;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a.full { margin:0; width:100%;} [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a:hover { box-shadow:inset 0 -60px 5px -5px rgba(0, 0, 0, 0.25);} /* Notiflix: Confirm content off */ /* Notiflix: Confirm rtl on */ [id^=NotiflixConfirmWrap].rtl-on > div[class*="-content"] > div[class*="-buttons"], [id^=NotiflixConfirmWrap].rtl-on > div[class*="-content"] > div[class*="-buttons"] > a { transform:rotateY(180deg);} /* Notiflix: Confirm rtl off */ /* Notiflix: Confirm overlay animation => fade on */ [id^=NotiflixConfirmWrap] > div[class*="-overlay"].with-animation { animation: confirm-overlay-animation .3s ease-in-out 0s normal; -webkit-animation: confirm-overlay-animation .3s ease-in-out 0s normal;} @keyframes confirm-overlay-animation { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes confirm-overlay-animation { 0% {opacity:0;} 100% {opacity:1;} } /* Notiflix: Confirm overlay animation => fade off */ /* Notiflix: Confirm overlay animation remove => fade on */ [id^=NotiflixConfirmWrap].remove > div[class*="-overlay"].with-animation { opacity:0; animation: confirm-overlay-animation-remove .3s ease-in-out 0s normal; -webkit-animation: confirm-overlay-animation-remove .3s ease-in-out 0s normal;} @keyframes confirm-overlay-animation-remove { 0% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes confirm-overlay-animation-remove { 0% {opacity:1;} 100% {opacity:0;} } /* Notiflix: Confirm overlay animation remove => fade off */ /* Notiflix: Confirm content animation => fade on */ [id^=NotiflixConfirmWrap].with-animation.nx-fade > div[class*="-content"] { animation: confirm-animation-fade .3s ease-in-out 0s normal; -webkit-animation: confirm-animation-fade .3s ease-in-out 0s normal;} @keyframes confirm-animation-fade { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes confirm-animation-fade { 0% {opacity:0;} 100% {opacity:1;} } /* Notiflix: Confirm content animation => fade off */ /* Notiflix: Confirm content animation => zoom on */ [id^=NotiflixConfirmWrap].with-animation.nx-zoom > div[class*="-content"] { animation: confirm-animation-zoom .3s ease-in-out 0s normal; -webkit-animation: confirm-animation-zoom .3s ease-in-out 0s normal;} @keyframes confirm-animation-zoom { 0% {opacity:0; transform:scale(0.5);} 50% {opacity:1; transform:scale(1.05);} 100% {opacity:1; transform:scale(1);} } @-webkit-keyframes confirm-animation-zoom { 0% {opacity:0; transform:scale(0.5);} 50% {opacity:1; transform:scale(1.05);} 100% {opacity:1; transform:scale(1);} } /* Notiflix: Confirm content animation => zoom off */ /* Notiflix: Confirm content animation remove => fade on */ [id^=NotiflixConfirmWrap].with-animation.nx-fade.remove > div[class*="-content"] { opacity:0; animation: confirm-animation-fade-remove .3s ease-in-out 0s normal; -webkit-animation: confirm-animation-fade-remove .3s ease-in-out 0s normal;} @keyframes confirm-animation-fade-remove { 0% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes confirm-animation-fade-remove { 0% {opacity:1;} 100% {opacity:0;} } /* Notiflix: Confirm content animation remove => fade off */ /* Notiflix: Confirm content animation remove => zoom on */ [id^=NotiflixConfirmWrap].with-animation.nx-zoom.remove > div[class*="-content"] { opacity:0; animation: confirm-animation-zoom-remove .3s ease-in-out 0s normal; -webkit-animation: confirm-animation-zoom-remove .3s ease-in-out 0s normal;} @keyframes confirm-animation-zoom-remove { 0% {opacity:1; transform:scale(1);} 50% {opacity:0.5; transform:scale(1.05);} 100% {opacity:0; transform:scale(0);} } @-webkit-keyframes confirm-animation-zoom-remove { 0% {opacity:1; transform:scale(1);} 50% {opacity:0.5; transform:scale(1.05);} 100% {opacity:0; transform:scale(0);} } /* Notiflix: Confirm content animation remove => zoom off */ /* Notiflix: Loading wrap on */ [id^=NotiflixLoadingWrap] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; z-index: 4000; width: 100%; height: 100%; left: 0; top: 0; right:0; bottom:0; margin:auto; text-align: center; box-sizing:border-box; background: white!important; font-family: "Quicksand", sans-serif;} [id^=NotiflixLoadingWrap] * { box-sizing:border-box;} [id^=NotiflixLoadingWrap].click-to-close { cursor:pointer;} /* Notiflix: Loading wrap off */ /* Notiflix: Loading content on */ [id^=NotiflixLoadingWrap] > div[class*="-icon"] { width:60px; height:60px; position:fixed; background-color: white!important; transition:top .2s ease-in-out; left: 0; top: 0; right:0; bottom:0; margin:auto;} [id^=NotiflixLoadingWrap] > div[class*="-icon"] img, [id^=NotiflixLoadingWrap] > div[class*="-icon"] svg { max-width:unset; max-height:unset; width: 100%; height: 100%; position:absolute; left: 0; top: 0;} [id^=NotiflixLoadingWrap] > div[class*="-icon"].with-message { top:-42px;} [id^=NotiflixLoadingWrap] > p { position: fixed; left: 0; right: 0; top: 42px; bottom: 0; margin: auto; font-family: inherit !important; font-weight: 500; line-height: 1.4; padding: 0 10px; width: 100%; font-size:15px; height: 18px;} /* Notiflix: Loading content off */ /* Notiflix: Loading animation => fade on */ [id^=NotiflixLoadingWrap].with-animation { animation: loading-animation-fade .3s ease-in-out 0s normal; -webkit-animation: loading-animation-fade .3s ease-in-out 0s normal;} @keyframes loading-animation-fade { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes loading-animation-fade { 0% {opacity:0;} 100% {opacity:1;} } /* Notiflix: Loading animation => fade off */ /* Notiflix: Loading animation remove => fade on */ [id^=NotiflixLoadingWrap].with-animation.remove { opacity:0; animation: loading-animation-fade-remove .3s ease-in-out 0s normal; -webkit-animation: loading-animation-fade-remove .3s ease-in-out 0s normal;} @keyframes loading-animation-fade-remove { 0% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes loading-animation-fade-remove { 0% {opacity:1;} 100% {opacity:0;} } /* Notiflix: Loading animation remove => fade off */ /* Notiflix: Loading animation new message => fade on */ [id^=NotiflixLoadingWrap] > p.new { animation: loading-new-message-fade .3s ease-in-out 0s normal; -webkit-animation: loading-new-message-fade .3s ease-in-out 0s normal;} @keyframes loading-new-message-fade { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes loading-new-message-fade { 0% {opacity:0;} 100% {opacity:1;} } /* Notiflix: Loading animation new message => fade off */ /* Notiflix: Block wrap on */ [id^=NotiflixBlockWrap] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; position: absolute; z-index: 1000; font-family: "Quicksand", sans-serif; background: rgba(255, 255, 255, 0.9); text-align: center; animation-duration: 400ms; width: 100%; height: 100%; left: 0; top: 0; border-radius: inherit;} [id^=NotiflixBlockWrap] * { box-sizing: border-box;} /* Notiflix: Block wrap off */ /* Notiflix: Block content on */ [id^=NotiflixBlockWrap] > span[class*="-icon"] { width: 45px; height: 45px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;} [id^=NotiflixBlockWrap] > span[class*="-message"] { position: absolute; left: 0; right: 0; top: 50px; bottom: 0; margin: auto; font-family: inherit !important; font-weight: 500; font-size: 14px; line-height: 1.4; padding: 0 10px; width: 100%; height: 20px; overflow: hidden;} /* Notiflix: Block content off */ /* Notiflix: Block animation => fade on */ [id^=NotiflixBlockWrap].with-animation { animation: block-animation-fade .3s ease-in-out 0s normal; -webkit-animation: block-animation-fade .3s ease-in-out 0s normal;} @keyframes block-animation-fade { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes block-animation-fade { 0% {opacity: 0;} 100% {opacity: 1;} } /* Notiflix: Block animation => fade off */ /* Notiflix: Block animation remove => fade on */ [id^=NotiflixBlockWrap].with-animation.remove { opacity: 0; animation: block-animation-fade-remove .3s ease-in-out 0s normal; -webkit-animation: block-animation-fade-remove .3s ease-in-out 0s normal;} @keyframes block-animation-fade-remove { 0% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes block-animation-fade-remove { 0% {opacity: 1;} 100% {opacity: 0;} } /* Notiflix: Block animation remove => fade off */