.wrapper{width:min(100% - 2rem,46rem);margin-inline:auto}@font-face{font-display:swap;font-family:"Karla";font-style:normal;font-weight:400;src:url("../fonts/karla-v31-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Karla";font-style:normal;font-weight:700;src:url("../fonts/karla-v31-latin-700.woff2") format("woff2")}:root{--clr-green-200: hsl(148, 38%, 91%);--clr-green-600: hsl(169, 82%, 27%);--clr-red: hsl(0, 66%, 54%);--clr-white: hsl(0, 0%, 100%);--clr-grey-500: hsl(186, 15%, 59%);--clr-grey-900: hsl(187, 24%, 22%);--clr-btn-hover: hsl(169, 82%, 15%);--clr-box-shadow: hsla(0, 0%, 0%, 0.1)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:"Karla",Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;background:var(--clr-green-200);min-height:100vh;display:grid;place-content:center}.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}fieldset{border:none;outline:none}h1{font-family:"Karla",Arial,Helvetica,sans-serif;font-size:1.5rem;font-size:clamp(1.5rem,.98rem + 2.22vw,2rem);font-weight:700;line-height:1;letter-spacing:-1px;margin:0;color:var(--clr-grey-900)}span{font-family:"Karla",Arial,Helvetica,sans-serif;font-size:1.125rem;font-weight:700;line-height:1;letter-spacing:-1px;margin:0;color:var(--clr-white)}p{font-family:"Karla",Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:var(--clr-green-200);margin:0}.contact{padding-block:2rem}.contact__wrapper{width:min(100% - 2rem);display:grid;gap:32px;padding:clamp(1.5rem,.46rem + 4.43vw,2.5rem);background-color:var(--clr-white);border-radius:16px;box-shadow:0 8px 24px var(--clr-box-shadow);position:relative}@media(min-width: 48em){.contact__wrapper{max-width:736px}}.contact__wrapper-success{width:327px;max-width:498px;padding:24px;background-color:var(--clr-grey-900);border-radius:12px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;transition:opacity .5s ease,visibility .5s ease,transform .5s ease;opacity:1;visibility:visible}@media(min-width: 48em){.contact__wrapper-success{top:-30px}}.contact__wrapper-success.hidden{visibility:hidden;opacity:0;transform:translateY(-400px)}.contact__span-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:12px}.contact__form{width:100%;display:flex;flex-direction:column;gap:24px}.contact__required-field,.contact__label-consent{font:inherit;font-size:1rem;font-weight:400;color:var(--clr-grey-900)}.contact__required-field::after,.contact__label-consent::after{content:"*";color:var(--clr-green-600);margin-left:8px}.contact__required-field.query-type,.contact__label-consent.query-type{margin-bottom:16px}.contact__name-input{display:grid;gap:24px;margin-bottom:24px}@media(min-width: 48em){.contact__name-input{grid-template-columns:repeat(2, 1fr)}}.contact__form-group{display:grid;gap:8px}.contact__form-group.radio{gap:24px;margin-bottom:8px}@media(min-width: 48em){.contact__form-group.radio{grid-template-columns:repeat(2, 1fr)}}.contact__form-group.radio-selected{border-color:var(--clr-green-600)}.contact__input-field,.contact__textarea{font-family:"Karla",Arial,Helvetica,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5;width:100%;padding:12px 24px;border-radius:8px;color:var(--clr-grey-900);border:1px solid var(--clr-grey-500);outline:none;cursor:pointer}.contact__input-field:hover,.contact__textarea:hover{border-color:var(--clr-green-600)}.contact__input-field:focus,.contact__input-field:focus-within,.contact__input-field:active,.contact__textarea:focus,.contact__textarea:focus-within,.contact__textarea:active{border-color:var(--clr-green-600);background:var(--clr-green-200)}.contact__label{font-family:"Karla",Arial,Helvetica,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5;width:100%;padding:12px 24px;border-radius:8px;color:var(--clr-grey-900);border:1px solid var(--clr-grey-500);background-color:var(--clr-white);outline:none;cursor:pointer;display:flex;align-items:center;gap:12px;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}.contact__label:hover{border-color:var(--clr-green-600)}.contact__label input[type=radio]{accent-color:var(--clr-green-600)}.contact__label:has(input[type=radio]:checked){border-color:var(--clr-green-600);background:var(--clr-green-200)}.contact__label:focus-within{border-color:var(--clr-green-600);background:var(--clr-green-200)}.contact__query-type{margin-bottom:16px}.contact__fieldset.message,.contact__fieldset.consent{margin-bottom:16px}.contact__error{font:inherit;font-size:1rem;color:var(--clr-red);display:block;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.contact__error.hidden{display:none;opacity:0;visibility:hidden}.contact__input-consent{margin-right:16px;accent-color:var(--clr-green-600)}.contact__submit-btn{font:inherit;font-size:1.125rem;font-weight:700;line-height:1.5;color:var(--clr-white);background-color:var(--clr-green-600);border:none;outline:none;width:100%;padding:16px 40px;border-radius:8px;transition:background-color .3s ease-in-out,transform .1s ease}.contact__submit-btn:hover{background-color:var(--clr-btn-hover)}.contact__submit-btn:active{transform:scale(0.98);background-color:var(--clr-btn-hover)}.contact .error-border{border:1px solid var(--clr-red);background:var(--clr-red-light)}/*# sourceMappingURL=style.css.map */