quasar/dist/quasar.addon.rtl.css

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

@media (min-width: 0) {
  .flex-block, .flex-xs-block {
    display: block;
  }

  .flex-inline, .flex-xs-inline {
    display: inline-block;
  }

  .q-pa-xs-none {
    padding: 0 0;
  }

  [dir="ltr"] .q-pl-xs-none {
    padding-left: 0;
  }

  [dir="rtl"] .q-pl-xs-none {
    padding-right: 0;
  }

  [dir="ltr"] .q-pr-xs-none {
    padding-right: 0;
  }

  [dir="rtl"] .q-pr-xs-none {
    padding-left: 0;
  }

  .q-pt-xs-none {
    padding-top: 0;
  }

  .q-pb-xs-none {
    padding-bottom: 0;
  }

  .q-px-xs-none {
    padding-left: 0;
    padding-right: 0;
  }

  .q-py-xs-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .q-ma-xs-none {
    margin: 0 0;
  }

  [dir="ltr"] .q-ml-xs-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-ml-xs-none {
    margin-right: 0;
  }

  [dir="ltr"] .q-mr-xs-none {
    margin-right: 0;
  }

  [dir="rtl"] .q-mr-xs-none {
    margin-left: 0;
  }

  .q-mt-xs-none {
    margin-top: 0;
  }

  .q-mb-xs-none {
    margin-bottom: 0;
  }

  .q-mx-xs-none {
    margin-left: 0;
    margin-right: 0;
  }

  .q-my-xs-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .q-pa-xs-xs {
    padding: 4px 4px;
  }

  [dir="ltr"] .q-pl-xs-xs {
    padding-left: 4px;
  }

  [dir="rtl"] .q-pl-xs-xs {
    padding-right: 4px;
  }

  [dir="ltr"] .q-pr-xs-xs {
    padding-right: 4px;
  }

  [dir="rtl"] .q-pr-xs-xs {
    padding-left: 4px;
  }

  .q-pt-xs-xs {
    padding-top: 4px;
  }

  .q-pb-xs-xs {
    padding-bottom: 4px;
  }

  .q-px-xs-xs {
    padding-left: 4px;
    padding-right: 4px;
  }

  .q-py-xs-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .q-ma-xs-xs {
    margin: 4px 4px;
  }

  [dir="ltr"] .q-ml-xs-xs {
    margin-left: 4px;
  }

  [dir="rtl"] .q-ml-xs-xs {
    margin-right: 4px;
  }

  [dir="ltr"] .q-mr-xs-xs {
    margin-right: 4px;
  }

  [dir="rtl"] .q-mr-xs-xs {
    margin-left: 4px;
  }

  .q-mt-xs-xs {
    margin-top: 4px;
  }

  .q-mb-xs-xs {
    margin-bottom: 4px;
  }

  .q-mx-xs-xs {
    margin-left: 4px;
    margin-right: 4px;
  }

  .q-my-xs-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .q-pa-xs-sm {
    padding: 8px 8px;
  }

  [dir="ltr"] .q-pl-xs-sm {
    padding-left: 8px;
  }

  [dir="rtl"] .q-pl-xs-sm {
    padding-right: 8px;
  }

  [dir="ltr"] .q-pr-xs-sm {
    padding-right: 8px;
  }

  [dir="rtl"] .q-pr-xs-sm {
    padding-left: 8px;
  }

  .q-pt-xs-sm {
    padding-top: 8px;
  }

  .q-pb-xs-sm {
    padding-bottom: 8px;
  }

  .q-px-xs-sm {
    padding-left: 8px;
    padding-right: 8px;
  }

  .q-py-xs-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .q-ma-xs-sm {
    margin: 8px 8px;
  }

  [dir="ltr"] .q-ml-xs-sm {
    margin-left: 8px;
  }

  [dir="rtl"] .q-ml-xs-sm {
    margin-right: 8px;
  }

  [dir="ltr"] .q-mr-xs-sm {
    margin-right: 8px;
  }

  [dir="rtl"] .q-mr-xs-sm {
    margin-left: 8px;
  }

  .q-mt-xs-sm {
    margin-top: 8px;
  }

  .q-mb-xs-sm {
    margin-bottom: 8px;
  }

  .q-mx-xs-sm {
    margin-left: 8px;
    margin-right: 8px;
  }

  .q-my-xs-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .q-pa-xs-md {
    padding: 16px 16px;
  }

  [dir="ltr"] .q-pl-xs-md {
    padding-left: 16px;
  }

  [dir="rtl"] .q-pl-xs-md {
    padding-right: 16px;
  }

  [dir="ltr"] .q-pr-xs-md {
    padding-right: 16px;
  }

  [dir="rtl"] .q-pr-xs-md {
    padding-left: 16px;
  }

  .q-pt-xs-md {
    padding-top: 16px;
  }

  .q-pb-xs-md {
    padding-bottom: 16px;
  }

  .q-px-xs-md {
    padding-left: 16px;
    padding-right: 16px;
  }

  .q-py-xs-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .q-ma-xs-md {
    margin: 16px 16px;
  }

  [dir="ltr"] .q-ml-xs-md {
    margin-left: 16px;
  }

  [dir="rtl"] .q-ml-xs-md {
    margin-right: 16px;
  }

  [dir="ltr"] .q-mr-xs-md {
    margin-right: 16px;
  }

  [dir="rtl"] .q-mr-xs-md {
    margin-left: 16px;
  }

  .q-mt-xs-md {
    margin-top: 16px;
  }

  .q-mb-xs-md {
    margin-bottom: 16px;
  }

  .q-mx-xs-md {
    margin-left: 16px;
    margin-right: 16px;
  }

  .q-my-xs-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .q-pa-xs-lg {
    padding: 24px 24px;
  }

  [dir="ltr"] .q-pl-xs-lg {
    padding-left: 24px;
  }

  [dir="rtl"] .q-pl-xs-lg {
    padding-right: 24px;
  }

  [dir="ltr"] .q-pr-xs-lg {
    padding-right: 24px;
  }

  [dir="rtl"] .q-pr-xs-lg {
    padding-left: 24px;
  }

  .q-pt-xs-lg {
    padding-top: 24px;
  }

  .q-pb-xs-lg {
    padding-bottom: 24px;
  }

  .q-px-xs-lg {
    padding-left: 24px;
    padding-right: 24px;
  }

  .q-py-xs-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .q-ma-xs-lg {
    margin: 24px 24px;
  }

  [dir="ltr"] .q-ml-xs-lg {
    margin-left: 24px;
  }

  [dir="rtl"] .q-ml-xs-lg {
    margin-right: 24px;
  }

  [dir="ltr"] .q-mr-xs-lg {
    margin-right: 24px;
  }

  [dir="rtl"] .q-mr-xs-lg {
    margin-left: 24px;
  }

  .q-mt-xs-lg {
    margin-top: 24px;
  }

  .q-mb-xs-lg {
    margin-bottom: 24px;
  }

  .q-mx-xs-lg {
    margin-left: 24px;
    margin-right: 24px;
  }

  .q-my-xs-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .q-pa-xs-xl {
    padding: 48px 48px;
  }

  [dir="ltr"] .q-pl-xs-xl {
    padding-left: 48px;
  }

  [dir="rtl"] .q-pl-xs-xl {
    padding-right: 48px;
  }

  [dir="ltr"] .q-pr-xs-xl {
    padding-right: 48px;
  }

  [dir="rtl"] .q-pr-xs-xl {
    padding-left: 48px;
  }

  .q-pt-xs-xl {
    padding-top: 48px;
  }

  .q-pb-xs-xl {
    padding-bottom: 48px;
  }

  .q-px-xs-xl {
    padding-left: 48px;
    padding-right: 48px;
  }

  .q-py-xs-xl {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .q-ma-xs-xl {
    margin: 48px 48px;
  }

  [dir="ltr"] .q-ml-xs-xl {
    margin-left: 48px;
  }

  [dir="rtl"] .q-ml-xs-xl {
    margin-right: 48px;
  }

  [dir="ltr"] .q-mr-xs-xl {
    margin-right: 48px;
  }

  [dir="rtl"] .q-mr-xs-xl {
    margin-left: 48px;
  }

  .q-mt-xs-xl {
    margin-top: 48px;
  }

  .q-mb-xs-xl {
    margin-bottom: 48px;
  }

  .q-mx-xs-xl {
    margin-left: 48px;
    margin-right: 48px;
  }

  .q-my-xs-xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  [dir="ltr"] .q-ml-xs-auto {
    margin-left: auto;
  }

  [dir="rtl"] .q-ml-xs-auto {
    margin-right: auto;
  }

  [dir="ltr"] .q-mr-xs-auto {
    margin-right: auto;
  }

  [dir="rtl"] .q-mr-xs-auto {
    margin-left: auto;
  }

  .q-mx-xs-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .row-xs, .column-xs, .flex-xs {
    display: flex;
    flex-wrap: wrap;
  }

  .row-xs.inline-xs, .column-xs.inline-xs, .flex-xs.inline-xs {
    display: inline-flex;
  }

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

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

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

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

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

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

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

  .order-xs-first {
    order: -10000;
  }

  .order-xs-last {
    order: 10000;
  }

  .order-xs-none {
    order: 0;
  }

  .justify-xs-start {
    justify-content: flex-start;
  }

  .justify-xs-end {
    justify-content: flex-end;
  }

  .justify-xs-center, .flex-xs-center {
    justify-content: center;
  }

  .justify-xs-between {
    justify-content: space-between;
  }

  .justify-xs-around {
    justify-content: space-around;
  }

  .justify-xs-evenly {
    justify-content: space-evenly;
  }

  .items-xs-start {
    align-items: flex-start;
  }

  .items-xs-end {
    align-items: flex-end;
  }

  .items-xs-center, .flex-xs-center {
    align-items: center;
  }

  .items-xs-baseline {
    align-items: baseline;
  }

  .items-xs-stretch {
    align-items: stretch;
  }

  .content-xs-start {
    align-content: flex-start;
  }

  .content-xs-end {
    align-content: flex-end;
  }

  .content-xs-center {
    align-content: center;
  }

  .content-xs-between {
    align-content: space-between;
  }

  .content-xs-around {
    align-content: space-around;
  }

  .self-xs-start {
    align-self: flex-start;
  }

  .self-xs-end {
    align-self: flex-end;
  }

  .self-xs-center {
    align-self: center;
  }

  .self-xs-baseline {
    align-self: baseline;
  }

  .self-xs-stretch {
    align-self: stretch;
  }

  [dir="ltr"] .q-gutter-xs-x-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-gutter-xs-x-none {
    margin-right: 0;
  }

  [dir="ltr"] .q-gutter-xs-x-none > * {
    margin-left: 0;
  }

  [dir="rtl"] .q-gutter-xs-x-none > * {
    margin-right: 0;
  }

  .q-gutter-xs-y-none {
    margin-top: 0;
  }

  .q-gutter-xs-y-none > * {
    margin-top: 0;
  }

  .q-gutter-xs-none {
    margin-top: 0;
  }

  [dir="ltr"] .q-gutter-xs-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-gutter-xs-none {
    margin-right: 0;
  }

  .q-gutter-xs-none > * {
    margin-top: 0;
  }

  [dir="ltr"] .q-gutter-xs-none > * {
    margin-left: 0;
  }

  [dir="rtl"] .q-gutter-xs-none > * {
    margin-right: 0;
  }

  [dir="ltr"] .q-col-gutter-xs-x-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-col-gutter-xs-x-none {
    margin-right: 0;
  }

  [dir="ltr"] .q-col-gutter-xs-x-none > * {
    padding-left: 0;
  }

  [dir="rtl"] .q-col-gutter-xs-x-none > * {
    padding-right: 0;
  }

  .q-col-gutter-xs-y-none {
    margin-top: 0;
  }

  .q-col-gutter-xs-y-none > * {
    padding-top: 0;
  }

  .q-col-gutter-xs-none {
    margin-top: 0;
  }

  [dir="ltr"] .q-col-gutter-xs-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-col-gutter-xs-none {
    margin-right: 0;
  }

  .q-col-gutter-xs-none > * {
    padding-top: 0;
  }

  [dir="ltr"] .q-col-gutter-xs-none > * {
    padding-left: 0;
  }

  [dir="rtl"] .q-col-gutter-xs-none > * {
    padding-right: 0;
  }

  [dir="ltr"] .q-gutter-xs-x-xs {
    margin-left: -4px;
  }

  [dir="rtl"] .q-gutter-xs-x-xs {
    margin-right: -4px;
  }

  [dir="ltr"] .q-gutter-xs-x-xs > * {
    margin-left: 4px;
  }

  [dir="rtl"] .q-gutter-xs-x-xs > * {
    margin-right: 4px;
  }

  .q-gutter-xs-y-xs {
    margin-top: -4px;
  }

  .q-gutter-xs-y-xs > * {
    margin-top: 4px;
  }

  .q-gutter-xs-xs {
    margin-top: -4px;
  }

  [dir="ltr"] .q-gutter-xs-xs {
    margin-left: -4px;
  }

  [dir="rtl"] .q-gutter-xs-xs {
    margin-right: -4px;
  }

  .q-gutter-xs-xs > * {
    margin-top: 4px;
  }

  [dir="ltr"] .q-gutter-xs-xs > * {
    margin-left: 4px;
  }

  [dir="rtl"] .q-gutter-xs-xs > * {
    margin-right: 4px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-xs {
    margin-left: -4px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-xs {
    margin-right: -4px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-xs > * {
    padding-left: 4px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-xs > * {
    padding-right: 4px;
  }

  .q-col-gutter-xs-y-xs {
    margin-top: -4px;
  }

  .q-col-gutter-xs-y-xs > * {
    padding-top: 4px;
  }

  .q-col-gutter-xs-xs {
    margin-top: -4px;
  }

  [dir="ltr"] .q-col-gutter-xs-xs {
    margin-left: -4px;
  }

  [dir="rtl"] .q-col-gutter-xs-xs {
    margin-right: -4px;
  }

  .q-col-gutter-xs-xs > * {
    padding-top: 4px;
  }

  [dir="ltr"] .q-col-gutter-xs-xs > * {
    padding-left: 4px;
  }

  [dir="rtl"] .q-col-gutter-xs-xs > * {
    padding-right: 4px;
  }

  [dir="ltr"] .q-gutter-xs-x-sm {
    margin-left: -8px;
  }

  [dir="rtl"] .q-gutter-xs-x-sm {
    margin-right: -8px;
  }

  [dir="ltr"] .q-gutter-xs-x-sm > * {
    margin-left: 8px;
  }

  [dir="rtl"] .q-gutter-xs-x-sm > * {
    margin-right: 8px;
  }

  .q-gutter-xs-y-sm {
    margin-top: -8px;
  }

  .q-gutter-xs-y-sm > * {
    margin-top: 8px;
  }

  .q-gutter-xs-sm {
    margin-top: -8px;
  }

  [dir="ltr"] .q-gutter-xs-sm {
    margin-left: -8px;
  }

  [dir="rtl"] .q-gutter-xs-sm {
    margin-right: -8px;
  }

  .q-gutter-xs-sm > * {
    margin-top: 8px;
  }

  [dir="ltr"] .q-gutter-xs-sm > * {
    margin-left: 8px;
  }

  [dir="rtl"] .q-gutter-xs-sm > * {
    margin-right: 8px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-sm {
    margin-left: -8px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-sm {
    margin-right: -8px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-sm > * {
    padding-left: 8px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-sm > * {
    padding-right: 8px;
  }

  .q-col-gutter-xs-y-sm {
    margin-top: -8px;
  }

  .q-col-gutter-xs-y-sm > * {
    padding-top: 8px;
  }

  .q-col-gutter-xs-sm {
    margin-top: -8px;
  }

  [dir="ltr"] .q-col-gutter-xs-sm {
    margin-left: -8px;
  }

  [dir="rtl"] .q-col-gutter-xs-sm {
    margin-right: -8px;
  }

  .q-col-gutter-xs-sm > * {
    padding-top: 8px;
  }

  [dir="ltr"] .q-col-gutter-xs-sm > * {
    padding-left: 8px;
  }

  [dir="rtl"] .q-col-gutter-xs-sm > * {
    padding-right: 8px;
  }

  [dir="ltr"] .q-gutter-xs-x-md {
    margin-left: -16px;
  }

  [dir="rtl"] .q-gutter-xs-x-md {
    margin-right: -16px;
  }

  [dir="ltr"] .q-gutter-xs-x-md > * {
    margin-left: 16px;
  }

  [dir="rtl"] .q-gutter-xs-x-md > * {
    margin-right: 16px;
  }

  .q-gutter-xs-y-md {
    margin-top: -16px;
  }

  .q-gutter-xs-y-md > * {
    margin-top: 16px;
  }

  .q-gutter-xs-md {
    margin-top: -16px;
  }

  [dir="ltr"] .q-gutter-xs-md {
    margin-left: -16px;
  }

  [dir="rtl"] .q-gutter-xs-md {
    margin-right: -16px;
  }

  .q-gutter-xs-md > * {
    margin-top: 16px;
  }

  [dir="ltr"] .q-gutter-xs-md > * {
    margin-left: 16px;
  }

  [dir="rtl"] .q-gutter-xs-md > * {
    margin-right: 16px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-md {
    margin-left: -16px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-md {
    margin-right: -16px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-md > * {
    padding-left: 16px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-md > * {
    padding-right: 16px;
  }

  .q-col-gutter-xs-y-md {
    margin-top: -16px;
  }

  .q-col-gutter-xs-y-md > * {
    padding-top: 16px;
  }

  .q-col-gutter-xs-md {
    margin-top: -16px;
  }

  [dir="ltr"] .q-col-gutter-xs-md {
    margin-left: -16px;
  }

  [dir="rtl"] .q-col-gutter-xs-md {
    margin-right: -16px;
  }

  .q-col-gutter-xs-md > * {
    padding-top: 16px;
  }

  [dir="ltr"] .q-col-gutter-xs-md > * {
    padding-left: 16px;
  }

  [dir="rtl"] .q-col-gutter-xs-md > * {
    padding-right: 16px;
  }

  [dir="ltr"] .q-gutter-xs-x-lg {
    margin-left: -24px;
  }

  [dir="rtl"] .q-gutter-xs-x-lg {
    margin-right: -24px;
  }

  [dir="ltr"] .q-gutter-xs-x-lg > * {
    margin-left: 24px;
  }

  [dir="rtl"] .q-gutter-xs-x-lg > * {
    margin-right: 24px;
  }

  .q-gutter-xs-y-lg {
    margin-top: -24px;
  }

  .q-gutter-xs-y-lg > * {
    margin-top: 24px;
  }

  .q-gutter-xs-lg {
    margin-top: -24px;
  }

  [dir="ltr"] .q-gutter-xs-lg {
    margin-left: -24px;
  }

  [dir="rtl"] .q-gutter-xs-lg {
    margin-right: -24px;
  }

  .q-gutter-xs-lg > * {
    margin-top: 24px;
  }

  [dir="ltr"] .q-gutter-xs-lg > * {
    margin-left: 24px;
  }

  [dir="rtl"] .q-gutter-xs-lg > * {
    margin-right: 24px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-lg {
    margin-left: -24px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-lg {
    margin-right: -24px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-lg > * {
    padding-left: 24px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-lg > * {
    padding-right: 24px;
  }

  .q-col-gutter-xs-y-lg {
    margin-top: -24px;
  }

  .q-col-gutter-xs-y-lg > * {
    padding-top: 24px;
  }

  .q-col-gutter-xs-lg {
    margin-top: -24px;
  }

  [dir="ltr"] .q-col-gutter-xs-lg {
    margin-left: -24px;
  }

  [dir="rtl"] .q-col-gutter-xs-lg {
    margin-right: -24px;
  }

  .q-col-gutter-xs-lg > * {
    padding-top: 24px;
  }

  [dir="ltr"] .q-col-gutter-xs-lg > * {
    padding-left: 24px;
  }

  [dir="rtl"] .q-col-gutter-xs-lg > * {
    padding-right: 24px;
  }

  [dir="ltr"] .q-gutter-xs-x-xl {
    margin-left: -48px;
  }

  [dir="rtl"] .q-gutter-xs-x-xl {
    margin-right: -48px;
  }

  [dir="ltr"] .q-gutter-xs-x-xl > * {
    margin-left: 48px;
  }

  [dir="rtl"] .q-gutter-xs-x-xl > * {
    margin-right: 48px;
  }

  .q-gutter-xs-y-xl {
    margin-top: -48px;
  }

  .q-gutter-xs-y-xl > * {
    margin-top: 48px;
  }

  .q-gutter-xs-xl {
    margin-top: -48px;
  }

  [dir="ltr"] .q-gutter-xs-xl {
    margin-left: -48px;
  }

  [dir="rtl"] .q-gutter-xs-xl {
    margin-right: -48px;
  }

  .q-gutter-xs-xl > * {
    margin-top: 48px;
  }

  [dir="ltr"] .q-gutter-xs-xl > * {
    margin-left: 48px;
  }

  [dir="rtl"] .q-gutter-xs-xl > * {
    margin-right: 48px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-xl {
    margin-left: -48px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-xl {
    margin-right: -48px;
  }

  [dir="ltr"] .q-col-gutter-xs-x-xl > * {
    padding-left: 48px;
  }

  [dir="rtl"] .q-col-gutter-xs-x-xl > * {
    padding-right: 48px;
  }

  .q-col-gutter-xs-y-xl {
    margin-top: -48px;
  }

  .q-col-gutter-xs-y-xl > * {
    padding-top: 48px;
  }

  .q-col-gutter-xs-xl {
    margin-top: -48px;
  }

  [dir="ltr"] .q-col-gutter-xs-xl {
    margin-left: -48px;
  }

  [dir="rtl"] .q-col-gutter-xs-xl {
    margin-right: -48px;
  }

  .q-col-gutter-xs-xl > * {
    padding-top: 48px;
  }

  [dir="ltr"] .q-col-gutter-xs-xl > * {
    padding-left: 48px;
  }

  [dir="rtl"] .q-col-gutter-xs-xl > * {
    padding-right: 48px;
  }

  .row-xs > .col-0, .row-xs > .col-xs-0 {
    height: auto;
    width: 0%;
  }

  [dir="ltr"] .row-xs > .offset-0, [dir="ltr"] .row-xs > .offset-xs-0 {
    margin-left: 0%;
  }

  [dir="rtl"] .row-xs > .offset-0, [dir="rtl"] .row-xs > .offset-xs-0 {
    margin-right: 0%;
  }

  .column-xs > .col-0, .column-xs > .col-xs-0 {
    height: 0%;
    width: auto;
  }

  .row-xs > .col-1, .row-xs > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }

  [dir="ltr"] .row-xs > .offset-1, [dir="ltr"] .row-xs > .offset-xs-1 {
    margin-left: 8.3333%;
  }

  [dir="rtl"] .row-xs > .offset-1, [dir="rtl"] .row-xs > .offset-xs-1 {
    margin-right: 8.3333%;
  }

  .column-xs > .col-1, .column-xs > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }

  .row-xs > .col-2, .row-xs > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }

  [dir="ltr"] .row-xs > .offset-2, [dir="ltr"] .row-xs > .offset-xs-2 {
    margin-left: 16.6667%;
  }

  [dir="rtl"] .row-xs > .offset-2, [dir="rtl"] .row-xs > .offset-xs-2 {
    margin-right: 16.6667%;
  }

  .column-xs > .col-2, .column-xs > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }

  .row-xs > .col-3, .row-xs > .col-xs-3 {
    height: auto;
    width: 25%;
  }

  [dir="ltr"] .row-xs > .offset-3, [dir="ltr"] .row-xs > .offset-xs-3 {
    margin-left: 25%;
  }

  [dir="rtl"] .row-xs > .offset-3, [dir="rtl"] .row-xs > .offset-xs-3 {
    margin-right: 25%;
  }

  .column-xs > .col-3, .column-xs > .col-xs-3 {
    height: 25%;
    width: auto;
  }

  .row-xs > .col-4, .row-xs > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }

  [dir="ltr"] .row-xs > .offset-4, [dir="ltr"] .row-xs > .offset-xs-4 {
    margin-left: 33.3333%;
  }

  [dir="rtl"] .row-xs > .offset-4, [dir="rtl"] .row-xs > .offset-xs-4 {
    margin-right: 33.3333%;
  }

  .column-xs > .col-4, .column-xs > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }

  .row-xs > .col-5, .row-xs > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }

  [dir="ltr"] .row-xs > .offset-5, [dir="ltr"] .row-xs > .offset-xs-5 {
    margin-left: 41.6667%;
  }

  [dir="rtl"] .row-xs > .offset-5, [dir="rtl"] .row-xs > .offset-xs-5 {
    margin-right: 41.6667%;
  }

  .column-xs > .col-5, .column-xs > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }

  .row-xs > .col-6, .row-xs > .col-xs-6 {
    height: auto;
    width: 50%;
  }

  [dir="ltr"] .row-xs > .offset-6, [dir="ltr"] .row-xs > .offset-xs-6 {
    margin-left: 50%;
  }

  [dir="rtl"] .row-xs > .offset-6, [dir="rtl"] .row-xs > .offset-xs-6 {
    margin-right: 50%;
  }

  .column-xs > .col-6, .column-xs > .col-xs-6 {
    height: 50%;
    width: auto;
  }

  .row-xs > .col-7, .row-xs > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }

  [dir="ltr"] .row-xs > .offset-7, [dir="ltr"] .row-xs > .offset-xs-7 {
    margin-left: 58.3333%;
  }

  [dir="rtl"] .row-xs > .offset-7, [dir="rtl"] .row-xs > .offset-xs-7 {
    margin-right: 58.3333%;
  }

  .column-xs > .col-7, .column-xs > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }

  .row-xs > .col-8, .row-xs > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }

  [dir="ltr"] .row-xs > .offset-8, [dir="ltr"] .row-xs > .offset-xs-8 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .row-xs > .offset-8, [dir="rtl"] .row-xs > .offset-xs-8 {
    margin-right: 66.6667%;
  }

  .column-xs > .col-8, .column-xs > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }

  .row-xs > .col-9, .row-xs > .col-xs-9 {
    height: auto;
    width: 75%;
  }

  [dir="ltr"] .row-xs > .offset-9, [dir="ltr"] .row-xs > .offset-xs-9 {
    margin-left: 75%;
  }

  [dir="rtl"] .row-xs > .offset-9, [dir="rtl"] .row-xs > .offset-xs-9 {
    margin-right: 75%;
  }

  .column-xs > .col-9, .column-xs > .col-xs-9 {
    height: 75%;
    width: auto;
  }

  .row-xs > .col-10, .row-xs > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }

  [dir="ltr"] .row-xs > .offset-10, [dir="ltr"] .row-xs > .offset-xs-10 {
    margin-left: 83.3333%;
  }

  [dir="rtl"] .row-xs > .offset-10, [dir="rtl"] .row-xs > .offset-xs-10 {
    margin-right: 83.3333%;
  }

  .column-xs > .col-10, .column-xs > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }

  .row-xs > .col-11, .row-xs > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }

  [dir="ltr"] .row-xs > .offset-11, [dir="ltr"] .row-xs > .offset-xs-11 {
    margin-left: 91.6667%;
  }

  [dir="rtl"] .row-xs > .offset-11, [dir="rtl"] .row-xs > .offset-xs-11 {
    margin-right: 91.6667%;
  }

  .column-xs > .col-11, .column-xs > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }

  .row-xs > .col-12, .row-xs > .col-xs-12 {
    height: auto;
    width: 100%;
  }

  [dir="ltr"] .row-xs > .offset-12, [dir="ltr"] .row-xs > .offset-xs-12 {
    margin-left: 100%;
  }

  [dir="rtl"] .row-xs > .offset-12, [dir="rtl"] .row-xs > .offset-xs-12 {
    margin-right: 100%;
  }

  .column-xs > .col-12, .column-xs > .col-xs-12 {
    height: 100%;
    width: auto;
  }
}

@media (min-width: 600px) {
  .flex-sm-block {
    display: block;
  }

  .flex-sm-inline {
    display: inline-block;
  }

  .q-pa-sm-none {
    padding: 0 0;
  }

  [dir="ltr"] .q-pl-sm-none {
    padding-left: 0;
  }

  [dir="rtl"] .q-pl-sm-none {
    padding-right: 0;
  }

  [dir="ltr"] .q-pr-sm-none {
    padding-right: 0;
  }

  [dir="rtl"] .q-pr-sm-none {
    padding-left: 0;
  }

  .q-pt-sm-none {
    padding-top: 0;
  }

  .q-pb-sm-none {
    padding-bottom: 0;
  }

  .q-px-sm-none {
    padding-left: 0;
    padding-right: 0;
  }

  .q-py-sm-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .q-ma-sm-none {
    margin: 0 0;
  }

  [dir="ltr"] .q-ml-sm-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-ml-sm-none {
    margin-right: 0;
  }

  [dir="ltr"] .q-mr-sm-none {
    margin-right: 0;
  }

  [dir="rtl"] .q-mr-sm-none {
    margin-left: 0;
  }

  .q-mt-sm-none {
    margin-top: 0;
  }

  .q-mb-sm-none {
    margin-bottom: 0;
  }

  .q-mx-sm-none {
    margin-left: 0;
    margin-right: 0;
  }

  .q-my-sm-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .q-pa-sm-xs {
    padding: 4px 4px;
  }

  [dir="ltr"] .q-pl-sm-xs {
    padding-left: 4px;
  }

  [dir="rtl"] .q-pl-sm-xs {
    padding-right: 4px;
  }

  [dir="ltr"] .q-pr-sm-xs {
    padding-right: 4px;
  }

  [dir="rtl"] .q-pr-sm-xs {
    padding-left: 4px;
  }

  .q-pt-sm-xs {
    padding-top: 4px;
  }

  .q-pb-sm-xs {
    padding-bottom: 4px;
  }

  .q-px-sm-xs {
    padding-left: 4px;
    padding-right: 4px;
  }

  .q-py-sm-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .q-ma-sm-xs {
    margin: 4px 4px;
  }

  [dir="ltr"] .q-ml-sm-xs {
    margin-left: 4px;
  }

  [dir="rtl"] .q-ml-sm-xs {
    margin-right: 4px;
  }

  [dir="ltr"] .q-mr-sm-xs {
    margin-right: 4px;
  }

  [dir="rtl"] .q-mr-sm-xs {
    margin-left: 4px;
  }

  .q-mt-sm-xs {
    margin-top: 4px;
  }

  .q-mb-sm-xs {
    margin-bottom: 4px;
  }

  .q-mx-sm-xs {
    margin-left: 4px;
    margin-right: 4px;
  }

  .q-my-sm-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .q-pa-sm-sm {
    padding: 8px 8px;
  }

  [dir="ltr"] .q-pl-sm-sm {
    padding-left: 8px;
  }

  [dir="rtl"] .q-pl-sm-sm {
    padding-right: 8px;
  }

  [dir="ltr"] .q-pr-sm-sm {
    padding-right: 8px;
  }

  [dir="rtl"] .q-pr-sm-sm {
    padding-left: 8px;
  }

  .q-pt-sm-sm {
    padding-top: 8px;
  }

  .q-pb-sm-sm {
    padding-bottom: 8px;
  }

  .q-px-sm-sm {
    padding-left: 8px;
    padding-right: 8px;
  }

  .q-py-sm-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .q-ma-sm-sm {
    margin: 8px 8px;
  }

  [dir="ltr"] .q-ml-sm-sm {
    margin-left: 8px;
  }

  [dir="rtl"] .q-ml-sm-sm {
    margin-right: 8px;
  }

  [dir="ltr"] .q-mr-sm-sm {
    margin-right: 8px;
  }

  [dir="rtl"] .q-mr-sm-sm {
    margin-left: 8px;
  }

  .q-mt-sm-sm {
    margin-top: 8px;
  }

  .q-mb-sm-sm {
    margin-bottom: 8px;
  }

  .q-mx-sm-sm {
    margin-left: 8px;
    margin-right: 8px;
  }

  .q-my-sm-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .q-pa-sm-md {
    padding: 16px 16px;
  }

  [dir="ltr"] .q-pl-sm-md {
    padding-left: 16px;
  }

  [dir="rtl"] .q-pl-sm-md {
    padding-right: 16px;
  }

  [dir="ltr"] .q-pr-sm-md {
    padding-right: 16px;
  }

  [dir="rtl"] .q-pr-sm-md {
    padding-left: 16px;
  }

  .q-pt-sm-md {
    padding-top: 16px;
  }

  .q-pb-sm-md {
    padding-bottom: 16px;
  }

  .q-px-sm-md {
    padding-left: 16px;
    padding-right: 16px;
  }

  .q-py-sm-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .q-ma-sm-md {
    margin: 16px 16px;
  }

  [dir="ltr"] .q-ml-sm-md {
    margin-left: 16px;
  }

  [dir="rtl"] .q-ml-sm-md {
    margin-right: 16px;
  }

  [dir="ltr"] .q-mr-sm-md {
    margin-right: 16px;
  }

  [dir="rtl"] .q-mr-sm-md {
    margin-left: 16px;
  }

  .q-mt-sm-md {
    margin-top: 16px;
  }

  .q-mb-sm-md {
    margin-bottom: 16px;
  }

  .q-mx-sm-md {
    margin-left: 16px;
    margin-right: 16px;
  }

  .q-my-sm-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .q-pa-sm-lg {
    padding: 24px 24px;
  }

  [dir="ltr"] .q-pl-sm-lg {
    padding-left: 24px;
  }

  [dir="rtl"] .q-pl-sm-lg {
    padding-right: 24px;
  }

  [dir="ltr"] .q-pr-sm-lg {
    padding-right: 24px;
  }

  [dir="rtl"] .q-pr-sm-lg {
    padding-left: 24px;
  }

  .q-pt-sm-lg {
    padding-top: 24px;
  }

  .q-pb-sm-lg {
    padding-bottom: 24px;
  }

  .q-px-sm-lg {
    padding-left: 24px;
    padding-right: 24px;
  }

  .q-py-sm-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .q-ma-sm-lg {
    margin: 24px 24px;
  }

  [dir="ltr"] .q-ml-sm-lg {
    margin-left: 24px;
  }

  [dir="rtl"] .q-ml-sm-lg {
    margin-right: 24px;
  }

  [dir="ltr"] .q-mr-sm-lg {
    margin-right: 24px;
  }

  [dir="rtl"] .q-mr-sm-lg {
    margin-left: 24px;
  }

  .q-mt-sm-lg {
    margin-top: 24px;
  }

  .q-mb-sm-lg {
    margin-bottom: 24px;
  }

  .q-mx-sm-lg {
    margin-left: 24px;
    margin-right: 24px;
  }

  .q-my-sm-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .q-pa-sm-xl {
    padding: 48px 48px;
  }

  [dir="ltr"] .q-pl-sm-xl {
    padding-left: 48px;
  }

  [dir="rtl"] .q-pl-sm-xl {
    padding-right: 48px;
  }

  [dir="ltr"] .q-pr-sm-xl {
    padding-right: 48px;
  }

  [dir="rtl"] .q-pr-sm-xl {
    padding-left: 48px;
  }

  .q-pt-sm-xl {
    padding-top: 48px;
  }

  .q-pb-sm-xl {
    padding-bottom: 48px;
  }

  .q-px-sm-xl {
    padding-left: 48px;
    padding-right: 48px;
  }

  .q-py-sm-xl {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .q-ma-sm-xl {
    margin: 48px 48px;
  }

  [dir="ltr"] .q-ml-sm-xl {
    margin-left: 48px;
  }

  [dir="rtl"] .q-ml-sm-xl {
    margin-right: 48px;
  }

  [dir="ltr"] .q-mr-sm-xl {
    margin-right: 48px;
  }

  [dir="rtl"] .q-mr-sm-xl {
    margin-left: 48px;
  }

  .q-mt-sm-xl {
    margin-top: 48px;
  }

  .q-mb-sm-xl {
    margin-bottom: 48px;
  }

  .q-mx-sm-xl {
    margin-left: 48px;
    margin-right: 48px;
  }

  .q-my-sm-xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  [dir="ltr"] .q-ml-sm-auto {
    margin-left: auto;
  }

  [dir="rtl"] .q-ml-sm-auto {
    margin-right: auto;
  }

  [dir="ltr"] .q-mr-sm-auto {
    margin-right: auto;
  }

  [dir="rtl"] .q-mr-sm-auto {
    margin-left: auto;
  }

  .q-mx-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .row.inline-sm, .column.inline-sm, .flex.inline-sm {
    display: inline-flex;
  }

  .row-sm, .column-sm, .flex-sm {
    display: flex;
    flex-wrap: wrap;
  }

  .row-sm.inline, .row-sm.inline-sm, .column-sm.inline, .column-sm.inline-sm, .flex-sm.inline, .flex-sm.inline-sm {
    display: inline-flex;
  }

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

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

  .row-sm.reverse, .row-sm.reverse-sm {
    flex-direction: row-reverse;
  }

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

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

  .column-sm.reverse, .column-sm.reverse-sm {
    flex-direction: column-reverse;
  }

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

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

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

  .order-sm-first {
    order: -10000;
  }

  .order-sm-last {
    order: 10000;
  }

  .order-sm-none {
    order: 0;
  }

  .justify-sm-start {
    justify-content: flex-start;
  }

  .justify-sm-end {
    justify-content: flex-end;
  }

  .justify-sm-center, .flex-sm-center {
    justify-content: center;
  }

  .justify-sm-between {
    justify-content: space-between;
  }

  .justify-sm-around {
    justify-content: space-around;
  }

  .justify-sm-evenly {
    justify-content: space-evenly;
  }

  .items-sm-start {
    align-items: flex-start;
  }

  .items-sm-end {
    align-items: flex-end;
  }

  .items-sm-center, .flex-sm-center {
    align-items: center;
  }

  .items-sm-baseline {
    align-items: baseline;
  }

  .items-sm-stretch {
    align-items: stretch;
  }

  .content-sm-start {
    align-content: flex-start;
  }

  .content-sm-end {
    align-content: flex-end;
  }

  .content-sm-center {
    align-content: center;
  }

  .content-sm-between {
    align-content: space-between;
  }

  .content-sm-around {
    align-content: space-around;
  }

  .self-sm-start {
    align-self: flex-start;
  }

  .self-sm-end {
    align-self: flex-end;
  }

  .self-sm-center {
    align-self: center;
  }

  .self-sm-baseline {
    align-self: baseline;
  }

  .self-sm-stretch {
    align-self: stretch;
  }

  [dir="ltr"] .q-gutter-sm-x-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-gutter-sm-x-none {
    margin-right: 0;
  }

  [dir="ltr"] .q-gutter-sm-x-none > * {
    margin-left: 0;
  }

  [dir="rtl"] .q-gutter-sm-x-none > * {
    margin-right: 0;
  }

  .q-gutter-sm-y-none {
    margin-top: 0;
  }

  .q-gutter-sm-y-none > * {
    margin-top: 0;
  }

  .q-gutter-sm-none {
    margin-top: 0;
  }

  [dir="ltr"] .q-gutter-sm-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-gutter-sm-none {
    margin-right: 0;
  }

  .q-gutter-sm-none > * {
    margin-top: 0;
  }

  [dir="ltr"] .q-gutter-sm-none > * {
    margin-left: 0;
  }

  [dir="rtl"] .q-gutter-sm-none > * {
    margin-right: 0;
  }

  [dir="ltr"] .q-col-gutter-sm-x-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-col-gutter-sm-x-none {
    margin-right: 0;
  }

  [dir="ltr"] .q-col-gutter-sm-x-none > * {
    padding-left: 0;
  }

  [dir="rtl"] .q-col-gutter-sm-x-none > * {
    padding-right: 0;
  }

  .q-col-gutter-sm-y-none {
    margin-top: 0;
  }

  .q-col-gutter-sm-y-none > * {
    padding-top: 0;
  }

  .q-col-gutter-sm-none {
    margin-top: 0;
  }

  [dir="ltr"] .q-col-gutter-sm-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-col-gutter-sm-none {
    margin-right: 0;
  }

  .q-col-gutter-sm-none > * {
    padding-top: 0;
  }

  [dir="ltr"] .q-col-gutter-sm-none > * {
    padding-left: 0;
  }

  [dir="rtl"] .q-col-gutter-sm-none > * {
    padding-right: 0;
  }

  [dir="ltr"] .q-gutter-sm-x-xs {
    margin-left: -4px;
  }

  [dir="rtl"] .q-gutter-sm-x-xs {
    margin-right: -4px;
  }

  [dir="ltr"] .q-gutter-sm-x-xs > * {
    margin-left: 4px;
  }

  [dir="rtl"] .q-gutter-sm-x-xs > * {
    margin-right: 4px;
  }

  .q-gutter-sm-y-xs {
    margin-top: -4px;
  }

  .q-gutter-sm-y-xs > * {
    margin-top: 4px;
  }

  .q-gutter-sm-xs {
    margin-top: -4px;
  }

  [dir="ltr"] .q-gutter-sm-xs {
    margin-left: -4px;
  }

  [dir="rtl"] .q-gutter-sm-xs {
    margin-right: -4px;
  }

  .q-gutter-sm-xs > * {
    margin-top: 4px;
  }

  [dir="ltr"] .q-gutter-sm-xs > * {
    margin-left: 4px;
  }

  [dir="rtl"] .q-gutter-sm-xs > * {
    margin-right: 4px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-xs {
    margin-left: -4px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-xs {
    margin-right: -4px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-xs > * {
    padding-left: 4px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-xs > * {
    padding-right: 4px;
  }

  .q-col-gutter-sm-y-xs {
    margin-top: -4px;
  }

  .q-col-gutter-sm-y-xs > * {
    padding-top: 4px;
  }

  .q-col-gutter-sm-xs {
    margin-top: -4px;
  }

  [dir="ltr"] .q-col-gutter-sm-xs {
    margin-left: -4px;
  }

  [dir="rtl"] .q-col-gutter-sm-xs {
    margin-right: -4px;
  }

  .q-col-gutter-sm-xs > * {
    padding-top: 4px;
  }

  [dir="ltr"] .q-col-gutter-sm-xs > * {
    padding-left: 4px;
  }

  [dir="rtl"] .q-col-gutter-sm-xs > * {
    padding-right: 4px;
  }

  [dir="ltr"] .q-gutter-sm-x-sm {
    margin-left: -8px;
  }

  [dir="rtl"] .q-gutter-sm-x-sm {
    margin-right: -8px;
  }

  [dir="ltr"] .q-gutter-sm-x-sm > * {
    margin-left: 8px;
  }

  [dir="rtl"] .q-gutter-sm-x-sm > * {
    margin-right: 8px;
  }

  .q-gutter-sm-y-sm {
    margin-top: -8px;
  }

  .q-gutter-sm-y-sm > * {
    margin-top: 8px;
  }

  .q-gutter-sm-sm {
    margin-top: -8px;
  }

  [dir="ltr"] .q-gutter-sm-sm {
    margin-left: -8px;
  }

  [dir="rtl"] .q-gutter-sm-sm {
    margin-right: -8px;
  }

  .q-gutter-sm-sm > * {
    margin-top: 8px;
  }

  [dir="ltr"] .q-gutter-sm-sm > * {
    margin-left: 8px;
  }

  [dir="rtl"] .q-gutter-sm-sm > * {
    margin-right: 8px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-sm {
    margin-left: -8px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-sm {
    margin-right: -8px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-sm > * {
    padding-left: 8px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-sm > * {
    padding-right: 8px;
  }

  .q-col-gutter-sm-y-sm {
    margin-top: -8px;
  }

  .q-col-gutter-sm-y-sm > * {
    padding-top: 8px;
  }

  .q-col-gutter-sm-sm {
    margin-top: -8px;
  }

  [dir="ltr"] .q-col-gutter-sm-sm {
    margin-left: -8px;
  }

  [dir="rtl"] .q-col-gutter-sm-sm {
    margin-right: -8px;
  }

  .q-col-gutter-sm-sm > * {
    padding-top: 8px;
  }

  [dir="ltr"] .q-col-gutter-sm-sm > * {
    padding-left: 8px;
  }

  [dir="rtl"] .q-col-gutter-sm-sm > * {
    padding-right: 8px;
  }

  [dir="ltr"] .q-gutter-sm-x-md {
    margin-left: -16px;
  }

  [dir="rtl"] .q-gutter-sm-x-md {
    margin-right: -16px;
  }

  [dir="ltr"] .q-gutter-sm-x-md > * {
    margin-left: 16px;
  }

  [dir="rtl"] .q-gutter-sm-x-md > * {
    margin-right: 16px;
  }

  .q-gutter-sm-y-md {
    margin-top: -16px;
  }

  .q-gutter-sm-y-md > * {
    margin-top: 16px;
  }

  .q-gutter-sm-md {
    margin-top: -16px;
  }

  [dir="ltr"] .q-gutter-sm-md {
    margin-left: -16px;
  }

  [dir="rtl"] .q-gutter-sm-md {
    margin-right: -16px;
  }

  .q-gutter-sm-md > * {
    margin-top: 16px;
  }

  [dir="ltr"] .q-gutter-sm-md > * {
    margin-left: 16px;
  }

  [dir="rtl"] .q-gutter-sm-md > * {
    margin-right: 16px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-md {
    margin-left: -16px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-md {
    margin-right: -16px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-md > * {
    padding-left: 16px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-md > * {
    padding-right: 16px;
  }

  .q-col-gutter-sm-y-md {
    margin-top: -16px;
  }

  .q-col-gutter-sm-y-md > * {
    padding-top: 16px;
  }

  .q-col-gutter-sm-md {
    margin-top: -16px;
  }

  [dir="ltr"] .q-col-gutter-sm-md {
    margin-left: -16px;
  }

  [dir="rtl"] .q-col-gutter-sm-md {
    margin-right: -16px;
  }

  .q-col-gutter-sm-md > * {
    padding-top: 16px;
  }

  [dir="ltr"] .q-col-gutter-sm-md > * {
    padding-left: 16px;
  }

  [dir="rtl"] .q-col-gutter-sm-md > * {
    padding-right: 16px;
  }

  [dir="ltr"] .q-gutter-sm-x-lg {
    margin-left: -24px;
  }

  [dir="rtl"] .q-gutter-sm-x-lg {
    margin-right: -24px;
  }

  [dir="ltr"] .q-gutter-sm-x-lg > * {
    margin-left: 24px;
  }

  [dir="rtl"] .q-gutter-sm-x-lg > * {
    margin-right: 24px;
  }

  .q-gutter-sm-y-lg {
    margin-top: -24px;
  }

  .q-gutter-sm-y-lg > * {
    margin-top: 24px;
  }

  .q-gutter-sm-lg {
    margin-top: -24px;
  }

  [dir="ltr"] .q-gutter-sm-lg {
    margin-left: -24px;
  }

  [dir="rtl"] .q-gutter-sm-lg {
    margin-right: -24px;
  }

  .q-gutter-sm-lg > * {
    margin-top: 24px;
  }

  [dir="ltr"] .q-gutter-sm-lg > * {
    margin-left: 24px;
  }

  [dir="rtl"] .q-gutter-sm-lg > * {
    margin-right: 24px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-lg {
    margin-left: -24px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-lg {
    margin-right: -24px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-lg > * {
    padding-left: 24px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-lg > * {
    padding-right: 24px;
  }

  .q-col-gutter-sm-y-lg {
    margin-top: -24px;
  }

  .q-col-gutter-sm-y-lg > * {
    padding-top: 24px;
  }

  .q-col-gutter-sm-lg {
    margin-top: -24px;
  }

  [dir="ltr"] .q-col-gutter-sm-lg {
    margin-left: -24px;
  }

  [dir="rtl"] .q-col-gutter-sm-lg {
    margin-right: -24px;
  }

  .q-col-gutter-sm-lg > * {
    padding-top: 24px;
  }

  [dir="ltr"] .q-col-gutter-sm-lg > * {
    padding-left: 24px;
  }

  [dir="rtl"] .q-col-gutter-sm-lg > * {
    padding-right: 24px;
  }

  [dir="ltr"] .q-gutter-sm-x-xl {
    margin-left: -48px;
  }

  [dir="rtl"] .q-gutter-sm-x-xl {
    margin-right: -48px;
  }

  [dir="ltr"] .q-gutter-sm-x-xl > * {
    margin-left: 48px;
  }

  [dir="rtl"] .q-gutter-sm-x-xl > * {
    margin-right: 48px;
  }

  .q-gutter-sm-y-xl {
    margin-top: -48px;
  }

  .q-gutter-sm-y-xl > * {
    margin-top: 48px;
  }

  .q-gutter-sm-xl {
    margin-top: -48px;
  }

  [dir="ltr"] .q-gutter-sm-xl {
    margin-left: -48px;
  }

  [dir="rtl"] .q-gutter-sm-xl {
    margin-right: -48px;
  }

  .q-gutter-sm-xl > * {
    margin-top: 48px;
  }

  [dir="ltr"] .q-gutter-sm-xl > * {
    margin-left: 48px;
  }

  [dir="rtl"] .q-gutter-sm-xl > * {
    margin-right: 48px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-xl {
    margin-left: -48px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-xl {
    margin-right: -48px;
  }

  [dir="ltr"] .q-col-gutter-sm-x-xl > * {
    padding-left: 48px;
  }

  [dir="rtl"] .q-col-gutter-sm-x-xl > * {
    padding-right: 48px;
  }

  .q-col-gutter-sm-y-xl {
    margin-top: -48px;
  }

  .q-col-gutter-sm-y-xl > * {
    padding-top: 48px;
  }

  .q-col-gutter-sm-xl {
    margin-top: -48px;
  }

  [dir="ltr"] .q-col-gutter-sm-xl {
    margin-left: -48px;
  }

  [dir="rtl"] .q-col-gutter-sm-xl {
    margin-right: -48px;
  }

  .q-col-gutter-sm-xl > * {
    padding-top: 48px;
  }

  [dir="ltr"] .q-col-gutter-sm-xl > * {
    padding-left: 48px;
  }

  [dir="rtl"] .q-col-gutter-sm-xl > * {
    padding-right: 48px;
  }

  .row-sm > .col-0, .row-sm > .col-xs-0 {
    height: auto;
    width: 0%;
  }

  [dir="ltr"] .row-sm > .offset-0, [dir="ltr"] .row-sm > .offset-xs-0 {
    margin-left: 0%;
  }

  [dir="rtl"] .row-sm > .offset-0, [dir="rtl"] .row-sm > .offset-xs-0 {
    margin-right: 0%;
  }

  .column-sm > .col-0, .column-sm > .col-xs-0 {
    height: 0%;
    width: auto;
  }

  .row-sm > .col-1, .row-sm > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }

  [dir="ltr"] .row-sm > .offset-1, [dir="ltr"] .row-sm > .offset-xs-1 {
    margin-left: 8.3333%;
  }

  [dir="rtl"] .row-sm > .offset-1, [dir="rtl"] .row-sm > .offset-xs-1 {
    margin-right: 8.3333%;
  }

  .column-sm > .col-1, .column-sm > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }

  .row-sm > .col-2, .row-sm > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }

  [dir="ltr"] .row-sm > .offset-2, [dir="ltr"] .row-sm > .offset-xs-2 {
    margin-left: 16.6667%;
  }

  [dir="rtl"] .row-sm > .offset-2, [dir="rtl"] .row-sm > .offset-xs-2 {
    margin-right: 16.6667%;
  }

  .column-sm > .col-2, .column-sm > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }

  .row-sm > .col-3, .row-sm > .col-xs-3 {
    height: auto;
    width: 25%;
  }

  [dir="ltr"] .row-sm > .offset-3, [dir="ltr"] .row-sm > .offset-xs-3 {
    margin-left: 25%;
  }

  [dir="rtl"] .row-sm > .offset-3, [dir="rtl"] .row-sm > .offset-xs-3 {
    margin-right: 25%;
  }

  .column-sm > .col-3, .column-sm > .col-xs-3 {
    height: 25%;
    width: auto;
  }

  .row-sm > .col-4, .row-sm > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }

  [dir="ltr"] .row-sm > .offset-4, [dir="ltr"] .row-sm > .offset-xs-4 {
    margin-left: 33.3333%;
  }

  [dir="rtl"] .row-sm > .offset-4, [dir="rtl"] .row-sm > .offset-xs-4 {
    margin-right: 33.3333%;
  }

  .column-sm > .col-4, .column-sm > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }

  .row-sm > .col-5, .row-sm > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }

  [dir="ltr"] .row-sm > .offset-5, [dir="ltr"] .row-sm > .offset-xs-5 {
    margin-left: 41.6667%;
  }

  [dir="rtl"] .row-sm > .offset-5, [dir="rtl"] .row-sm > .offset-xs-5 {
    margin-right: 41.6667%;
  }

  .column-sm > .col-5, .column-sm > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }

  .row-sm > .col-6, .row-sm > .col-xs-6 {
    height: auto;
    width: 50%;
  }

  [dir="ltr"] .row-sm > .offset-6, [dir="ltr"] .row-sm > .offset-xs-6 {
    margin-left: 50%;
  }

  [dir="rtl"] .row-sm > .offset-6, [dir="rtl"] .row-sm > .offset-xs-6 {
    margin-right: 50%;
  }

  .column-sm > .col-6, .column-sm > .col-xs-6 {
    height: 50%;
    width: auto;
  }

  .row-sm > .col-7, .row-sm > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }

  [dir="ltr"] .row-sm > .offset-7, [dir="ltr"] .row-sm > .offset-xs-7 {
    margin-left: 58.3333%;
  }

  [dir="rtl"] .row-sm > .offset-7, [dir="rtl"] .row-sm > .offset-xs-7 {
    margin-right: 58.3333%;
  }

  .column-sm > .col-7, .column-sm > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }

  .row-sm > .col-8, .row-sm > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }

  [dir="ltr"] .row-sm > .offset-8, [dir="ltr"] .row-sm > .offset-xs-8 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .row-sm > .offset-8, [dir="rtl"] .row-sm > .offset-xs-8 {
    margin-right: 66.6667%;
  }

  .column-sm > .col-8, .column-sm > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }

  .row-sm > .col-9, .row-sm > .col-xs-9 {
    height: auto;
    width: 75%;
  }

  [dir="ltr"] .row-sm > .offset-9, [dir="ltr"] .row-sm > .offset-xs-9 {
    margin-left: 75%;
  }

  [dir="rtl"] .row-sm > .offset-9, [dir="rtl"] .row-sm > .offset-xs-9 {
    margin-right: 75%;
  }

  .column-sm > .col-9, .column-sm > .col-xs-9 {
    height: 75%;
    width: auto;
  }

  .row-sm > .col-10, .row-sm > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }

  [dir="ltr"] .row-sm > .offset-10, [dir="ltr"] .row-sm > .offset-xs-10 {
    margin-left: 83.3333%;
  }

  [dir="rtl"] .row-sm > .offset-10, [dir="rtl"] .row-sm > .offset-xs-10 {
    margin-right: 83.3333%;
  }

  .column-sm > .col-10, .column-sm > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }

  .row-sm > .col-11, .row-sm > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }

  [dir="ltr"] .row-sm > .offset-11, [dir="ltr"] .row-sm > .offset-xs-11 {
    margin-left: 91.6667%;
  }

  [dir="rtl"] .row-sm > .offset-11, [dir="rtl"] .row-sm > .offset-xs-11 {
    margin-right: 91.6667%;
  }

  .column-sm > .col-11, .column-sm > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }

  .row-sm > .col-12, .row-sm > .col-xs-12 {
    height: auto;
    width: 100%;
  }

  [dir="ltr"] .row-sm > .offset-12, [dir="ltr"] .row-sm > .offset-xs-12 {
    margin-left: 100%;
  }

  [dir="rtl"] .row-sm > .offset-12, [dir="rtl"] .row-sm > .offset-xs-12 {
    margin-right: 100%;
  }

  .column-sm > .col-12, .column-sm > .col-xs-12 {
    height: 100%;
    width: auto;
  }

  .row-sm > .col-sm-0 {
    height: auto;
    width: 0%;
  }

  [dir="ltr"] .row-sm > .offset-sm-0 {
    margin-left: 0%;
  }

  [dir="rtl"] .row-sm > .offset-sm-0 {
    margin-right: 0%;
  }

  .column-sm > .col-sm-0 {
    height: 0%;
    width: auto;
  }

  .row-sm > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }

  [dir="ltr"] .row-sm > .offset-sm-1 {
    margin-left: 8.3333%;
  }

  [dir="rtl"] .row-sm > .offset-sm-1 {
    margin-right: 8.3333%;
  }

  .column-sm > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }

  .row-sm > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }

  [dir="ltr"] .row-sm > .offset-sm-2 {
    margin-left: 16.6667%;
  }

  [dir="rtl"] .row-sm > .offset-sm-2 {
    margin-right: 16.6667%;
  }

  .column-sm > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }

  .row-sm > .col-sm-3 {
    height: auto;
    width: 25%;
  }

  [dir="ltr"] .row-sm > .offset-sm-3 {
    margin-left: 25%;
  }

  [dir="rtl"] .row-sm > .offset-sm-3 {
    margin-right: 25%;
  }

  .column-sm > .col-sm-3 {
    height: 25%;
    width: auto;
  }

  .row-sm > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }

  [dir="ltr"] .row-sm > .offset-sm-4 {
    margin-left: 33.3333%;
  }

  [dir="rtl"] .row-sm > .offset-sm-4 {
    margin-right: 33.3333%;
  }

  .column-sm > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }

  .row-sm > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }

  [dir="ltr"] .row-sm > .offset-sm-5 {
    margin-left: 41.6667%;
  }

  [dir="rtl"] .row-sm > .offset-sm-5 {
    margin-right: 41.6667%;
  }

  .column-sm > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }

  .row-sm > .col-sm-6 {
    height: auto;
    width: 50%;
  }

  [dir="ltr"] .row-sm > .offset-sm-6 {
    margin-left: 50%;
  }

  [dir="rtl"] .row-sm > .offset-sm-6 {
    margin-right: 50%;
  }

  .column-sm > .col-sm-6 {
    height: 50%;
    width: auto;
  }

  .row-sm > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }

  [dir="ltr"] .row-sm > .offset-sm-7 {
    margin-left: 58.3333%;
  }

  [dir="rtl"] .row-sm > .offset-sm-7 {
    margin-right: 58.3333%;
  }

  .column-sm > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }

  .row-sm > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }

  [dir="ltr"] .row-sm > .offset-sm-8 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .row-sm > .offset-sm-8 {
    margin-right: 66.6667%;
  }

  .column-sm > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }

  .row-sm > .col-sm-9 {
    height: auto;
    width: 75%;
  }

  [dir="ltr"] .row-sm > .offset-sm-9 {
    margin-left: 75%;
  }

  [dir="rtl"] .row-sm > .offset-sm-9 {
    margin-right: 75%;
  }

  .column-sm > .col-sm-9 {
    height: 75%;
    width: auto;
  }

  .row-sm > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }

  [dir="ltr"] .row-sm > .offset-sm-10 {
    margin-left: 83.3333%;
  }

  [dir="rtl"] .row-sm > .offset-sm-10 {
    margin-right: 83.3333%;
  }

  .column-sm > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }

  .row-sm > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }

  [dir="ltr"] .row-sm > .offset-sm-11 {
    margin-left: 91.6667%;
  }

  [dir="rtl"] .row-sm > .offset-sm-11 {
    margin-right: 91.6667%;
  }

  .column-sm > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }

  .row-sm > .col-sm-12 {
    height: auto;
    width: 100%;
  }

  [dir="ltr"] .row-sm > .offset-sm-12 {
    margin-left: 100%;
  }

  [dir="rtl"] .row-sm > .offset-sm-12 {
    margin-right: 100%;
  }

  .column-sm > .col-sm-12 {
    height: 100%;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .flex-md-block {
    display: block;
  }

  .flex-md-inline {
    display: inline-block;
  }

  .q-pa-md-none {
    padding: 0 0;
  }

  [dir="ltr"] .q-pl-md-none {
    padding-left: 0;
  }

  [dir="rtl"] .q-pl-md-none {
    padding-right: 0;
  }

  [dir="ltr"] .q-pr-md-none {
    padding-right: 0;
  }

  [dir="rtl"] .q-pr-md-none {
    padding-left: 0;
  }

  .q-pt-md-none {
    padding-top: 0;
  }

  .q-pb-md-none {
    padding-bottom: 0;
  }

  .q-px-md-none {
    padding-left: 0;
    padding-right: 0;
  }

  .q-py-md-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .q-ma-md-none {
    margin: 0 0;
  }

  [dir="ltr"] .q-ml-md-none {
    margin-left: 0;
  }

  [dir="rtl"] .q-ml-md-none {
    margin-right: 0;
  }

  [dir="ltr"] .q-mr-md-none {
    margin-right: 0;
  }

  [dir="rtl"] .q-mr-md-none {
    margin-left: 0;
  }

  .q-mt-md-none {
    margin-top: 0;
  }

  .q-mb-md-none {
    margin-bottom: 0;
  }

  .q-mx-md-none {
    margin-left: 0;
    margin-right: 0;
  }

  .q-my-md-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .q-pa-md-xs {
    padding: 4px 4px;
  }

  [dir="ltr"] .q-pl-md-xs {
    padding-left: 4px;
  }

  [dir="rtl"] .q-pl-md-xs {
    padding-right: 4px;
  }

  [dir="ltr"] .q-pr-md-xs {
    padding-right: 4px;
  }

  [dir="rtl"] .q-pr-md-xs {
    padding-left: 4px;
  }

  .q-pt-md-xs {
    padding-top: 4px;
  }

  .q-pb-md-xs {
    padding-bottom: 4px;
  }

  .q-px-md-xs {
    padding-left: 4px;
    padding-right: 4px;
  }

  .q-py-md-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .q-ma-md-xs {
    margin: 4px 4px;
  }

  [dir="ltr"] .q-ml-md-xs {
    margin-left: 4px;
  }

  [dir="rtl"] .q-ml-md-xs {
    margin-right: 4px;
  }

  [dir="ltr"] .q-mr-md-xs {
    margin-right: 4px;
  }

  [dir="rtl"] .q-mr-md-xs {
    margin-left: 4px;
  }

  .q-mt-md-xs {
    margin-top: 4px;
  }

  .q-mb-md-xs {
    margin-bottom: 4px;
  }

  .q-mx-md-xs {
    margin-left: 4px;
    margin-right: 4px;
  }

  .q-my-md-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .q-pa-md-sm {
    padding: 8px 8px;
  }

  [dir="ltr"] .q-pl-md-sm {
    padding-left: 8px;
  }