/* line 3, SCSS/modal-call.scss */
.modal-call__input {
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 16px;
  cursor: pointer;
  transition: border 0.3s;
  font-size: 16px; }
  /* line 14, SCSS/modal-call.scss */
  .modal-call__input:focus, .modal-call__input:hover {
    border-radius: 8px;
    outline: none;
    border: 1px solid #FF3E79; }
  /* line 20, SCSS/modal-call.scss */
  .modal-call__input::placeholder {
    color: #B5B6BC; }

/* line 26, SCSS/modal-call.scss */
.modal-call {
  max-width: 320px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: #ffffff;
  padding: 24px 16px;
  transition: transform 0.5s;
  visibility: hidden;
  transform: translateX(400px);
  -ms-transform: translateX(400px);
  -webkit-transform: translateX(400px);
  -moz-transform: translateX(400px);
  -o-transform: translateX(400px);
  overflow-y: scroll; }
  @media screen and (min-width: 360px) {
    /* line 26, SCSS/modal-call.scss */
    .modal-call {
      box-shadow: 16px 0px 52px rgba(14, 24, 80, 0.2), -2px 0px 4px rgba(69, 79, 126, 0.02); } }
  @media screen and (min-width: 1440px) {
    /* line 26, SCSS/modal-call.scss */
    .modal-call {
      padding: 40px 32px;
      max-width: 440px;
      box-shadow: 16px 0px 52px rgba(14, 24, 80, 0.2), -2px 0px 4px rgba(69, 79, 126, 0.02);
      transform: translateX(550px);
      overflow-y: auto; } }
  /* line 58, SCSS/modal-call.scss */
  .modal-call_hidden {
    visibility: visible;
    transform: translateX(400px);
    -ms-transform: translateX(400px);
    -webkit-transform: translateX(400px);
    -moz-transform: translateX(400px);
    -o-transform: translateX(400px); }
    @media screen and (min-width: 1440px) {
      /* line 58, SCSS/modal-call.scss */
      .modal-call_hidden {
        visibility: visible;
        transform: translateX(550px);
        -ms-transform: translateX(550px);
        -webkit-transform: translateX(550px);
        -moz-transform: translateX(550px);
        -o-transform: translateX(550px); } }
  /* line 76, SCSS/modal-call.scss */
  .modal-call_visible {
    visibility: visible;
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px); }
    @media screen and (min-width: 1440px) {
      /* line 76, SCSS/modal-call.scss */
      .modal-call_visible {
        visibility: visible;
        transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px); } }
  /* line 94, SCSS/modal-call.scss */
  .modal-call__primary-button--close-button {
    width: 40px;
    height: 40px;
    background-image: url("img/close.svg");
    margin-bottom: 40px;
    cursor: pointer;
    transition: opacity 0.3s; }
    @media screen and (min-width: 1440px) {
      /* line 94, SCSS/modal-call.scss */
      .modal-call__primary-button--close-button {
        position: absolute;
        margin-top: -8px;
        left: 0;
        margin-left: -72px;
        z-index: 10; } }
    /* line 110, SCSS/modal-call.scss */
    .modal-call__primary-button--close-button:hover {
      opacity: 0.7; }
  /* line 115, SCSS/modal-call.scss */
  .modal-call__title {
    position: relative; }
    @media screen and (min-width: 1440px) {
      /* line 115, SCSS/modal-call.scss */
      .modal-call__title {
        margin-top: 0; } }
    /* line 122, SCSS/modal-call.scss */
    .modal-call__title:before {
      content: "";
      height: 37px;
      left: -16px;
      top: -4px;
      padding: 0;
      vertical-align: middle;
      width: 4px;
      background-color: #41F6D7;
      position: absolute;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%; }
      @media screen and (min-width: 1440px) {
        /* line 122, SCSS/modal-call.scss */
        .modal-call__title:before {
          left: -32px; } }
  /* line 145, SCSS/modal-call.scss */
  .modal-call__textarea {
    height: 118px;
    margin-bottom: 0;
    resize: none; }
  /* line 151, SCSS/modal-call.scss */
  .modal-call__accept-text {
    color: #7E7E82;
    font-size: 14px; }
    /* line 155, SCSS/modal-call.scss */
    .modal-call__accept-text .modal-call__accept-link {
      color: #FF3E79;
      text-decoration: none; }