/*
 *  Copyright (C) SCHUNK GmbH & Co. KG - All Rights Reserved
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Written by Thomas Rutschke thomas.rutschke@rutschkeconsulting.com, November 2022
 */
/* 
    Created on : 28.08.2024, 17:26:54
    Author     : ThomasRutschke

*/

/*see https://moderncss.dev/pure-css-custom-styled-radio-buttons/ */


/*
.imgLeft input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #009ee0;
  width: 1.2em;
  height: 1.2em;
  border: 0.15em solid #009ee0;
  border-radius: 50%;
}

.imgLeft input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #009ee0;
}

.imgLeft input[type="radio"]:checked::before {
  transform: scale(1);
}
*/


.imgLeft input[type="radio"] {
    border: 0.15em solid #009ee0;
    border-radius: 50%;
    appearance: none;
    background-color: #fff;
    width: 1.2em;
    height: 1.2em;
}

.imgLeft input[type="radio"]:checked {
    background-color: #009ee0;
    box-shadow: inset 0 0 0 .2em #fff;
    transition: background .15s, box-shadow .1s;
}