@import '@/styles/common.scss'; 
 | 
  
 | 
.taskDetail-page-wrapper { 
 | 
  .taskDetail-attention-icon { 
 | 
    margin-left: 10px; 
 | 
    width: 32px; 
 | 
    height: 32px; 
 | 
  } 
 | 
  
 | 
  .taskDetail-time { 
 | 
    font-size: 24px; 
 | 
    color: boleGetCssVar('text-color', 'regular'); 
 | 
    line-height: 36px; 
 | 
    margin-bottom: 16px; 
 | 
  } 
 | 
  
 | 
  .task-card-welfare-wrapper { 
 | 
    display: flex; 
 | 
    align-items: flex-start; 
 | 
    padding-bottom: 48px; 
 | 
    border-bottom: 1px solid #d9d9d9; 
 | 
    margin-bottom: 12px; 
 | 
  
 | 
    .task-card-welfare-list { 
 | 
      flex: 1; 
 | 
      display: flex; 
 | 
      min-width: 0; 
 | 
      flex-wrap: wrap; 
 | 
      min-height: 40px; 
 | 
      row-gap: 6px; 
 | 
      column-gap: 18px; 
 | 
      margin-right: 10px; 
 | 
  
 | 
      .task-card-welfare-list-item { 
 | 
        font-size: 24px; 
 | 
        color: #ff7d00; 
 | 
        line-height: 36px; 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .taskDetail-address-wrapper { 
 | 
    padding: 28px 32px 14px; 
 | 
    background: #f9fbff; 
 | 
    border-radius: 8px; 
 | 
  
 | 
    .taskDetail-address-title-wrapper { 
 | 
      display: flex; 
 | 
      align-items: center; 
 | 
      margin-bottom: 22px; 
 | 
  
 | 
      .taskDetail-address-title-icon { 
 | 
        width: 40px; 
 | 
        height: 40px; 
 | 
        margin-right: 8px; 
 | 
      } 
 | 
  
 | 
      .taskDetail-address-title { 
 | 
        flex: 1; 
 | 
        min-width: 0; 
 | 
        @include ellipsis; 
 | 
        font-size: 28px; 
 | 
        color: boleGetCssVar('text-color', 'primary'); 
 | 
        line-height: 42px; 
 | 
      } 
 | 
    } 
 | 
  
 | 
    .taskDetail-address-info-wrapper { 
 | 
      display: flex; 
 | 
      align-items: center; 
 | 
  
 | 
      .taskDetail-address-info { 
 | 
        flex: 1; 
 | 
        min-width: 0; 
 | 
        @include ellipsis; 
 | 
        font-weight: 400; 
 | 
        font-size: 24px; 
 | 
        color: boleGetCssVar('text-color', 'regular'); 
 | 
        line-height: 36px; 
 | 
      } 
 | 
  
 | 
      .taskDetail-address-info-icon { 
 | 
        color: boleGetCssVar('text-color', 'secondary'); 
 | 
        margin-left: 10px; 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .safe-cell-title-wrapper { 
 | 
    display: flex; 
 | 
    align-items: center; 
 | 
  
 | 
    .safe-cell-title-icon { 
 | 
      width: 32px; 
 | 
      height: 32px; 
 | 
      margin-right: 8px; 
 | 
  
 | 
      .safe-cell-title { 
 | 
        font-weight: 600; 
 | 
        font-size: 28px; 
 | 
        color: boleGetCssVar('text-color', 'primary'); 
 | 
        line-height: 40px; 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .safe-cell-content { 
 | 
    font-size: 24px; 
 | 
    color: boleGetCssVar('text-color', 'secondary'); 
 | 
    text-align: left; 
 | 
    word-break: break-all; 
 | 
    line-height: 34px; 
 | 
  
 | 
    .safe-cell-content-btn { 
 | 
      color: boleGetCssVar('color', 'primary'); 
 | 
      display: inline; 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .taskDetail-welfare-list { 
 | 
    display: flex; 
 | 
    flex-wrap: wrap; 
 | 
    row-gap: 24px; 
 | 
  } 
 | 
  
 | 
  .taskDetail-limit-list { 
 | 
    display: flex; 
 | 
    justify-content: space-between; 
 | 
    padding: 0 14px; 
 | 
    gap: 20px; 
 | 
  
 | 
    .taskDetail-limit-list-item { 
 | 
      display: flex; 
 | 
      align-items: flex-start; 
 | 
      font-size: 24px; 
 | 
      line-height: 28px; 
 | 
      min-width: 0; 
 | 
      flex-shrink: 0; 
 | 
  
 | 
      .taskDetail-limit-list-item-label { 
 | 
        min-width: 0; 
 | 
        flex-shrink: 0; 
 | 
        color: boleGetCssVar('text-color', 'regular'); 
 | 
      } 
 | 
      .taskDetail-limit-list-item-text { 
 | 
        min-width: 0; 
 | 
        flex-shrink: 0; 
 | 
        color: boleGetCssVar('text-color', 'primary'); 
 | 
        white-space: pre; 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
} 
 |