.nw-omniview {
  &.store {
    .nwc-modal {
      background: $omniview-store;
    }

    .nw-omniviewtext {
      color: $concrete;
    }

    .nw-omniviewactionbutton {
      border: 2px solid $concrete;
      color: $concrete;
    }

    .nw-omniviewpincode {
      border: 2px solid $concrete;
      background: $omniview-store;
      color: $concrete;

      &::placeholder {
        color: $concrete;
      }
    }
  }

  .nwc-modal {
    max-width: 500px;
    background: $omniview-delivery;
  } 

  .nw-omniviewgrid {
    padding: 20px;
  }

  .nw-omniviewimage {
    width: 100%;
  }
  
  .nw-omniviewimagerow {
    justify-content: center;
    min-height: 112px;
  }
  
  .nw-omniviewtextcontainer {
    justify-content: center;
    padding: 10px 0;
  }
  
  .nw-omniviewactioncontainer {
    justify-content: center;
  }

  .nw-omniviewpincode {
    border: 2px solid $default-color;
    width: 100%;
    padding: 10px;
    background: $omniview-delivery;
    font-size: $font-size-sm;
    text-align: center;
    color: $default-color;

    &::placeholder {
      opacity: 0.6;
      color: $default-color;
    }
  }
  
  .nw-omniviewtext {
    width: 90%;
    font-size: $font-size-xl;
    text-align: center;
    color: $default-color;
  }

  .nw-omniviewactionbutton {
    border: 2px solid $default-color;
    padding: 10px 20px;
    font-size: $font-size-sm;
    font-family: $secondary-font-family;
    color: $default-color;
  }

  .nw-omniviewactionitems {
    justify-content: center;
    display: flex;
    padding: 10px;
  }

  .nw-omniviewerror {
    min-height: 20px;
    text-align: center;
    color: $color-danger;
  }

  .nw-omniviewtnc {
    padding-top: 20px;
    font-size: $font-size-xxs;
    text-align: center;
  }
}