.pi-instructions {
  padding: 0 20px;
  padding-bottom: 8px;
  margin-top: -4px;
  font-style: italic;
  line-height: 1.2; }

.pi-match-item {
  flex: 0 0 calc(25% - 6px);
  margin-bottom: 10px; }

.pi-match-item-team {
  display: flex;
  align-items: center;
  height: 36px;
  padding-left: 8px;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.pi-match-item-team.mod-top {
  border-bottom: 1px solid #ccc; }

.pi-match-item-team:hover {
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer; }

.pi-match-item-logo {
  width: 20px;
  height: 20px;
  display: block;
  image-rendering: -webkit-optimize-contrast;
  margin-right: 5px; }

.pi-match-item-name {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 4px; }

.pi-match-item-pick {
  width: 28px;
  height: 28px;
  background: #ccc;
  margin-right: 4px;
  border-radius: 2px; }

.pi-match-item-team.mod-selected .pi-match-item-pick {
  background: #61b6ea; }

.pi-match-item-team.mod-selected.mod-true .pi-match-item-pick {
  background: #adebba;
  background: #50af63; }

.pi-match-item-team.mod-selected.mod-false .pi-match-item-pick {
  background: #888; }

.pi-group-item-team-points {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 11px;
  color: #61b875; }

.pi-group-item-team.mod-selected.mod-true .pi-group-item-team-points {
  display: block; }

.pi-group-item-team {
  display: block;
  overflow: hidden;
  position: relative;
  border: 0;
  flex: 0 0 calc(25% - 6px);
  border-radius: 0px;
  margin: 0; }
  .pi-group-item-team img {
    display: block;
    width: 100%;
    padding: 20%;
    opacity: .3; }

.pi-group-item-team.mod-wideview {
  flex: 0 0 calc(12.5% - 7px); }

.pi-group-item-team::after {
  content: '';
  background: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  right: -8px;
  rotate: 45deg; }

.pi-group-item-team:hover {
  cursor: pointer; }

.wf-card.pi-group-item-team.mod-selected {
  border: 1px solid #58b8f3 !important; }

.pi-group-item-team.mod-selected::after {
  background: #58b8f3; }

.wf-card.pi-group-item-team.mod-selected.mod-true {
  border: 1px solid #50af63 !important; }

.pi-group-item-team.mod-selected.mod-true::after {
  background: #50af63 !important; }

.wf-card.pi-group-item-team.mod-selected.mod-false {
  border: 1px solid #888 !important; }

.pi-group-item-team.mod-selected.mod-false::after {
  background: #888 !important; }

.pi-group-item-team.mod-selected .pi-match-item-pick {
  background: #61b6ea; }
.pi-group-item-team.mod-selected img {
  opacity: 1; }