.vp-contact{background-color:var(--vp-color-black);min-height:100vh;padding:200px 0}.vp-contact__container{margin:0 auto;padding:0 30px}.vp-contact__content{display:flex;gap:50px;align-items:flex-start;justify-content:center;width:100%}.vp-contact__info{flex:1;max-width:448px}.vp-contact__form{flex:1;max-width:496px}.vp-contact__title{font-family:Belleza,sans-serif;font-size:24px;font-weight:400;color:var(--vp-color-white);text-transform:uppercase;letter-spacing:2px;line-height:1.1;margin-bottom:8px}.vp-contact__subtitle{font-family:Belleza,sans-serif;font-size:16px;font-weight:400;color:var(--vp-color-white);text-transform:uppercase;letter-spacing:1px;line-height:1.3;margin-bottom:34px}.vp-contact__text{display:flex;flex-direction:column;gap:30px}.vp-contact__paragraph{font-family:Belleza,serif;font-size:14px;font-weight:400;color:var(--vp-color-white);line-height:1.6;margin:0}.vp-contact__brand-text{font-family:Belleza,serif;font-size:10px;font-weight:300;color:var(--vp-color-white);line-height:1.5;margin:0}.contact-form{display:flex;flex-direction:column;gap:0}.contact-form__fields{display:flex;flex-direction:column;gap:25px}.contact-form__field{position:relative;display:flex;flex-direction:column}.contact-form__label{position:absolute;top:15px;left:20px;font-family:Belleza,sans-serif;font-size:16px;font-weight:400;color:var(--vp-color-white);text-transform:uppercase;letter-spacing:1px;margin:0;pointer-events:none;transition:all .3s ease;z-index:1;background-color:var(--vp-color-black);padding:0 5px;color:#888}.contact-form__input,.contact-form__textarea{background-color:var(--vp-color-black);border:1px solid var(--vp-color-white);color:var(--vp-color-white);font-family:Belleza,sans-serif;font-size:14px;padding:15px 20px;border-radius:0;transition:all .3s ease;outline:none;width:100%;box-sizing:border-box}.contact-form__input:focus+.contact-form__label,.contact-form__textarea:focus+.contact-form__label,.contact-form__input:not(:placeholder-shown)+.contact-form__label,.contact-form__textarea:not(:placeholder-shown)+.contact-form__label{top:-8px;font-size:10px;letter-spacing:.5px}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--vp-color-white);color:var(--vp-color-white)}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--vp-color-white);font-family:Belleza,sans-serif;font-size:14px;display:none;opacity:0}.contact-form__textarea{resize:vertical;min-height:120px}.contact-form__submit{display:flex;justify-content:flex-start;margin-top:18px}.contact-form__submit-btn{background-color:var(--vp-color-white);color:var(--vp-color-black);border:none;font-family:Belleza,sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:15px 40px;cursor:pointer;transition:all .3s ease;border-radius:0;width:100%;max-width:234px}.contact-form__submit-btn:hover{background-color:var(--vp-color-white);transform:translateY(-2px)}.contact-form__submit-btn:active{transform:translateY(0)}.contact-form__success,.contact-form__errors{background-color:var(--vp-color-white);color:var(--vp-color-white);padding:15px 20px;margin-bottom:20px;border-radius:4px}.contact-form__errors ul{list-style:none;padding:0;margin:10px 0 0}.contact-form__errors li{margin-bottom:5px}.contact-form__errors a{color:var(--vp-color-white);text-decoration:underline}@media screen and (max-width: 1024px){.vp-contact__container{padding:0 25px}.vp-contact__content{gap:60px}.vp-contact__title{font-size:24px}.vp-contact__subtitle{font-size:16px}}@media screen and (max-width: 768px){.vp-contact{padding:40px 0;min-height:auto}.vp-contact__container{padding:0 20px}.vp-contact__content{flex-direction:column;gap:50px;align-items:stretch}.vp-contact__info,.vp-contact__form{max-width:100%;flex:none}.vp-contact__subtitle{font-size:16px}.vp-contact__text,.contact-form__fields{gap:20px}.contact-form__label{top:12px;left:15px;font-size:11px}.contact-form__input,.contact-form__textarea{padding:12px 15px;font-size:13px;width:100%}.contact-form__input:focus+.contact-form__label,.contact-form__textarea:focus+.contact-form__label,.contact-form__input:not(:placeholder-shown)+.contact-form__label,.contact-form__textarea:not(:placeholder-shown)+.contact-form__label{top:-6px;font-size:9px}.contact-form__submit{justify-content:center}.contact-form__submit-btn{padding:12px 30px;font-size:13px;width:100%;max-width:234px}}@media screen and (max-width: 480px){.vp-contact{padding:30px 0;min-height:auto}.vp-contact__container{padding:0 15px}.vp-contact__content{gap:40px}.contact-form__fields{gap:18px}.contact-form__label{top:10px;left:12px;font-size:10px}.contact-form__input,.contact-form__textarea{padding:10px 12px;font-size:12px;width:100%}.contact-form__input:focus+.contact-form__label,.contact-form__textarea:focus+.contact-form__label,.contact-form__input:not(:placeholder-shown)+.contact-form__label,.contact-form__textarea:not(:placeholder-shown)+.contact-form__label{top:-5px;font-size:8px}}@media screen and (max-width: 360px){.vp-contact__container{padding:0 10px}.contact-form__label{top:8px;left:10px;font-size:9px}.contact-form__input,.contact-form__textarea{padding:8px 10px;font-size:11px}.contact-form__input:focus+.contact-form__label,.contact-form__textarea:focus+.contact-form__label,.contact-form__input:not(:placeholder-shown)+.contact-form__label,.contact-form__textarea:not(:placeholder-shown)+.contact-form__label{top:-4px;font-size:7px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/vp-contact.css.map */