@charset "UTF-8";
@font-face {
  font-family: "averta";
  src: url("../fonts/614820ed75e044f24b7e8275_averta-regular.woff2") format("woff2"), url("../fonts/614820ed75e044f24b7e8275_averta-regular.woff") format("woff"), url("../fonts/614820ed75e044f24b7e8275_averta-regular.otf") format("opentype"), url("../fonts/614820ed75e044f24b7e8275_averta-regular.svg#averta-regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "averta";
  src: url("../fonts/Averta-Semibold.woff2") format("woff2"), url("../fonts/Averta-Semibold.woff") format("woff"), url("../fonts/Averta-Semibold.otf") format("opentype"), url("../fonts/Averta-Semibold.svg#averta-bold") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "averta";
  src: url("../fonts/614820edbf08d49457b992f5_averta-bold.woff2") format("woff2"), url("../fonts/614820edbf08d49457b992f5_averta-bold.woff") format("woff"), url("../fonts/614820edbf08d49457b992f5_averta-bold.otf") format("opentype"), url("../fonts/614820edbf08d49457b992f5_averta-bold.svg#averta-bold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* VOI HEVONVITTU */
.embed-code table {
  display: table !important;
}
.embed-code .marketingForm {
  width: 100%;
  margin: 0;
  padding: 1em;
  font-family: "averta", sans-serif;
  background: #f4f4f4;
}
.embed-code .marketingForm h1 {
  font-size: 1.5rem;
  font-family: "averta", sans-serif;
  font-weight: 600;
}
.embed-code .marketingForm p {
  font-size: 0.875rem;
  font-family: inherit;
}
.embed-code .marketingForm div {
  text-align: left;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.embed-code .marketingForm .outer {
  max-width: 100%;
  margin: 0 auto;
}
.embed-code .marketingForm .outer > tbody > tr > th {
  padding: 0 !important;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner {
  margin: 0 0 1rem 0;
  background: #f4f4f4 !important;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner > div {
  padding: 0;
  margin: 0 0 1em 0;
  gap: 0;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner label {
  font-family: "averta", sans-serif;
  font-size: 0.875rem;
  margin: 0 0 0.25em 0;
  line-height: 1.15;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner label::after {
  width: 0.5em;
  color: #ff91af;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .optionSetFormFieldBlock select {
  line-height: 1.2 !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 0.875rem !important;
  font-family: "averta", sans-serif !important;
  padding: 0.75em 0.5em !important;
  border-radius: 0 !important;
  border: 2px solid #5939ca !important;
  background-color: #f4f4f4 !important;
  color: #000000 !important;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .phoneFormFieldBlock input,
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .textFormFieldBlock input {
  line-height: 1.2 !important;
  height: auto !important;
  margin: 0 !important;
  font-family: "averta", sans-serif !important;
  font-size: 0.875rem !important;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .phoneFormFieldBlock input[type=email], .embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .phoneFormFieldBlock input[type=tel], .embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .phoneFormFieldBlock input[type=text],
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .textFormFieldBlock input[type=email],
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .textFormFieldBlock input[type=tel],
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .textFormFieldBlock input[type=text] {
  padding: 0.75em 0.5em !important;
  border-radius: 0 !important;
  border: 2px solid #5939ca !important;
  background-color: #f4f4f4 !important;
  color: #000000 !important;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .consentBlock {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .consentBlock > div {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .consentBlock > div input[type=checkbox] {
  margin: 0.25em 0 0 0;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .submitButton {
  -webkit-transition: 0.25s ease-in-out color, 0.25s ease-in-out background-color, 0.25s ease-in-out transform;
  transition: 0.25s ease-in-out color, 0.25s ease-in-out background-color, 0.25s ease-in-out transform;
  position: relative;
  z-index: 2;
  display: inline-block;
  border-radius: 99px !important;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: "averta", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.9em 1.5em !important;
  background-color: transparent;
  color: #ffffff !important;
  background-color: #5939ca !important;
}
.embed-code .marketingForm .outer .containerWrapper.tbContainer .inner .submitButton:hover {
  background-color: #4f31b8;
  color: #ffffff !important;
}
.embed-code .onFormSubmittedFeedback {
  width: 100% !important;
}
.embed-code .onFormSubmittedFeedback .onFormSubmittedFeedbackInternalContainer {
  padding: 0 !important;
}
.embed-code .onFormSubmittedFeedback .onFormSubmittedFeedbackInternalContainer .onFormSubmittedFeedbackMessage {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-family: "averta", sans-serif !important;
  font-size: 0.875rem !important;
}

/*

<form aria-label="Untitled Form" class="marketingForm" data-successmessage="Kiitos lomakkeen täytöstä! Saat pian sähköpostiisi lviestin osoitteesta info@meltlake.com joka sisältää linkin oppaan lataamiseen. Jos opasta ei näy, kurkkaa myös muut sähköpostikansiot." data-errormessage="Hups, jotain meni nyt pieleen. Yritä pian uudestaan.">
  <div data-layout="true" data-layout-version="v2" style="margin: auto; max-width: 600px;">
    <div data-section="true" class="emptyContainer columns-equal-class wrap-section">
      <table class="outer" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 600px; display: block;">
        <tbody>
          <tr>
            <th style="padding: 88px 10px 0px">
              <table style="width: 100%; border-collapse: collapse" class="containerWrapper tbContainer" cellpadding="0" cellspacing="0">
                <tbody>
                  <tr>
                    <th data-container="true" class="columnContainer" data-container-width="100" style="vertical-align: top; min-width: 5px; width: 580px; height: 0px; padding: 0px;">
                      <table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; height: 100%;">
                        <tbody>
                          <tr>
                            <th class="inner" style="min-width: 5px; padding: 0px; vertical-align: top; word-wrap: break-word; word-break: break-word; word-wrap: break-word; word-break: break-word; margin-bottom: 32px; background-color: rgba(0, 0, 0, 0); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; font-weight: normal;">
                              <div style="text-align: center">
                                <div data-editorblocktype="Text" style="margin: 10px">
                                  <h1>Copilot Studio -opas</h1>
                                </div>
                                <div data-editorblocktype="Text" style="margin: 10px">
                                  <p>Täytä lomake niin saat paluupostissa oppaan jonka avulla rakennat oman chatbotin yrityksenne verkkosivuille tai SharePoint-intraan.&nbsp;</p>
                                </div>
                              </div>
                            </th>
                          </tr>
                        </tbody>
                      </table>
                    </th>
                  </tr>
                </tbody>
              </table>
            </th>
          </tr>
        </tbody>
      </table>
    </div>
    <div data-section="true" class="emptyContainer columns-equal-class wrap-section">
      <table class="outer" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 600px; display: block;">
        <tbody>
          <tr>
            <th style="padding: 0px">
              <table style="width: 100%; border-collapse: collapse" class="containerWrapper tbContainer" cellpadding="0" cellspacing="0">
                <tbody>
                  <tr>
                    <th data-container="true" class="columnContainer" data-container-width="100" style="vertical-align: top; min-width: 5px; width: 600px; height: 0px; padding: 0px;">
                      <table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; height: 100%;">
                        <tbody>
                          <tr>
                            <th class="inner" style="min-width: 5px; padding: 0px; vertical-align: top; word-wrap: break-word; word-break: break-word; word-wrap: break-word; word-break: break-word; background-color: rgba(0, 0, 0, 0); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; font-weight: normal;">
                              <div class="textFormFieldBlock" data-editorblocktype="TextFormField" data-targetproperty="firstname" data-required="required"><label title="First Name" for="firstname-1669975306869">Etunimi</label><input id="firstname-1669975306869" type="text" name="firstname" placeholder="Enter your first name" title="First Name" maxlength="50" value="" required="required"></div>
                              <div class="textFormFieldBlock" data-editorblocktype="TextFormField" data-targetproperty="lastname" data-required="required"><label title="Last Name" for="lastname-1669976849422">Sukunimi</label><input id="lastname-1669976849422" type="text" name="lastname" placeholder="Enter your last name" title="Last Name" maxlength="50" required="required" value=""></div>
                              <div class="textFormFieldBlock" data-editorblocktype="TextFormField" data-targetproperty="emailaddress1" data-required="required"><label title="Email" for="emailaddress1-1669977007902">Työsähköpostisi</label><input id="emailaddress1-1669977007902" type="email" name="emailaddress1" placeholder="Enter your email address" title="Email" pattern="[^@\s\\&quot;<>\)\(\[\]:;,.]+(([.]{1}[^@\s\\&quot;<>\)\(\[\]:;,.]+)+?|)@([^@\s\\&quot;<>\)\(\[\]\+:;,\.\-]+(((\.|\+|-|--)[^@\s\\&quot;<>\)\(\[\]+:;,.\-]+)+?|)([.][^0-9@\s\\&quot;<>\)\(\[\]+:;,.\-]+)+?)" value="lähetämme sinulle oppaan latauslinkin myös sähköpostiin" required="required"></div>
                              <div class="textFormFieldBlock" data-editorblocktype="TextFormField" data-targetproperty="companyname" data-required="required"><label title="Company Name" for="companyname-1720496325531">Yritys</label><input id="companyname-1720496325531" type="text" name="companyname" placeholder="" title="Company Name" maxlength="100" required="required"></div>
                              <div class="twoOptionFormFieldBlock" data-editorblocktype="TwoOptionFormField" data-targetproperty="mel_raffleparticipation" data-options="[{&quot;value&quot;:&quot;1&quot;,&quot;label&quot;:&quot;Yes&quot;},{&quot;value&quot;:&quot;0&quot;,&quot;label&quot;:&quot;No&quot;}]" data-required="required"><label title="Raffle participation" class="block-label" for="mel_raffleparticipation-1720440195211">Osallistun kahden tunnin Copilot Studio -sparrausarvontaan</label>
                                <div class="radiobuttons" id="mel_raffleparticipation-1720440195211">
                                  <div><input type="radio" value="1" name="mel_raffleparticipation" id="mel_raffleparticipation-1720440195211-1" title="Kyllä" required="required" checked=""><label for="1" title="Kyllä">Kyllä</label></div>
                                  <div><input type="radio" value="0" name="mel_raffleparticipation" id="mel_raffleparticipation-1720440195211-0" title="En tällä kertaa, lataan vain oppaan" required=""><label for="0" title="En tällä kertaa, lataan vain oppaan">En tällä kertaa, lataan vain oppaan</label></div>
                                </div>
                              </div>
                              <div data-editorblocktype="Text" style="margin: 10px;">
                                <p>Arvontaan voi osallistua 30.9.2024 saakka. Sparrauksen voittajalle ilmoitamme henkilökohtaisesti.</p>
                              </div>
                              <div class="consentBlock" data-editorblocktype="Topic" data-required="false" style="padding: 4px 30px;" data-compliancesettingsid="c5330334-0752-ee11-be6e-0022489fdcf6" data-compliancesettingsname="Meltlake default" data-purposeid="422f743d-4602-4b39-9223-0324d3fd6ed5" data-channels="Email" data-purposename="Commercial" data-topicid="7759cdff-0752-ee11-be6e-0022489fdcf6" data-topicname="Kaikki markkinointi" data-optinwhenchecked="true">
                                <div>
                                  <input type="checkbox" id="consentTopicCheckbox-1720496247205" name="msdynmkt_topicid;channels;optinwhenchecked" value="7759cdff-0752-ee11-be6e-0022489fdcf6;Email;true">
                                  <label id="consentTopicCheckbox-1720496247205-label" for="consentTopicCheckbox-1720496247205">
                                    <p><strong>Kyllä, </strong>minulle saa jatkossa myös lähettää Meltaken uutiskirjeen, josta saat ensimmäisenä tietoa meidän tulevista webinaareista ja asiantuntijoidemme tuottamista sisällöistä täynnä hyödyllisiä vinkkejä Microsoft-maailmasta. Emme luovuta tietojasi 3. osapuolille.</p>
                                  </label>
                                </div>
                              </div>
                              <div data-editorblocktype="SubmitButton" class="submitButtonWrapper"><button class="submitButton" type="submit" aria-label="Lataa opas" style="background-color: rgb(89, 57, 202); border-radius: 20px;"><span>Lataa opas</span></button></div>
                            </th>
                          </tr>
                        </tbody>
                      </table>
                    </th>
                  </tr>
                </tbody>
              </table>
            </th>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</form>
*/
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjAwX2NvbmZpZy9fY29uZmlnLnNjc3MiLCIwM19keW5hbWljcy9fZm9ybXNfZHluYW1pY3Muc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBbUJBO0VBQ0U7RUFDQSxLQUNFO0VBSUY7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQSxLQUNFO0VBSUY7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQSxLQUNFO0VBSUY7RUFDQTtFQUNBOztBQ3BERjtBQU1FO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQSxhRHlDUTtFQ3hDUixZRHNEUTs7QUNwRFI7RUFDRTtFQUNBLGFEd0NTO0VDdkNUOztBQUdGO0VBQ0U7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTs7QUFJSTtFQUNFOztBQVVKO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFLGFEUkE7RUNTQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBLE9EWVA7O0FDSks7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJSjtBQUFBO0VBRUU7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtBQUFBO0FBQUE7QUFBQTtFQUdFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBSUo7RUFDRTtFQUNBOztBQUVBO0VBQ0U7O0FBRUE7RUFDRTs7QUFLTjtFQUNFLFlBQ0U7RUFHRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBLGFEakZBO0VDa0ZBO0VBRUE7RUFDQTtFQUdBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFPWjtFQUNFOztBQUVBO0VBQ0U7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBTVI7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBIiwiZmlsZSI6ImR5bmFtaWNzLXN0dWZmLmNzcyJ9 */

/*# sourceMappingURL=dynamics-stuff.css.map */