:root{
  --4px: 0.25rem;
  --6px: 0.375rem;
  --8px: 0.5rem;
  --10px: 0.625rem;
  --12px: 0.75rem;
  --14px: 0.875rem;
  --16px: 1rem;
  --18px: 1.125rem;
  --20px: 1.25rem;
  --22px: 1.375rem;
  --24px: 1.5rem;
  --26px: 1.625rem;
  --32px: 2rem;
  --36px: 2.25rem;
  --38px: 2.375rem;
  --40px: 2.5rem;
  --42px: 2.625rem;
  --44px: 2.75rem;
  --50px: 3.125rem;
  --52px: 3.25rem;
  --60px: 3.75rem;
  --122px: 7.625rem;
}

.line-clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}
.mobile{
 display: none !important;
}

.desktop{
  display: block !important;
}
.desktop.d-flex{
  display: flex !important;
}

@media all and (max-width: 62em) {
  .mobile{
    display: block !important;
  }
  .mobile.d-flex{
    display: flex !important;
  }
  
  .desktop{
    display: none !important;
  }
}