/*
 * Semantic UI compatibility layer
 *
 * The following definitions were extracted from
 * https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.css
 *
 * amchavan, 16-Jul-2021
 */

.ui.icon.input > i.sui-icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 5px;
  right: 0;
  margin: 0;
  height: 100%;
  width: 2.67142857em;
  opacity: 0.5;
  border-radius: 0 0.28571429rem 0.28571429rem 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.ui.icon.input > i.sui-icon:not(.link) {
  pointer-events: none;
}

.ui.icon.input input {
  padding-right: 2.67142857em !important;
}

.ui.icon.input > i.sui-icon:before,
.ui.icon.input > i.sui-icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
}

.ui[class*="left icon"].input > i.sui-icon {
  right: auto;
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}

.ui[class*="left icon"].input > input {
  padding-left: 2.67142857em !important;
  padding-right: 1em !important;
}