
.focusLightXsUp:focus {
  outline: dashed 1px rgb(255, 255, 255) !important;
  outline-offset: 3px;
}

@media (max-width: 374px) {  .focusLightXsDown:focus {
    outline: dashed 1px rgb(255, 255, 255) !important;
    outline-offset: 3px;
  }
}

@media (min-width: 375px) {  .focusLightSmUp:focus {
    outline: dashed 1px rgb(255, 255, 255) !important;
    outline-offset: 3px;
  }
}

@media (max-width: 767px) {  .focusLightSmDown:focus {
    outline: dashed 1px rgb(255, 255, 255) !important;
    outline-offset: 3px;
  }
}

@media (min-width: 768px) {  .focusLightMdUp:focus {
    outline: dashed 1px rgb(255, 255, 255) !important;
    outline-offset: 3px;
  }
}

@media (max-width: 1023px) {  .focusLightMdDown:focus {
    outline: dashed 1px rgb(255, 255, 255) !important;
    outline-offset: 3px;
  }
}

@media (min-width: 1024px) {  .focusLightLgUp:focus {
    outline: dashed 1px rgb(255, 255, 255) !important;
    outline-offset: 3px;
  }
}

@media (max-width: 1279px) {  .focusLightLgDown:focus {
    outline: dashed 1px rgb(255, 255, 255) !important;
    outline-offset: 3px;
  }
}

@media (min-width: 1280px) {  .focusLightXlUp:focus {
    outline: dashed 1px rgb(255, 255, 255) !important;
    outline-offset: 3px;
  }
}

.focusLightXlDown:focus {
  outline: dashed 1px rgb(255, 255, 255) !important;
  outline-offset: 3px;
}