.swatch {
  display: flex;
  flex-wrap: wrap; }
  .swatch svg, .swatch .gago {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0; }
  .swatch .header {
    display: block;
    width: 100%; }
  .swatch label {
    height: initial !important;
    padding: 7px 10px !important;
    border-radius: 4px; }
    .swatch label img {
      max-width: 28px; }

.swatch input:checked + label {
  background: rgba(0, 136, 72, 0.06);
  border: 1px solid #008848 !important;
  padding: 7px 10px;
  border-radius: 4px;
  color: #000; }
  .swatch input:checked + label svg, .swatch input:checked + label .gago {
    opacity: 1; }

.swatch .color input:checked + label:after {
  display: none; }

.hiddengem {
  display: none !important; }

.gridtemtext {
  color: #47bd2a;
  font-size: 16px;
  font-weight: bold; }