/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/styles/sections/opk-contact-form.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/:root{--opk-layout: 1920px;--opk-layout-main: 1772px;--opk-layout-small: 1307px;--font-albert-sans: "Albert Sans", sans-serif}.opk-title-group{display:flex;flex-direction:column}@media screen and (min-width:768px){.opk-title-group{gap:20px}}@media screen and (max-width:767px){.opk-title-group{gap:25px}}.opk-title-group .line{background-color:#b17f4a}@media screen and (min-width:768px){.opk-title-group .line{width:76px;height:10px}}@media screen and (max-width:767px){.opk-title-group .line{width:60px;height:8px}}.opk-title-group .title{font-family:Albert Sans,sans-serif;font-family:var(--font-albert-sans);font-weight:700;letter-spacing:0%;text-transform:uppercase}@media screen and (min-width:1500px){.opk-title-group .title{font-size:110px;line-height:104px}}@media(max-width:1499px)and (min-width:1200px){.opk-title-group .title{font-size:80px;line-height:76px}}@media(max-width:1199px)and (min-width:768px){.opk-title-group .title{font-size:64px;line-height:60px}}@media screen and (max-width:767px){.opk-title-group .title{font-size:48px;line-height:44px}}.opk-contact-form .container{display:flex;flex-direction:column;max-width:2072px;max-width:calc(var(--opk-layout) + 152px)}@media screen and (min-width:1500px){.opk-contact-form .container{gap:60px;padding:0 76px}}@media(max-width:1499px)and (min-width:1200px){.opk-contact-form .container{gap:45px;padding:0 40px}}@media(max-width:1199px)and (min-width:768px){.opk-contact-form .container{gap:30px;padding:0}}@media screen and (max-width:767px){.opk-contact-form .container{gap:20px;padding:0}}@media(max-width:1199px)and (min-width:768px){.opk-contact-form .title-group{padding:0 24px}}@media screen and (max-width:767px){.opk-contact-form .title-group{padding:0 20px}}.opk-contact-form .media-container{position:relative;overflow:hidden}.opk-contact-form .media-container .image{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media screen and (min-width:1200px){.opk-contact-form .media-container .image{aspect-ratio:1075/1021}}@media screen and (max-width:1199px){.opk-contact-form .media-container .image{aspect-ratio:1/1;max-height:600px}}@media screen and (min-width:1500px){.opk-contact-form .grid{display:grid;grid-template-columns:60.9% auto;grid-gap:73px;gap:73px}}@media(max-width:1499px)and (min-width:1400px){.opk-contact-form .grid{display:grid;grid-template-columns:54% auto;grid-gap:50px;gap:50px}}@media(max-width:1399px)and (min-width:1200px){.opk-contact-form .grid{display:grid;grid-template-columns:50% auto;grid-gap:30px;gap:30px}}@media screen and (max-width:1199px){.opk-contact-form .grid{display:flex;flex-direction:column;gap:40px}}.opk-contact-form .form{display:flex;flex-direction:column;align-items:center}@media(max-width:1199px)and (min-width:768px){.opk-contact-form .form{padding:0 24px}}@media screen and (max-width:767px){.opk-contact-form .form{padding:0 20px}}@media screen and (min-width:1200px){.opk-contact-form .form .section__header{padding-bottom:36px}}@media screen and (max-width:1199px){.opk-contact-form .form .section__header{padding-bottom:21px}}.opk-contact-form .form .section__heading,.opk-contact-form .form .section__description p{text-align:left}.opk-contact-form .form .section__heading{font-family:Albert Sans,sans-serif;font-family:var(--font-albert-sans);font-weight:700;letter-spacing:0%;text-transform:uppercase}@media screen and (min-width:1500px){.opk-contact-form .form .section__heading{font-size:60px;line-height:60px}}@media(max-width:1499px)and (min-width:1400px){.opk-contact-form .form .section__heading{font-size:48px;line-height:56px}}@media(max-width:1399px)and (min-width:1200px){.opk-contact-form .form .section__heading{font-size:36px;line-height:48px}}@media screen and (max-width:1199px){.opk-contact-form .form .section__heading{font-size:28px;line-height:48px}}.opk-contact-form .form .section__heading{font-family:Albert Sans}@media screen and (min-width:1200px){.opk-contact-form .form .section__description{margin-top:35px}}@media screen and (max-width:1199px){.opk-contact-form .form .section__description{margin-top:20px}}.opk-contact-form .form .section__description p{font-family:Albert Sans,sans-serif;font-family:var(--font-albert-sans);font-weight:400;font-size:20px;line-height:28px;letter-spacing:0%}.opk-contact-form .form .f-contact-form__fields{gap:2.6rem 14px;max-width:100%}.opk-contact-form .form .contact-form{display:flex;flex-direction:column-reverse;align-items:center;width:100%}.opk-contact-form .form .f-flex>.f-column{padding:0}.opk-contact-form .form .form-label{font-family:Albert Sans,sans-serif;font-family:var(--font-albert-sans);font-weight:700;font-size:14px;line-height:16px;letter-spacing:0%;text-transform:uppercase}.opk-contact-form .form .form-field~.form-field{margin-top:0}@media screen and (min-width:768px){.opk-contact-form .form .form-field:nth-of-type(1),.opk-contact-form .form .form-field:nth-of-type(2){width:48.4%}}@media screen and (max-width:767px){.opk-contact-form .form .form-field:nth-of-type(1),.opk-contact-form .form .form-field:nth-of-type(2){width:100%}}@media screen and (min-width:1200px){.opk-contact-form .form .form-field.form-submit{margin-top:10px}}@media screen and (max-width:1199px){.opk-contact-form .form .form-field.form-submit{margin-top:-6px}}.opk-contact-form .form .form-field .form-label{margin-bottom:8px}.opk-contact-form .form .form-field .form-control{padding:8px 16px;border-color:#000;border-radius:0;font-family:Albert Sans,sans-serif;font-family:var(--font-albert-sans);font-weight:400;font-size:18px;line-height:20px}.opk-contact-form .form .form-control--textarea{min-height:-moz-fit-content;min-height:fit-content}.opk-contact-form .form-submit{display:flex;flex-direction:column;gap:12px}.opk-contact-form .form-submit .btn{position:relative;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:9px 45px;font-size:18px;font-weight:700;line-height:1.11;text-align:center;text-transform:uppercase;overflow:hidden;transition:background-color .4s ease-in-out,color .4s ease-in-out}.opk-contact-form .form-submit .btn:after{content:"";position:absolute;top:0;bottom:0;left:0;height:100%;width:7px;transition:background-color .4s ease-in-out}@media(any-hover:hover){.opk-contact-form .form-submit .btn:hover span:first-of-type{transform:translate(0)}.opk-contact-form .form-submit .btn:hover span:last-of-type{transform:translate(200%)}}.opk-contact-form .form-submit .btn span:first-of-type{position:absolute;transform:translate(-200%)}.opk-contact-form .form-submit .btn span{transition:transform .4s ease-in-out}.opk-contact-form .form-submit .btn{width:100%;min-height:48px;border-radius:0;letter-spacing:.03em;background-color:#b17f4a;color:#fff}.opk-contact-form .form-submit .button-description{font-family:Albert Sans,sans-serif;font-family:var(--font-albert-sans);font-weight:400;font-size:18px;line-height:20px;color:#a6a6a6}.opk-contact-form .form-status{width:100%}.opk-contact-form .form-status .form-status__error,.opk-contact-form .form-status .form-status__success{display:flex;margin:0 0 30px}.opk-contact-form .form-status .form-status__title,.opk-contact-form .form-status ul{margin:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/opk-contact-form.css.map */