.column {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: var(--w);
  width:var(--w, 100%);
  &.-col1 {--w:calc(var(--col)*1 + var(--gut)*0);}
  &.-col2 {--w:calc(var(--col)*2 + var(--gut)*1);}
  &.-col3 {--w:calc(var(--col)*3 + var(--gut)*2);}
  &.-col4 {--w:calc(var(--col)*4 + var(--gut)*3);}
  &.-col5 {--w:calc(var(--col)*5 + var(--gut)*4);}
  &.-col6 {--w:calc(var(--col)*6 + var(--gut)*5);}
  &.-col7 {--w:calc(var(--col)*7 + var(--gut)*6);}
  &.-col8 {--w:calc(var(--col)*8 + var(--gut)*7);}
  &.-col9 {--w:calc(var(--col)*9 + var(--gut)*8);}
  &.-col10 {--w:calc(var(--col)*10 + var(--gut)*9);}
  &.-col11 {--w:calc(var(--col)*11 + var(--gut)*10);}
  &.-col12 {--w:100%;}

  @media (max-width: 1660px) {}
  @media (max-width: 1440px) {}
  @media (max-width: 1280px) {}
  @media (max-width: 1024px) {
    &.-tb\:col1 {--w:calc(var(--col)*1 + var(--gut)*0);}
    &.-tb\:col2 {--w:calc(var(--col)*2 + var(--gut)*1);}
    &.-tb\:col3 {--w:calc(var(--col)*3 + var(--gut)*2);}
    &.-tb\:col4 {--w:calc(var(--col)*4 + var(--gut)*3);}
    &.-tb\:col5 {--w:calc(var(--col)*5 + var(--gut)*4);}
    &.-tb\:col6 {--w:calc(var(--col)*6 + var(--gut)*5);}
    &.-tb\:col7 {--w:calc(var(--col)*7 + var(--gut)*6);}
    &.-tb\:col8 {--w:calc(var(--col)*8 + var(--gut)*7);}
    &.-tb\:col9 {--w:calc(var(--col)*9 + var(--gut)*8);}
    &.-tb\:col10 {--w:calc(var(--col)*10 + var(--gut)*9);}
    &.-tb\:col11 {--w:calc(var(--col)*11 + var(--gut)*10);}
    &.-tb\:col12 {--w:100%;}
  }
  @media (max-width: 880px)  {}
  @media (max-width: 660px)  {
    &.-mb\:col1 {--w:calc(var(--col)*1 + var(--gut)*0);}
    &.-mb\:col2 {--w:calc(var(--col)*2 + var(--gut)*1);}
    &.-mb\:col3 {--w:calc(var(--col)*3 + var(--gut)*2);}
    &.-mb\:col4 {--w:calc(var(--col)*4 + var(--gut)*3);}
    &.-mb\:col5 {--w:calc(var(--col)*5 + var(--gut)*4);}
    &.-mb\:col6 {--w:calc(var(--col)*6 + var(--gut)*5);}
    &.-mb\:col7 {--w:calc(var(--col)*7 + var(--gut)*6);}
    &.-mb\:col8 {--w:calc(var(--col)*8 + var(--gut)*7);}
    &.-mb\:col9 {--w:calc(var(--col)*9 + var(--gut)*8);}
    &.-mb\:col10 {--w:calc(var(--col)*10 + var(--gut)*9);}
    &.-mb\:col11 {--w:calc(var(--col)*11 + var(--gut)*10);}
    &.-mb\:col12 {--w:100%;}
  }
  @media (max-width: 560px)  {}
}