.omr-accordion-item{
  padding: 0 20px;
  border-radius: 16px;
  background: #FBEFEF;
  a{
    text-decoration: underline;
    transition: .3s ease-in-out;
  }
  @media (width <= 767px){
    padding: 0 16px;
  }
  summary{
    border: none;
    @media (width <= 767px){
      padding: 16px 0;
    }
  }
  .omr-accordion-content{
    padding-bottom: 20px;
    margin-top: -10px;
    color: #222;
    @media (width <= 767px){
      margin-top: -8px;
      padding-bottom: 16px;
    }
    .omr-input-wrapper{
      display: grid;
      grid-template-columns: 2.2fr 2.2fr 1.1fr;
      gap: 10px;
      margin: 20px 0;
      @media (width <= 767px){
        grid-template-columns: 1fr 1fr;
        margin: 16px 0;
      }
    }
    .omr-wrapper-item{
      width: 100%;
      select{
        width: 100%;
        border: 0.5px solid #222222;
        border-radius: 60px;
        height: 36px;
        padding: 3px 12px;
        vertical-align: middle;
        outline: none;
        &:focus{
        }
      }
    }
    .omr-find-btn{
      background: transparent;
      border: 1px solid #222222;
      border-radius: 60px;
      color: #222;
      transition: .3s ease-in-out;
      &:hover{
        border-color: #FFA9C5;
        color: #FFA9C5;
      }
      @media (width <= 767px){
        grid-column: span 2;
        height: 36px;
      }
    }
    .result-wrapper{
      &.hdt-hidden{
        display: none;
      }
      margin-bottom: 20px;
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 10px;
      @media (width <= 767px){
        margin-bottom: 16px;
      }
      .boomba-size-wrapper{
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgb(255 255 255 / 0.5);
        border: 1px solid rgb( 0 0 0 / 0.5);
        border-radius: 60px;
        color: #222;
      }
    }
  }
}
.omr-find-size{
  margin-bottom: 16px;
}