santycss/dist/santy-variants.css

Plain-English utility-first CSS framework — no build step, just classes

/* SantyCSS Extended Variants — xl, xxl, on-wide, peer, group, print, motion, RTL
   Import this in addition to santy-core.css for advanced responsive/variant coverage.
   https://santycss.santy.in */

@media (max-width: 639px) {
  .on-mobile\:make-block { display:block; }
  .on-mobile\:make-inline { display:inline; }
  .on-mobile\:make-inline-block { display:inline-block; }
  .on-mobile\:make-flex { display:flex; }
  .on-mobile\:make-grid { display:grid; }
  .on-mobile\:make-hidden { display:none; }
  .on-mobile\:flex-row { flex-direction:row; }
  .on-mobile\:flex-column { flex-direction:column; }
  .on-mobile\:flex-wrap { flex-wrap:wrap; }
  .on-mobile\:flex-nowrap { flex-wrap:nowrap; }
  .on-mobile\:align-center { align-items:center; }
  .on-mobile\:align-start { align-items:flex-start; }
  .on-mobile\:align-end { align-items:flex-end; }
  .on-mobile\:justify-center { justify-content:center; }
  .on-mobile\:justify-between { justify-content:space-between; }
  .on-mobile\:justify-start { justify-content:flex-start; }
  .on-mobile\:justify-end { justify-content:flex-end; }
  .on-mobile\:text-left { text-align:left; }
  .on-mobile\:text-center { text-align:center; }
  .on-mobile\:text-right { text-align:right; }
  .on-mobile\:add-padding-0 { padding:0px; }
  .on-mobile\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
  .on-mobile\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
  .on-mobile\:add-margin-0 { margin:0px; }
  .on-mobile\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
  .on-mobile\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
  .on-mobile\:gap-0 { gap:0px; }
  .on-mobile\:add-padding-4 { padding:4px; }
  .on-mobile\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
  .on-mobile\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
  .on-mobile\:add-margin-4 { margin:4px; }
  .on-mobile\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
  .on-mobile\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
  .on-mobile\:gap-4 { gap:4px; }
  .on-mobile\:add-padding-8 { padding:8px; }
  .on-mobile\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
  .on-mobile\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
  .on-mobile\:add-margin-8 { margin:8px; }
  .on-mobile\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
  .on-mobile\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
  .on-mobile\:gap-8 { gap:8px; }
  .on-mobile\:add-padding-12 { padding:12px; }
  .on-mobile\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
  .on-mobile\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
  .on-mobile\:add-margin-12 { margin:12px; }
  .on-mobile\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
  .on-mobile\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
  .on-mobile\:gap-12 { gap:12px; }
  .on-mobile\:add-padding-16 { padding:16px; }
  .on-mobile\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
  .on-mobile\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
  .on-mobile\:add-margin-16 { margin:16px; }
  .on-mobile\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
  .on-mobile\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
  .on-mobile\:gap-16 { gap:16px; }
  .on-mobile\:add-padding-20 { padding:20px; }
  .on-mobile\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
  .on-mobile\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
  .on-mobile\:add-margin-20 { margin:20px; }
  .on-mobile\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
  .on-mobile\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
  .on-mobile\:gap-20 { gap:20px; }
  .on-mobile\:add-padding-24 { padding:24px; }
  .on-mobile\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
  .on-mobile\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
  .on-mobile\:add-margin-24 { margin:24px; }
  .on-mobile\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
  .on-mobile\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
  .on-mobile\:gap-24 { gap:24px; }
  .on-mobile\:add-padding-32 { padding:32px; }
  .on-mobile\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
  .on-mobile\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
  .on-mobile\:add-margin-32 { margin:32px; }
  .on-mobile\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
  .on-mobile\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
  .on-mobile\:gap-32 { gap:32px; }
  .on-mobile\:add-padding-40 { padding:40px; }
  .on-mobile\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
  .on-mobile\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
  .on-mobile\:add-margin-40 { margin:40px; }
  .on-mobile\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
  .on-mobile\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
  .on-mobile\:gap-40 { gap:40px; }
  .on-mobile\:add-padding-48 { padding:48px; }
  .on-mobile\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
  .on-mobile\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
  .on-mobile\:add-margin-48 { margin:48px; }
  .on-mobile\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
  .on-mobile\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
  .on-mobile\:gap-48 { gap:48px; }
  .on-mobile\:add-padding-64 { padding:64px; }
  .on-mobile\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
  .on-mobile\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
  .on-mobile\:add-margin-64 { margin:64px; }
  .on-mobile\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
  .on-mobile\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
  .on-mobile\:gap-64 { gap:64px; }
  .on-mobile\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-mobile\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-mobile\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-mobile\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-mobile\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-mobile\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-mobile\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-mobile\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-mobile\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-mobile\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-mobile\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-mobile\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .on-mobile\:set-text-12 { font-size:12px; }
  .on-mobile\:set-text-14 { font-size:14px; }
  .on-mobile\:set-text-16 { font-size:16px; }
  .on-mobile\:set-text-18 { font-size:18px; }
  .on-mobile\:set-text-20 { font-size:20px; }
  .on-mobile\:set-text-24 { font-size:24px; }
  .on-mobile\:set-text-28 { font-size:28px; }
  .on-mobile\:set-text-32 { font-size:32px; }
  .on-mobile\:set-text-36 { font-size:36px; }
  .on-mobile\:set-text-40 { font-size:40px; }
  .on-mobile\:set-text-48 { font-size:48px; }
  .on-mobile\:set-text-56 { font-size:56px; }
  .on-mobile\:set-text-64 { font-size:64px; }
  .on-mobile\:set-width-full { width:100%; }
  .on-mobile\:set-width-auto { width:auto; }
  .on-mobile\:set-width-screen { width:100vw; }
  .on-mobile\:set-width-0 { width:0px; }
  .on-mobile\:set-height-0 { height:0px; }
  .on-mobile\:set-width-4 { width:4px; }
  .on-mobile\:set-height-4 { height:4px; }
  .on-mobile\:set-width-8 { width:8px; }
  .on-mobile\:set-height-8 { height:8px; }
  .on-mobile\:set-width-12 { width:12px; }
  .on-mobile\:set-height-12 { height:12px; }
  .on-mobile\:set-width-16 { width:16px; }
  .on-mobile\:set-height-16 { height:16px; }
  .on-mobile\:set-width-20 { width:20px; }
  .on-mobile\:set-height-20 { height:20px; }
  .on-mobile\:set-width-24 { width:24px; }
  .on-mobile\:set-height-24 { height:24px; }
  .on-mobile\:set-width-32 { width:32px; }
  .on-mobile\:set-height-32 { height:32px; }
  .on-mobile\:set-width-40 { width:40px; }
  .on-mobile\:set-height-40 { height:40px; }
  .on-mobile\:set-width-48 { width:48px; }
  .on-mobile\:set-height-48 { height:48px; }
  .on-mobile\:set-width-64 { width:64px; }
  .on-mobile\:set-height-64 { height:64px; }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .on-tablet\:make-block { display:block; }
  .on-tablet\:make-inline { display:inline; }
  .on-tablet\:make-inline-block { display:inline-block; }
  .on-tablet\:make-flex { display:flex; }
  .on-tablet\:make-grid { display:grid; }
  .on-tablet\:make-hidden { display:none; }
  .on-tablet\:flex-row { flex-direction:row; }
  .on-tablet\:flex-column { flex-direction:column; }
  .on-tablet\:flex-wrap { flex-wrap:wrap; }
  .on-tablet\:flex-nowrap { flex-wrap:nowrap; }
  .on-tablet\:align-center { align-items:center; }
  .on-tablet\:align-start { align-items:flex-start; }
  .on-tablet\:align-end { align-items:flex-end; }
  .on-tablet\:justify-center { justify-content:center; }
  .on-tablet\:justify-between { justify-content:space-between; }
  .on-tablet\:justify-start { justify-content:flex-start; }
  .on-tablet\:justify-end { justify-content:flex-end; }
  .on-tablet\:text-left { text-align:left; }
  .on-tablet\:text-center { text-align:center; }
  .on-tablet\:text-right { text-align:right; }
  .on-tablet\:add-padding-0 { padding:0px; }
  .on-tablet\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
  .on-tablet\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
  .on-tablet\:add-margin-0 { margin:0px; }
  .on-tablet\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
  .on-tablet\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
  .on-tablet\:gap-0 { gap:0px; }
  .on-tablet\:add-padding-4 { padding:4px; }
  .on-tablet\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
  .on-tablet\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
  .on-tablet\:add-margin-4 { margin:4px; }
  .on-tablet\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
  .on-tablet\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
  .on-tablet\:gap-4 { gap:4px; }
  .on-tablet\:add-padding-8 { padding:8px; }
  .on-tablet\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
  .on-tablet\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
  .on-tablet\:add-margin-8 { margin:8px; }
  .on-tablet\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
  .on-tablet\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
  .on-tablet\:gap-8 { gap:8px; }
  .on-tablet\:add-padding-12 { padding:12px; }
  .on-tablet\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
  .on-tablet\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
  .on-tablet\:add-margin-12 { margin:12px; }
  .on-tablet\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
  .on-tablet\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
  .on-tablet\:gap-12 { gap:12px; }
  .on-tablet\:add-padding-16 { padding:16px; }
  .on-tablet\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
  .on-tablet\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
  .on-tablet\:add-margin-16 { margin:16px; }
  .on-tablet\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
  .on-tablet\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
  .on-tablet\:gap-16 { gap:16px; }
  .on-tablet\:add-padding-20 { padding:20px; }
  .on-tablet\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
  .on-tablet\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
  .on-tablet\:add-margin-20 { margin:20px; }
  .on-tablet\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
  .on-tablet\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
  .on-tablet\:gap-20 { gap:20px; }
  .on-tablet\:add-padding-24 { padding:24px; }
  .on-tablet\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
  .on-tablet\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
  .on-tablet\:add-margin-24 { margin:24px; }
  .on-tablet\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
  .on-tablet\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
  .on-tablet\:gap-24 { gap:24px; }
  .on-tablet\:add-padding-32 { padding:32px; }
  .on-tablet\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
  .on-tablet\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
  .on-tablet\:add-margin-32 { margin:32px; }
  .on-tablet\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
  .on-tablet\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
  .on-tablet\:gap-32 { gap:32px; }
  .on-tablet\:add-padding-40 { padding:40px; }
  .on-tablet\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
  .on-tablet\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
  .on-tablet\:add-margin-40 { margin:40px; }
  .on-tablet\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
  .on-tablet\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
  .on-tablet\:gap-40 { gap:40px; }
  .on-tablet\:add-padding-48 { padding:48px; }
  .on-tablet\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
  .on-tablet\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
  .on-tablet\:add-margin-48 { margin:48px; }
  .on-tablet\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
  .on-tablet\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
  .on-tablet\:gap-48 { gap:48px; }
  .on-tablet\:add-padding-64 { padding:64px; }
  .on-tablet\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
  .on-tablet\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
  .on-tablet\:add-margin-64 { margin:64px; }
  .on-tablet\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
  .on-tablet\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
  .on-tablet\:gap-64 { gap:64px; }
  .on-tablet\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-tablet\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-tablet\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-tablet\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-tablet\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-tablet\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-tablet\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-tablet\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-tablet\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-tablet\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-tablet\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-tablet\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .on-tablet\:set-text-12 { font-size:12px; }
  .on-tablet\:set-text-14 { font-size:14px; }
  .on-tablet\:set-text-16 { font-size:16px; }
  .on-tablet\:set-text-18 { font-size:18px; }
  .on-tablet\:set-text-20 { font-size:20px; }
  .on-tablet\:set-text-24 { font-size:24px; }
  .on-tablet\:set-text-28 { font-size:28px; }
  .on-tablet\:set-text-32 { font-size:32px; }
  .on-tablet\:set-text-36 { font-size:36px; }
  .on-tablet\:set-text-40 { font-size:40px; }
  .on-tablet\:set-text-48 { font-size:48px; }
  .on-tablet\:set-text-56 { font-size:56px; }
  .on-tablet\:set-text-64 { font-size:64px; }
  .on-tablet\:set-width-full { width:100%; }
  .on-tablet\:set-width-auto { width:auto; }
  .on-tablet\:set-width-screen { width:100vw; }
  .on-tablet\:set-width-0 { width:0px; }
  .on-tablet\:set-height-0 { height:0px; }
  .on-tablet\:set-width-4 { width:4px; }
  .on-tablet\:set-height-4 { height:4px; }
  .on-tablet\:set-width-8 { width:8px; }
  .on-tablet\:set-height-8 { height:8px; }
  .on-tablet\:set-width-12 { width:12px; }
  .on-tablet\:set-height-12 { height:12px; }
  .on-tablet\:set-width-16 { width:16px; }
  .on-tablet\:set-height-16 { height:16px; }
  .on-tablet\:set-width-20 { width:20px; }
  .on-tablet\:set-height-20 { height:20px; }
  .on-tablet\:set-width-24 { width:24px; }
  .on-tablet\:set-height-24 { height:24px; }
  .on-tablet\:set-width-32 { width:32px; }
  .on-tablet\:set-height-32 { height:32px; }
  .on-tablet\:set-width-40 { width:40px; }
  .on-tablet\:set-height-40 { height:40px; }
  .on-tablet\:set-width-48 { width:48px; }
  .on-tablet\:set-height-48 { height:48px; }
  .on-tablet\:set-width-64 { width:64px; }
  .on-tablet\:set-height-64 { height:64px; }
}

@media (min-width: 1024px) {
  .on-desktop\:make-block { display:block; }
  .on-desktop\:make-inline { display:inline; }
  .on-desktop\:make-inline-block { display:inline-block; }
  .on-desktop\:make-flex { display:flex; }
  .on-desktop\:make-grid { display:grid; }
  .on-desktop\:make-hidden { display:none; }
  .on-desktop\:flex-row { flex-direction:row; }
  .on-desktop\:flex-column { flex-direction:column; }
  .on-desktop\:flex-wrap { flex-wrap:wrap; }
  .on-desktop\:flex-nowrap { flex-wrap:nowrap; }
  .on-desktop\:align-center { align-items:center; }
  .on-desktop\:align-start { align-items:flex-start; }
  .on-desktop\:align-end { align-items:flex-end; }
  .on-desktop\:justify-center { justify-content:center; }
  .on-desktop\:justify-between { justify-content:space-between; }
  .on-desktop\:justify-start { justify-content:flex-start; }
  .on-desktop\:justify-end { justify-content:flex-end; }
  .on-desktop\:text-left { text-align:left; }
  .on-desktop\:text-center { text-align:center; }
  .on-desktop\:text-right { text-align:right; }
  .on-desktop\:add-padding-0 { padding:0px; }
  .on-desktop\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
  .on-desktop\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
  .on-desktop\:add-margin-0 { margin:0px; }
  .on-desktop\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
  .on-desktop\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
  .on-desktop\:gap-0 { gap:0px; }
  .on-desktop\:add-padding-4 { padding:4px; }
  .on-desktop\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
  .on-desktop\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
  .on-desktop\:add-margin-4 { margin:4px; }
  .on-desktop\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
  .on-desktop\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
  .on-desktop\:gap-4 { gap:4px; }
  .on-desktop\:add-padding-8 { padding:8px; }
  .on-desktop\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
  .on-desktop\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
  .on-desktop\:add-margin-8 { margin:8px; }
  .on-desktop\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
  .on-desktop\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
  .on-desktop\:gap-8 { gap:8px; }
  .on-desktop\:add-padding-12 { padding:12px; }
  .on-desktop\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
  .on-desktop\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
  .on-desktop\:add-margin-12 { margin:12px; }
  .on-desktop\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
  .on-desktop\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
  .on-desktop\:gap-12 { gap:12px; }
  .on-desktop\:add-padding-16 { padding:16px; }
  .on-desktop\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
  .on-desktop\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
  .on-desktop\:add-margin-16 { margin:16px; }
  .on-desktop\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
  .on-desktop\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
  .on-desktop\:gap-16 { gap:16px; }
  .on-desktop\:add-padding-20 { padding:20px; }
  .on-desktop\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
  .on-desktop\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
  .on-desktop\:add-margin-20 { margin:20px; }
  .on-desktop\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
  .on-desktop\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
  .on-desktop\:gap-20 { gap:20px; }
  .on-desktop\:add-padding-24 { padding:24px; }
  .on-desktop\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
  .on-desktop\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
  .on-desktop\:add-margin-24 { margin:24px; }
  .on-desktop\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
  .on-desktop\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
  .on-desktop\:gap-24 { gap:24px; }
  .on-desktop\:add-padding-32 { padding:32px; }
  .on-desktop\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
  .on-desktop\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
  .on-desktop\:add-margin-32 { margin:32px; }
  .on-desktop\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
  .on-desktop\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
  .on-desktop\:gap-32 { gap:32px; }
  .on-desktop\:add-padding-40 { padding:40px; }
  .on-desktop\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
  .on-desktop\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
  .on-desktop\:add-margin-40 { margin:40px; }
  .on-desktop\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
  .on-desktop\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
  .on-desktop\:gap-40 { gap:40px; }
  .on-desktop\:add-padding-48 { padding:48px; }
  .on-desktop\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
  .on-desktop\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
  .on-desktop\:add-margin-48 { margin:48px; }
  .on-desktop\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
  .on-desktop\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
  .on-desktop\:gap-48 { gap:48px; }
  .on-desktop\:add-padding-64 { padding:64px; }
  .on-desktop\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
  .on-desktop\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
  .on-desktop\:add-margin-64 { margin:64px; }
  .on-desktop\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
  .on-desktop\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
  .on-desktop\:gap-64 { gap:64px; }
  .on-desktop\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-desktop\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-desktop\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-desktop\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-desktop\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-desktop\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-desktop\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-desktop\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-desktop\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-desktop\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-desktop\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-desktop\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .on-desktop\:set-text-12 { font-size:12px; }
  .on-desktop\:set-text-14 { font-size:14px; }
  .on-desktop\:set-text-16 { font-size:16px; }
  .on-desktop\:set-text-18 { font-size:18px; }
  .on-desktop\:set-text-20 { font-size:20px; }
  .on-desktop\:set-text-24 { font-size:24px; }
  .on-desktop\:set-text-28 { font-size:28px; }
  .on-desktop\:set-text-32 { font-size:32px; }
  .on-desktop\:set-text-36 { font-size:36px; }
  .on-desktop\:set-text-40 { font-size:40px; }
  .on-desktop\:set-text-48 { font-size:48px; }
  .on-desktop\:set-text-56 { font-size:56px; }
  .on-desktop\:set-text-64 { font-size:64px; }
  .on-desktop\:set-width-full { width:100%; }
  .on-desktop\:set-width-auto { width:auto; }
  .on-desktop\:set-width-screen { width:100vw; }
  .on-desktop\:set-width-0 { width:0px; }
  .on-desktop\:set-height-0 { height:0px; }
  .on-desktop\:set-width-4 { width:4px; }
  .on-desktop\:set-height-4 { height:4px; }
  .on-desktop\:set-width-8 { width:8px; }
  .on-desktop\:set-height-8 { height:8px; }
  .on-desktop\:set-width-12 { width:12px; }
  .on-desktop\:set-height-12 { height:12px; }
  .on-desktop\:set-width-16 { width:16px; }
  .on-desktop\:set-height-16 { height:16px; }
  .on-desktop\:set-width-20 { width:20px; }
  .on-desktop\:set-height-20 { height:20px; }
  .on-desktop\:set-width-24 { width:24px; }
  .on-desktop\:set-height-24 { height:24px; }
  .on-desktop\:set-width-32 { width:32px; }
  .on-desktop\:set-height-32 { height:32px; }
  .on-desktop\:set-width-40 { width:40px; }
  .on-desktop\:set-height-40 { height:40px; }
  .on-desktop\:set-width-48 { width:48px; }
  .on-desktop\:set-height-48 { height:48px; }
  .on-desktop\:set-width-64 { width:64px; }
  .on-desktop\:set-height-64 { height:64px; }
}

@media (min-width: 1280px) {
  .on-wide\:make-block { display:block; }
  .on-wide\:make-inline { display:inline; }
  .on-wide\:make-inline-block { display:inline-block; }
  .on-wide\:make-flex { display:flex; }
  .on-wide\:make-grid { display:grid; }
  .on-wide\:make-hidden { display:none; }
  .on-wide\:flex-row { flex-direction:row; }
  .on-wide\:flex-column { flex-direction:column; }
  .on-wide\:flex-wrap { flex-wrap:wrap; }
  .on-wide\:flex-nowrap { flex-wrap:nowrap; }
  .on-wide\:align-center { align-items:center; }
  .on-wide\:align-start { align-items:flex-start; }
  .on-wide\:align-end { align-items:flex-end; }
  .on-wide\:justify-center { justify-content:center; }
  .on-wide\:justify-between { justify-content:space-between; }
  .on-wide\:justify-start { justify-content:flex-start; }
  .on-wide\:justify-end { justify-content:flex-end; }
  .on-wide\:text-left { text-align:left; }
  .on-wide\:text-center { text-align:center; }
  .on-wide\:text-right { text-align:right; }
  .on-wide\:add-padding-0 { padding:0px; }
  .on-wide\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
  .on-wide\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
  .on-wide\:add-margin-0 { margin:0px; }
  .on-wide\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
  .on-wide\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
  .on-wide\:gap-0 { gap:0px; }
  .on-wide\:add-padding-4 { padding:4px; }
  .on-wide\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
  .on-wide\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
  .on-wide\:add-margin-4 { margin:4px; }
  .on-wide\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
  .on-wide\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
  .on-wide\:gap-4 { gap:4px; }
  .on-wide\:add-padding-8 { padding:8px; }
  .on-wide\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
  .on-wide\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
  .on-wide\:add-margin-8 { margin:8px; }
  .on-wide\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
  .on-wide\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
  .on-wide\:gap-8 { gap:8px; }
  .on-wide\:add-padding-12 { padding:12px; }
  .on-wide\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
  .on-wide\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
  .on-wide\:add-margin-12 { margin:12px; }
  .on-wide\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
  .on-wide\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
  .on-wide\:gap-12 { gap:12px; }
  .on-wide\:add-padding-16 { padding:16px; }
  .on-wide\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
  .on-wide\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
  .on-wide\:add-margin-16 { margin:16px; }
  .on-wide\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
  .on-wide\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
  .on-wide\:gap-16 { gap:16px; }
  .on-wide\:add-padding-20 { padding:20px; }
  .on-wide\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
  .on-wide\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
  .on-wide\:add-margin-20 { margin:20px; }
  .on-wide\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
  .on-wide\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
  .on-wide\:gap-20 { gap:20px; }
  .on-wide\:add-padding-24 { padding:24px; }
  .on-wide\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
  .on-wide\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
  .on-wide\:add-margin-24 { margin:24px; }
  .on-wide\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
  .on-wide\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
  .on-wide\:gap-24 { gap:24px; }
  .on-wide\:add-padding-32 { padding:32px; }
  .on-wide\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
  .on-wide\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
  .on-wide\:add-margin-32 { margin:32px; }
  .on-wide\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
  .on-wide\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
  .on-wide\:gap-32 { gap:32px; }
  .on-wide\:add-padding-40 { padding:40px; }
  .on-wide\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
  .on-wide\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
  .on-wide\:add-margin-40 { margin:40px; }
  .on-wide\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
  .on-wide\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
  .on-wide\:gap-40 { gap:40px; }
  .on-wide\:add-padding-48 { padding:48px; }
  .on-wide\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
  .on-wide\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
  .on-wide\:add-margin-48 { margin:48px; }
  .on-wide\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
  .on-wide\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
  .on-wide\:gap-48 { gap:48px; }
  .on-wide\:add-padding-64 { padding:64px; }
  .on-wide\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
  .on-wide\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
  .on-wide\:add-margin-64 { margin:64px; }
  .on-wide\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
  .on-wide\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
  .on-wide\:gap-64 { gap:64px; }
  .on-wide\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-wide\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-wide\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-wide\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-wide\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-wide\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-wide\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-wide\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-wide\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-wide\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-wide\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-wide\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .on-wide\:set-text-12 { font-size:12px; }
  .on-wide\:set-text-14 { font-size:14px; }
  .on-wide\:set-text-16 { font-size:16px; }
  .on-wide\:set-text-18 { font-size:18px; }
  .on-wide\:set-text-20 { font-size:20px; }
  .on-wide\:set-text-24 { font-size:24px; }
  .on-wide\:set-text-28 { font-size:28px; }
  .on-wide\:set-text-32 { font-size:32px; }
  .on-wide\:set-text-36 { font-size:36px; }
  .on-wide\:set-text-40 { font-size:40px; }
  .on-wide\:set-text-48 { font-size:48px; }
  .on-wide\:set-text-56 { font-size:56px; }
  .on-wide\:set-text-64 { font-size:64px; }
  .on-wide\:set-width-full { width:100%; }
  .on-wide\:set-width-auto { width:auto; }
  .on-wide\:set-width-screen { width:100vw; }
  .on-wide\:set-width-0 { width:0px; }
  .on-wide\:set-height-0 { height:0px; }
  .on-wide\:set-width-4 { width:4px; }
  .on-wide\:set-height-4 { height:4px; }
  .on-wide\:set-width-8 { width:8px; }
  .on-wide\:set-height-8 { height:8px; }
  .on-wide\:set-width-12 { width:12px; }
  .on-wide\:set-height-12 { height:12px; }
  .on-wide\:set-width-16 { width:16px; }
  .on-wide\:set-height-16 { height:16px; }
  .on-wide\:set-width-20 { width:20px; }
  .on-wide\:set-height-20 { height:20px; }
  .on-wide\:set-width-24 { width:24px; }
  .on-wide\:set-height-24 { height:24px; }
  .on-wide\:set-width-32 { width:32px; }
  .on-wide\:set-height-32 { height:32px; }
  .on-wide\:set-width-40 { width:40px; }
  .on-wide\:set-height-40 { height:40px; }
  .on-wide\:set-width-48 { width:48px; }
  .on-wide\:set-height-48 { height:48px; }
  .on-wide\:set-width-64 { width:64px; }
  .on-wide\:set-height-64 { height:64px; }
}

@media (min-width: 1536px) {
  .on-ultra\:make-block { display:block; }
  .on-ultra\:make-inline { display:inline; }
  .on-ultra\:make-inline-block { display:inline-block; }
  .on-ultra\:make-flex { display:flex; }
  .on-ultra\:make-grid { display:grid; }
  .on-ultra\:make-hidden { display:none; }
  .on-ultra\:flex-row { flex-direction:row; }
  .on-ultra\:flex-column { flex-direction:column; }
  .on-ultra\:flex-wrap { flex-wrap:wrap; }
  .on-ultra\:flex-nowrap { flex-wrap:nowrap; }
  .on-ultra\:align-center { align-items:center; }
  .on-ultra\:align-start { align-items:flex-start; }
  .on-ultra\:align-end { align-items:flex-end; }
  .on-ultra\:justify-center { justify-content:center; }
  .on-ultra\:justify-between { justify-content:space-between; }
  .on-ultra\:justify-start { justify-content:flex-start; }
  .on-ultra\:justify-end { justify-content:flex-end; }
  .on-ultra\:text-left { text-align:left; }
  .on-ultra\:text-center { text-align:center; }
  .on-ultra\:text-right { text-align:right; }
  .on-ultra\:add-padding-0 { padding:0px; }
  .on-ultra\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
  .on-ultra\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
  .on-ultra\:add-margin-0 { margin:0px; }
  .on-ultra\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
  .on-ultra\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
  .on-ultra\:gap-0 { gap:0px; }
  .on-ultra\:add-padding-4 { padding:4px; }
  .on-ultra\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
  .on-ultra\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
  .on-ultra\:add-margin-4 { margin:4px; }
  .on-ultra\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
  .on-ultra\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
  .on-ultra\:gap-4 { gap:4px; }
  .on-ultra\:add-padding-8 { padding:8px; }
  .on-ultra\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
  .on-ultra\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
  .on-ultra\:add-margin-8 { margin:8px; }
  .on-ultra\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
  .on-ultra\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
  .on-ultra\:gap-8 { gap:8px; }
  .on-ultra\:add-padding-12 { padding:12px; }
  .on-ultra\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
  .on-ultra\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
  .on-ultra\:add-margin-12 { margin:12px; }
  .on-ultra\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
  .on-ultra\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
  .on-ultra\:gap-12 { gap:12px; }
  .on-ultra\:add-padding-16 { padding:16px; }
  .on-ultra\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
  .on-ultra\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
  .on-ultra\:add-margin-16 { margin:16px; }
  .on-ultra\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
  .on-ultra\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
  .on-ultra\:gap-16 { gap:16px; }
  .on-ultra\:add-padding-20 { padding:20px; }
  .on-ultra\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
  .on-ultra\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
  .on-ultra\:add-margin-20 { margin:20px; }
  .on-ultra\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
  .on-ultra\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
  .on-ultra\:gap-20 { gap:20px; }
  .on-ultra\:add-padding-24 { padding:24px; }
  .on-ultra\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
  .on-ultra\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
  .on-ultra\:add-margin-24 { margin:24px; }
  .on-ultra\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
  .on-ultra\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
  .on-ultra\:gap-24 { gap:24px; }
  .on-ultra\:add-padding-32 { padding:32px; }
  .on-ultra\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
  .on-ultra\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
  .on-ultra\:add-margin-32 { margin:32px; }
  .on-ultra\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
  .on-ultra\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
  .on-ultra\:gap-32 { gap:32px; }
  .on-ultra\:add-padding-40 { padding:40px; }
  .on-ultra\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
  .on-ultra\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
  .on-ultra\:add-margin-40 { margin:40px; }
  .on-ultra\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
  .on-ultra\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
  .on-ultra\:gap-40 { gap:40px; }
  .on-ultra\:add-padding-48 { padding:48px; }
  .on-ultra\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
  .on-ultra\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
  .on-ultra\:add-margin-48 { margin:48px; }
  .on-ultra\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
  .on-ultra\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
  .on-ultra\:gap-48 { gap:48px; }
  .on-ultra\:add-padding-64 { padding:64px; }
  .on-ultra\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
  .on-ultra\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
  .on-ultra\:add-margin-64 { margin:64px; }
  .on-ultra\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
  .on-ultra\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
  .on-ultra\:gap-64 { gap:64px; }
  .on-ultra\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-ultra\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-ultra\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-ultra\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-ultra\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-ultra\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-ultra\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-ultra\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-ultra\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-ultra\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-ultra\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-ultra\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .on-ultra\:set-text-12 { font-size:12px; }
  .on-ultra\:set-text-14 { font-size:14px; }
  .on-ultra\:set-text-16 { font-size:16px; }
  .on-ultra\:set-text-18 { font-size:18px; }
  .on-ultra\:set-text-20 { font-size:20px; }
  .on-ultra\:set-text-24 { font-size:24px; }
  .on-ultra\:set-text-28 { font-size:28px; }
  .on-ultra\:set-text-32 { font-size:32px; }
  .on-ultra\:set-text-36 { font-size:36px; }
  .on-ultra\:set-text-40 { font-size:40px; }
  .on-ultra\:set-text-48 { font-size:48px; }
  .on-ultra\:set-text-56 { font-size:56px; }
  .on-ultra\:set-text-64 { font-size:64px; }
  .on-ultra\:set-width-full { width:100%; }
  .on-ultra\:set-width-auto { width:auto; }
  .on-ultra\:set-width-screen { width:100vw; }
  .on-ultra\:set-width-0 { width:0px; }
  .on-ultra\:set-height-0 { height:0px; }
  .on-ultra\:set-width-4 { width:4px; }
  .on-ultra\:set-height-4 { height:4px; }
  .on-ultra\:set-width-8 { width:8px; }
  .on-ultra\:set-height-8 { height:8px; }
  .on-ultra\:set-width-12 { width:12px; }
  .on-ultra\:set-height-12 { height:12px; }
  .on-ultra\:set-width-16 { width:16px; }
  .on-ultra\:set-height-16 { height:16px; }
  .on-ultra\:set-width-20 { width:20px; }
  .on-ultra\:set-height-20 { height:20px; }
  .on-ultra\:set-width-24 { width:24px; }
  .on-ultra\:set-height-24 { height:24px; }
  .on-ultra\:set-width-32 { width:32px; }
  .on-ultra\:set-height-32 { height:32px; }
  .on-ultra\:set-width-40 { width:40px; }
  .on-ultra\:set-height-40 { height:40px; }
  .on-ultra\:set-width-48 { width:48px; }
  .on-ultra\:set-height-48 { height:48px; }
  .on-ultra\:set-width-64 { width:64px; }
  .on-ultra\:set-height-64 { height:64px; }
}

@media (min-width: 640px) {
  .sm\:make-block { display:block; }
  .sm\:make-inline { display:inline; }
  .sm\:make-inline-block { display:inline-block; }
  .sm\:make-flex { display:flex; }
  .sm\:make-grid { display:grid; }
  .sm\:make-hidden { display:none; }
  .sm\:flex-row { flex-direction:row; }
  .sm\:flex-column { flex-direction:column; }
  .sm\:flex-wrap { flex-wrap:wrap; }
  .sm\:flex-nowrap { flex-wrap:nowrap; }
  .sm\:align-center { align-items:center; }
  .sm\:align-start { align-items:flex-start; }
  .sm\:align-end { align-items:flex-end; }
  .sm\:justify-center { justify-content:center; }
  .sm\:justify-between { justify-content:space-between; }
  .sm\:justify-start { justify-content:flex-start; }
  .sm\:justify-end { justify-content:flex-end; }
  .sm\:text-left { text-align:left; }
  .sm\:text-center { text-align:center; }
  .sm\:text-right { text-align:right; }
  .sm\:add-padding-0 { padding:0px; }
  .sm\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
  .sm\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
  .sm\:add-margin-0 { margin:0px; }
  .sm\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
  .sm\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
  .sm\:gap-0 { gap:0px; }
  .sm\:add-padding-4 { padding:4px; }
  .sm\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
  .sm\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
  .sm\:add-margin-4 { margin:4px; }
  .sm\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
  .sm\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
  .sm\:gap-4 { gap:4px; }
  .sm\:add-padding-8 { padding:8px; }
  .sm\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
  .sm\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
  .sm\:add-margin-8 { margin:8px; }
  .sm\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
  .sm\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
  .sm\:gap-8 { gap:8px; }
  .sm\:add-padding-12 { padding:12px; }
  .sm\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
  .sm\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
  .sm\:add-margin-12 { margin:12px; }
  .sm\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
  .sm\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
  .sm\:gap-12 { gap:12px; }
  .sm\:add-padding-16 { padding:16px; }
  .sm\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
  .sm\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
  .sm\:add-margin-16 { margin:16px; }
  .sm\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
  .sm\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
  .sm\:gap-16 { gap:16px; }
  .sm\:add-padding-20 { padding:20px; }
  .sm\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
  .sm\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
  .sm\:add-margin-20 { margin:20px; }
  .sm\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
  .sm\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
  .sm\:gap-20 { gap:20px; }
  .sm\:add-padding-24 { padding:24px; }
  .sm\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
  .sm\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
  .sm\:add-margin-24 { margin:24px; }
  .sm\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
  .sm\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
  .sm\:gap-24 { gap:24px; }
  .sm\:add-padding-32 { padding:32px; }
  .sm\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
  .sm\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
  .sm\:add-margin-32 { margin:32px; }
  .sm\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
  .sm\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
  .sm\:gap-32 { gap:32px; }
  .sm\:add-padding-40 { padding:40px; }
  .sm\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
  .sm\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
  .sm\:add-margin-40 { margin:40px; }
  .sm\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
  .sm\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
  .sm\:gap-40 { gap:40px; }
  .sm\:add-padding-48 { padding:48px; }
  .sm\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
  .sm\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
  .sm\:add-margin-48 { margin:48px; }
  .sm\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
  .sm\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
  .sm\:gap-48 { gap:48px; }
  .sm\:add-padding-64 { padding:64px; }
  .sm\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
  .sm\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
  .sm\:add-margin-64 { margin:64px; }
  .sm\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
  .sm\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
  .sm\:gap-64 { gap:64px; }
  .sm\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sm\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sm\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sm\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .sm\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .sm\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .sm\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .sm\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .sm\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .sm\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .sm\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .sm\:set-text-12 { font-size:12px; }
  .sm\:set-text-14 { font-size:14px; }
  .sm\:set-text-16 { font-size:16px; }
  .sm\:set-text-18 { font-size:18px; }
  .sm\:set-text-20 { font-size:20px; }
  .sm\:set-text-24 { font-size:24px; }
  .sm\:set-text-28 { font-size:28px; }
  .sm\:set-text-32 { font-size:32px; }
  .sm\:set-text-36 { font-size:36px; }
  .sm\:set-text-40 { font-size:40px; }
  .sm\:set-text-48 { font-size:48px; }
  .sm\:set-text-56 { font-size:56px; }
  .sm\:set-text-64 { font-size:64px; }
  .sm\:set-width-full { width:100%; }
  .sm\:set-width-auto { width:auto; }
  .sm\:set-width-screen { width:100vw; }
  .sm\:set-width-0 { width:0px; }
  .sm\:set-height-0 { height:0px; }
  .sm\:set-width-4 { width:4px; }
  .sm\:set-height-4 { height:4px; }
  .sm\:set-width-8 { width:8px; }
  .sm\:set-height-8 { height:8px; }
  .sm\:set-width-12 { width:12px; }
  .sm\:set-height-12 { height:12px; }
  .sm\:set-width-16 { width:16px; }
  .sm\:set-height-16 { height:16px; }
  .sm\:set-width-20 { width:20px; }
  .sm\:set-height-20 { height:20px; }
  .sm\:set-width-24 { width:24px; }
  .sm\:set-height-24 { height:24px; }
  .sm\:set-width-32 { width:32px; }
  .sm\:set-height-32 { height:32px; }
  .sm\:set-width-40 { width:40px; }
  .sm\:set-height-40 { height:40px; }
  .sm\:set-width-48 { width:48px; }
  .sm\:set-height-48 { height:48px; }
  .sm\:set-width-64 { width:64px; }
  .sm\:set-height-64 { height:64px; }
}

@media (min-width: 768px) {
  .md\:make-block { display:block; }
  .md\:make-inline { display:inline; }
  .md\:make-inline-block { display:inline-block; }
  .md\:make-flex { display:flex; }
  .md\:make-grid { display:grid; }
  .md\:make-hidden { display:none; }
  .md\:flex-row { flex-direction:row; }
  .md\:flex-column { flex-direction:column; }
  .md\:flex-wrap { flex-wrap:wrap; }
  .md\:flex-nowrap { flex-wrap:nowrap; }
  .md\:align-center { align-items:center; }
  .md\:align-start { align-items:flex-start; }
  .md\:align-end { align-items:flex-end; }
  .md\:justify-center { justify-content:center; }
  .md\:justify-between { justify-content:space-between; }
  .md\:justify-start { justify-content:flex-start; }
  .md\:justify-end { justify-content:flex-end; }
  .md\:text-left { text-align:left; }
  .md\:text-center { text-align:center; }
  .md\:text-right { text-align:right; }
  .md\:add-padding-0 { padding:0px; }
  .md\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
  .md\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
  .md\:add-margin-0 { margin:0px; }
  .md\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
  .md\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
  .md\:gap-0 { gap:0px; }
  .md\:add-padding-4 { padding:4px; }
  .md\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
  .md\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
  .md\:add-margin-4 { margin:4px; }
  .md\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
  .md\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
  .md\:gap-4 { gap:4px; }
  .md\:add-padding-8 { padding:8px; }
  .md\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
  .md\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
  .md\:add-margin-8 { margin:8px; }
  .md\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
  .md\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
  .md\:gap-8 { gap:8px; }
  .md\:add-padding-12 { pa