:root{--color-black: #272727;--color-grey: #E5E5E5;--color-grey--light: #F5F5F5;--color-grey--dark: #A2A2A2;--color-pink: #FFB0C8;--timer-animate: 500ms}body{position:relative}.header__icon-account--popup{display:flex;cursor:pointer}.popup-login-register.is-hide-popup{display:none}.popup-login-register{display:flex;justify-content:center;position:absolute;left:0;top:0;height:100%;width:100%;z-index:10;background-color:rgba(38,38,38,.5)}.popup-offer{background-color:#fff;padding:112px;height:-moz-fit-content;height:fit-content;margin-top:5%;position:fixed;width:984px}@media(max-width: 1024px){.popup-offer{width:90%;margin-top:15%}}@media(max-width: 768px){.popup-offer{flex-direction:column}}@media(max-width: 768px){.popup-offer{padding:40px 16px 16px 16px}}@media(max-width: 768px){.popup-offer button{margin:0 auto}}.popup-offer .icon-close-wrapper{width:30px;position:absolute;right:10px;top:10px;padding:8px;cursor:pointer;transition-duration:var(--timer-animate)}.popup-offer .icon-close-wrapper:hover svg{stroke:var(--color-black)}.wrapper__form-login-register{max-width:1000px;margin:0 auto}.wrapper__form-login-register .tabs{width:100%;display:flex;justify-content:center;padding:0;margin-top:0;margin-bottom:32px}.wrapper__form-login-register .tabs li{list-style-type:none;width:50%;text-align:center}.wrapper__form-login-register .tabs li span{border-bottom:4px solid #f0f0f0;transition:all .1s ease-in-out;font-family:"Righteous";font-size:36px;line-height:46px;font-weight:400;width:100%;display:block;color:#a2a2a2}@media(max-width: 450px){.wrapper__form-login-register .tabs li span{font-size:32px}}.wrapper__form-login-register .tabs li.active span{border-bottom:4px solid #000;color:#272727}.wrapper__form-login-register .tabs-content{position:relative;z-index:2}.wrapper__form-login-register .tabs-panel{height:0;overflow:hidden}.wrapper__form-login-register .tabs-panel.active{height:auto;overflow:visible}.wrapper__form-login-register .field{display:flex;flex-direction:column}.wrapper__form-login-register .field label{color:#a2a2a2;font-family:"Archivo-300";font-size:14px;line-height:22px;font-weight:300;margin-bottom:4px}.wrapper__form-login-register .field input{border:1px solid #f0f0f0;padding:8px 28px 8px 12px;color:#272727;margin-bottom:16px;width:100%}.wrapper__form-login-register .field p.popup__field-wrap{margin:0;display:flex;align-items:center}.wrapper__form-login-register .field p.popup__field-wrap .popup__btn-clear,.wrapper__form-login-register .field p.popup__field-wrap .popup__show-pass{margin-bottom:16px;display:flex;align-items:center;margin-left:-30px;cursor:pointer}.wrapper__form-login-register .field p.popup__field-wrap .popup__show-pass .icon-eye-hide{display:none}.wrapper__form-login-register button{background:none;border:1px solid var(--color-pink);background:var(--color-pink);color:var(--color-black);padding:10px 30px;margin-top:30px;cursor:pointer;display:flex;align-items:center;gap:7px;font-weight:600;transition-duration:var(--timer-animate);width:100%;justify-content:center;align-items:center;font-family:"Archivo-ExtraBold";font-size:20px;line-height:24px;font-weight:800;outline:none}.wrapper__form-login-register button:hover{text-decoration:underline}.wrapper__form-login-register .recover-pass__link{font-family:"Archivo";font-size:16px;line-height:24px;font-weight:400;color:var(--color-black);text-underline-offset:3px;transition-duration:var(--timer-animate)}.wrapper__form-login-register .recover-pass__link:hover{text-decoration:none}.wrapper__form-login-register .form__message svg{width:20px;height:20px}.wrapper__form-login-register .form__message ul{margin:0;padding:0}.wrapper__form-login-register ul{list-style-type:none !important;margin:0;padding:0;color:#a2a2a2;font-family:Archivo-300;font-size:14px;line-height:22px;font-weight:300;margin-bottom:15px}.wrapper__form-login-register #create_customer .create-customer__agree{text-align:center;font-family:"Archivo-300";font-size:14px;line-height:22px;font-weight:300;color:var(--color-black);margin-top:32px;margin-bottom:0}.wrapper__form-login-register #create_customer .create-customer__agree a{color:var(--color-black)}.wrapper__form-login-register #create_customer .register-wrapper__name{display:flex;align-items:center;gap:16px}