.kk-contact-form{position:relative;isolation:isolate;overflow:hidden;padding-top:var(--kk-contact-form-desktop-padding-top);padding-bottom:var(--kk-contact-form-desktop-padding-bottom);color:var(--kk-contact-form-text);background:var(--kk-contact-form-bg)}.kk-contact-form.kk-contact-form--gradient{background:linear-gradient(var(--kk-contact-form-gradient-direction),var(--kk-contact-form-gradient-start),var(--kk-contact-form-gradient-end))}.kk-contact-form.kk-contact-form--heading-small{--kk-contact-form-heading-size: clamp(1.7rem, 2.2vw, 2.5rem)}.kk-contact-form.kk-contact-form--heading-medium{--kk-contact-form-heading-size: clamp(2rem, 3vw, 3rem)}.kk-contact-form.kk-contact-form--heading-large{--kk-contact-form-heading-size: clamp(2.2rem, 4vw, 3.8rem)}.kk-contact-form.kk-contact-form--heading-display{--kk-contact-form-heading-size: clamp(2.6rem, 5vw, 4.6rem)}.kk-contact-form.kk-contact-form--form-title-small{--kk-contact-form-form-title-size: clamp(1.2rem, 1.7vw, 1.45rem)}.kk-contact-form.kk-contact-form--form-title-medium{--kk-contact-form-form-title-size: clamp(1.45rem, 2.1vw, 1.85rem)}.kk-contact-form.kk-contact-form--form-title-large{--kk-contact-form-form-title-size: clamp(1.7rem, 2.7vw, 2.3rem)}.kk-contact-form,.kk-contact-form *,.kk-contact-form *:before,.kk-contact-form *:after{box-sizing:border-box}.kk-contact-form .kk-contact-form__shell{width:100%;max-width:var(--kk-contact-form-layout-max-width);padding-right:clamp(16px,3vw,40px);padding-left:clamp(16px,3vw,40px);margin:0 auto}.kk-contact-form .kk-contact-form__shell--full{max-width:none}.kk-contact-form .kk-contact-form__frame{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:var(--kk-contact-form-column-gap);padding:var(--kk-contact-form-outer-padding);overflow:hidden;border:1px solid var(--kk-contact-form-border);border-radius:var(--kk-card-radius, 4px);background:var(--kk-contact-form-card)}.kk-contact-form.kk-contact-form--ratio-38-62 .kk-contact-form__frame{grid-template-columns:minmax(0,38fr) minmax(0,62fr)}.kk-contact-form.kk-contact-form--ratio-42-58 .kk-contact-form__frame{grid-template-columns:minmax(0,42fr) minmax(0,58fr)}.kk-contact-form.kk-contact-form--ratio-45-55 .kk-contact-form__frame{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}.kk-contact-form.kk-contact-form--no-contact .kk-contact-form__frame{grid-template-columns:minmax(0,1fr)}.kk-contact-form .kk-contact-form__contact,.kk-contact-form .kk-contact-form__form-panel{min-width:0;padding:clamp(28px,4vw,56px)}.kk-contact-form .kk-contact-form__contact{display:flex;flex-direction:column;background:var(--kk-contact-form-contact-bg)}.kk-contact-form .kk-contact-form__form-panel{scroll-margin-top:120px;background:var(--kk-contact-form-panel-bg)}.kk-contact-form .kk-contact-form__eyebrow{display:inline-flex;align-items:center;gap:11px;margin:0 0 13px;color:#00baba;font-size:.74rem;font-weight:700;line-height:1.35;letter-spacing:.15em;text-transform:uppercase}.kk-contact-form .kk-contact-form__eyebrow:before{width:26px;height:2px;background:currentColor;content:""}.kk-contact-form.kk-contact-form--align-center .kk-contact-form__contact-header{text-align:center}.kk-contact-form.kk-contact-form--align-center .kk-contact-form__contact-header .kk-contact-form__eyebrow:before{display:none}.kk-contact-form.kk-contact-form--align-center .kk-contact-form__contact-header-inner{margin-right:auto;margin-left:auto}.kk-contact-form .kk-contact-form__contact-header-inner{width:min(100%,var(--kk-contact-form-text-max))}.kk-contact-form .kk-contact-form__heading{margin:0;color:var(--kk-contact-form-text);font-family:inherit;font-size:var(--kk-contact-form-heading-size);font-weight:800;line-height:1.02;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}.kk-contact-form .kk-contact-form__description,.kk-contact-form .kk-contact-form__form-description{margin-top:16px;color:var(--kk-contact-form-muted);font-size:clamp(.96rem,1.1vw,1.07rem);line-height:1.62}.kk-contact-form .kk-contact-form__description>:first-child,.kk-contact-form .kk-contact-form__form-description>:first-child,.kk-contact-form .kk-contact-form__privacy>:first-child{margin-top:0}.kk-contact-form .kk-contact-form__description>:last-child,.kk-contact-form .kk-contact-form__form-description>:last-child,.kk-contact-form .kk-contact-form__privacy>:last-child{margin-bottom:0}.kk-contact-form .kk-contact-form__details{display:grid;gap:10px;padding:0;margin:32px 0 0;font-style:normal}.kk-contact-form .kk-contact-form__detail{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;min-width:0;min-height:64px;padding:10px 12px;border:1px solid var(--kk-contact-form-border);border-radius:calc(var(--kk-contact-form-button-radius) + 7px);color:inherit;background:color-mix(in srgb,var(--kk-contact-form-card) 62%,transparent);text-decoration:none;transition:border-color .22s ease,background-color .22s ease,color .22s ease}.kk-contact-form.kk-contact-form--details-no-icons .kk-contact-form__detail{grid-template-columns:minmax(0,1fr)}.kk-contact-form .kk-contact-form__detail-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--kk-contact-form-accent) 34%,var(--kk-contact-form-border));border-radius:50%;color:var(--kk-contact-form-accent);background:color-mix(in srgb,var(--kk-contact-form-accent) 8%,transparent)}.kk-contact-form .kk-contact-form__detail-icon svg{width:21px;height:21px}.kk-contact-form .kk-contact-form__detail-copy{min-width:0}.kk-contact-form .kk-contact-form__detail-label{display:block;margin-bottom:3px;color:var(--kk-contact-form-muted);font-size:.7rem;font-weight:700;line-height:1.25;letter-spacing:.09em;text-transform:uppercase}.kk-contact-form .kk-contact-form__detail-value{display:block;color:var(--kk-contact-form-text);font-size:.94rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.kk-contact-form .kk-contact-form__detail-meta{display:block;margin-top:3px;color:var(--kk-contact-form-muted);font-size:.84rem;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.kk-contact-form .kk-contact-form__detail--linked:focus-visible,.kk-contact-form .kk-contact-form__button:focus-visible,.kk-contact-form .kk-contact-form__submit:focus-visible,.kk-contact-form .kk-contact-form__field-control:focus-visible,.kk-contact-form .kk-contact-form__error-summary a:focus-visible{outline:3px solid var(--kk-contact-form-input-focus);outline-offset:3px}@media(hover:hover)and (pointer:fine){.kk-contact-form .kk-contact-form__detail--linked:hover{border-color:color-mix(in srgb,var(--kk-contact-form-accent) 55%,var(--kk-contact-form-border));color:var(--kk-contact-form-text);background:color-mix(in srgb,var(--kk-contact-form-accent) 7%,var(--kk-contact-form-card))}}.kk-contact-form .kk-contact-form__actions{display:grid;gap:10px;margin-top:28px}.kk-contact-form.kk-contact-form--buttons-grid .kk-contact-form__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.kk-contact-form.kk-contact-form--align-center .kk-contact-form__actions{margin-right:auto;margin-left:auto}.kk-contact-form .kk-contact-form__button,.kk-contact-form .kk-contact-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:.6875rem 1.375rem;border-radius:var(--kk-contact-form-button-radius);line-height:1.25;text-align:center;text-decoration:none;box-shadow:none;transform:none;transition:border-color .22s ease,background-color .22s ease,color .22s ease}.kk-contact-form .kk-contact-form__button:hover,.kk-contact-form .kk-contact-form__submit:hover{box-shadow:none;transform:none}.kk-contact-form .kk-contact-form__button svg,.kk-contact-form .kk-contact-form__submit svg{flex:0 0 19px;width:19px;height:19px}.kk-contact-form .kk-contact-form__form-header{margin-bottom:28px}.kk-contact-form .kk-contact-form__form-title{margin:0;color:var(--kk-contact-form-text);font-family:inherit;font-size:var(--kk-contact-form-form-title-size);font-weight:800;line-height:1.08;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}.kk-contact-form .kk-contact-form__form{margin:0}.kk-contact-form .kk-contact-form__field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kk-contact-form-field-gap)}.kk-contact-form.kk-contact-form--fields-single .kk-contact-form__field-grid{grid-template-columns:minmax(0,1fr)}.kk-contact-form .kk-contact-form__field--full,.kk-contact-form.kk-contact-form--fields-single .kk-contact-form__field,.kk-contact-form.kk-contact-form--order-hidden .kk-contact-form__field--phone{grid-column:1 / -1}.kk-contact-form .kk-contact-form__field[hidden]{display:none}.kk-contact-form .kk-contact-form__field-label{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin:0 0 8px;color:var(--kk-contact-form-text);font-size:.84rem;font-weight:700;line-height:1.35}.kk-contact-form .kk-contact-form__required{color:var(--kk-contact-form-muted);font-size:.72rem;font-weight:600}.kk-contact-form .kk-contact-form__field-control{display:block;width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--kk-contact-form-input-border);border-radius:var(--kk-contact-form-button-radius);color:var(--kk-contact-form-text);background:var(--kk-contact-form-input-bg);font:inherit;font-size:1rem;line-height:1.4;box-shadow:none;transition:border-color .22s ease,background-color .22s ease,color .22s ease}.kk-contact-form .kk-contact-form__field-control::placeholder{color:var(--kk-contact-form-muted);opacity:.75}.kk-contact-form .kk-contact-form__field-control:focus{border-color:var(--kk-contact-form-input-focus);outline:none}.kk-contact-form .kk-contact-form__field-control[aria-invalid=true]{border-color:var(--kk-contact-form-error);background:color-mix(in srgb,var(--kk-contact-form-error) 5%,var(--kk-contact-form-input-bg))}.kk-contact-form textarea.kk-contact-form__field-control{min-height:168px;resize:vertical}.kk-contact-form .kk-contact-form__select-wrap{position:relative}.kk-contact-form .kk-contact-form__select-wrap:after{position:absolute;top:50%;right:17px;width:8px;height:8px;border-right:2px solid var(--kk-contact-form-muted);border-bottom:2px solid var(--kk-contact-form-muted);pointer-events:none;content:"";transform:translateY(-70%) rotate(45deg)}.kk-contact-form select.kk-contact-form__field-control{padding-right:44px;cursor:pointer;-webkit-appearance:none;appearance:none}.kk-contact-form .kk-contact-form__help{margin:7px 0 0;color:var(--kk-contact-form-muted);font-size:.76rem;line-height:1.45}.kk-contact-form .kk-contact-form__privacy{margin-top:20px;color:var(--kk-contact-form-muted);font-size:.78rem;line-height:1.55}.kk-contact-form .kk-contact-form__privacy a{color:var(--kk-contact-form-accent);text-underline-offset:3px}.kk-contact-form .kk-contact-form__submit-row{display:flex;margin-top:18px}.kk-contact-form.kk-contact-form--submit-full .kk-contact-form__submit{width:100%}.kk-contact-form .kk-contact-form__message{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:16px;margin:0 0 24px;border:1px solid currentColor;border-radius:calc(var(--kk-contact-form-button-radius) + 7px)}.kk-contact-form .kk-contact-form__message--success{color:var(--kk-contact-form-success);background:color-mix(in srgb,var(--kk-contact-form-success) 8%,transparent)}.kk-contact-form .kk-contact-form__message--error{color:var(--kk-contact-form-error);background:color-mix(in srgb,var(--kk-contact-form-error) 7%,transparent)}.kk-contact-form .kk-contact-form__message-icon{display:inline-flex;margin-top:1px}.kk-contact-form .kk-contact-form__message-icon svg{width:23px;height:23px}.kk-contact-form .kk-contact-form__message-title{margin:0;color:currentColor;font-size:1rem;font-weight:800;line-height:1.35}.kk-contact-form .kk-contact-form__message-text{margin:5px 0 0;color:var(--kk-contact-form-text);line-height:1.55}.kk-contact-form .kk-contact-form__error-list{padding-left:20px;margin:8px 0 0;color:var(--kk-contact-form-text)}.kk-contact-form .kk-contact-form__error-list li+li{margin-top:5px}.kk-contact-form .kk-contact-form__error-list a{color:inherit;text-underline-offset:3px}.kk-contact-form .kk-contact-form__topic-editor-markers{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.kk-contact-form .kk-contact-form__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media screen and (max-width:899px){.kk-contact-form .kk-contact-form__frame,.kk-contact-form.kk-contact-form--ratio-38-62 .kk-contact-form__frame,.kk-contact-form.kk-contact-form--ratio-42-58 .kk-contact-form__frame,.kk-contact-form.kk-contact-form--ratio-45-55 .kk-contact-form__frame{grid-template-columns:minmax(0,1fr)}.kk-contact-form.kk-contact-form--mobile-form-first .kk-contact-form__form-panel{order:1}.kk-contact-form.kk-contact-form--mobile-form-first .kk-contact-form__contact{order:2}.kk-contact-form .kk-contact-form__field-grid{grid-template-columns:minmax(0,1fr)}.kk-contact-form .kk-contact-form__field{grid-column:1 / -1}}@media screen and (max-width:719px){.kk-contact-form{padding-top:var(--kk-contact-form-mobile-padding-top);padding-bottom:var(--kk-contact-form-mobile-padding-bottom)}.kk-contact-form.kk-contact-form--heading-small{--kk-contact-form-heading-size: clamp(1.5rem, 6.6vw, 1.9rem)}.kk-contact-form.kk-contact-form--heading-medium{--kk-contact-form-heading-size: clamp(1.7rem, 7.6vw, 2.25rem)}.kk-contact-form.kk-contact-form--heading-large{--kk-contact-form-heading-size: clamp(1.85rem, 9vw, 2.75rem)}.kk-contact-form.kk-contact-form--heading-display{--kk-contact-form-heading-size: clamp(2rem, 10vw, 3rem)}.kk-contact-form .kk-contact-form__shell{padding-right:14px;padding-left:14px}.kk-contact-form .kk-contact-form__contact,.kk-contact-form .kk-contact-form__form-panel{padding:28px 20px}.kk-contact-form.kk-contact-form--mobile-buttons-stack .kk-contact-form__actions{grid-template-columns:minmax(0,1fr)}.kk-contact-form.kk-contact-form--mobile-buttons-wrap .kk-contact-form__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.kk-contact-form .kk-contact-form__button,.kk-contact-form .kk-contact-form__submit{width:100%}}@media screen and (max-width:479px){.kk-contact-form .kk-contact-form__shell{padding-right:10px;padding-left:10px}.kk-contact-form.kk-contact-form--mobile-buttons-wrap .kk-contact-form__actions{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.kk-contact-form .kk-contact-form__detail,.kk-contact-form .kk-contact-form__button,.kk-contact-form .kk-contact-form__submit,.kk-contact-form .kk-contact-form__field-control{transition:none}}.kk-contact-form .kk-contact-form__shell{padding-right:0;padding-left:0}
/*# sourceMappingURL=/cdn/shop/t/206/assets/kiekkokingi-contact-form.css.map */