.boa-shoes-variant-list {
  .block-swatch {
    position: relative;
  }
  .boa-us-size {
    display: none;
  }
  .boa-us-size {
    direction: ltr;
    position: absolute;
    z-index: 1;
    top: -55%;
    background: #000;
    color: #fff;
    padding: 0.25rem 0.5rem;
    width: max-content;
    inset-inline: 0;
    margin-inline: auto;
    border-radius: 2px;
  }
  .block-swatch:hover .boa-us-size {
    display: block;
  }
  @media only screen and (max-width: 740px) {
    .block-swatch:has(input[checked]) .boa-us-size {
      display: block;
    }
  }
}
