@import ../../../theme/ui-rules.sass

.product-inquiry-page 
  ion-header 
    ion-toolbar 
      --border-width: 0px
      --border-style: none 
  ion-content 
    --padding-start: 24px
    --padding-end: 14px 
  ion-input 
    --padding-start: 8px
    height: 48px
    border-radius: 8px
    border: solid 1px #e8eef4
  ion-button 
    margin-top: 40%
  ion-item 
    --highlight-height: 0px
  .horizontal-line 
    height: 8px
    width: 100%
    background-color: var(--ion-horizontal-line)
  .one-line 
    display: -webkit-box
    -webkit-line-clamp: 1
    -webkit-box-orient: vertical
    overflow: hidden
    text-overflow: ellipsis
  &.initial-state
    div.skeleton-first
      margin: "88px 5% 5%"
      width: "20%"
      height: "3em"
      border-radius: "10px"
    div.skeleton-first
      margin: "10%"
      width: "80%"
      height: "200px"
      border-radius: "10px"
    div.skeleton-first
      margin: "5%"
      width: "90%"
      height: "50px"
      border-radius: "10px"
  &.page-loaded 
    div.manual-entry 
      padding: 0px 20px
      display: flex
      align-items: center
      --background: white
      height: 100%
      ion-list 
        width: 100%
        >ion-item 
          --padding-start: 12px
          --inner-border-width: 0px
          &:nth-child(1) 
            display: flex
            align-items: center
          &:nth-child(2) 
            ion-label 
              font-size: 18px
              font-weight: bold
            >div 
              width: 100%
    .scanner__button 
      position: fixed
      bottom: 20px
      right: 10px
      ion-img 
        width: 62px
        height: 62px
.product-inquiry-page_report-modal 
  --max-height: 60% !important
.transparent 
  background-color: transparent !important