.devtools{position:fixed;top:var(--g-20);right:var(--g-20);background:var(--black);box-shadow:0 0 0 3px var(--pink-500);padding:20px 30px;border-radius:15px;z-index:1000;display:flex;flex-direction:column;gap:10px;align-items:center;opacity:0;pointer-events:none;transition:.2s ease-in-out opacity}.devtools--shown{opacity:1;pointer-events:all}.devtools__close{position:absolute;top:var(--g-20);right:var(--g-20);width:var(--g-20);height:var(--g-20);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='6.04211'%20height='120.842'%20rx='3.02106'%20transform='matrix(0.708187%20-0.706025%200.708187%200.706025%200.14209%204.68237)'%20fill='white'/%3e%3crect%20width='6.04211'%20height='120.842'%20rx='3.02106'%20transform='matrix(0.708187%200.706025%20-0.708187%200.706025%2085.5791%200)'%20fill='white'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='6.04211'%20height='120.842'%20rx='3.02106'%20transform='matrix(0.708187%20-0.706025%200.708187%200.706025%200.14209%204.68237)'%20fill='white'/%3e%3crect%20width='6.04211'%20height='120.842'%20rx='3.02106'%20transform='matrix(0.708187%200.706025%20-0.708187%200.706025%2085.5791%200)'%20fill='white'/%3e%3c/svg%3e");-webkit-mask-size:cover;mask-size:cover;background:var(--pink-500);cursor:pointer;z-index:100}.devtools__title{font-size:var(--size-24);color:var(--white);margin-bottom:10px;text-transform:uppercase;font-weight:600}.devtools__item{display:flex;gap:10px}.popup-notifications{position:fixed;padding:15px 10px 0;max-width:420px;width:100%;height:100vh;right:0;top:0;pointer-events:none;overflow:hidden;z-index:9999}@media (max-width: 576px){.popup-notifications{max-width:320px}}.popup-notifications.popup-left{right:unset;left:0}.popup-notifications.popup-bottom{padding-top:0;padding-bottom:15px}.popup-notifications.popup-bottom .list-notifications{flex-direction:column-reverse;justify-content:flex-end}.popup-notifications .list-notifications{display:flex;flex-direction:column;justify-content:flex-start;list-style:none;height:100%}.popup-notifications li{pointer-events:all}.popup-notifications li:not(:first-child){padding-top:8px}.popup-notifications a{--icon: 12em;--heading: 16px;--paragraph: 14px;display:block;position:relative;border-radius:10px;background-color:#007bffcc;padding:25px;color:#fff;top:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 35px #0003;text-decoration:none;transition:.1s ease-in-out;overflow:hidden}.popup-notifications a:hover{opacity:1;top:-10px}.popup-notifications a:active{transform:scale(.9)}@media (max-width: 576px){.popup-notifications a{--icon: 9em;--heading: 13px;--paragraph: 11px;padding:15px}}.popup-notifications [class*=fa]{position:absolute;left:65%;top:50%;transform:translateY(-50%);font-size:var(--icon);opacity:.1;z-index:0}.popup-notifications h5{font-weight:700;font-size:var(--heading)}.popup-notifications p{font-size:var(--paragraph)}.popup-notifications small{display:block;font-size:var(--paragraph);opacity:.7;margin-top:5px}.popup-notifications .notify-enter{animation:notify-show .5s ease-in-out both}.popup-notifications .notify-exit{animation:notify-close .5s ease-in-out both}@keyframes notify-show{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes notify-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.popup-notifications .notify-danger{background-color:#ff2f43b3}.popup-notifications .notify-success{background-color:#5cd674b3}.popup-notifications .notify-warning{background-color:#ffba52b3}.popup-notifications .notify-info{background-color:#4bd3e4b3}.popup-notifications .notify-dark{background-color:#101756b3}.popup-notifications .notify-light{background-color:#f7fafcb3;color:#0c1141}.popup-notifications .notify-steel{background-color:#919bbab3}