@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #078649b3}70%{transform:scale(1);box-shadow:0 0 0 10px #07864900}to{transform:scale(.95);box-shadow:0 0 #07864900}}.modal.modal--appointment .contact-form .field__input{height:40px;padding:2.2rem 1.5rem .8rem 2rem;font-size:16px;border:1px solid #d2d2d2}.modal.modal--appointment .contact-form .field__input.text-area{min-height:120px}.modal--appointment{width:100%;color:#000;position:fixed;top:0}.modal--appointment .field__input::-moz-placeholder,.modal--appointment .customer .field input::-moz-placeholder{opacity:0}.modal--appointment .field__input::placeholder,.modal--appointment .customer .field input::placeholder{opacity:0}.modal--appointment.is-active{opacity:1;height:100%;pointer-events:auto;background-color:#0006;visibility:visible}.modal--appointment .contact-form input{outline:0;width:100%;min-width:auto;font-size:13px;font-weight:400;line-height:20px;box-sizing:border-box}.modal--appointment .contact-form input:not([type=checkbox]){height:21px;color:#767676;padding:0;background:transparent;border-style:solid;border-width:0 0 1px;border-color:#d8d8d8;appearance:none;-moz-appearance:none;-webkit-appearance:none}.modal--appointment .field__input:focus~.field__label,.modal--appointment .field__input:not(:placeholder-shown)~.field__label,.modal--appointment .field__input:-webkit-autofill~.field__label,.modal--appointment .customer .field input:focus~label,.modal--appointment .customer .field input:not(:placeholder-shown)~label,.modal--appointment .customer .field input:-webkit-autofill~label{font-size:14px;top:2px;left:10px;letter-spacing:.04rem}.modal--appointment .field{position:relative;width:100%;display:flex;transition:box-shadow .1s ease;flex-direction:column}.modal--appointment .field__label,.modal--appointment .customer .field label{font-size:16px;left:calc(1px + 2rem);top:calc(1rem + 1px);margin-bottom:0;pointer-events:none;position:absolute;transition:top .1s ease,font-size .1s ease;color:#000000bf;letter-spacing:.1rem;line-height:1.5}.modal--appointment .close{top:5px;right:5px;cursor:pointer;line-height:1;font-weight:700;position:absolute;color:#000!important;font-size:25px!important}.modal--appointment .modal__container{left:0;right:0;top:50%;width:100%;margin:auto;padding:2rem;max-width:580px;position:absolute;background:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.modal--appointment .form-heading .title{font-weight:500;margin:0 0 2rem;color:currentColor;text-align:center;text-transform:uppercase}.modal--appointment .modal__container .field{margin-bottom:1rem}.modal--appointment .modal__container .contact__button .button{width:100%;background:#ab8d50;color:#fff;padding:10px 0;transition:ease-in-out .2s}.modal--appointment .modal__container .contact__button .button:hover{opacity:.5}.message{background-color:#f2f2f2;color:#333;border:1px solid #ccc;padding:10px 20px;border-radius:5px;margin-bottom:20px}#success-message{display:none;background-color:#d4edda;border-color:#c3e6cb}#error-message{display:none;background-color:#f8d7da;border-color:#f5c6cb}
/*# sourceMappingURL=/cdn/shop/t/8/assets/book-appointment.css.map */