@keyframes _-popup-scale_in { 0% { transform: scale(0.97); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } html, body { pointer-events: none !important; } html, body { overflow: hidden !important; } body > *:not(#_-popup-container) { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } body > *:not(#_-popup-container) { filter: blur(); } body *:not(#_-popup-container) { animation: none !important; transition: none !important; } ._-popup-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; pointer-events: auto !important; background: ; z-index: ; z-index: 999999999; color: ; fill: ; } ._-popup-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ._-popup { position: relative; display: flex; flex-direction: column; justify-content: center; /* padding: 25px 15px; margin: 10px;*/ border-radius: 3px; max-width: 100%; max-height: 100%; overflow: hidden auto; scrollbar-width: thin; width: ; width: 400px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); background: ; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: .2s; -webkit-animation-delay: .2s; animation-name: _-popup-scale_in; -webkit-animation-name: _-popup-scale_in; } ._-popup:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-image: url(); filter: blur(); margin-top: -; margin-right: -; margin-bottom: 0px; margin-left: -; z-index: 2; } ._-popup:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: ; z-index: 3; } ._-popup-content { z-index: 6; } ._-popup .h1, ._-popup .h2, ._-popup .h3, ._-popup h1, ._-popup h2, ._-popup h3 { margin-top: 10px; } ._-popup .h1:first-child, ._-popup .h2:first-child, ._-popup .h3:first-child, ._-popup h1:first-child, ._-popup h2:first-child, ._-popup h3:first-child { margin-top: 0px; } ._-popup-description { flex-grow: 1; font-size: 14px; padding: 25px 15px; margin: 10px; line-height: normal; } ._-popup-description > *:last-child { margin-bottom: 0 !important; } ._-popup-btns-wrap { display: flex; justify-content: center; align-items: center; /*margin-top: 20px;*/ padding: 25px 15px; background: rgba(255, 255, 255, 0.025); width: 100%; } ._-popup-btn { position: relative; border-radius: 3px; border: none; background: transparent; outline: none; display: inline-flex; flex-grow: 0; flex-shrink: 0; max-width: 100%; list-style: none; width: 40%; flex-grow: 1; justify-content: center; align-items: center; transition: 200ms background-color ease, 200ms color ease, 200ms opacity ease; cursor: pointer; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; padding: 5px 12px; max-width: 100%; /* min-height: 34px; min-width: 34px;*/ height: 36px; margin: 0px 10px; opacity: 0.6; color: #bbb; fill: #bbb; text-transform: uppercase; font-size: 13px; letter-spacing: 0.2px; font-weight: bold; background: rgba(255,255,255,0.02); /*background: rgb(48, 54, 61);*/ } ._-popup-btn:hover { opacity: 1; } ._-popup-btn_apply { /*background: #36c48e;*/ border-bottom: 2px solid #36c48e; } ._-popup-btn_deny { /*background: #dc2e2e;*/ border-bottom: 2px solid #dc2e2e; } ._-popup-wait { opacity: 1; } /* AC_LOADER mini */ @keyframes _-popup-AC_rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes _-popup-AC_dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; } } ._-popup-wrap_a, ._-popup-spinner { pointer-events: none; -webkit-pointer-events: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } ._-popup-wrap_a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; z-index: 9; margin: 0 auto; } ._-popup-spinner { display: flex; align-items: center; justify-content: center; width: 36px; max-width: 100%; width: 100%; height: inherit; padding: inherit; } ._-popup-spinner svg { position: relative; /* width: 100%; height: 100%;*/ width: 90%; height: 90%; -webkit-animation: _-popup-AC_rotate 2s linear infinite; animation: _-popup-AC_rotate 2s linear infinite; } ._-popup-spinner circle { stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: _-popup-AC_dash 1.5s ease-in-out infinite; animation: _-popup-AC_dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke-width: 5px; } ._-popup-hide_content > * { opacity: 0 !important; pointer-events: none !important; } ._-popup-hide_content > ._-popup-spinner { opacity: 1 !important; } ._-popup-hide_content > * { opacity: 0 !important; pointer-events: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; color: transparent !important; } ._-popup-hide_content > ._-popup-spinner { opacity: 1 !important; } ._-popup-wait { pointer-events: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }