/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

.vlt-radio {
  position: relative;
  input[type='radio'] {
    position: absolute;
    z-index: 1;
    opacity: 0;
  }

  input[type='radio'] + label {
    content: '';
    border: 1px solid $grey-light;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    margin: 0.25rem 0;
    height: 1rem;
    width: 1rem;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    left: 0;
    top: 0.3rem;
  }

  input[type='radio']:checked + label {
    content: '';
    background: $blue;
    border: 1px solid $blue;
    box-shadow: inset 0 0 0 0.15rem $white;
    position: relative;
    left: 0;
  }
  input[type='radio']:focus + label {
    content: '';
    box-shadow: 0 0 10px 1px rgba($blue, 0.4), inset 0 0 0 0.15rem $white;
    position: relative;
    left: 0;
  }
}
