/*
 * SPDX-License-Identifier: CC-BY-SA-4.0
 * SPDX-FileCopyrightText: 2013 Roko C. Buljan
 */

[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

[type=radio] + img {
  cursor: pointer;
  opacity: .55;
  transition: opacity .2s ease, box-shadow .2s ease, transform .2s ease;
}

[type=radio]:checked + img,
[type=radio] + img:hover {
  opacity: 1;
}

[type=radio]:checked + img {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--brand, #F1592D);
  transform: translateY(-2px);
}

[type=radio]:focus-visible + img {
  outline: 3px solid rgba(241, 89, 45, .45);
  outline-offset: 3px;
}