﻿/*! Copyright Xooloop Studio www.xooloop.fr */.xooloopAlertPopup{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;z-index:1000;background:hsla(0,0%,100%,.4)}.xooloopAlertPopup .popup_window{position:fixed;z-index:1000;min-width:380px;min-height:80px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background-color:#777;color:#fff;padding:10px 10px 10px 80px;box-shadow:0px 0px 20px rgba(0,0,0,.8)}.xooloopAlertPopup .popup_window h1{margin-bottom:20px;font-size:2rem;line-height:1.2}.xooloopAlertPopup .popup_window{transition:1s linear;transition:var(--animation-duration, 1s) linear;transform:translate(-50%, -50%);top:-100%;left:50%}.xooloopAlertPopup .popup_window.from_left{top:50%;left:-50%}.xooloopAlertPopup .popup_window.from_right{top:50%;left:150%}.xooloopAlertPopup .popup_window.from_top_left{top:-50%;left:-50%}.xooloopAlertPopup .popup_window.from_top_right{top:-50%;left:150%}.xooloopAlertPopup .popup_window.from_bottom{top:150%;left:-50%}.xooloopAlertPopup .popup_window.from_bottom_left{top:150%;left:-50%}.xooloopAlertPopup .popup_window.from_bottom_right{top:150%;left:150%}.xooloopAlertPopup .popup_window.appearing{top:50%;left:50%}.xooloopAlertPopup .popup_window::before{content:"󰂞";font-family:"MaterialIconsEx";position:absolute;top:30px;left:10px;color:hsla(0,0%,100%,.5);line-height:1;font-size:3.2rem;text-align:left}.xooloopAlertPopup .popup_window .close{position:absolute;z-index:1001;right:10px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid #fff;cursor:pointer}.xooloopAlertPopup .popup_window .close::after{content:"󰅖";font-family:"MaterialIconsEx";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;line-height:30px;font-size:24px;text-align:center}.xooloopAlertPopup .popup_window .btns{text-align:right;margin:20px 0 10px}.xooloopAlertPopup .popup_window .btns .btn_close{display:inline;padding:10px;border:1px solid #fff;cursor:pointer;transition:.2s;background:#777}.xooloopAlertPopup .popup_window .btns .btn_close:hover{background:#777}@media screen and (max-width: 480px){.xooloopAlertPopup .popup_window{padding:10px 10px 10px 10px}.xooloopAlertPopup .popup_window::before{content:""}.xooloopAlertPopup .popup_window{min-width:300px}.xooloopAlertPopup .popup_window h1{font-size:1.5rem}.xooloopAlertPopup .popup_window .content_html{font-size:12px !important}}