@charset "UTF-8";
.paidmedia-clip {
  position: relative;
  min-height: 300px; }
  .paidmedia-clip-list {
    margin-top: 40px; }
    .paidmedia-clip-list-item {
      padding: 40px 20px;
      border-bottom: 1px solid #ddd; }
      .paidmedia-clip-list-item:first-child {
        border-top: 1px solid #ddd; }
    .paidmedia-clip-list-title {
      font-weight: normal;
      margin: 0 0 20px; }
      .paidmedia-clip-list-title .badge {
        padding: 0.5em 2em; }
  .paidmedia-clip-setting {
    position: relative;
    padding: 40px 20px; }
    .paidmedia-clip-setting-table {
      width: 100%;
      border-collapse: collapse; }
      .paidmedia-clip-setting-table th, .paidmedia-clip-setting-table td {
        padding: 10px; }
      .paidmedia-clip-setting-table th {
        text-align: center; }
    .paidmedia-clip-setting-item {
      margin: 0; }
      .paidmedia-clip-setting-item td {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd; }
    .paidmedia-clip-setting-target {
      height: 32px;
      line-height: 32px;
      padding: 0 10px; }
      .paidmedia-clip-setting-target label {
        cursor: pointer; }
        .paidmedia-clip-setting-target label input {
          margin-right: 0.5em; }
    .paidmedia-clip-setting-input {
      padding: 0 10px;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .paidmedia-clip-setting-status {
      height: 32px;
      line-height: 32px;
      width: 32px;
      text-align: center;
      vertical-align: middle; }
      .paidmedia-clip-setting-status .fa-bars {
        cursor: move; }
    .paidmedia-clip-setting-action {
      width: 80px;
      text-align: center; }
  .paidmedia-clip-description {
    padding: 40px 20px;
    background: #f9f9f9;
    margin-top: 40px; }
    .paidmedia-clip-description h2 {
      font-size: 20px;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd; }
    .paidmedia-clip-description h3 {
      font-size: 16px;
      margin: 20px 0 10px;
      font-weight: bold; }
      .paidmedia-clip-description h3:before {
        content: "◆";
        display: inline;
        margin-right: 0.25em; }
    .paidmedia-clip-description h4 {
      font-size: 16px;
      font-weight: normal;
      margin: 0 0 1em; }
    .paidmedia-clip-description p {
      font-size: 14px;
      margin: 1em 0; }
    .paidmedia-clip-description code {
      background: #ddd;
      color: #000;
      padding: 0.25em 0.5em;
      margin: 0 0.5em;
      border-radius: 2px; }

.paidmedia-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8); }
  .paidmedia-indicator-container {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .paidmedia-indicator-img {
    margin-bottom: 10px; }
  .paidmedia-indicator-text {
    display: inline-block;
    padding: 0.5em 2em; }

.badge .paidmedia__is-search-word,
.date-time .paidmedia__is-search-word {
  font-style: inherit;
  background: none;
  font-weight: inherit; }

.paidmedia__is-search-word {
  font-style: inherit;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, rgba(255, 253, 107, 0.7)));
  background: linear-gradient(transparent 60%, rgba(255, 253, 107, 0.7) 0);
  font-weight: bold; }