/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/fomantic-ui/dist/components/breadcrumb.min.css (layer utilities) ***!
  \*********************************************************************************************************************************/
@layer utilities {
/*!
 * # Fomantic-UI 2.9.4 - Breadcrumb
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */.ui.breadcrumb{line-height:1.4285em;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.78571429em 1em}.ui.inverted.breadcrumb{color:#dcddde}.ui.inverted.breadcrumb>.active.section{color:#fff}.ui.inverted.breadcrumb>.divider{color:rgba(255,255,255,.7)}.ui.breadcrumb .active.section{font-weight:700}.ui.breadcrumb{font-size:1rem}.ui.mini.breadcrumb{font-size:.78571429rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem}
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./wwwroot/src/scss/support-page.scss ***!
  \***********************************************************************************************************************************************************************/
/*-------------------
     Breakpoints
--------------------*/
.breadcrumbs .ui.breadcrumb {
  display: none;
  opacity: 0.5;
  padding: 15px 0 11px;
}
.breadcrumbs .ui.breadcrumb a {
  color: #D0D3D6 !important;
  font-size: 16px;
  line-height: 18px;
}
.breadcrumbs .ui.breadcrumb a:hover {
  color: white;
}
.breadcrumbs .ui.breadcrumb .divider {
  color: #D0D3D6 !important;
}
.breadcrumbs .ui.breadcrumb .section {
  margin: 0;
}
.breadcrumbs .ui.breadcrumb {
  padding: 15px 0 10px;
}
@media only screen and (max-width: 899px) {
  .breadcrumbs .ui.breadcrumb .ui.breadcrumb {
    font-size: 18px;
    padding: 20px 20px 25px;
    color: #425363;
  }
}
.breadcrumbs .ui.breadcrumb .section {
  color: #d0d3d6;
}
.breadcrumbs .ui.breadcrumb .section.active {
  font-size: 16px;
  line-height: 18px;
  opacity: 0.5;
  font-weight: normal;
}

/*-------------------
     Breakpoints
--------------------*/
.support-page {
  color: #fff;
}
.support-page-form-button {
  position: relative;
  padding-top: 35px;
}
.support-page-form-button button.blocked {
  cursor: default;
  opacity: 0.45 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  pointer-events: none !important;
}
.support-page-form-countdown {
  position: absolute;
  left: 525px;
  top: 34px;
  bottom: 0;
  margin: auto;
  width: 150px;
  height: 34px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  display: none;
}
.support-page-form-countdown-timer {
  color: #0064ff;
  padding-left: 5px;
}
.support-page-form-block {
  padding: 80px 0 0;
}
.support-page-form.ui.form .field {
  display: grid;
  grid-template-columns: minmax(auto, 310px) minmax(auto, 416px);
  grid-gap: 16px;
}
.support-page-form.ui.form .field .field-error {
  display: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #ff0279;
  margin-left: 326px;
}
.support-page-form.ui.form .field.invalid {
  grid-template-areas: "label field" "error error";
  grid-gap: 10px 16px;
}
.support-page-form.ui.form .field.invalid label {
  grid-area: label;
}
.support-page-form.ui.form .field.invalid input, .support-page-form.ui.form .field.invalid textarea {
  grid-area: field;
  border: 2px solid #ff0279 !important;
}
.support-page-form.ui.form .field.invalid .field-error {
  display: block;
  grid-area: error;
}
.support-page-form.ui.form label {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  padding: 5px 10px 0 0;
}
.support-page-form.ui.form label span {
  color: #0064ff;
}
.support-page-form.ui.form button {
  margin-left: 326px;
  padding: 15px 48px;
}
.support-page-form.ui.form textarea, .support-page-form.ui.form input {
  border-radius: 10px;
  color: #fff !important;
  background: transparent;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  padding: 13.5px 16px;
  opacity: 1;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-appearance: textfield;
}
.support-page-form.ui.form textarea:-moz-placeholder, .support-page-form.ui.form input:-moz-placeholder {
  border: 2px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.2);
}
.support-page-form.ui.form textarea:-ms-input-placeholder, .support-page-form.ui.form input:-ms-input-placeholder {
  border: 2px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.2);
}
.support-page-form.ui.form textarea:placeholder-shown, .support-page-form.ui.form input:placeholder-shown {
  border: 2px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.2);
}
.support-page-form.ui.form textarea:not(:-moz-placeholder), .support-page-form.ui.form input:not(:-moz-placeholder) {
  color: rgb(255, 255, 255);
}
.support-page-form.ui.form textarea:not(:-ms-input-placeholder), .support-page-form.ui.form input:not(:-ms-input-placeholder) {
  color: rgb(255, 255, 255);
}
.support-page-form.ui.form textarea:not(:placeholder-shown), .support-page-form.ui.form input:not(:placeholder-shown) {
  color: rgb(255, 255, 255);
}
.support-page-form.ui.form textarea:focus, .support-page-form.ui.form input:focus {
  color: #fff !important;
  background: transparent;
  border-radius: 10px;
  border: 2px solid #9DA2A7 !important;
}
.support-page-form.ui.form textarea {
  height: 146px;
  resize: none;
}
.support-page-form.ui.form textarea::-webkit-input-placeholder, .support-page-form.ui.form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.support-page-form.ui.form textarea::-moz-placeholder, .support-page-form.ui.form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.support-page-form.ui.form textarea:-ms-input-placeholder, .support-page-form.ui.form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.support-page-form.ui.form textarea::-ms-input-placeholder, .support-page-form.ui.form input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.support-page-form.ui.form textarea::placeholder, .support-page-form.ui.form input::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.support-page .support-form-modal-complete-holder {
  text-align: center;
  font-size: 18px;
  line-height: 120%;
}
.support-page .support-form-modal-complete-holder input {
  padding: 9px 12px;
  background: #fff;
  border-radius: 4px;
  font-size: 20px;
  margin: 25px 0;
  outline: 0;
  border: none;
  width: 300px;
}
.support-page .support-form-modal-complete-holder .button {
  margin-top: 25px;
}
.support-page .support-form-modal-complete-holder .button.disabled {
  color: #122234;
  background: #485568;
  opacity: 1 !important;
}

.ui.modal.support-form-modal-complete {
  text-align: center !important;
}
.ui.modal.support-form-modal-complete .title {
  margin-bottom: 17px;
}
.ui.modal.support-form-modal-complete .button {
  margin-top: 40px;
}

@media only screen and (max-width: 899px) {
  .support-page-holder {
    padding: 0;
  }
  .support-page-title {
    margin: 10px -30px !important;
  }
  .support-page-form-button {
    padding-top: 12px;
  }
  .support-page-form-countdown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -157px;
    margin: auto;
    text-align: left;
    width: 100%;
    height: 34px;
    font-size: 28px;
    line-height: 34px;
  }
  .support-page-form-block {
    padding: 70px 0 0;
  }
  .support-page-form.ui.form label {
    font-size: 28px;
    line-height: 34px;
  }
  .support-page-form.ui.form .field {
    grid-template-columns: auto;
    grid-gap: 32px;
    margin-bottom: 52px;
  }
  .support-page-form.ui.form .field.invalid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .support-page-form.ui.form .field .field-error {
    font-size: 28px;
    line-height: 34px;
    margin: 20px 0 0;
  }
  .support-page-form.ui.form input, .support-page-form.ui.form textarea {
    font-size: 32px;
    line-height: 38px;
    padding: 27px 32px;
    border-radius: 20px;
    border-width: 4px !important;
  }
  .support-page-form.ui.form input:focus, .support-page-form.ui.form textarea:focus {
    border-width: 4px !important;
    border-radius: 20px;
  }
  .support-page-form.ui.form .ui.button.primary.big {
    font-size: 32px !important;
    line-height: 100px !important;
    height: 100px;
    border-radius: 50px;
    margin: 0;
    width: 100%;
    padding: 0;
  }
  .ui.modal.support-form-modal-complete {
    padding: 180px 30px;
    left: 0;
    right: 0;
    top: 83px;
    bottom: 0;
    width: 100% !important;
    border-radius: 0;
  }
  .ui.modal.support-form-modal-complete .support-form-modal-logo {
    margin-bottom: 57px;
    width: 120px;
  }
  .ui.modal.support-form-modal-complete .title {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 34px;
  }
  .ui.modal.support-form-modal-complete .subtitle {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 90px;
  }
  .ui.modal.support-form-modal-complete .button {
    width: 460px;
    margin: 0 auto;
    height: 100px;
    line-height: 100px !important;
    font-size: 32px !important;
    padding: 0 !important;
    text-align: center;
  }
}