.popup{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw;z-index:9999}.popup--visible{opacity:1;pointer-events:auto;visibility:visible}.popup__container{align-items:center;background:var(--White---FFFFFF,#fff);border:1px solid var(--Grey-1---CCCCCC,#ccc);border-radius:8px;box-shadow:0 8px 32px 0 #000;display:flex;flex-direction:column;gap:32px;opacity:0;padding:32px 56px;position:relative;text-align:center;transform:scale(.9);transition:opacity .3s ease,transform .3s ease;width:379px}.popup--visible .popup__container{opacity:1;transform:scale(1)}.popup__close{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;transition:transform .2s ease,background-color .2s ease;width:32px}.popup__close svg{height:14px;transition:fill .2s ease;width:14px}.popup__close svg path{fill:#000}.popup__close:hover{background-color:#ddd;transform:scale(1.1)}.popup__close:hover svg{fill:#ff5c5c}.popup__title{font-family:Exo;font-size:32px;font-weight:600;line-height:46px}.popup__description,.popup__title{color:var(--Black,#08090a);font-style:normal;text-align:center}.popup__description{font-family:DM Sans;font-size:16px;font-weight:400;line-height:24px}.popup__button{width:100%}@media (min-width:768px){.popup__close svg path{fill:#fff}.popup__close{background:var(--Black,#08090a);right:-36px;top:-36px;width:32px}.popup__close:hover{background-color:#1a1b1c;transform:scale(1.1)}}