:root {
  
    --spacing-0rem: 0rem;
    --spacing-0px: 0px;
  
    --spacing-0-25rem: 0.25rem;
    --spacing-4px: 4px;
  
    --spacing-0-5rem: 0.5rem;
    --spacing-8px: 8px;
  

  --flex-start: flex-start;
  --flex-end: flex-end;
  
  --center: center;
  --space-between: space-between;
  --space-around: space-around;
  --space-evenly: space-evenly;
}
  
    
      
      
        .m-0 { margin: var(--spacing-0rem); }
      
    
      
      
        .m-1 { margin: var(--spacing-0-25rem); }
      
    
      
      
        .m-2 { margin: var(--spacing-0-5rem); }
      
    
  
    
      
      
        .mt-0 { margin-top: var(--spacing-0rem); }
      
    
      
      
        .mt-1 { margin-top: var(--spacing-0-25rem); }
      
    
      
      
        .mt-2 { margin-top: var(--spacing-0-5rem); }
      
    
  
    
      
      
        .mr-0 { margin-right: var(--spacing-0rem); }
      
    
      
      
        .mr-1 { margin-right: var(--spacing-0-25rem); }
      
    
      
      
        .mr-2 { margin-right: var(--spacing-0-5rem); }
      
    
  
    
      
      
        .mb-0 { margin-bottom: var(--spacing-0rem); }
      
    
      
      
        .mb-1 { margin-bottom: var(--spacing-0-25rem); }
      
    
      
      
        .mb-2 { margin-bottom: var(--spacing-0-5rem); }
      
    
  
    
      
      
        .ml-0 { margin-left: var(--spacing-0rem); }
      
    
      
      
        .ml-1 { margin-left: var(--spacing-0-25rem); }
      
    
      
      
        .ml-2 { margin-left: var(--spacing-0-5rem); }
      
    
  

  
    
      
      
        .p-0 { padding: var(--spacing-0rem); }
      
    
      
      
        .p-1 { padding: var(--spacing-0-25rem); }
      
    
      
      
        .p-2 { padding: var(--spacing-0-5rem); }
      
    
  
    
      
      
        .pt-0 { padding-top: var(--spacing-0rem); }
      
    
      
      
        .pt-1 { padding-top: var(--spacing-0-25rem); }
      
    
      
      
        .pt-2 { padding-top: var(--spacing-0-5rem); }
      
    
  
    
      
      
        .pr-0 { padding-right: var(--spacing-0rem); }
      
    
      
      
        .pr-1 { padding-right: var(--spacing-0-25rem); }
      
    
      
      
        .pr-2 { padding-right: var(--spacing-0-5rem); }
      
    
  
    
      
      
        .pb-0 { padding-bottom: var(--spacing-0rem); }
      
    
      
      
        .pb-1 { padding-bottom: var(--spacing-0-25rem); }
      
    
      
      
        .pb-2 { padding-bottom: var(--spacing-0-5rem); }
      
    
  
    
      
      
        .pl-0 { padding-left: var(--spacing-0rem); }
      
    
      
      
        .pl-1 { padding-left: var(--spacing-0-25rem); }
      
    
      
      
        .pl-2 { padding-left: var(--spacing-0-5rem); }
      
    
  

  
    @media (max-width: 767px) {
      
        
          
            
            
              .sm\:m-0 { margin: var(--spacing-0rem); }
            
          
            
            
              .sm\:m-1 { margin: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:m-2 { margin: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .sm\:mt-0 { margin-top: var(--spacing-0rem); }
            
          
            
            
              .sm\:mt-1 { margin-top: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:mt-2 { margin-top: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .sm\:mr-0 { margin-right: var(--spacing-0rem); }
            
          
            
            
              .sm\:mr-1 { margin-right: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:mr-2 { margin-right: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .sm\:mb-0 { margin-bottom: var(--spacing-0rem); }
            
          
            
            
              .sm\:mb-1 { margin-bottom: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:mb-2 { margin-bottom: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .sm\:ml-0 { margin-left: var(--spacing-0rem); }
            
          
            
            
              .sm\:ml-1 { margin-left: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:ml-2 { margin-left: var(--spacing-0-5rem); }
            
          
        
      
        
          
            
            
              .sm\:p-0 { padding: var(--spacing-0rem); }
            
          
            
            
              .sm\:p-1 { padding: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:p-2 { padding: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .sm\:pt-0 { padding-top: var(--spacing-0rem); }
            
          
            
            
              .sm\:pt-1 { padding-top: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:pt-2 { padding-top: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .sm\:pr-0 { padding-right: var(--spacing-0rem); }
            
          
            
            
              .sm\:pr-1 { padding-right: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:pr-2 { padding-right: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .sm\:pb-0 { padding-bottom: var(--spacing-0rem); }
            
          
            
            
              .sm\:pb-1 { padding-bottom: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:pb-2 { padding-bottom: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .sm\:pl-0 { padding-left: var(--spacing-0rem); }
            
          
            
            
              .sm\:pl-1 { padding-left: var(--spacing-0-25rem); }
            
          
            
            
              .sm\:pl-2 { padding-left: var(--spacing-0-5rem); }
            
          
        
      
    }
  

  
    @media (min-width: 768px) {
      
        
          
            
            
              .md\:m-0 { margin: var(--spacing-0rem); }
            
          
            
            
              .md\:m-1 { margin: var(--spacing-0-25rem); }
            
          
            
            
              .md\:m-2 { margin: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .md\:mt-0 { margin-top: var(--spacing-0rem); }
            
          
            
            
              .md\:mt-1 { margin-top: var(--spacing-0-25rem); }
            
          
            
            
              .md\:mt-2 { margin-top: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .md\:mr-0 { margin-right: var(--spacing-0rem); }
            
          
            
            
              .md\:mr-1 { margin-right: var(--spacing-0-25rem); }
            
          
            
            
              .md\:mr-2 { margin-right: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .md\:mb-0 { margin-bottom: var(--spacing-0rem); }
            
          
            
            
              .md\:mb-1 { margin-bottom: var(--spacing-0-25rem); }
            
          
            
            
              .md\:mb-2 { margin-bottom: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .md\:ml-0 { margin-left: var(--spacing-0rem); }
            
          
            
            
              .md\:ml-1 { margin-left: var(--spacing-0-25rem); }
            
          
            
            
              .md\:ml-2 { margin-left: var(--spacing-0-5rem); }
            
          
        
      
        
          
            
            
              .md\:p-0 { padding: var(--spacing-0rem); }
            
          
            
            
              .md\:p-1 { padding: var(--spacing-0-25rem); }
            
          
            
            
              .md\:p-2 { padding: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .md\:pt-0 { padding-top: var(--spacing-0rem); }
            
          
            
            
              .md\:pt-1 { padding-top: var(--spacing-0-25rem); }
            
          
            
            
              .md\:pt-2 { padding-top: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .md\:pr-0 { padding-right: var(--spacing-0rem); }
            
          
            
            
              .md\:pr-1 { padding-right: var(--spacing-0-25rem); }
            
          
            
            
              .md\:pr-2 { padding-right: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .md\:pb-0 { padding-bottom: var(--spacing-0rem); }
            
          
            
            
              .md\:pb-1 { padding-bottom: var(--spacing-0-25rem); }
            
          
            
            
              .md\:pb-2 { padding-bottom: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .md\:pl-0 { padding-left: var(--spacing-0rem); }
            
          
            
            
              .md\:pl-1 { padding-left: var(--spacing-0-25rem); }
            
          
            
            
              .md\:pl-2 { padding-left: var(--spacing-0-5rem); }
            
          
        
      
    }
  

  
    @media (min-width: 1440px) {
      
        
          
            
            
              .lg\:m-0 { margin: var(--spacing-0rem); }
            
          
            
            
              .lg\:m-1 { margin: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:m-2 { margin: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .lg\:mt-0 { margin-top: var(--spacing-0rem); }
            
          
            
            
              .lg\:mt-1 { margin-top: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:mt-2 { margin-top: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .lg\:mr-0 { margin-right: var(--spacing-0rem); }
            
          
            
            
              .lg\:mr-1 { margin-right: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:mr-2 { margin-right: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .lg\:mb-0 { margin-bottom: var(--spacing-0rem); }
            
          
            
            
              .lg\:mb-1 { margin-bottom: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:mb-2 { margin-bottom: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .lg\:ml-0 { margin-left: var(--spacing-0rem); }
            
          
            
            
              .lg\:ml-1 { margin-left: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:ml-2 { margin-left: var(--spacing-0-5rem); }
            
          
        
      
        
          
            
            
              .lg\:p-0 { padding: var(--spacing-0rem); }
            
          
            
            
              .lg\:p-1 { padding: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:p-2 { padding: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .lg\:pt-0 { padding-top: var(--spacing-0rem); }
            
          
            
            
              .lg\:pt-1 { padding-top: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:pt-2 { padding-top: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .lg\:pr-0 { padding-right: var(--spacing-0rem); }
            
          
            
            
              .lg\:pr-1 { padding-right: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:pr-2 { padding-right: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .lg\:pb-0 { padding-bottom: var(--spacing-0rem); }
            
          
            
            
              .lg\:pb-1 { padding-bottom: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:pb-2 { padding-bottom: var(--spacing-0-5rem); }
            
          
        
          
            
            
              .lg\:pl-0 { padding-left: var(--spacing-0rem); }
            
          
            
            
              .lg\:pl-1 { padding-left: var(--spacing-0-25rem); }
            
          
            
            
              .lg\:pl-2 { padding-left: var(--spacing-0-5rem); }
            
          
        
      
    }
  

    .text-primary { color: var(--color-primary); }
    .bg-primary { background-color: var(--color-primary); }

    .text-secondary { color: var(--color-secondary); }
    .bg-secondary { background-color: var(--color-secondary); }

    .text-tertiary { color: var(--color-tertiary); }
    .bg-tertiary { background-color: var(--color-tertiary); }

    .text-quaternary { color: var(--color-quaternary); }
    .bg-quaternary { background-color: var(--color-quaternary); }

    .text-primary-darken { color: var(--color-primary-darken); }
    .bg-primary-darken { background-color: var(--color-primary-darken); }

    .text-orange { color: var(--color-orange); }
    .bg-orange { background-color: var(--color-orange); }

    .text-blue { color: var(--color-blue); }
    .bg-blue { background-color: var(--color-blue); }

    .text-red { color: var(--color-red); }
    .bg-red { background-color: var(--color-red); }

    .text-green { color: var(--color-green); }
    .bg-green { background-color: var(--color-green); }

    .text-white { color: var(--color-white); }
    .bg-white { background-color: var(--color-white); }

    .text-black { color: var(--color-black); }
    .bg-black { background-color: var(--color-black); }

    .text-light { color: var(--color-light); }
    .bg-light { background-color: var(--color-light); }

    .text-dark { color: var(--color-dark); }
    .bg-dark { background-color: var(--color-dark); }

    .text-gray { color: var(--color-gray); }
    .bg-gray { background-color: var(--color-gray); }

    .text-lightgray { color: var(--color-lightgray); }
    .bg-lightgray { background-color: var(--color-lightgray); }

    .text-darkgray { color: var(--color-darkgray); }
    .bg-darkgray { background-color: var(--color-darkgray); }

    .text-link { color: var(--color-link); }
    .bg-link { background-color: var(--color-link); }

    .text-link-hover { color: var(--color-link-hover); }
    .bg-link-hover { background-color: var(--color-link-hover); }

    .text-link-active { color: var(--color-link-active); }
    .bg-link-active { background-color: var(--color-link-active); }

  
    @media (max-width: 767px) {
      
        .sm\:text-primary { color: var(--color-primary); }
        .sm\:bg-primary { background-color: var(--color-primary); }
      
        .sm\:text-secondary { color: var(--color-secondary); }
        .sm\:bg-secondary { background-color: var(--color-secondary); }
      
        .sm\:text-tertiary { color: var(--color-tertiary); }
        .sm\:bg-tertiary { background-color: var(--color-tertiary); }
      
        .sm\:text-quaternary { color: var(--color-quaternary); }
        .sm\:bg-quaternary { background-color: var(--color-quaternary); }
      
        .sm\:text-primary-darken { color: var(--color-primary-darken); }
        .sm\:bg-primary-darken { background-color: var(--color-primary-darken); }
      
        .sm\:text-orange { color: var(--color-orange); }
        .sm\:bg-orange { background-color: var(--color-orange); }
      
        .sm\:text-blue { color: var(--color-blue); }
        .sm\:bg-blue { background-color: var(--color-blue); }
      
        .sm\:text-red { color: var(--color-red); }
        .sm\:bg-red { background-color: var(--color-red); }
      
        .sm\:text-green { color: var(--color-green); }
        .sm\:bg-green { background-color: var(--color-green); }
      
        .sm\:text-white { color: var(--color-white); }
        .sm\:bg-white { background-color: var(--color-white); }
      
        .sm\:text-black { color: var(--color-black); }
        .sm\:bg-black { background-color: var(--color-black); }
      
        .sm\:text-light { color: var(--color-light); }
        .sm\:bg-light { background-color: var(--color-light); }
      
        .sm\:text-dark { color: var(--color-dark); }
        .sm\:bg-dark { background-color: var(--color-dark); }
      
        .sm\:text-gray { color: var(--color-gray); }
        .sm\:bg-gray { background-color: var(--color-gray); }
      
        .sm\:text-lightgray { color: var(--color-lightgray); }
        .sm\:bg-lightgray { background-color: var(--color-lightgray); }
      
        .sm\:text-darkgray { color: var(--color-darkgray); }
        .sm\:bg-darkgray { background-color: var(--color-darkgray); }
      
        .sm\:text-link { color: var(--color-link); }
        .sm\:bg-link { background-color: var(--color-link); }
      
        .sm\:text-link-hover { color: var(--color-link-hover); }
        .sm\:bg-link-hover { background-color: var(--color-link-hover); }
      
        .sm\:text-link-active { color: var(--color-link-active); }
        .sm\:bg-link-active { background-color: var(--color-link-active); }
      
    }
  

  
    @media (min-width: 768px) {
      
        .md\:text-primary { color: var(--color-primary); }
        .md\:bg-primary { background-color: var(--color-primary); }
      
        .md\:text-secondary { color: var(--color-secondary); }
        .md\:bg-secondary { background-color: var(--color-secondary); }
      
        .md\:text-tertiary { color: var(--color-tertiary); }
        .md\:bg-tertiary { background-color: var(--color-tertiary); }
      
        .md\:text-quaternary { color: var(--color-quaternary); }
        .md\:bg-quaternary { background-color: var(--color-quaternary); }
      
        .md\:text-primary-darken { color: var(--color-primary-darken); }
        .md\:bg-primary-darken { background-color: var(--color-primary-darken); }
      
        .md\:text-orange { color: var(--color-orange); }
        .md\:bg-orange { background-color: var(--color-orange); }
      
        .md\:text-blue { color: var(--color-blue); }
        .md\:bg-blue { background-color: var(--color-blue); }
      
        .md\:text-red { color: var(--color-red); }
        .md\:bg-red { background-color: var(--color-red); }
      
        .md\:text-green { color: var(--color-green); }
        .md\:bg-green { background-color: var(--color-green); }
      
        .md\:text-white { color: var(--color-white); }
        .md\:bg-white { background-color: var(--color-white); }
      
        .md\:text-black { color: var(--color-black); }
        .md\:bg-black { background-color: var(--color-black); }
      
        .md\:text-light { color: var(--color-light); }
        .md\:bg-light { background-color: var(--color-light); }
      
        .md\:text-dark { color: var(--color-dark); }
        .md\:bg-dark { background-color: var(--color-dark); }
      
        .md\:text-gray { color: var(--color-gray); }
        .md\:bg-gray { background-color: var(--color-gray); }
      
        .md\:text-lightgray { color: var(--color-lightgray); }
        .md\:bg-lightgray { background-color: var(--color-lightgray); }
      
        .md\:text-darkgray { color: var(--color-darkgray); }
        .md\:bg-darkgray { background-color: var(--color-darkgray); }
      
        .md\:text-link { color: var(--color-link); }
        .md\:bg-link { background-color: var(--color-link); }
      
        .md\:text-link-hover { color: var(--color-link-hover); }
        .md\:bg-link-hover { background-color: var(--color-link-hover); }
      
        .md\:text-link-active { color: var(--color-link-active); }
        .md\:bg-link-active { background-color: var(--color-link-active); }
      
    }
  

  
    @media (min-width: 1440px) {
      
        .lg\:text-primary { color: var(--color-primary); }
        .lg\:bg-primary { background-color: var(--color-primary); }
      
        .lg\:text-secondary { color: var(--color-secondary); }
        .lg\:bg-secondary { background-color: var(--color-secondary); }
      
        .lg\:text-tertiary { color: var(--color-tertiary); }
        .lg\:bg-tertiary { background-color: var(--color-tertiary); }
      
        .lg\:text-quaternary { color: var(--color-quaternary); }
        .lg\:bg-quaternary { background-color: var(--color-quaternary); }
      
        .lg\:text-primary-darken { color: var(--color-primary-darken); }
        .lg\:bg-primary-darken { background-color: var(--color-primary-darken); }
      
        .lg\:text-orange { color: var(--color-orange); }
        .lg\:bg-orange { background-color: var(--color-orange); }
      
        .lg\:text-blue { color: var(--color-blue); }
        .lg\:bg-blue { background-color: var(--color-blue); }
      
        .lg\:text-red { color: var(--color-red); }
        .lg\:bg-red { background-color: var(--color-red); }
      
        .lg\:text-green { color: var(--color-green); }
        .lg\:bg-green { background-color: var(--color-green); }
      
        .lg\:text-white { color: var(--color-white); }
        .lg\:bg-white { background-color: var(--color-white); }
      
        .lg\:text-black { color: var(--color-black); }
        .lg\:bg-black { background-color: var(--color-black); }
      
        .lg\:text-light { color: var(--color-light); }
        .lg\:bg-light { background-color: var(--color-light); }
      
        .lg\:text-dark { color: var(--color-dark); }
        .lg\:bg-dark { background-color: var(--color-dark); }
      
        .lg\:text-gray { color: var(--color-gray); }
        .lg\:bg-gray { background-color: var(--color-gray); }
      
        .lg\:text-lightgray { color: var(--color-lightgray); }
        .lg\:bg-lightgray { background-color: var(--color-lightgray); }
      
        .lg\:text-darkgray { color: var(--color-darkgray); }
        .lg\:bg-darkgray { background-color: var(--color-darkgray); }
      
        .lg\:text-link { color: var(--color-link); }
        .lg\:bg-link { background-color: var(--color-link); }
      
        .lg\:text-link-hover { color: var(--color-link-hover); }
        .lg\:bg-link-hover { background-color: var(--color-link-hover); }
      
        .lg\:text-link-active { color: var(--color-link-active); }
        .lg\:bg-link-active { background-color: var(--color-link-active); }
      
    }
  

.flex { display: flex; }

.inlineflex { display: inline-flex; }



.flex-row { flex-direction: row; }

.flex-rowreverse { flex-direction: row-reverse; }

.flex-column { flex-direction: column; }

.flex-columnreverse { flex-direction: column-reverse; }



.flex-nowrap { flex-wrap: nowrap; }

.flex-wrap { flex-wrap: wrap; }

.flex-wrapreverse { flex-wrap: wrap-reverse; }



.justify-start { justify-content: var(--flex-start); }

.justify-end { justify-content: var(--flex-end); }

.justify-center { justify-content: var(--flex-center); }

.justify-between { justify-content: var(--flex-between); }

.justify-around { justify-content: var(--flex-around); }

.justify-evenly { justify-content: var(--flex-evenly); }



.items-start { align-items: var(--flex-start); }

.items-end { align-items: var(--flex-end); }

.items-center { align-items: var(--flex-center); }

.items-baseline { align-items: var(--flex-baseline); }

.items-stretch { align-items: var(--flex-stretch); }



.self-start { align-self: var(--flex-start); }

.self-end { align-self: var(--flex-end); }

.self-center { align-self: var(--flex-center); }

.self-baseline { align-self: var(--flex-baseline); }

.self-stretch { align-self: var(--flex-stretch); }

  
    @media (max-width: 767px) {
       
        .sm\:flex { display: flex; }
        
        .sm\:inlineflex { display: inline-flex; }
        
        
        .sm\:flex-row { flex-direction: row; }
        
        .sm\:flex-rowreverse { flex-direction: row-reverse; }
        
        .sm\:flex-column { flex-direction: column; }
        
        .sm\:flex-columnreverse { flex-direction: column-reverse; }
        
        
        .sm\:flex-nowrap { flex-wrap: nowrap; }
        
        .sm\:flex-wrap { flex-wrap: wrap; }
        
        .sm\:flex-wrapreverse { flex-wrap: wrap-reverse; }
        
        
        .sm\:justify-start { justify-content: var(--flex-start); }
        
        .sm\:justify-end { justify-content: var(--flex-end); }
        
        .sm\:justify-center { justify-content: var(--flex-center); }
        
        .sm\:justify-between { justify-content: var(--flex-between); }
        
        .sm\:justify-around { justify-content: var(--flex-around); }
        
        .sm\:justify-evenly { justify-content: var(--flex-evenly); }
        
        
        .sm\:items-start { align-items: var(--flex-start); }
        
        .sm\:items-end { align-items: var(--flex-end); }
        
        .sm\:items-center { align-items: var(--flex-center); }
        
        .sm\:items-baseline { align-items: var(--flex-baseline); }
        
        .sm\:items-stretch { align-items: var(--flex-stretch); }
        
        
        .sm\:self-start { align-self: var(--flex-start); }
        
        .sm\:self-end { align-self: var(--flex-end); }
        
        .sm\:self-center { align-self: var(--flex-center); }
        
        .sm\:self-baseline { align-self: var(--flex-baseline); }
        
        .sm\:self-stretch { align-self: var(--flex-stretch); }
        
    }
  

  
    @media (min-width: 768px) {
       
        .md\:flex { display: flex; }
        
        .md\:inlineflex { display: inline-flex; }
        
        
        .md\:flex-row { flex-direction: row; }
        
        .md\:flex-rowreverse { flex-direction: row-reverse; }
        
        .md\:flex-column { flex-direction: column; }
        
        .md\:flex-columnreverse { flex-direction: column-reverse; }
        
        
        .md\:flex-nowrap { flex-wrap: nowrap; }
        
        .md\:flex-wrap { flex-wrap: wrap; }
        
        .md\:flex-wrapreverse { flex-wrap: wrap-reverse; }
        
        
        .md\:justify-start { justify-content: var(--flex-start); }
        
        .md\:justify-end { justify-content: var(--flex-end); }
        
        .md\:justify-center { justify-content: var(--flex-center); }
        
        .md\:justify-between { justify-content: var(--flex-between); }
        
        .md\:justify-around { justify-content: var(--flex-around); }
        
        .md\:justify-evenly { justify-content: var(--flex-evenly); }
        
        
        .md\:items-start { align-items: var(--flex-start); }
        
        .md\:items-end { align-items: var(--flex-end); }
        
        .md\:items-center { align-items: var(--flex-center); }
        
        .md\:items-baseline { align-items: var(--flex-baseline); }
        
        .md\:items-stretch { align-items: var(--flex-stretch); }
        
        
        .md\:self-start { align-self: var(--flex-start); }
        
        .md\:self-end { align-self: var(--flex-end); }
        
        .md\:self-center { align-self: var(--flex-center); }
        
        .md\:self-baseline { align-self: var(--flex-baseline); }
        
        .md\:self-stretch { align-self: var(--flex-stretch); }
        
    }
  

  
    @media (min-width: 1440px) {
       
        .lg\:flex { display: flex; }
        
        .lg\:inlineflex { display: inline-flex; }
        
        
        .lg\:flex-row { flex-direction: row; }
        
        .lg\:flex-rowreverse { flex-direction: row-reverse; }
        
        .lg\:flex-column { flex-direction: column; }
        
        .lg\:flex-columnreverse { flex-direction: column-reverse; }
        
        
        .lg\:flex-nowrap { flex-wrap: nowrap; }
        
        .lg\:flex-wrap { flex-wrap: wrap; }
        
        .lg\:flex-wrapreverse { flex-wrap: wrap-reverse; }
        
        
        .lg\:justify-start { justify-content: var(--flex-start); }
        
        .lg\:justify-end { justify-content: var(--flex-end); }
        
        .lg\:justify-center { justify-content: var(--flex-center); }
        
        .lg\:justify-between { justify-content: var(--flex-between); }
        
        .lg\:justify-around { justify-content: var(--flex-around); }
        
        .lg\:justify-evenly { justify-content: var(--flex-evenly); }
        
        
        .lg\:items-start { align-items: var(--flex-start); }
        
        .lg\:items-end { align-items: var(--flex-end); }
        
        .lg\:items-center { align-items: var(--flex-center); }
        
        .lg\:items-baseline { align-items: var(--flex-baseline); }
        
        .lg\:items-stretch { align-items: var(--flex-stretch); }
        
        
        .lg\:self-start { align-self: var(--flex-start); }
        
        .lg\:self-end { align-self: var(--flex-end); }
        
        .lg\:self-center { align-self: var(--flex-center); }
        
        .lg\:self-baseline { align-self: var(--flex-baseline); }
        
        .lg\:self-stretch { align-self: var(--flex-stretch); }
        
    }
  

@media (min-width: 767px) {
  
  .sm\:flex { display: flex; }
  
  .sm\:inlineflex { display: inline-flex; }
  

  
  .sm\:flex-row { flex-direction: row; }
  
  .sm\:flex-rowreverse { flex-direction: row-reverse; }
  
  .sm\:flex-column { flex-direction: column; }
  
  .sm\:flex-columnreverse { flex-direction: column-reverse; }
  

  
  .sm\:flex-nowrap { flex-wrap: nowrap; }
  
  .sm\:flex-wrap { flex-wrap: wrap; }
  
  .sm\:flex-wrapreverse { flex-wrap: wrap-reverse; }
  

  
  .sm\:justify-start { justify-content: var(--flex-start); }
  
  .sm\:justify-end { justify-content: var(--flex-end); }
  
  .sm\:justify-center { justify-content: var(--flex-center); }
  
  .sm\:justify-between { justify-content: var(--flex-between); }
  
  .sm\:justify-around { justify-content: var(--flex-around); }
  
  .sm\:justify-evenly { justify-content: var(--flex-evenly); }
  

  
  .sm\:items-start { align-items: var(--flex-start); }
  
  .sm\:items-end { align-items: var(--flex-end); }
  
  .sm\:items-center { align-items: var(--flex-center); }
  
  .sm\:items-baseline { align-items: var(--flex-baseline); }
  
  .sm\:items-stretch { align-items: var(--flex-stretch); }
  

  
  .sm\:self-start { align-self: var(--flex-start); }
  
  .sm\:self-end { align-self: var(--flex-end); }
  
  .sm\:self-center { align-self: var(--flex-center); }
  
  .sm\:self-baseline { align-self: var(--flex-baseline); }
  
  .sm\:self-stretch { align-self: var(--flex-stretch); }
  
}

@media (min-width: 768px) {
  
  .md\:flex { display: flex; }
  
  .md\:inlineflex { display: inline-flex; }
  

  
  .md\:flex-row { flex-direction: row; }
  
  .md\:flex-rowreverse { flex-direction: row-reverse; }
  
  .md\:flex-column { flex-direction: column; }
  
  .md\:flex-columnreverse { flex-direction: column-reverse; }
  

  
  .md\:flex-nowrap { flex-wrap: nowrap; }
  
  .md\:flex-wrap { flex-wrap: wrap; }
  
  .md\:flex-wrapreverse { flex-wrap: wrap-reverse; }
  

  
  .md\:justify-start { justify-content: var(--flex-start); }
  
  .md\:justify-end { justify-content: var(--flex-end); }
  
  .md\:justify-center { justify-content: var(--flex-center); }
  
  .md\:justify-between { justify-content: var(--flex-between); }
  
  .md\:justify-around { justify-content: var(--flex-around); }
  
  .md\:justify-evenly { justify-content: var(--flex-evenly); }
  

  
  .md\:items-start { align-items: var(--flex-start); }
  
  .md\:items-end { align-items: var(--flex-end); }
  
  .md\:items-center { align-items: var(--flex-center); }
  
  .md\:items-baseline { align-items: var(--flex-baseline); }
  
  .md\:items-stretch { align-items: var(--flex-stretch); }
  

  
  .md\:self-start { align-self: var(--flex-start); }
  
  .md\:self-end { align-self: var(--flex-end); }
  
  .md\:self-center { align-self: var(--flex-center); }
  
  .md\:self-baseline { align-self: var(--flex-baseline); }
  
  .md\:self-stretch { align-self: var(--flex-stretch); }
  
}

@media (min-width: 1440px) {
  
  .lg\:flex { display: flex; }
  
  .lg\:inlineflex { display: inline-flex; }
  

  
  .lg\:flex-row { flex-direction: row; }
  
  .lg\:flex-rowreverse { flex-direction: row-reverse; }
  
  .lg\:flex-column { flex-direction: column; }
  
  .lg\:flex-columnreverse { flex-direction: column-reverse; }
  

  
  .lg\:flex-nowrap { flex-wrap: nowrap; }
  
  .lg\:flex-wrap { flex-wrap: wrap; }
  
  .lg\:flex-wrapreverse { flex-wrap: wrap-reverse; }
  

  
  .lg\:justify-start { justify-content: var(--flex-start); }
  
  .lg\:justify-end { justify-content: var(--flex-end); }
  
  .lg\:justify-center { justify-content: var(--flex-center); }
  
  .lg\:justify-between { justify-content: var(--flex-between); }
  
  .lg\:justify-around { justify-content: var(--flex-around); }
  
  .lg\:justify-evenly { justify-content: var(--flex-evenly); }
  

  
  .lg\:items-start { align-items: var(--flex-start); }
  
  .lg\:items-end { align-items: var(--flex-end); }
  
  .lg\:items-center { align-items: var(--flex-center); }
  
  .lg\:items-baseline { align-items: var(--flex-baseline); }
  
  .lg\:items-stretch { align-items: var(--flex-stretch); }
  

  
  .lg\:self-start { align-self: var(--flex-start); }
  
  .lg\:self-end { align-self: var(--flex-end); }
  
  .lg\:self-center { align-self: var(--flex-center); }
  
  .lg\:self-baseline { align-self: var(--flex-baseline); }
  
  .lg\:self-stretch { align-self: var(--flex-stretch); }
  
}