:root{--sol-primary: #493535;--sol-secondary: #c1a196;--sol-accent: #faffd0;--sol-white: #ffffff;--sol-shadow: rgba(73, 53, 53, .15);--sol-transition: all .4s cubic-bezier(.25, .46, .45, .94);--sol-radius-sm: 8px;--sol-radius-md: 16px;--sol-radius-lg: 24px}.contact{position:relative;background:transparent;border-radius:var(--sol-radius-lg);padding:2.5rem 2rem;margin:0 auto;max-width:900px;animation:fadeInUp .6s ease-out}@media screen and (min-width: 750px){.contact{padding:4rem 3.5rem}}.contact img{max-width:100%}.contact .form__message{align-items:flex-start;background:#faffd026;padding:1.5rem;border-radius:var(--sol-radius-md);border-left:4px solid var(--sol-accent);margin-bottom:2rem;box-shadow:0 4px 12px #faffd033;animation:slideInFromLeft .5s ease-out}.contact .icon-success{margin-top:.2rem;color:var(--sol-primary)}.contact .field{margin-bottom:2rem;position:relative;transform:translateY(10px);opacity:0;animation:fadeInUp .6s ease-out forwards}.contact .field:nth-child(1){animation-delay:.1s}.contact .field:nth-child(2){animation-delay:.2s}.contact .field:nth-child(3){animation-delay:.3s}.contact .field:nth-child(4){animation-delay:.4s}.contact .field__input,.contact .text-area{background:var(--sol-primary);border:none!important;outline:none!important;box-shadow:none!important;border-radius:0;padding:1.25rem 1.5rem;font-size:1.05rem;color:var(--sol-white);font-family:inherit;transition:var(--sol-transition);width:100%;box-sizing:border-box;position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.contact .field__input:valid:not(:placeholder-shown),.contact .text-area:valid:not(:placeholder-shown){background:var(--sol-primary)}.contact .field__input:valid:not(:placeholder-shown)+.field__label,.contact .text-area:valid:not(:placeholder-shown)+.field__label{color:#4caf50}.contact .field__input:focus+.field__label,.contact .field__input:not(:placeholder-shown)+.field__label,.contact .text-area:focus+.field__label,.contact .text-area:not(:placeholder-shown)+.field__label{transform:translateY(-2.5rem) scale(.85);color:var(--sol-white);background:var(--sol-primary);padding:.25rem .75rem;border-radius:0;box-shadow:0 2px 8px #4935351a}.contact .field__input:focus,.contact .text-area:focus{outline:none!important;border:none!important;background:var(--sol-primary)!important;box-shadow:0 0 0 3px #c1a19666,0 8px 25px #4935351a!important;transform:translateY(-2px)}.contact .field__input::placeholder,.contact .text-area::placeholder{color:#fff9;font-style:italic;transition:var(--sol-transition)}.contact .field__input:focus::placeholder,.contact .text-area:focus::placeholder{opacity:.3;transform:translate(10px)}.contact .field__label{color:#fffc;font-weight:500;font-size:1rem;position:absolute;top:1.25rem;left:1.5rem;pointer-events:none;transition:var(--sol-transition);z-index:2;background:transparent}.contact .text-area{min-height:140px;resize:vertical;line-height:1.6;font-family:inherit}@media screen and (min-width: 750px){.contact .field{margin-bottom:2.5rem}}.contact__button{margin-top:3rem;text-align:center;animation:fadeInUp .6s ease-out .5s both}.contact__button .button{background:var(--sol-primary);color:var(--sol-white);border:2px solid var(--sol-primary);border-radius:var(--sol-radius-md);padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:var(--sol-transition);cursor:pointer;position:relative;overflow:hidden;width:50%;max-width:300px;min-width:200px;box-sizing:border-box;box-shadow:0 6px 20px #49353566,inset 0 1px #ffffff1a;display:inline-block}.contact__button .button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .5s ease}.contact__button .button:hover:before{left:100%}.contact__button .button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #49353580,inset 0 1px #fff3;background:var(--sol-secondary);border-color:var(--sol-secondary);color:var(--sol-primary)}.contact__button .button:active{transform:translateY(-1px) scale(1.01)}@media screen and (min-width: 750px){.contact__button{margin-top:4rem}}@media screen and (min-width: 750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2.5rem}}.contact .field--with-error .field__input{border:none!important;outline:none!important;box-shadow:0 0 0 3px #e53e3e66!important}.contact .contact__field-error{background:#e53e3e14;color:#e53e3e;padding:.75rem 1rem;border-radius:var(--sol-radius-sm);margin-top:.5rem;font-size:.9rem;border-left:3px solid #e53e3e;animation:shake .5s ease-in-out}.contact .title{color:var(--sol-primary);text-align:center;margin-bottom:3rem;font-family:var(--font-heading-family);font-weight:600;position:relative;animation:fadeInDown .6s ease-out}.contact .title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--sol-primary);border-radius:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media screen and (max-width: 749px){.contact{margin:0 1rem;padding:2rem 1.5rem}.contact .field__input,.contact .text-area{font-size:16px}}@media screen and (min-width: 1200px){.contact{max-width:1000px;padding:4.5rem 4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-contact-form.css.map */