.popup{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;visibility:hidden;opacity:0;background:rgba(0,0,0,.7);z-index:199;transition:0.2s}.popup_visible{visibility:visible;opacity:1}.popup__content{padding:30px;width:60%;max-width:800px;z-index:200;background:linear-gradient(110deg,#2b3757,rgba(20,27,46,));display:flex;gap:20px;border-radius:15px;position:relative;color:#fff}.popup__content::after{content:"";display:block;position:absolute;background-image:linear-gradient(90deg,#8d53e9,#00b7ff);top:0;left:50%;transform:translateX(-50%);height:5px;width:80%;border-bottom-left-radius:100px;border-bottom-right-radius:100px}.popup__west,.popup__east{width:50%}.popup__east{display:flex;flex-direction:column;gap:20px}.popup__image{width:100%;height:100%;object-fit:contain;object-position:center}.popup__close-button{border:none;background:url('/template/images/popup/close-btn.svg') center/cover no-repeat;padding:3px;position:absolute;top:10px;right:10px;width:25px;height:25px;cursor:pointer;transition:0.2s}.popup__title{margin:0;font-size:38px;font-weight:900;text-align:center}.popup__subtitle{margin:0;font-size:16px;font-weight:500;text-align:center}.form{display:flex;flex-direction:column}.form__input{padding:10px;width:100%;border:none;border-radius:5px;font-size:14px;color:#000;outline:none;margin-bottom:5px}.form__checkbox{display:flex}.form__checker{width:12px;height:12px;margin:0;padding:0;border:none;cursor:pointer;margin-right:5px}.form__agreement{font-size:10px;margin-bottom:5px}.form__submit{padding:10px;border:none;border-radius:5px;font-size:14px;margin-top:auto;cursor:pointer;color:#fff;background-image:linear-gradient(90deg,#8d53e9,#00b7ff);transition:0.2s}.form__submit:disabled{opacity:0.5;cursor:default}.form__submit_type_success{background-image:linear-gradient(90deg,#50a154,#048018)}.form__submit_type_error{background-image:linear-gradient(90deg,#b13f45,#800404)}.input__error{min-height:20px;margin-bottom:5px}input.input_type_error{outline:red solid 2px}.error-message{color:red;font-size:12px}@media (hover: hover){.popup__close-button:hover{opacity:0.5}.form__submit:hover{opacity:0.7}.form__submit:disabled:hover{opacity:0.5}}@media screen and (width <= 1024px){.popup__west{display:none}.popup__east{width:100%}.popup__content{flex-direction:column}}@media screen and (width <= 768px){.popup__content{width:90%}}