.content-box{padding:var(--xlarge) var(--large);background:var(--agform-color3);box-shadow:var(--bs);border-radius:4px}input#custom-topic-input,input#custom-area-input{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000000" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>');background-repeat:no-repeat;background-position:right;background-size:20px;cursor:pointer;background-origin:content-box}.form-subtitle h1{font-size:var(--fs4);margin-bottom:var(--large)}form.ag-form{position:relative}.ag-form button:disabled{opacity:0.3;pointer-events:none}.selected-option{background-color:#f0f0f0}.agRadioRow label{width:100%;cursor:pointer;pointer-events:none;user-select:none}.ag-form .form-subtitle-line{display:flex;justify-content:start;position:relative;text-align:center;margin:var(--xlarge) 0}.ag-form .form-subtitle-line p{margin:0;font-size:var(--fs2);background:var(--agform-color3);z-index:2;padding:0 12px 0 0;color:var(--agform-color-b);font-family:var(--ff2);font-weight:bold}.ag-form .form-subtitle-line:after{content:"";width:100%;border-bottom:2px solid var(--b-color);position:absolute;top:11px}.custom-options,.custom-department-options,.custom-area-options{display:none;border:1px solid var(--b-color);background-color:#fff;max-height:250px;overflow-y:auto;position:absolute;z-index:1000;width:100%;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-top:-16px;border-radius:0 0 4px 4px;border-top:0}.custom-option,.custom-department-option,.custom-area-option{padding:10px;cursor:pointer;font-family:var(--ff2)}.custom-option:hover,.custom-department-option:hover,.custom-area-option:hover{background-color:#f1f1f1}.ag-form .same-row .form-row{width:50%;position:relative}.form-subtitle span{position:absolute;top:calc(var(--xlarge)* -1);left:calc(var(--large)* -1);padding:4px var(--large);background:var(--agform-color1);color:var(--agform-color3);border-radius:0 0 4px 0;display:none;font-family:var(--ff2)}.ag-form .same-row .form-row:first-child{margin-right:4px}.ag-form .same-row{display:inline-flex;width:100%;position:relative}.content-box .form-row{position:relative;display:flex;flex-direction:column;margin-bottom:25px}.ag-contact-wrap h2{font-family:var(--ff2);color:var(--agform-color5)}.ag-form .form-row label{margin-bottom:4px;display:block}.ag-form .form-row textarea,.ag-form .form-row input,.ag-form .form-row select{background:transparent;padding:9px;border:var(--main-border);width:100% !important;box-sizing:border-box;border-radius:4px}.ag-form .form-row textarea,.ag-form .form-row input{color:var(--contrast);background-color:var(--base-2);border:1px solid var(--base);border-radius:0;padding:10px 15px;max-width:100%}.ag-form .form-row input[type="file"]{background:0;padding:0;border:0;max-width:max-content}.content-box .form-row:has(input[type="text"]),.content-box .form-row:has(input[type="tel"]),.content-box .form-row:has(input[type="email"]){max-width:400px}.ag-form .form-row textarea{min-height:100px}.ag-form .form-row textarea::placeholder,.ag-form .form-row input::placeholder{color:var(--agform-color3)}.ag-form .form-row.active textarea::placeholder,.ag-form .form-row.active input::placeholder{color:var(--agform-color5)}.ag-form button,.ag-form .button-wrapper input{border:0;padding:10px 20px;width:max-content;font-size:17px;cursor:pointer;color:#ffffff;background-color:#55555e}.agCheckboxRowWrap{display:flex;gap:16px;flex-wrap:wrap}.agCheckboxRow{display:flex;gap:6px;align-items:center}.agCheckboxRow input{margin:0;width:16px;height:16px;margin-top:1px}.agCheckboxRow label{line-height:1}.agFormCheckbox span{margin-bottom:4px;display:block}.agFormCheckbox{margin-bottom:25px}.terms-check{display:flex;margin-bottom:25px;align-items:center;gap:6px}.terms-check input{margin:0;width:16px;height:16px;margin-top:4px;min-width:16px}.terms-check a{color:var(--accent);text-decoration:underline}.ag-form{width:100%}.agFormRadio{width:100%;display:flex;flex-direction:column;margin-bottom:25px}.agRadioRow{width:100%;padding:5px;border-radius:4px;display:flex;gap:4px}.agFormRadio .form-subtitle-line{width:100%}.agRadioRowWrap{width:max-content;display:flex;flex-direction:row;gap:4px}input[type="radio"]{cursor:pointer}input[type="date"]{min-height:36px}.ag-form .same-row.agDatePick .form-row{width:100%;margin:0;transition:width 0.35s, opacity 0.35s}.ag-form .same-row.agDatePick{column-gap:4px}.ag-form .same-row.agDatePick.active .form-row:has(#voimassapaattyen){opacity:0;width:0}.ag-form .same-row.agDatePick.active{column-gap:0}.ag-form .same-row.agDatePick .agFormField{max-height:94px;overflow:hidden}.ag-form .checkbox-row{display:flex;align-items:center;padding-bottom:var(--large)}.ag-form .checkbox-row input[type="checkbox"]{display:none}.ag-form .checkbox-row .agFormCheckbox{position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:var(--agform-color5);user-select:none}.ag-form .checkbox-row .agFormCheckbox:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border:2px solid var(--agform-color5);border-radius:4px;background-color:white}.ag-form .checkbox-row input[type="checkbox"]:checked+.agFormCheckbox:before{background-color:var(--agform-color1);border-color:var(--agform-color1)}.ag-form .checkbox-row input[type="checkbox"]:checked+.agFormCheckbox:after{content:"";position:absolute;left:6px;top:5px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.ag-form .checkbox-row .agFormCheckbox:hover:before{border-color:var(--agform-color1)}.ag-mp p.mielipde-text{display:block}p.mielipde-text{display:none}.info-box p{background:#fff !important;color:var(--agform-color5);border:0;padding:12px;font-size:17px;border-radius:30px;gap:5px;flex-wrap:wrap;justify-content:center;align-items:center;width:max-content;max-width:100%;text-align:center;margin:0px 0px 25px 0px;font-weight:bold}.info-box p.success{border:2px solid #6eea8e}.info-box p.fail,.info-box p.failrecapcha{border:2px solid #e35050}.info-box p svg{width:22px !important;height:22px !important}.info-box p.success svg{fill:#6eea8e}.info-box p.fail svg,.info-box p.failrecapcha svg{fill:#e35050}.info-box{flex-direction:column;display:none}
