div.poll {
  display: table;
  width: 100%;
  box-sizing: border-box;

  .poll-info {
    min-width: 150px;
    width: 100%;
    display: table-cell;
    text-align: center;

    .info-number {
      font-size: 3.5em;
    }

    p {
      margin: 0.5em 0;
    }

    .info-label {
      display: block;
    }
  }

  .poll-container {
    display: table-cell;
    width: 100%;
    border-right: 1px solid var(--primary-low);
  }

  .poll-title {
    border-bottom: 1px solid var(--primary-low);
    margin-bottom: 0.5em;
    padding: 0.5em 0;
  }

  .poll-buttons {
    border-top: 1px solid var(--primary-low);
    padding: 1em;

    .info-text {
      line-height: 2em;
    }

    :not(:first-child):not(:last-child) {
      margin-left: 1em;
    }

    .toggle-status {
      float: right;
    }
  }
}

div.poll.pie {
  .poll-container {
    width: calc(100% - 190px);
  }

  .poll-info {
    display: inline-block;
    width: 150px;
  }
}

.d-editor-preview {
  .poll-buttons {
    a:not(:first-child) {
      margin-left: 0.25em;
    }
  }

  .poll {
    li[data-poll-option-id]:before {
      position: relative;
      vertical-align: baseline;
      border: 2px solid var(--primary);
      border-radius: 50%;
      display: inline-block;
      margin-right: 0.5em;
      width: 12px;
      height: 12px;
      content: "";
    }

    &[data-poll-type="multiple"] {
      li[data-poll-option-id]:before {
        border-radius: 3px;
      }
    }
  }
}
