.ar-contact-modern{--ar-contact-max-width: 1240px;--ar-contact-field-height: 48px;--ar-contact-message-height: 132px;--ar-contact-icon-size: 48px;--ar-contact-panel-min-height: 560px;--ar-contact-panel-overlay: .34;--ar-contact-control-radius: min(14px, calc(var(--ar-radius-button) + 4px));--ar-contact-section-bg: var(--ar-color-background);--ar-contact-section-text: var(--ar-color-text);--ar-contact-section-muted: var(--ar-color-text-muted);--ar-contact-section-accent: var(--ar-color-accent);--ar-contact-section-border: var(--ar-color-border);--ar-contact-icon-color: var(--ar-color-accent);--ar-contact-icon-bg: var(--ar-color-accent-soft);--ar-contact-panel-icon-color: currentColor;--ar-contact-panel-icon-bg: color-mix(in srgb, currentColor 9%, transparent);background:var(--ar-contact-section-bg);color:var(--ar-contact-section-text)}.ar-contact-modern[data-ar-surface=background]{--ar-contact-section-bg: var(--ar-color-background)}.ar-contact-modern[data-ar-surface=white]{--ar-contact-section-bg: var(--ar-color-white)}.ar-contact-modern[data-ar-surface=soft],.ar-contact-modern[data-ar-surface=accent-2]{--ar-contact-section-bg: var(--ar-color-accent-2)}.ar-contact-modern[data-ar-surface=accent-soft]{--ar-contact-section-bg: var(--ar-color-accent-soft)}.ar-contact-modern[data-ar-surface=accent]{--ar-contact-section-bg: var(--ar-color-accent);--ar-contact-section-text: var(--ar-color-white);--ar-contact-section-muted: color-mix(in srgb, var(--ar-color-white) 78%, transparent);--ar-contact-section-accent: var(--ar-color-white);--ar-contact-section-border: color-mix(in srgb, var(--ar-color-white) 24%, transparent)}.ar-contact-modern[data-ar-surface=black]{--ar-contact-section-bg: var(--ar-color-black);--ar-contact-section-text: var(--ar-color-white);--ar-contact-section-muted: color-mix(in srgb, var(--ar-color-white) 72%, transparent);--ar-contact-section-accent: var(--ar-color-accent-soft);--ar-contact-section-border: color-mix(in srgb, var(--ar-color-white) 22%, transparent)}.ar-contact-modern__shell{width:100%;max-width:min(var(--ar-contact-max-width),100%);margin-inline:auto}.ar-contact-modern__layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(28px,5vw,72px);align-items:stretch}.ar-contact-modern__layout--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-contact-modern__layout--form-wide{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.ar-contact-modern__layout--single{grid-template-columns:minmax(0,760px);justify-content:center}.ar-contact-modern__form-column{min-width:0;display:flex;flex-direction:column;justify-content:center}.ar-contact-modern__header{display:grid;gap:10px;margin-bottom:clamp(22px,3vw,34px);max-width:680px}.ar-contact-modern__header--center{margin-inline:auto;text-align:center;justify-items:center}.ar-contact-modern__eyebrow{margin:0;color:var(--ar-contact-section-accent);font-size:var(--ar-fs-meta);font-weight:var(--ar-fw-ui);line-height:var(--ar-lh-ui);letter-spacing:var(--ar-ls-wide);text-transform:uppercase}.ar-contact-modern__title{margin:0;color:var(--ar-contact-section-text);font-family:var(--ar-font-heading);font-size:clamp(28px,3.2vw,var(--ar-fs-page));font-weight:var(--ar-fw-page);line-height:var(--ar-lh-title);letter-spacing:var(--ar-ls-title)}.ar-contact-modern__subtitle{margin:0;max-width:62ch;color:var(--ar-contact-section-muted);font-size:var(--ar-fs-body);line-height:var(--ar-lh-body)}.ar-contact-modern__subtitle p{margin:0}.ar-contact-modern__form-card{min-width:0}.ar-contact-modern__form-card--card{padding:clamp(18px,3vw,34px);border:1px solid var(--ar-contact-section-border);border-radius:var(--ar-radius-card);background:var(--ar-color-surface);box-shadow:var(--ar-card-shadow, none)}.ar-contact-modern__form{display:grid;gap:14px}.ar-contact-modern__field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ar-contact-modern__field{min-width:0;display:grid;gap:7px}.ar-contact-modern__label{margin:0;color:var(--ar-contact-section-text);font-size:var(--ar-fs-small);font-weight:var(--ar-fw-ui);line-height:var(--ar-lh-ui)}.ar-contact-modern__required-mark{color:var(--ar-contact-section-accent)}.ar-contact-modern__control{min-width:0;display:grid;grid-template-columns:var(--ar-contact-icon-size) minmax(0,1fr);gap:8px;align-items:stretch}.ar-contact-modern__icon-box,.ar-contact-modern__input-box{border:1px solid var(--ar-color-border);border-radius:var(--ar-contact-control-radius);transition:border-color var(--ar-duration-fast) ease,box-shadow var(--ar-duration-fast) ease,background var(--ar-duration-fast) ease,color var(--ar-duration-fast) ease}.ar-contact-modern__icon-box{width:var(--ar-contact-icon-size);height:var(--ar-contact-icon-size);display:inline-flex;align-items:center;justify-content:center;align-self:start;overflow:hidden;background:var(--ar-contact-icon-bg);color:var(--ar-contact-icon-color)}.ar-contact-modern__icon-box svg{display:block;width:20px;height:20px;max-width:62%;max-height:62%}.ar-contact-modern__input-box{position:relative;min-width:0;min-height:var(--ar-contact-field-height);display:flex;align-items:center;background:var(--ar-contact-field-bg, var(--ar-color-surface-soft))}.ar-contact-modern__control:focus-within .ar-contact-modern__input-box,.ar-contact-modern__control:focus-within .ar-contact-modern__icon-box{border-color:var(--ar-color-accent)}.ar-contact-modern__control:focus-within .ar-contact-modern__input-box{box-shadow:0 0 0 3px color-mix(in srgb,var(--ar-color-accent) 15%,transparent)}.ar-contact-modern__control:focus-within .ar-contact-modern__icon-box{background:color-mix(in srgb,var(--ar-contact-icon-bg) 78%,var(--ar-contact-icon-color))}.ar-contact-modern__input,.ar-contact-modern__select,.ar-contact-modern__textarea{width:100%;min-width:0;margin:0;border:0;outline:0;border-radius:inherit;background:transparent;color:var(--ar-color-text);font:inherit;font-size:var(--ar-fs-body);line-height:var(--ar-lh-ui);box-shadow:none}.ar-contact-modern__input,.ar-contact-modern__select{min-height:calc(var(--ar-contact-field-height) - 2px);padding:0 15px}.ar-contact-modern__select{cursor:pointer}.ar-contact-modern__textarea-box{min-height:var(--ar-contact-message-height);align-items:flex-start}.ar-contact-modern__textarea{min-height:calc(var(--ar-contact-message-height) - 2px);padding:13px 15px;line-height:var(--ar-lh-body);resize:vertical}.ar-contact-modern__input::placeholder,.ar-contact-modern__textarea::placeholder{color:var(--ar-color-text-muted);opacity:.82}.ar-contact-modern__input:-webkit-autofill,.ar-contact-modern__input:-webkit-autofill:hover,.ar-contact-modern__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ar-color-text);box-shadow:0 0 0 1000px var(--ar-contact-field-bg, var(--ar-color-surface-soft)) inset;transition:background-color 9999s ease-out 0s}.ar-contact-modern__checkbox-row{display:flex;align-items:flex-start;gap:10px;padding-block:2px;color:var(--ar-contact-section-muted);font-size:var(--ar-fs-small);line-height:var(--ar-lh-body);cursor:pointer}.ar-contact-modern__checkbox-row input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--ar-color-accent);flex:0 0 auto}.ar-contact-modern__required-note{margin:0;color:var(--ar-contact-section-muted);font-size:var(--ar-fs-small);line-height:var(--ar-lh-body)}.ar-contact-modern__submit{width:100%;margin-top:2px}.ar-contact-modern__submit--auto{width:fit-content;min-width:min(100%,220px)}.ar-contact-modern__message{padding:13px 15px;border:1px solid var(--ar-color-border);border-radius:var(--ar-contact-control-radius);font-size:var(--ar-fs-small);line-height:var(--ar-lh-body)}.ar-contact-modern__message--success{border-color:color-mix(in srgb,var(--ar-color-accent) 44%,var(--ar-color-border));background:var(--ar-color-accent-soft);color:var(--ar-color-text)}.ar-contact-modern__message--error{border-color:color-mix(in srgb,#b42318 50%,var(--ar-color-border));background:color-mix(in srgb,#b42318 8%,var(--ar-color-surface))}.ar-contact-modern__message ul{margin:0;padding-left:1.2rem}.ar-contact-modern__panel{position:relative;min-width:0;min-height:var(--ar-contact-panel-min-height);overflow:hidden;display:flex;border:1px solid var(--ar-color-border);border-radius:var(--ar-radius-card);background:radial-gradient(circle at 76% 18%,color-mix(in srgb,var(--ar-color-accent) 18%,transparent),transparent 38%),var(--ar-color-accent-soft);color:var(--ar-color-text);box-shadow:var(--ar-card-shadow, none)}.ar-contact-modern__panel-media,.ar-contact-modern__panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.ar-contact-modern__panel-media img{width:100%;height:100%;object-fit:cover;object-position:var(--ar-contact-image-position, center)}.ar-contact-modern__panel-overlay{background:linear-gradient(180deg,#0000004d,#000);opacity:var(--ar-contact-panel-overlay)}.ar-contact-modern__panel--has-image.ar-contact-modern__panel--light{color:var(--ar-color-white)}.ar-contact-modern__panel--has-image.ar-contact-modern__panel--dark{color:var(--ar-color-black)}.ar-contact-modern__panel--has-image.ar-contact-modern__panel--dark .ar-contact-modern__panel-overlay{background:linear-gradient(180deg,#ffffff4d,#fff);opacity:var(--ar-contact-panel-overlay)}.ar-contact-modern__panel-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:var(--ar-contact-panel-position, center);gap:14px;padding:clamp(24px,4vw,48px)}.ar-contact-modern__panel-content--center{align-items:center;text-align:center}.ar-contact-modern__panel-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:var(--ar-contact-control-radius);background:var(--ar-contact-panel-icon-bg);color:var(--ar-contact-panel-icon-color)}.ar-contact-modern__panel-icon svg{display:block;width:21px;height:21px;max-width:60%;max-height:60%}.ar-contact-modern__panel-title{max-width:15ch;margin:0;color:inherit;font-family:var(--ar-font-heading);font-size:clamp(28px,3.2vw,44px);font-weight:var(--ar-fw-page);line-height:1.08;letter-spacing:var(--ar-ls-title)}.ar-contact-modern__panel-text{max-width:40ch;margin:0;color:inherit;font-size:var(--ar-fs-body);line-height:var(--ar-lh-body);opacity:.9}.ar-contact-modern__panel-text p{margin:0}.ar-contact-modern__panel-button{margin-top:5px}.ar-contact-modern__panel--has-image.ar-contact-modern__panel--light .ar-button--secondary{color:var(--ar-color-white);border-color:color-mix(in srgb,var(--ar-color-white) 70%,transparent);background:color-mix(in srgb,var(--ar-color-black) 14%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ar-contact-modern__panel--has-image.ar-contact-modern__panel--dark .ar-button--secondary{color:var(--ar-color-black);border-color:color-mix(in srgb,var(--ar-color-black) 38%,transparent);background:color-mix(in srgb,var(--ar-color-white) 42%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media screen and (max-width:989px){.ar-contact-modern__layout,.ar-contact-modern__layout--balanced,.ar-contact-modern__layout--form-wide{grid-template-columns:minmax(0,1fr);gap:30px}.ar-contact-modern__layout--panel-first .ar-contact-modern__panel{order:-1}.ar-contact-modern__panel{min-height:min(var(--ar-contact-panel-min-height),480px)}}@media screen and (max-width:749px){.ar-contact-modern{--ar-contact-control-radius: min(13px, calc(var(--ar-radius-button) + 4px))}.ar-contact-modern__field-grid{grid-template-columns:minmax(0,1fr)}.ar-contact-modern__form-card--card{padding:16px}.ar-contact-modern__panel{min-height:min(var(--ar-contact-panel-min-height),410px)}.ar-contact-modern__panel-content{padding:28px 22px}.ar-contact-modern__panel-title{font-size:clamp(28px,9vw,38px)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/arake-contact-form-modern.css.map */