.popup {
   --trans: translate(-50%, -50%);

   position: absolute;
   min-width: 260px;
   background: var(--down-background);
   color: var(--text-color);
   border-radius: 7px;
   top: 50%;
   left: 50%;
   transform: var(--trans);
   min-height: 185px;
   z-index: 1000;
}

.popup h1 {
   margin: 0;
   font-size: 22px;
   font-weight: 800;
}

.popup .popup-content {
   margin: 6px 0 12px;
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.popup .popup-content .popup-section-title {
   color: var(--text-gray-color);
   font-size: 15px;
   font-weight: 800;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.popup .popup-inner {
   padding: 20px 20px 10px;
}

.popup .popup-buttons {
   padding: 12px 20px;
   display: flex;
   gap: 14px;
	background: var(--loading-background);
   border-radius: 0 0 7px 7px;
}

@keyframes shaking {
   0% { transform: var(--trans) translateX(0); }
   25% { transform: var(--trans) translateX(5px); }
   50% { transform: var(--trans) translateX(-5px); }
   75% { transform: var(--trans) translateX(5px); }
   100% { transform: var(--trans) translateX(0); }
}