/* 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 { padding:12px; }
  .md\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
  .md\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
  .md\:add-margin-12 { margin:12px; }
  .md\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
  .md\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
  .md\:gap-12 { gap:12px; }
  .md\:add-padding-16 { padding:16px; }
  .md\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
  .md\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
  .md\:add-margin-16 { margin:16px; }
  .md\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
  .md\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
  .md\:gap-16 { gap:16px; }
  .md\:add-padding-20 { padding:20px; }
  .md\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
  .md\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
  .md\:add-margin-20 { margin:20px; }
  .md\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
  .md\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
  .md\:gap-20 { gap:20px; }
  .md\:add-padding-24 { padding:24px; }
  .md\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
  .md\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
  .md\:add-margin-24 { margin:24px; }
  .md\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
  .md\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
  .md\:gap-24 { gap:24px; }
  .md\:add-padding-32 { padding:32px; }
  .md\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
  .md\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
  .md\:add-margin-32 { margin:32px; }
  .md\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
  .md\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
  .md\:gap-32 { gap:32px; }
  .md\:add-padding-40 { padding:40px; }
  .md\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
  .md\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
  .md\:add-margin-40 { margin:40px; }
  .md\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
  .md\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
  .md\:gap-40 { gap:40px; }
  .md\:add-padding-48 { padding:48px; }
  .md\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
  .md\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
  .md\:add-margin-48 { margin:48px; }
  .md\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
  .md\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
  .md\:gap-48 { gap:48px; }
  .md\:add-padding-64 { padding:64px; }
  .md\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
  .md\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
  .md\:add-margin-64 { margin:64px; }
  .md\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
  .md\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
  .md\:gap-64 { gap:64px; }
  .md\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .md\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .md\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .md\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .md\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .md\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .md\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .md\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .md\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .md\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .md\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .md\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .md\:set-text-12 { font-size:12px; }
  .md\:set-text-14 { font-size:14px; }
  .md\:set-text-16 { font-size:16px; }
  .md\:set-text-18 { font-size:18px; }
  .md\:set-text-20 { font-size:20px; }
  .md\:set-text-24 { font-size:24px; }
  .md\:set-text-28 { font-size:28px; }
  .md\:set-text-32 { font-size:32px; }
  .md\:set-text-36 { font-size:36px; }
  .md\:set-text-40 { font-size:40px; }
  .md\:set-text-48 { font-size:48px; }
  .md\:set-text-56 { font-size:56px; }
  .md\:set-text-64 { font-size:64px; }
  .md\:set-width-full { width:100%; }
  .md\:set-width-auto { width:auto; }
  .md\:set-width-screen { width:100vw; }
  .md\:set-width-0 { width:0px; }
  .md\:set-height-0 { height:0px; }
  .md\:set-width-4 { width:4px; }
  .md\:set-height-4 { height:4px; }
  .md\:set-width-8 { width:8px; }
  .md\:set-height-8 { height:8px; }
  .md\:set-width-12 { width:12px; }
  .md\:set-height-12 { height:12px; }
  .md\:set-width-16 { width:16px; }
  .md\:set-height-16 { height:16px; }
  .md\:set-width-20 { width:20px; }
  .md\:set-height-20 { height:20px; }
  .md\:set-width-24 { width:24px; }
  .md\:set-height-24 { height:24px; }
  .md\:set-width-32 { width:32px; }
  .md\:set-height-32 { height:32px; }
  .md\:set-width-40 { width:40px; }
  .md\:set-height-40 { height:40px; }
  .md\:set-width-48 { width:48px; }
  .md\:set-height-48 { height:48px; }
  .md\:set-width-64 { width:64px; }
  .md\:set-height-64 { height:64px; }
}

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

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

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

/* on-active */
.on-active\:background-red-300:active { background-color:#fca5a5; }
.on-active\:color-red-300:active { color:#fca5a5; }
.on-active\:border-color-red-300:active { border-color:#fca5a5; }
.on-active\:background-red-400:active { background-color:#f87171; }
.on-active\:color-red-400:active { color:#f87171; }
.on-active\:border-color-red-400:active { border-color:#f87171; }
.on-active\:background-red-500:active { background-color:#ef4444; }
.on-active\:color-red-500:active { color:#ef4444; }
.on-active\:border-color-red-500:active { border-color:#ef4444; }
.on-active\:background-red-600:active { background-color:#dc2626; }
.on-active\:color-red-600:active { color:#dc2626; }
.on-active\:border-color-red-600:active { border-color:#dc2626; }
.on-active\:background-red-700:active { background-color:#b91c1c; }
.on-active\:color-red-700:active { color:#b91c1c; }
.on-active\:border-color-red-700:active { border-color:#b91c1c; }
.on-active\:background-orange-300:active { background-color:#fdba74; }
.on-active\:color-orange-300:active { color:#fdba74; }
.on-active\:border-color-orange-300:active { border-color:#fdba74; }
.on-active\:background-orange-400:active { background-color:#fb923c; }
.on-active\:color-orange-400:active { color:#fb923c; }
.on-active\:border-color-orange-400:active { border-color:#fb923c; }
.on-active\:background-orange-500:active { background-color:#f97316; }
.on-active\:color-orange-500:active { color:#f97316; }
.on-active\:border-color-orange-500:active { border-color:#f97316; }
.on-active\:background-orange-600:active { background-color:#ea580c; }
.on-active\:color-orange-600:active { color:#ea580c; }
.on-active\:border-color-orange-600:active { border-color:#ea580c; }
.on-active\:background-orange-700:active { background-color:#c2410c; }
.on-active\:color-orange-700:active { color:#c2410c; }
.on-active\:border-color-orange-700:active { border-color:#c2410c; }
.on-active\:background-amber-300:active { background-color:#fcd34d; }
.on-active\:color-amber-300:active { color:#fcd34d; }
.on-active\:border-color-amber-300:active { border-color:#fcd34d; }
.on-active\:background-amber-400:active { background-color:#fbbf24; }
.on-active\:color-amber-400:active { color:#fbbf24; }
.on-active\:border-color-amber-400:active { border-color:#fbbf24; }
.on-active\:background-amber-500:active { background-color:#f59e0b; }
.on-active\:color-amber-500:active { color:#f59e0b; }
.on-active\:border-color-amber-500:active { border-color:#f59e0b; }
.on-active\:background-amber-600:active { background-color:#d97706; }
.on-active\:color-amber-600:active { color:#d97706; }
.on-active\:border-color-amber-600:active { border-color:#d97706; }
.on-active\:background-amber-700:active { background-color:#b45309; }
.on-active\:color-amber-700:active { color:#b45309; }
.on-active\:border-color-amber-700:active { border-color:#b45309; }
.on-active\:background-yellow-300:active { background-color:#fde047; }
.on-active\:color-yellow-300:active { color:#fde047; }
.on-active\:border-color-yellow-300:active { border-color:#fde047; }
.on-active\:background-yellow-400:active { background-color:#facc15; }
.on-active\:color-yellow-400:active { color:#facc15; }
.on-active\:border-color-yellow-400:active { border-color:#facc15; }
.on-active\:background-yellow-500:active { background-color:#eab308; }
.on-active\:color-yellow-500:active { color:#eab308; }
.on-active\:border-color-yellow-500:active { border-color:#eab308; }
.on-active\:background-yellow-600:active { background-color:#ca8a04; }
.on-active\:color-yellow-600:active { color:#ca8a04; }
.on-active\:border-color-yellow-600:active { border-color:#ca8a04; }
.on-active\:background-yellow-700:active { background-color:#a16207; }
.on-active\:color-yellow-700:active { color:#a16207; }
.on-active\:border-color-yellow-700:active { border-color:#a16207; }
.on-active\:background-lime-300:active { background-color:#bef264; }
.on-active\:color-lime-300:active { color:#bef264; }
.on-active\:border-color-lime-300:active { border-color:#bef264; }
.on-active\:background-lime-400:active { background-color:#a3e635; }
.on-active\:color-lime-400:active { color:#a3e635; }
.on-active\:border-color-lime-400:active { border-color:#a3e635; }
.on-active\:background-lime-500:active { background-color:#84cc16; }
.on-active\:color-lime-500:active { color:#84cc16; }
.on-active\:border-color-lime-500:active { border-color:#84cc16; }
.on-active\:background-lime-600:active { background-color:#65a30d; }
.on-active\:color-lime-600:active { color:#65a30d; }
.on-active\:border-color-lime-600:active { border-color:#65a30d; }
.on-active\:background-lime-700:active { background-color:#4d7c0f; }
.on-active\:color-lime-700:active { color:#4d7c0f; }
.on-active\:border-color-lime-700:active { border-color:#4d7c0f; }
.on-active\:background-green-300:active { background-color:#86efac; }
.on-active\:color-green-300:active { color:#86efac; }
.on-active\:border-color-green-300:active { border-color:#86efac; }
.on-active\:background-green-400:active { background-color:#4ade80; }
.on-active\:color-green-400:active { color:#4ade80; }
.on-active\:border-color-green-400:active { border-color:#4ade80; }
.on-active\:background-green-500:active { background-color:#22c55e; }
.on-active\:color-green-500:active { color:#22c55e; }
.on-active\:border-color-green-500:active { border-color:#22c55e; }
.on-active\:background-green-600:active { background-color:#16a34a; }
.on-active\:color-green-600:active { color:#16a34a; }
.on-active\:border-color-green-600:active { border-color:#16a34a; }
.on-active\:background-green-700:active { background-color:#15803d; }
.on-active\:color-green-700:active { color:#15803d; }
.on-active\:border-color-green-700:active { border-color:#15803d; }
.on-active\:background-teal-300:active { background-color:#5eead4; }
.on-active\:color-teal-300:active { color:#5eead4; }
.on-active\:border-color-teal-300:active { border-color:#5eead4; }
.on-active\:background-teal-400:active { background-color:#2dd4bf; }
.on-active\:color-teal-400:active { color:#2dd4bf; }
.on-active\:border-color-teal-400:active { border-color:#2dd4bf; }
.on-active\:background-teal-500:active { background-color:#14b8a6; }
.on-active\:color-teal-500:active { color:#14b8a6; }
.on-active\:border-color-teal-500:active { border-color:#14b8a6; }
.on-active\:background-teal-600:active { background-color:#0d9488; }
.on-active\:color-teal-600:active { color:#0d9488; }
.on-active\:border-color-teal-600:active { border-color:#0d9488; }
.on-active\:background-teal-700:active { background-color:#0f766e; }
.on-active\:color-teal-700:active { color:#0f766e; }
.on-active\:border-color-teal-700:active { border-color:#0f766e; }
.on-active\:background-cyan-300:active { background-color:#67e8f9; }
.on-active\:color-cyan-300:active { color:#67e8f9; }
.on-active\:border-color-cyan-300:active { border-color:#67e8f9; }
.on-active\:background-cyan-400:active { background-color:#22d3ee; }
.on-active\:color-cyan-400:active { color:#22d3ee; }
.on-active\:border-color-cyan-400:active { border-color:#22d3ee; }
.on-active\:background-cyan-500:active { background-color:#06b6d4; }
.on-active\:color-cyan-500:active { color:#06b6d4; }
.on-active\:border-color-cyan-500:active { border-color:#06b6d4; }
.on-active\:background-cyan-600:active { background-color:#0891b2; }
.on-active\:color-cyan-600:active { color:#0891b2; }
.on-active\:border-color-cyan-600:active { border-color:#0891b2; }
.on-active\:background-cyan-700:active { background-color:#0e7490; }
.on-active\:color-cyan-700:active { color:#0e7490; }
.on-active\:border-color-cyan-700:active { border-color:#0e7490; }
.on-active\:background-blue-300:active { background-color:#93c5fd; }
.on-active\:color-blue-300:active { color:#93c5fd; }
.on-active\:border-color-blue-300:active { border-color:#93c5fd; }
.on-active\:background-blue-400:active { background-color:#60a5fa; }
.on-active\:color-blue-400:active { color:#60a5fa; }
.on-active\:border-color-blue-400:active { border-color:#60a5fa; }
.on-active\:background-blue-500:active { background-color:#3b82f6; }
.on-active\:color-blue-500:active { color:#3b82f6; }
.on-active\:border-color-blue-500:active { border-color:#3b82f6; }
.on-active\:background-blue-600:active { background-color:#2563eb; }
.on-active\:color-blue-600:active { color:#2563eb; }
.on-active\:border-color-blue-600:active { border-color:#2563eb; }
.on-active\:background-blue-700:active { background-color:#1d4ed8; }
.on-active\:color-blue-700:active { color:#1d4ed8; }
.on-active\:border-color-blue-700:active { border-color:#1d4ed8; }
.on-active\:background-indigo-300:active { background-color:#a5b4fc; }
.on-active\:color-indigo-300:active { color:#a5b4fc; }
.on-active\:border-color-indigo-300:active { border-color:#a5b4fc; }
.on-active\:background-indigo-400:active { background-color:#818cf8; }
.on-active\:color-indigo-400:active { color:#818cf8; }
.on-active\:border-color-indigo-400:active { border-color:#818cf8; }
.on-active\:background-indigo-500:active { background-color:#6366f1; }
.on-active\:color-indigo-500:active { color:#6366f1; }
.on-active\:border-color-indigo-500:active { border-color:#6366f1; }
.on-active\:background-indigo-600:active { background-color:#4f46e5; }
.on-active\:color-indigo-600:active { color:#4f46e5; }
.on-active\:border-color-indigo-600:active { border-color:#4f46e5; }
.on-active\:background-indigo-700:active { background-color:#4338ca; }
.on-active\:color-indigo-700:active { color:#4338ca; }
.on-active\:border-color-indigo-700:active { border-color:#4338ca; }
.on-active\:background-violet-300:active { background-color:#c4b5fd; }
.on-active\:color-violet-300:active { color:#c4b5fd; }
.on-active\:border-color-violet-300:active { border-color:#c4b5fd; }
.on-active\:background-violet-400:active { background-color:#a78bfa; }
.on-active\:color-violet-400:active { color:#a78bfa; }
.on-active\:border-color-violet-400:active { border-color:#a78bfa; }
.on-active\:background-violet-500:active { background-color:#8b5cf6; }
.on-active\:color-violet-500:active { color:#8b5cf6; }
.on-active\:border-color-violet-500:active { border-color:#8b5cf6; }
.on-active\:background-violet-600:active { background-color:#7c3aed; }
.on-active\:color-violet-600:active { color:#7c3aed; }
.on-active\:border-color-violet-600:active { border-color:#7c3aed; }
.on-active\:background-violet-700:active { background-color:#6d28d9; }
.on-active\:color-violet-700:active { color:#6d28d9; }
.on-active\:border-color-violet-700:active { border-color:#6d28d9; }
.on-active\:background-purple-300:active { background-color:#d8b4fe; }
.on-active\:color-purple-300:active { color:#d8b4fe; }
.on-active\:border-color-purple-300:active { border-color:#d8b4fe; }
.on-active\:background-purple-400:active { background-color:#c084fc; }
.on-active\:color-purple-400:active { color:#c084fc; }
.on-active\:border-color-purple-400:active { border-color:#c084fc; }
.on-active\:background-purple-500:active { background-color:#a855f7; }
.on-active\:color-purple-500:active { color:#a855f7; }
.on-active\:border-color-purple-500:active { border-color:#a855f7; }
.on-active\:background-purple-600:active { background-color:#9333ea; }
.on-active\:color-purple-600:active { color:#9333ea; }
.on-active\:border-color-purple-600:active { border-color:#9333ea; }
.on-active\:background-purple-700:active { background-color:#7e22ce; }
.on-active\:color-purple-700:active { color:#7e22ce; }
.on-active\:border-color-purple-700:active { border-color:#7e22ce; }
.on-active\:background-pink-300:active { background-color:#f9a8d4; }
.on-active\:color-pink-300:active { color:#f9a8d4; }
.on-active\:border-color-pink-300:active { border-color:#f9a8d4; }
.on-active\:background-pink-400:active { background-color:#f472b6; }
.on-active\:color-pink-400:active { color:#f472b6; }
.on-active\:border-color-pink-400:active { border-color:#f472b6; }
.on-active\:background-pink-500:active { background-color:#ec4899; }
.on-active\:color-pink-500:active { color:#ec4899; }
.on-active\:border-color-pink-500:active { border-color:#ec4899; }
.on-active\:background-pink-600:active { background-color:#db2777; }
.on-active\:color-pink-600:active { color:#db2777; }
.on-active\:border-color-pink-600:active { border-color:#db2777; }
.on-active\:background-pink-700:active { background-color:#be185d; }
.on-active\:color-pink-700:active { color:#be185d; }
.on-active\:border-color-pink-700:active { border-color:#be185d; }
.on-active\:background-rose-300:active { background-color:#fda4af; }
.on-active\:color-rose-300:active { color:#fda4af; }
.on-active\:border-color-rose-300:active { border-color:#fda4af; }
.on-active\:background-rose-400:active { background-color:#fb7185; }
.on-active\:color-rose-400:active { color:#fb7185; }
.on-active\:border-color-rose-400:active { border-color:#fb7185; }
.on-active\:background-rose-500:active { background-color:#f43f5e; }
.on-active\:color-rose-500:active { color:#f43f5e; }
.on-active\:border-color-rose-500:active { border-color:#f43f5e; }
.on-active\:background-rose-600:active { background-color:#e11d48; }
.on-active\:color-rose-600:active { color:#e11d48; }
.on-active\:border-color-rose-600:active { border-color:#e11d48; }
.on-active\:background-rose-700:active { background-color:#be123c; }
.on-active\:color-rose-700:active { color:#be123c; }
.on-active\:border-color-rose-700:active { border-color:#be123c; }
.on-active\:background-slate-300:active { background-color:#cbd5e1; }
.on-active\:color-slate-300:active { color:#cbd5e1; }
.on-active\:border-color-slate-300:active { border-color:#cbd5e1; }
.on-active\:background-slate-400:active { background-color:#94a3b8; }
.on-active\:color-slate-400:active { color:#94a3b8; }
.on-active\:border-color-slate-400:active { border-color:#94a3b8; }
.on-active\:background-slate-500:active { background-color:#64748b; }
.on-active\:color-slate-500:active { color:#64748b; }
.on-active\:border-color-slate-500:active { border-color:#64748b; }
.on-active\:background-slate-600:active { background-color:#475569; }
.on-active\:color-slate-600:active { color:#475569; }
.on-active\:border-color-slate-600:active { border-color:#475569; }
.on-active\:background-slate-700:active { background-color:#334155; }
.on-active\:color-slate-700:active { color:#334155; }
.on-active\:border-color-slate-700:active { border-color:#334155; }
.on-active\:background-gray-300:active { background-color:#d1d5db; }
.on-active\:color-gray-300:active { color:#d1d5db; }
.on-active\:border-color-gray-300:active { border-color:#d1d5db; }
.on-active\:background-gray-400:active { background-color:#9ca3af; }
.on-active\:color-gray-400:active { color:#9ca3af; }
.on-active\:border-color-gray-400:active { border-color:#9ca3af; }
.on-active\:background-gray-500:active { background-color:#6b7280; }
.on-active\:color-gray-500:active { color:#6b7280; }
.on-active\:border-color-gray-500:active { border-color:#6b7280; }
.on-active\:background-gray-600:active { background-color:#4b5563; }
.on-active\:color-gray-600:active { color:#4b5563; }
.on-active\:border-color-gray-600:active { border-color:#4b5563; }
.on-active\:background-gray-700:active { background-color:#374151; }
.on-active\:color-gray-700:active { color:#374151; }
.on-active\:border-color-gray-700:active { border-color:#374151; }
.on-active\:background-zinc-300:active { background-color:#d4d4d8; }
.on-active\:color-zinc-300:active { color:#d4d4d8; }
.on-active\:border-color-zinc-300:active { border-color:#d4d4d8; }
.on-active\:background-zinc-400:active { background-color:#a1a1aa; }
.on-active\:color-zinc-400:active { color:#a1a1aa; }
.on-active\:border-color-zinc-400:active { border-color:#a1a1aa; }
.on-active\:background-zinc-500:active { background-color:#71717a; }
.on-active\:color-zinc-500:active { color:#71717a; }
.on-active\:border-color-zinc-500:active { border-color:#71717a; }
.on-active\:background-zinc-600:active { background-color:#52525b; }
.on-active\:color-zinc-600:active { color:#52525b; }
.on-active\:border-color-zinc-600:active { border-color:#52525b; }
.on-active\:background-zinc-700:active { background-color:#3f3f46; }
.on-active\:color-zinc-700:active { color:#3f3f46; }
.on-active\:border-color-zinc-700:active { border-color:#3f3f46; }
.on-active\:background-stone-300:active { background-color:#d6d3d1; }
.on-active\:color-stone-300:active { color:#d6d3d1; }
.on-active\:border-color-stone-300:active { border-color:#d6d3d1; }
.on-active\:background-stone-400:active { background-color:#a8a29e; }
.on-active\:color-stone-400:active { color:#a8a29e; }
.on-active\:border-color-stone-400:active { border-color:#a8a29e; }
.on-active\:background-stone-500:active { background-color:#78716c; }
.on-active\:color-stone-500:active { color:#78716c; }
.on-active\:border-color-stone-500:active { border-color:#78716c; }
.on-active\:background-stone-600:active { background-color:#57534e; }
.on-active\:color-stone-600:active { color:#57534e; }
.on-active\:border-color-stone-600:active { border-color:#57534e; }
.on-active\:background-stone-700:active { background-color:#44403c; }
.on-active\:color-stone-700:active { color:#44403c; }
.on-active\:border-color-stone-700:active { border-color:#44403c; }
.on-active\:add-shadow-sm:active { box-shadow:var(--santy-shadow-sm); }
.on-active\:add-shadow:active { box-shadow:var(--santy-shadow); }
.on-active\:add-shadow-md:active { box-shadow:var(--santy-shadow-md); }
.on-active\:add-shadow-lg:active { box-shadow:var(--santy-shadow-lg); }
.on-active\:no-shadow:active { box-shadow:none; }
.on-active\:opacity-0:active { opacity:0; }
.on-active\:opacity-25:active { opacity:0.25; }
.on-active\:opacity-50:active { opacity:0.5; }
.on-active\:opacity-75:active { opacity:0.75; }
.on-active\:opacity-100:active { opacity:1; }
.on-active\:scale-90:active { transform:scale(0.9); }
.on-active\:scale-95:active { transform:scale(0.95); }
.on-active\:scale-100:active { transform:scale(1); }
.on-active\:scale-105:active { transform:scale(1.05); }
.on-active\:scale-110:active { transform:scale(1.1); }
.on-active\:make-hidden:active { display:none; }
.on-active\:make-block:active { display:block; }
.on-active\:make-flex:active { display:flex; }
.on-active\:cursor-pointer:active { cursor:pointer; }
.on-active\:cursor-not-allowed:active { cursor:not-allowed; }
.on-active\:outline-none:active { outline:none; }
.on-active\:text-underline:active { text-decoration:underline; }
.on-active\:text-no-decoration:active { text-decoration:none; }
.on-active\:text-bold:active { font-weight:700; }
.on-active\:transition-fast:active { transition:var(--santy-transition-fast); }
.on-active\:transition-normal:active { transition:var(--santy-transition-normal); }
.on-active\:add-border-1:active { border:1px solid; }
.on-active\:add-border-2:active { border:2px solid; }
.on-active\:add-border-4:active { border:4px solid; }

/* on-disabled */
.on-disabled\:background-red-300:disabled { background-color:#fca5a5; }
.on-disabled\:color-red-300:disabled { color:#fca5a5; }
.on-disabled\:border-color-red-300:disabled { border-color:#fca5a5; }
.on-disabled\:background-red-400:disabled { background-color:#f87171; }
.on-disabled\:color-red-400:disabled { color:#f87171; }
.on-disabled\:border-color-red-400:disabled { border-color:#f87171; }
.on-disabled\:background-red-500:disabled { background-color:#ef4444; }
.on-disabled\:color-red-500:disabled { color:#ef4444; }
.on-disabled\:border-color-red-500:disabled { border-color:#ef4444; }
.on-disabled\:background-red-600:disabled { background-color:#dc2626; }
.on-disabled\:color-red-600:disabled { color:#dc2626; }
.on-disabled\:border-color-red-600:disabled { border-color:#dc2626; }
.on-disabled\:background-red-700:disabled { background-color:#b91c1c; }
.on-disabled\:color-red-700:disabled { color:#b91c1c; }
.on-disabled\:border-color-red-700:disabled { border-color:#b91c1c; }
.on-disabled\:background-orange-300:disabled { background-color:#fdba74; }
.on-disabled\:color-orange-300:disabled { color:#fdba74; }
.on-disabled\:border-color-orange-300:disabled { border-color:#fdba74; }
.on-disabled\:background-orange-400:disabled { background-color:#fb923c; }
.on-disabled\:color-orange-400:disabled { color:#fb923c; }
.on-disabled\:border-color-orange-400:disabled { border-color:#fb923c; }
.on-disabled\:background-orange-500:disabled { background-color:#f97316; }
.on-disabled\:color-orange-500:disabled { color:#f97316; }
.on-disabled\:border-color-orange-500:disabled { border-color:#f97316; }
.on-disabled\:background-orange-600:disabled { background-color:#ea580c; }
.on-disabled\:color-orange-600:disabled { color:#ea580c; }
.on-disabled\:border-color-orange-600:disabled { border-color:#ea580c; }
.on-disabled\:background-orange-700:disabled { background-color:#c2410c; }
.on-disabled\:color-orange-700:disabled { color:#c2410c; }
.on-disabled\:border-color-orange-700:disabled { border-color:#c2410c; }
.on-disabled\:background-amber-300:disabled { background-color:#fcd34d; }
.on-disabled\:color-amber-300:disabled { color:#fcd34d; }
.on-disabled\:border-color-amber-300:disabled { border-color:#fcd34d; }
.on-disabled\:background-amber-400:disabled { background-color:#fbbf24; }
.on-disabled\:color-amber-400:disabled { color:#fbbf24; }
.on-disabled\:border-color-amber-400:disabled { border-color:#fbbf24; }
.on-disabled\:background-amber-500:disabled { background-color:#f59e0b; }
.on-disabled\:color-amber-500:disabled { color:#f59e0b; }
.on-disabled\:border-color-amber-500:disabled { border-color:#f59e0b; }
.on-disabled\:background-amber-600:disabled { background-color:#d97706; }
.on-disabled\:color-amber-600:disabled { color:#d97706; }
.on-disabled\:border-color-amber-600:disabled { border-color:#d97706; }
.on-disabled\:background-amber-700:disabled { background-color:#b45309; }
.on-disabled\:color-amber-700:disabled { color:#b45309; }
.on-disabled\:border-color-amber-700:disabled { border-color:#b45309; }
.on-disabled\:background-yellow-300:disabled { background-color:#fde047; }
.on-disabled\:color-yellow-300:disabled { color:#fde047; }
.on-disabled\:border-color-yellow-300:disabled { border-color:#fde047; }
.on-disabled\:background-yellow-400:disabled { background-color:#facc15; }
.on-disabled\:color-yellow-400:disabled { color:#facc15; }
.on-disabled\:border-color-yellow-400:disabled { border-color:#facc15; }
.on-disabled\:background-yellow-500:disabled { background-color:#eab308; }
.on-disabled\:color-yellow-500:disabled { color:#eab308; }
.on-disabled\:border-color-yellow-500:disabled { border-color:#eab308; }
.on-disabled\:background-yellow-600:disabled { background-color:#ca8a04; }
.on-disabled\:color-yellow-600:disabled { color:#ca8a04; }
.on-disabled\:border-color-yellow-600:disabled { border-color:#ca8a04; }
.on-disabled\:background-yellow-700:disabled { background-color:#a16207; }
.on-disabled\:color-yellow-700:disabled { color:#a16207; }
.on-disabled\:border-color-yellow-700:disabled { border-color:#a16207; }
.on-disabled\:background-lime-300:disabled { background-color:#bef264; }
.on-disabled\:color-lime-300:disabled { color:#bef264; }
.on-disabled\:border-color-lime-300:disabled { border-color:#bef264; }
.on-disabled\:background-lime-400:disabled { background-color:#a3e635; }
.on-disabled\:color-lime-400:disabled { color:#a3e635; }
.on-disabled\:border-color-lime-400:disabled { border-color:#a3e635; }
.on-disabled\:background-lime-500:disabled { background-color:#84cc16; }
.on-disabled\:color-lime-500:disabled { color:#84cc16; }
.on-disabled\:border-color-lime-500:disabled { border-color:#84cc16; }
.on-disabled\:background-lime-600:disabled { background-color:#65a30d; }
.on-disabled\:color-lime-600:disabled { color:#65a30d; }
.on-disabled\:border-color-lime-600:disabled { border-color:#65a30d; }
.on-disabled\:background-lime-700:disabled { background-color:#4d7c0f; }
.on-disabled\:color-lime-700:disabled { color:#4d7c0f; }
.on-disabled\:border-color-lime-700:disabled { border-color:#4d7c0f; }
.on-disabled\:background-green-300:disabled { background-color:#86efac; }
.on-disabled\:color-green-300:disabled { color:#86efac; }
.on-disabled\:border-color-green-300:disabled { border-color:#86efac; }
.on-disabled\:background-green-400:disabled { background-color:#4ade80; }
.on-disabled\:color-green-400:disabled { color:#4ade80; }
.on-disabled\:border-color-green-400:disabled { border-color:#4ade80; }
.on-disabled\:background-green-500:disabled { background-color:#22c55e; }
.on-disabled\:color-green-500:disabled { color:#22c55e; }
.on-disabled\:border-color-green-500:disabled { border-color:#22c55e; }
.on-disabled\:background-green-600:disabled { background-color:#16a34a; }
.on-disabled\:color-green-600:disabled { color:#16a34a; }
.on-disabled\:border-color-green-600:disabled { border-color:#16a34a; }
.on-disabled\:background-green-700:disabled { background-color:#15803d; }
.on-disabled\:color-green-700:disabled { color:#15803d; }
.on-disabled\:border-color-green-700:disabled { border-color:#15803d; }
.on-disabled\:background-teal-300:disabled { background-color:#5eead4; }
.on-disabled\:color-teal-300:disabled { color:#5eead4; }
.on-disabled\:border-color-teal-300:disabled { border-color:#5eead4; }
.on-disabled\:background-teal-400:disabled { background-color:#2dd4bf; }
.on-disabled\:color-teal-400:disabled { color:#2dd4bf; }
.on-disabled\:border-color-teal-400:disabled { border-color:#2dd4bf; }
.on-disabled\:background-teal-500:disabled { background-color:#14b8a6; }
.on-disabled\:color-teal-500:disabled { color:#14b8a6; }
.on-disabled\:border-color-teal-500:disabled { border-color:#14b8a6; }
.on-disabled\:background-teal-600:disabled { background-color:#0d9488; }
.on-disabled\:color-teal-600:disabled { color:#0d9488; }
.on-disabled\:border-color-teal-600:disabled { border-color:#0d9488; }
.on-disabled\:background-teal-700:disabled { background-color:#0f766e; }
.on-disabled\:color-teal-700:disabled { color:#0f766e; }
.on-disabled\:border-color-teal-700:disabled { border-color:#0f766e; }
.on-disabled\:background-cyan-300:disabled { background-color:#67e8f9; }
.on-disabled\:color-cyan-300:disabled { color:#67e8f9; }
.on-disabled\:border-color-cyan-300:disabled { border-color:#67e8f9; }
.on-disabled\:background-cyan-400:disabled { background-color:#22d3ee; }
.on-disabled\:color-cyan-400:disabled { color:#22d3ee; }
.on-disabled\:border-color-cyan-400:disabled { border-color:#22d3ee; }
.on-disabled\:background-cyan-500:disabled { background-color:#06b6d4; }
.on-disabled\:color-cyan-500:disabled { color:#06b6d4; }
.on-disabled\:border-color-cyan-500:disabled { border-color:#06b6d4; }
.on-disabled\:background-cyan-600:disabled { background-color:#0891b2; }
.on-disabled\:color-cyan-600:disabled { color:#0891b2; }
.on-disabled\:border-color-cyan-600:disabled { border-color:#0891b2; }
.on-disabled\:background-cyan-700:disabled { background-color:#0e7490; }
.on-disabled\:color-cyan-700:disabled { color:#0e7490; }
.on-disabled\:border-color-cyan-700:disabled { border-color:#0e7490; }
.on-disabled\:background-blue-300:disabled { background-color:#93c5fd; }
.on-disabled\:color-blue-300:disabled { color:#93c5fd; }
.on-disabled\:border-color-blue-300:disabled { border-color:#93c5fd; }
.on-disabled\:background-blue-400:disabled { background-color:#60a5fa; }
.on-disabled\:color-blue-400:disabled { color:#60a5fa; }
.on-disabled\:border-color-blue-400:disabled { border-color:#60a5fa; }
.on-disabled\:background-blue-500:disabled { background-color:#3b82f6; }
.on-disabled\:color-blue-500:disabled { color:#3b82f6; }
.on-disabled\:border-color-blue-500:disabled { border-color:#3b82f6; }
.on-disabled\:background-blue-600:disabled { background-color:#2563eb; }
.on-disabled\:color-blue-600:disabled { color:#2563eb; }
.on-disabled\:border-color-blue-600:disabled { border-color:#2563eb; }
.on-disabled\:background-blue-700:disabled { background-color:#1d4ed8; }
.on-disabled\:color-blue-700:disabled { color:#1d4ed8; }
.on-disabled\:border-color-blue-700:disabled { border-color:#1d4ed8; }
.on-disabled\:background-indigo-300:disabled { background-color:#a5b4fc; }
.on-disabled\:color-indigo-300:disabled { color:#a5b4fc; }
.on-disabled\:border-color-indigo-300:disabled { border-color:#a5b4fc; }
.on-disabled\:background-indigo-400:disabled { background-color:#818cf8; }
.on-disabled\:color-indigo-400:disabled { color:#818cf8; }
.on-disabled\:border-color-indigo-400:disabled { border-color:#818cf8; }
.on-disabled\:background-indigo-500:disabled { background-color:#6366f1; }
.on-disabled\:color-indigo-500:disabled { color:#6366f1; }
.on-disabled\:border-color-indigo-500:disabled { border-color:#6366f1; }
.on-disabled\:background-indigo-600:disabled { background-color:#4f46e5; }
.on-disabled\:color-indigo-600:disabled { color:#4f46e5; }
.on-disabled\:border-color-indigo-600:disabled { border-color:#4f46e5; }
.on-disabled\:background-indigo-700:disabled { background-color:#4338ca; }
.on-disabled\:color-indigo-700:disabled { color:#4338ca; }
.on-disabled\:border-color-indigo-700:disabled { border-color:#4338ca; }
.on-disabled\:background-violet-300:disabled { background-color:#c4b5fd; }
.on-disabled\:color-violet-300:disabled { color:#c4b5fd; }
.on-disabled\:border-color-violet-300:disabled { border-color:#c4b5fd; }
.on-disabled\:background-violet-400:disabled { background-color:#a78bfa; }
.on-disabled\:color-violet-400:disabled { color:#a78bfa; }
.on-disabled\:border-color-violet-400:disabled { border-color:#a78bfa; }
.on-disabled\:background-violet-500:disabled { background-color:#8b5cf6; }
.on-disabled\:color-violet-500:disabled { color:#8b5cf6; }
.on-disabled\:border-color-violet-500:disabled { border-color:#8b5cf6; }
.on-disabled\:background-violet-600:disabled { background-color:#7c3aed; }
.on-disabled\:color-violet-600:disabled { color:#7c3aed; }
.on-disabled\:border-color-violet-600:disabled { border-color:#7c3aed; }
.on-disabled\:background-violet-700:disabled { background-color:#6d28d9; }
.on-disabled\:color-violet-700:disabled { color:#6d28d9; }
.on-disabled\:border-color-violet-700:disabled { border-color:#6d28d9; }
.on-disabled\:background-purple-300:disabled { background-color:#d8b4fe; }
.on-disabled\:color-purple-300:disabled { color:#d8b4fe; }
.on-disabled\:border-color-purple-300:disabled { border-color:#d8b4fe; }
.on-disabled\:background-purple-400:disabled { background-color:#c084fc; }
.on-disabled\:color-purple-400:disabled { color:#c084fc; }
.on-disabled\:border-color-purple-400:disabled { border-color:#c084fc; }
.on-disabled\:background-purple-500:disabled { background-color:#a855f7; }
.on-disabled\:color-purple-500:disabled { color:#a855f7; }
.on-disabled\:border-color-purple-500:disabled { border-color:#a855f7; }
.on-disabled\:background-purple-600:disabled { background-color:#9333ea; }
.on-disabled\:color-purple-600:disabled { color:#9333ea; }
.on-disabled\:border-color-purple-600:disabled { border-color:#9333ea; }
.on-disabled\:background-purple-700:disabled { background-color:#7e22ce; }
.on-disabled\:color-purple-700:disabled { color:#7e22ce; }
.on-disabled\:border-color-purple-700:disabled { border-color:#7e22ce; }
.on-disabled\:background-pink-300:disabled { background-color:#f9a8d4; }
.on-disabled\:color-pink-300:disabled { color:#f9a8d4; }
.on-disabled\:border-color-pink-300:disabled { border-color:#f9a8d4; }
.on-disabled\:background-pink-400:disabled { background-color:#f472b6; }
.on-disabled\:color-pink-400:disabled { color:#f472b6; }
.on-disabled\:border-color-pink-400:disabled { border-color:#f472b6; }
.on-disabled\:background-pink-500:disabled { background-color:#ec4899; }
.on-disabled\:color-pink-500:disabled { color:#ec4899; }
.on-disabled\:border-color-pink-500:disabled { border-color:#ec4899; }
.on-disabled\:background-pink-600:disabled { background-color:#db2777; }
.on-disabled\:color-pink-600:disabled { color:#db2777; }
.on-disabled\:border-color-pink-600:disabled { border-color:#db2777; }
.on-disabled\:background-pink-700:disabled { background-color:#be185d; }
.on-disabled\:color-pink-700:disabled { color:#be185d; }
.on-disabled\:border-color-pink-700:disabled { border-color:#be185d; }
.on-disabled\:background-rose-300:disabled { background-color:#fda4af; }
.on-disabled\:color-rose-300:disabled { color:#fda4af; }
.on-disabled\:border-color-rose-300:disabled { border-color:#fda4af; }
.on-disabled\:background-rose-400:disabled { background-color:#fb7185; }
.on-disabled\:color-rose-400:disabled { color:#fb7185; }
.on-disabled\:border-color-rose-400:disabled { border-color:#fb7185; }
.on-disabled\:background-rose-500:disabled { background-color:#f43f5e; }
.on-disabled\:color-rose-500:disabled { color:#f43f5e; }
.on-disabled\:border-color-rose-500:disabled { border-color:#f43f5e; }
.on-disabled\:background-rose-600:disabled { background-color:#e11d48; }
.on-disabled\:color-rose-600:disabled { color:#e11d48; }
.on-disabled\:border-color-rose-600:disabled { border-color:#e11d48; }
.on-disabled\:background-rose-700:disabled { background-color:#be123c; }
.on-disabled\:color-rose-700:disabled { color:#be123c; }
.on-disabled\:border-color-rose-700:disabled { border-color:#be123c; }
.on-disabled\:background-slate-300:disabled { background-color:#cbd5e1; }
.on-disabled\:color-slate-300:disabled { color:#cbd5e1; }
.on-disabled\:border-color-slate-300:disabled { border-color:#cbd5e1; }
.on-disabled\:background-slate-400:disabled { background-color:#94a3b8; }
.on-disabled\:color-slate-400:disabled { color:#94a3b8; }
.on-disabled\:border-color-slate-400:disabled { border-color:#94a3b8; }
.on-disabled\:background-slate-500:disabled { background-color:#64748b; }
.on-disabled\:color-slate-500:disabled { color:#64748b; }
.on-disabled\:border-color-slate-500:disabled { border-color:#64748b; }
.on-disabled\:background-slate-600:disabled { background-color:#475569; }
.on-disabled\:color-slate-600:disabled { color:#475569; }
.on-disabled\:border-color-slate-600:disabled { border-color:#475569; }
.on-disabled\:background-slate-700:disabled { background-color:#334155; }
.on-disabled\:color-slate-700:disabled { color:#334155; }
.on-disabled\:border-color-slate-700:disabled { border-color:#334155; }
.on-disabled\:background-gray-300:disabled { background-color:#d1d5db; }
.on-disabled\:color-gray-300:disabled { color:#d1d5db; }
.on-disabled\:border-color-gray-300:disabled { border-color:#d1d5db; }
.on-disabled\:background-gray-400:disabled { background-color:#9ca3af; }
.on-disabled\:color-gray-400:disabled { color:#9ca3af; }
.on-disabled\:border-color-gray-400:disabled { border-color:#9ca3af; }
.on-disabled\:background-gray-500:disabled { background-color:#6b7280; }
.on-disabled\:color-gray-500:disabled { color:#6b7280; }
.on-disabled\:border-color-gray-500:disabled { border-color:#6b7280; }
.on-disabled\:background-gray-600:disabled { background-color:#4b5563; }
.on-disabled\:color-gray-600:disabled { color:#4b5563; }
.on-disabled\:border-color-gray-600:disabled { border-color:#4b5563; }
.on-disabled\:background-gray-700:disabled { background-color:#374151; }
.on-disabled\:color-gray-700:disabled { color:#374151; }
.on-disabled\:border-color-gray-700:disabled { border-color:#374151; }
.on-disabled\:background-zinc-300:disabled { background-color:#d4d4d8; }
.on-disabled\:color-zinc-300:disabled { color:#d4d4d8; }
.on-disabled\:border-color-zinc-300:disabled { border-color:#d4d4d8; }
.on-disabled\:background-zinc-400:disabled { background-color:#a1a1aa; }
.on-disabled\:color-zinc-400:disabled { color:#a1a1aa; }
.on-disabled\:border-color-zinc-400:disabled { border-color:#a1a1aa; }
.on-disabled\:background-zinc-500:disabled { background-color:#71717a; }
.on-disabled\:color-zinc-500:disabled { color:#71717a; }
.on-disabled\:border-color-zinc-500:disabled { border-color:#71717a; }
.on-disabled\:background-zinc-600:disabled { background-color:#52525b; }
.on-disabled\:color-zinc-600:disabled { color:#52525b; }
.on-disabled\:border-color-zinc-600:disabled { border-color:#52525b; }
.on-disabled\:background-zinc-700:disabled { background-color:#3f3f46; }
.on-disabled\:color-zinc-700:disabled { color:#3f3f46; }
.on-disabled\:border-color-zinc-700:disabled { border-color:#3f3f46; }
.on-disabled\:background-stone-300:disabled { background-color:#d6d3d1; }
.on-disabled\:color-stone-300:disabled { color:#d6d3d1; }
.on-disabled\:border-color-stone-300:disabled { border-color:#d6d3d1; }
.on-disabled\:background-stone-400:disabled { background-color:#a8a29e; }
.on-disabled\:color-stone-400:disabled { color:#a8a29e; }
.on-disabled\:border-color-stone-400:disabled { border-color:#a8a29e; }
.on-disabled\:background-stone-500:disabled { background-color:#78716c; }
.on-disabled\:color-stone-500:disabled { color:#78716c; }
.on-disabled\:border-color-stone-500:disabled { border-color:#78716c; }
.on-disabled\:background-stone-600:disabled { background-color:#57534e; }
.on-disabled\:color-stone-600:disabled { color:#57534e; }
.on-disabled\:border-color-stone-600:disabled { border-color:#57534e; }
.on-disabled\:background-stone-700:disabled { background-color:#44403c; }
.on-disabled\:color-stone-700:disabled { color:#44403c; }
.on-disabled\:border-color-stone-700:disabled { border-color:#44403c; }
.on-disabled\:add-shadow-sm:disabled { box-shadow:var(--santy-shadow-sm); }
.on-disabled\:add-shadow:disabled { box-shadow:var(--santy-shadow); }
.on-disabled\:add-shadow-md:disabled { box-shadow:var(--santy-shadow-md); }
.on-disabled\:add-shadow-lg:disabled { box-shadow:var(--santy-shadow-lg); }
.on-disabled\:no-shadow:disabled { box-shadow:none; }
.on-disabled\:opacity-0:disabled { opacity:0; }
.on-disabled\:opacity-25:disabled { opacity:0.25; }
.on-disabled\:opacity-50:disabled { opacity:0.5; }
.on-disabled\:opacity-75:disabled { opacity:0.75; }
.on-disabled\:opacity-100:disabled { opacity:1; }
.on-disabled\:scale-90:disabled { transform:scale(0.9); }
.on-disabled\:scale-95:disabled { transform:scale(0.95); }
.on-disabled\:scale-100:disabled { transform:scale(1); }
.on-disabled\:scale-105:disabled { transform:scale(1.05); }
.on-disabled\:scale-110:disabled { transform:scale(1.1); }
.on-disabled\:make-hidden:disabled { display:none; }
.on-disabled\:make-block:disabled { display:block; }
.on-disabled\:make-flex:disabled { display:flex; }
.on-disabled\:cursor-pointer:disabled { cursor:pointer; }
.on-disabled\:cursor-not-allowed:disabled { cursor:not-allowed; }
.on-disabled\:outline-none:disabled { outline:none; }
.on-disabled\:text-underline:disabled { text-decoration:underline; }
.on-disabled\:text-no-decoration:disabled { text-decoration:none; }
.on-disabled\:text-bold:disabled { font-weight:700; }
.on-disabled\:transition-fast:disabled { transition:var(--santy-transition-fast); }
.on-disabled\:transition-normal:disabled { transition:var(--santy-transition-normal); }
.on-disabled\:add-border-1:disabled { border:1px solid; }
.on-disabled\:add-border-2:disabled { border:2px solid; }
.on-disabled\:add-border-4:disabled { border:4px solid; }

/* on-checked */
.on-checked\:background-red-300:checked { background-color:#fca5a5; }
.on-checked\:color-red-300:checked { color:#fca5a5; }
.on-checked\:border-color-red-300:checked { border-color:#fca5a5; }
.on-checked\:background-red-400:checked { background-color:#f87171; }
.on-checked\:color-red-400:checked { color:#f87171; }
.on-checked\:border-color-red-400:checked { border-color:#f87171; }
.on-checked\:background-red-500:checked { background-color:#ef4444; }
.on-checked\:color-red-500:checked { color:#ef4444; }
.on-checked\:border-color-red-500:checked { border-color:#ef4444; }
.on-checked\:background-red-600:checked { background-color:#dc2626; }
.on-checked\:color-red-600:checked { color:#dc2626; }
.on-checked\:border-color-red-600:checked { border-color:#dc2626; }
.on-checked\:background-red-700:checked { background-color:#b91c1c; }
.on-checked\:color-red-700:checked { color:#b91c1c; }
.on-checked\:border-color-red-700:checked { border-color:#b91c1c; }
.on-checked\:background-orange-300:checked { background-color:#fdba74; }
.on-checked\:color-orange-300:checked { color:#fdba74; }
.on-checked\:border-color-orange-300:checked { border-color:#fdba74; }
.on-checked\:background-orange-400:checked { background-color:#fb923c; }
.on-checked\:color-orange-400:checked { color:#fb923c; }
.on-checked\:border-color-orange-400:checked { border-color:#fb923c; }
.on-checked\:background-orange-500:checked { background-color:#f97316; }
.on-checked\:color-orange-500:checked { color:#f97316; }
.on-checked\:border-color-orange-500:checked { border-color:#f97316; }
.on-checked\:background-orange-600:checked { background-color:#ea580c; }
.on-checked\:color-orange-600:checked { color:#ea580c; }
.on-checked\:border-color-orange-600:checked { border-color:#ea580c; }
.on-checked\:background-orange-700:checked { background-color:#c2410c; }
.on-checked\:color-orange-700:checked { color:#c2410c; }
.on-checked\:border-color-orange-700:checked { border-color:#c2410c; }
.on-checked\:background-amber-300:checked { background-color:#fcd34d; }
.on-checked\:color-amber-300:checked { color:#fcd34d; }
.on-checked\:border-color-amber-300:checked { border-color:#fcd34d; }
.on-checked\:background-amber-400:checked { background-color:#fbbf24; }
.on-checked\:color-amber-400:checked { color:#fbbf24; }
.on-checked\:border-color-amber-400:checked { border-color:#fbbf24; }
.on-checked\:background-amber-500:checked { background-color:#f59e0b; }
.on-checked\:color-amber-500:checked { color:#f59e0b; }
.on-checked\:border-color-amber-500:checked { border-color:#f59e0b; }
.on-checked\:background-amber-600:checked { background-color:#d97706; }
.on-checked\:color-amber-600:checked { color:#d97706; }
.on-checked\:border-color-amber-600:checked { border-color:#d97706; }
.on-checked\:background-amber-700:checked { background-color:#b45309; }
.on-checked\:color-amber-700:checked { color:#b45309; }
.on-checked\:border-color-amber-700:checked { border-color:#b45309; }
.on-checked\:background-yellow-300:checked { background-color:#fde047; }
.on-checked\:color-yellow-300:checked { color:#fde047; }
.on-checked\:border-color-yellow-300:checked { border-color:#fde047; }
.on-checked\:background-yellow-400:checked { background-color:#facc15; }
.on-checked\:color-yellow-400:checked { color:#facc15; }
.on-checked\:border-color-yellow-400:checked { border-color:#facc15; }
.on-checked\:background-yellow-500:checked { background-color:#eab308; }
.on-checked\:color-yellow-500:checked { color:#eab308; }
.on-checked\:border-color-yellow-500:checked { border-color:#eab308; }
.on-checked\:background-yellow-600:checked { background-color:#ca8a04; }
.on-checked\:color-yellow-600:checked { color:#ca8a04; }
.on-checked\:border-color-yellow-600:checked { border-color:#ca8a04; }
.on-checked\:background-yellow-700:checked { background-color:#a16207; }
.on-checked\:color-yellow-700:checked { color:#a16207; }
.on-checked\:border-color-yellow-700:checked { border-color:#a16207; }
.on-checked\:background-lime-300:checked { background-color:#bef264; }
.on-checked\:color-lime-300:checked { color:#bef264; }
.on-checked\:border-color-lime-300:checked { border-color:#bef264; }
.on-checked\:background-lime-400:checked { background-color:#a3e635; }
.on-checked\:color-lime-400:checked { color:#a3e635; }
.on-checked\:border-color-lime-400:checked { border-color:#a3e635; }
.on-checked\:background-lime-500:checked { background-color:#84cc16; }
.on-checked\:color-lime-500:checked { color:#84cc16; }
.on-checked\:border-color-lime-500:checked { border-color:#84cc16; }
.on-checked\:background-lime-600:checked { background-color:#65a30d; }
.on-checked\:color-lime-600:checked { color:#65a30d; }
.on-checked\:border-color-lime-600:checked { border-color:#65a30d; }
.on-checked\:background-lime-700:checked { background-color:#4d7c0f; }
.on-checked\:color-lime-700:checked { color:#4d7c0f; }
.on-checked\:border-color-lime-700:checked { border-color:#4d7c0f; }
.on-checked\:background-green-300:checked { background-color:#86efac; }
.on-checked\:color-green-300:checked { color:#86efac; }
.on-checked\:border-color-green-300:checked { border-color:#86efac; }
.on-checked\:background-green-400:checked { background-color:#4ade80; }
.on-checked\:color-green-400:checked { color:#4ade80; }
.on-checked\:border-color-green-400:checked { border-color:#4ade80; }
.on-checked\:background-green-500:checked { background-color:#22c55e; }
.on-checked\:color-green-500:checked { color:#22c55e; }
.on-checked\:border-color-green-500:checked { border-color:#22c55e; }
.on-checked\:background-green-600:checked { background-color:#16a34a; }
.on-checked\:color-green-600:checked { color:#16a34a; }
.on-checked\:border-color-green-600:checked { border-color:#16a34a; }
.on-checked\:background-green-700:checked { background-color:#15803d; }
.on-checked\:color-green-700:checked { color:#15803d; }
.on-checked\:border-color-green-700:checked { border-color:#15803d; }
.on-checked\:background-teal-300:checked { background-color:#5eead4; }
.on-checked\:color-teal-300:checked { color:#5eead4; }
.on-checked\:border-color-teal-300:checked { border-color:#5eead4; }
.on-checked\:background-teal-400:checked { background-color:#2dd4bf; }
.on-checked\:color-teal-400:checked { color:#2dd4bf; }
.on-checked\:border-color-teal-400:checked { border-color:#2dd4bf; }
.on-checked\:background-teal-500:checked { background-color:#14b8a6; }
.on-checked\:color-teal-500:checked { color:#14b8a6; }
.on-checked\:border-color-teal-500:checked { border-color:#14b8a6; }
.on-checked\:background-teal-600:checked { background-color:#0d9488; }
.on-checked\:color-teal-600:checked { color:#0d9488; }
.on-checked\:border-color-teal-600:checked { border-color:#0d9488; }
.on-checked\:background-teal-700:checked { background-color:#0f766e; }
.on-checked\:color-teal-700:checked { color:#0f766e; }
.on-checked\:border-color-teal-700:checked { border-color:#0f766e; }
.on-checked\:background-cyan-300:checked { background-color:#67e8f9; }
.on-checked\:color-cyan-300:checked { color:#67e8f9; }
.on-checked\:border-color-cyan-300:checked { border-color:#67e8f9; }
.on-checked\:background-cyan-400:checked { background-color:#22d3ee; }
.on-checked\:color-cyan-400:checked { color:#22d3ee; }
.on-checked\:border-color-cyan-400:checked { border-color:#22d3ee; }
.on-checked\:background-cyan-500:checked { background-color:#06b6d4; }
.on-checked\:color-cyan-500:checked { color:#06b6d4; }
.on-checked\:border-color-cyan-500:checked { border-color:#06b6d4; }
.on-checked\:background-cyan-600:checked { background-color:#0891b2; }
.on-checked\:color-cyan-600:checked { color:#0891b2; }
.on-checked\:border-color-cyan-600:checked { border-color:#0891b2; }
.on-checked\:background-cyan-700:checked { background-color:#0e7490; }
.on-checked\:color-cyan-700:checked { color:#0e7490; }
.on-checked\:border-color-cyan-700:checked { border-color:#0e7490; }
.on-checked\:background-blue-300:checked { background-color:#93c5fd; }
.on-checked\:color-blue-300:checked { color:#93c5fd; }
.on-checked\:border-color-blue-300:checked { border-color:#93c5fd; }
.on-checked\:background-blue-400:checked { background-color:#60a5fa; }
.on-checked\:color-blue-400:checked { color:#60a5fa; }
.on-checked\:border-color-blue-400:checked { border-color:#60a5fa; }
.on-checked\:background-blue-500:checked { background-color:#3b82f6; }
.on-checked\:color-blue-500:checked { color:#3b82f6; }
.on-checked\:border-color-blue-500:checked { border-color:#3b82f6; }
.on-checked\:background-blue-600:checked { background-color:#2563eb; }
.on-checked\:color-blue-600:checked { color:#2563eb; }
.on-checked\:border-color-blue-600:checked { border-color:#2563eb; }
.on-checked\:background-blue-700:checked { background-color:#1d4ed8; }
.on-checked\:color-blue-700:checked { color:#1d4ed8; }
.on-checked\:border-color-blue-700:checked { border-color:#1d4ed8; }
.on-checked\:background-indigo-300:checked { background-color:#a5b4fc; }
.on-checked\:color-indigo-300:checked { color:#a5b4fc; }
.on-checked\:border-color-indigo-300:checked { border-color:#a5b4fc; }
.on-checked\:background-indigo-400:checked { background-color:#818cf8; }
.on-checked\:color-indigo-400:checked { color:#818cf8; }
.on-checked\:border-color-indigo-400:checked { border-color:#818cf8; }
.on-checked\:background-indigo-500:checked { background-color:#6366f1; }
.on-checked\:color-indigo-500:checked { color:#6366f1; }
.on-checked\:border-color-indigo-500:checked { border-color:#6366f1; }
.on-checked\:background-indigo-600:checked { background-color:#4f46e5; }
.on-checked\:color-indigo-600:checked { color:#4f46e5; }
.on-checked\:border-color-indigo-600:checked { border-color:#4f46e5; }
.on-checked\:background-indigo-700:checked { background-color:#4338ca; }
.on-checked\:color-indigo-700:checked { color:#4338ca; }
.on-checked\:border-color-indigo-700:checked { border-color:#4338ca; }
.on-checked\:background-violet-300:checked { background-color:#c4b5fd; }
.on-checked\:color-violet-300:checked { color:#c4b5fd; }
.on-checked\:border-color-violet-300:checked { border-color:#c4b5fd; }
.on-checked\:background-violet-400:checked { background-color:#a78bfa; }
.on-checked\:color-violet-400:checked { color:#a78bfa; }
.on-checked\:border-color-violet-400:checked { border-color:#a78bfa; }
.on-checked\:background-violet-500:checked { background-color:#8b5cf6; }
.on-checked\:color-violet-500:checked { color:#8b5cf6; }
.on-checked\:border-color-violet-500:checked { border-color:#8b5cf6; }
.on-checked\:background-violet-600:checked { background-color:#7c3aed; }
.on-checked\:color-violet-600:checked { color:#7c3aed; }
.on-checked\:border-color-violet-600:checked { border-color:#7c3aed; }
.on-checked\:background-violet-700:checked { background-color:#6d28d9; }
.on-checked\:color-violet-700:checked { color:#6d28d9; }
.on-checked\:border-color-violet-700:checked { border-color:#6d28d9; }
.on-checked\:background-purple-300:checked { background-color:#d8b4fe; }
.on-checked\:color-purple-300:checked { color:#d8b4fe; }
.on-checked\:border-color-purple-300:checked { border-color:#d8b4fe; }
.on-checked\:background-purple-400:checked { background-color:#c084fc; }
.on-checked\:color-purple-400:checked { color:#c084fc; }
.on-checked\:border-color-purple-400:checked { border-color:#c084fc; }
.on-checked\:background-purple-500:checked { background-color:#a855f7; }
.on-checked\:color-purple-500:checked { color:#a855f7; }
.on-checked\:border-color-purple-500:checked { border-color:#a855f7; }
.on-checked\:background-purple-600:checked { background-color:#9333ea; }
.on-checked\:color-purple-600:checked { color:#9333ea; }
.on-checked\:border-color-purple-600:checked { border-color:#9333ea; }
.on-checked\:background-purple-700:checked { background-color:#7e22ce; }
.on-checked\:color-purple-700:checked { color:#7e22ce; }
.on-checked\:border-color-purple-700:checked { border-color:#7e22ce; }
.on-checked\:background-pink-300:checked { background-color:#f9a8d4; }
.on-checked\:color-pink-300:checked { color:#f9a8d4; }
.on-checked\:border-color-pink-300:checked { border-color:#f9a8d4; }
.on-checked\:background-pink-400:checked { background-color:#f472b6; }
.on-checked\:color-pink-400:checked { color:#f472b6; }
.on-checked\:border-color-pink-400:checked { border-color:#f472b6; }
.on-checked\:background-pink-500:checked { background-color:#ec4899; }
.on-checked\:color-pink-500:checked { color:#ec4899; }
.on-checked\:border-color-pink-500:checked { border-color:#ec4899; }
.on-checked\:background-pink-600:checked { background-color:#db2777; }
.on-checked\:color-pink-600:checked { color:#db2777; }
.on-checked\:border-color-pink-600:checked { border-color:#db2777; }
.on-checked\:background-pink-700:checked { background-color:#be185d; }
.on-checked\:color-pink-700:checked { color:#be185d; }
.on-checked\:border-color-pink-700:checked { border-color:#be185d; }
.on-checked\:background-rose-300:checked { background-color:#fda4af; }
.on-checked\:color-rose-300:checked { color:#fda4af; }
.on-checked\:border-color-rose-300:checked { border-color:#fda4af; }
.on-checked\:background-rose-400:checked { background-color:#fb7185; }
.on-checked\:color-rose-400:checked { color:#fb7185; }
.on-checked\:border-color-rose-400:checked { border-color:#fb7185; }
.on-checked\:background-rose-500:checked { background-color:#f43f5e; }
.on-checked\:color-rose-500:checked { color:#f43f5e; }
.on-checked\:border-color-rose-500:checked { border-color:#f43f5e; }
.on-checked\:background-rose-600:checked { background-color:#e11d48; }
.on-checked\:color-rose-600:checked { color:#e11d48; }
.on-checked\:border-color-rose-600:checked { border-color:#e11d48; }
.on-checked\:background-rose-700:checked { background-color:#be123c; }
.on-checked\:color-rose-700:checked { color:#be123c; }
.on-checked\:border-color-rose-700:checked { border-color:#be123c; }
.on-checked\:background-slate-300:checked { background-color:#cbd5e1; }
.on-checked\:color-slate-300:checked { color:#cbd5e1; }
.on-checked\:border-color-slate-300:checked { border-color:#cbd5e1; }
.on-checked\:background-slate-400:checked { background-color:#94a3b8; }
.on-checked\:color-slate-400:checked { color:#94a3b8; }
.on-checked\:border-color-slate-400:checked { border-color:#94a3b8; }
.on-checked\:background-slate-500:checked { background-color:#64748b; }
.on-checked\:color-slate-500:checked { color:#64748b; }
.on-checked\:border-color-slate-500:checked { border-color:#64748b; }
.on-checked\:background-slate-600:checked { background-color:#475569; }
.on-checked\:color-slate-600:checked { color:#475569; }
.on-checked\:border-color-slate-600:checked { border-color:#475569; }
.on-checked\:background-slate-700:checked { background-color:#334155; }
.on-checked\:color-slate-700:checked { color:#334155; }
.on-checked\:border-color-slate-700:checked { border-color:#334155; }
.on-checked\:background-gray-300:checked { background-color:#d1d5db; }
.on-checked\:color-gray-300:checked { color:#d1d5db; }
.on-checked\:border-color-gray-300:checked { border-color:#d1d5db; }
.on-checked\:background-gray-400:checked { background-color:#9ca3af; }
.on-checked\:color-gray-400:checked { color:#9ca3af; }
.on-checked\:border-color-gray-400:checked { border-color:#9ca3af; }
.on-checked\:background-gray-500:checked { background-color:#6b7280; }
.on-checked\:color-gray-500:checked { color:#6b7280; }
.on-checked\:border-color-gray-500:checked { border-color:#6b7280; }
.on-checked\:background-gray-600:checked { background-color:#4b5563; }
.on-checked\:color-gray-600:checked { color:#4b5563; }
.on-checked\:border-color-gray-600:checked { border-color:#4b5563; }
.on-checked\:background-gray-700:checked { background-color:#374151; }
.on-checked\:color-gray-700:checked { color:#374151; }
.on-checked\:border-color-gray-700:checked { border-color:#374151; }
.on-checked\:background-zinc-300:checked { background-color:#d4d4d8; }
.on-checked\:color-zinc-300:checked { color:#d4d4d8; }
.on-checked\:border-color-zinc-300:checked { border-color:#d4d4d8; }
.on-checked\:background-zinc-400:checked { background-color:#a1a1aa; }
.on-checked\:color-zinc-400:checked { color:#a1a1aa; }
.on-checked\:border-color-zinc-400:checked { border-color:#a1a1aa; }
.on-checked\:background-zinc-500:checked { background-color:#71717a; }
.on-checked\:color-zinc-500:checked { color:#71717a; }
.on-checked\:border-color-zinc-500:checked { border-color:#71717a; }
.on-checked\:background-zinc-600:checked { background-color:#52525b; }
.on-checked\:color-zinc-600:checked { color:#52525b; }
.on-checked\:border-color-zinc-600:checked { border-color:#52525b; }
.on-checked\:background-zinc-700:checked { background-color:#3f3f46; }
.on-checked\:color-zinc-700:checked { color:#3f3f46; }
.on-checked\:border-color-zinc-700:checked { border-color:#3f3f46; }
.on-checked\:background-stone-300:checked { background-color:#d6d3d1; }
.on-checked\:color-stone-300:checked { color:#d6d3d1; }
.on-checked\:border-color-stone-300:checked { border-color:#d6d3d1; }
.on-checked\:background-stone-400:checked { background-color:#a8a29e; }
.on-checked\:color-stone-400:checked { color:#a8a29e; }
.on-checked\:border-color-stone-400:checked { border-color:#a8a29e; }
.on-checked\:background-stone-500:checked { background-color:#78716c; }
.on-checked\:color-stone-500:checked { color:#78716c; }
.on-checked\:border-color-stone-500:checked { border-color:#78716c; }
.on-checked\:background-stone-600:checked { background-color:#57534e; }
.on-checked\:color-stone-600:checked { color:#57534e; }
.on-checked\:border-color-stone-600:checked { border-color:#57534e; }
.on-checked\:background-stone-700:checked { background-color:#44403c; }
.on-checked\:color-stone-700:checked { color:#44403c; }
.on-checked\:border-color-stone-700:checked { border-color:#44403c; }
.on-checked\:add-shadow-sm:checked { box-shadow:var(--santy-shadow-sm); }
.on-checked\:add-shadow:checked { box-shadow:var(--santy-shadow); }
.on-checked\:add-shadow-md:checked { box-shadow:var(--santy-shadow-md); }
.on-checked\:add-shadow-lg:checked { box-shadow:var(--santy-shadow-lg); }
.on-checked\:no-shadow:checked { box-shadow:none; }
.on-checked\:opacity-0:checked { opacity:0; }
.on-checked\:opacity-25:checked { opacity:0.25; }
.on-checked\:opacity-50:checked { opacity:0.5; }
.on-checked\:opacity-75:checked { opacity:0.75; }
.on-checked\:opacity-100:checked { opacity:1; }
.on-checked\:scale-90:checked { transform:scale(0.9); }
.on-checked\:scale-95:checked { transform:scale(0.95); }
.on-checked\:scale-100:checked { transform:scale(1); }
.on-checked\:scale-105:checked { transform:scale(1.05); }
.on-checked\:scale-110:checked { transform:scale(1.1); }
.on-checked\:make-hidden:checked { display:none; }
.on-checked\:make-block:checked { display:block; }
.on-checked\:make-flex:checked { display:flex; }
.on-checked\:cursor-pointer:checked { cursor:pointer; }
.on-checked\:cursor-not-allowed:checked { cursor:not-allowed; }
.on-checked\:outline-none:checked { outline:none; }
.on-checked\:text-underline:checked { text-decoration:underline; }
.on-checked\:text-no-decoration:checked { text-decoration:none; }
.on-checked\:text-bold:checked { font-weight:700; }
.on-checked\:transition-fast:checked { transition:var(--santy-transition-fast); }
.on-checked\:transition-normal:checked { transition:var(--santy-transition-normal); }
.on-checked\:add-border-1:checked { border:1px solid; }
.on-checked\:add-border-2:checked { border:2px solid; }
.on-checked\:add-border-4:checked { border:4px solid; }

/* on-first */
.on-first\:background-red-300:first-child { background-color:#fca5a5; }
.on-first\:color-red-300:first-child { color:#fca5a5; }
.on-first\:border-color-red-300:first-child { border-color:#fca5a5; }
.on-first\:background-red-400:first-child { background-color:#f87171; }
.on-first\:color-red-400:first-child { color:#f87171; }
.on-first\:border-color-red-400:first-child { border-color:#f87171; }
.on-first\:background-red-500:first-child { background-color:#ef4444; }
.on-first\:color-red-500:first-child { color:#ef4444; }
.on-first\:border-color-red-500:first-child { border-color:#ef4444; }
.on-first\:background-red-600:first-child { background-color:#dc2626; }
.on-first\:color-red-600:first-child { color:#dc2626; }
.on-first\:border-color-red-600:first-child { border-color:#dc2626; }
.on-first\:background-red-700:first-child { background-color:#b91c1c; }
.on-first\:color-red-700:first-child { color:#b91c1c; }
.on-first\:border-color-red-700:first-child { border-color:#b91c1c; }
.on-first\:background-orange-300:first-child { background-color:#fdba74; }
.on-first\:color-orange-300:first-child { color:#fdba74; }
.on-first\:border-color-orange-300:first-child { border-color:#fdba74; }
.on-first\:background-orange-400:first-child { background-color:#fb923c; }
.on-first\:color-orange-400:first-child { color:#fb923c; }
.on-first\:border-color-orange-400:first-child { border-color:#fb923c; }
.on-first\:background-orange-500:first-child { background-color:#f97316; }
.on-first\:color-orange-500:first-child { color:#f97316; }
.on-first\:border-color-orange-500:first-child { border-color:#f97316; }
.on-first\:background-orange-600:first-child { background-color:#ea580c; }
.on-first\:color-orange-600:first-child { color:#ea580c; }
.on-first\:border-color-orange-600:first-child { border-color:#ea580c; }
.on-first\:background-orange-700:first-child { background-color:#c2410c; }
.on-first\:color-orange-700:first-child { color:#c2410c; }
.on-first\:border-color-orange-700:first-child { border-color:#c2410c; }
.on-first\:background-amber-300:first-child { background-color:#fcd34d; }
.on-first\:color-amber-300:first-child { color:#fcd34d; }
.on-first\:border-color-amber-300:first-child { border-color:#fcd34d; }
.on-first\:background-amber-400:first-child { background-color:#fbbf24; }
.on-first\:color-amber-400:first-child { color:#fbbf24; }
.on-first\:border-color-amber-400:first-child { border-color:#fbbf24; }
.on-first\:background-amber-500:first-child { background-color:#f59e0b; }
.on-first\:color-amber-500:first-child { color:#f59e0b; }
.on-first\:border-color-amber-500:first-child { border-color:#f59e0b; }
.on-first\:background-amber-600:first-child { background-color:#d97706; }
.on-first\:color-amber-600:first-child { color:#d97706; }
.on-first\:border-color-amber-600:first-child { border-color:#d97706; }
.on-first\:background-amber-700:first-child { background-color:#b45309; }
.on-first\:color-amber-700:first-child { color:#b45309; }
.on-first\:border-color-amber-700:first-child { border-color:#b45309; }
.on-first\:background-yellow-300:first-child { background-color:#fde047; }
.on-first\:color-yellow-300:first-child { color:#fde047; }
.on-first\:border-color-yellow-300:first-child { border-color:#fde047; }
.on-first\:background-yellow-400:first-child { background-color:#facc15; }
.on-first\:color-yellow-400:first-child { color:#facc15; }
.on-first\:border-color-yellow-400:first-child { border-color:#facc15; }
.on-first\:background-yellow-500:first-child { background-color:#eab308; }
.on-first\:color-yellow-500:first-child { color:#eab308; }
.on-first\:border-color-yellow-500:first-child { border-color:#eab308; }
.on-first\:background-yellow-600:first-child { background-color:#ca8a04; }
.on-first\:color-yellow-600:first-child { color:#ca8a04; }
.on-first\:border-color-yellow-600:first-child { border-color:#ca8a04; }
.on-first\:background-yellow-700:first-child { background-color:#a16207; }
.on-first\:color-yellow-700:first-child { color:#a16207; }
.on-first\:border-color-yellow-700:first-child { border-color:#a16207; }
.on-first\:background-lime-300:first-child { background-color:#bef264; }
.on-first\:color-lime-300:first-child { color:#bef264; }
.on-first\:border-color-lime-300:first-child { border-color:#bef264; }
.on-first\:background-lime-400:first-child { background-color:#a3e635; }
.on-first\:color-lime-400:first-child { color:#a3e635; }
.on-first\:border-color-lime-400:first-child { border-color:#a3e635; }
.on-first\:background-lime-500:first-child { background-color:#84cc16; }
.on-first\:color-lime-500:first-child { color:#84cc16; }
.on-first\:border-color-lime-500:first-child { border-color:#84cc16; }
.on-first\:background-lime-600:first-child { background-color:#65a30d; }
.on-first\:color-lime-600:first-child { color:#65a30d; }
.on-first\:border-color-lime-600:first-child { border-color:#65a30d; }
.on-first\:background-lime-700:first-child { background-color:#4d7c0f; }
.on-first\:color-lime-700:first-child { color:#4d7c0f; }
.on-first\:border-color-lime-700:first-child { border-color:#4d7c0f; }
.on-first\:background-green-300:first-child { background-color:#86efac; }
.on-first\:color-green-300:first-child { color:#86efac; }
.on-first\:border-color-green-300:first-child { border-color:#86efac; }
.on-first\:background-green-400:first-child { background-color:#4ade80; }
.on-first\:color-green-400:first-child { color:#4ade80; }
.on-first\:border-color-green-400:first-child { border-color:#4ade80; }
.on-first\:background-green-500:first-child { background-color:#22c55e; }
.on-first\:color-green-500:first-child { color:#22c55e; }
.on-first\:border-color-green-500:first-child { border-color:#22c55e; }
.on-first\:background-green-600:first-child { background-color:#16a34a; }
.on-first\:color-green-600:first-child { color:#16a34a; }
.on-first\:border-color-green-600:first-child { border-color:#16a34a; }
.on-first\:background-green-700:first-child { background-color:#15803d; }
.on-first\:color-green-700:first-child { color:#15803d; }
.on-first\:border-color-green-700:first-child { border-color:#15803d; }
.on-first\:background-teal-300:first-child { background-color:#5eead4; }
.on-first\:color-teal-300:first-child { color:#5eead4; }
.on-first\:border-color-teal-300:first-child { border-color:#5eead4; }
.on-first\:background-teal-400:first-child { background-color:#2dd4bf; }
.on-first\:color-teal-400:first-child { color:#2dd4bf; }
.on-first\:border-color-teal-400:first-child { border-color:#2dd4bf; }
.on-first\:background-teal-500:first-child { background-color:#14b8a6; }
.on-first\:color-teal-500:first-child { color:#14b8a6; }
.on-first\:border-color-teal-500:first-child { border-color:#14b8a6; }
.on-first\:background-teal-600:first-child { background-color:#0d9488; }
.on-first\:color-teal-600:first-child { color:#0d9488; }
.on-first\:border-color-teal-600:first-child { border-color:#0d9488; }
.on-first\:background-teal-700:first-child { background-color:#0f766e; }
.on-first\:color-teal-700:first-child { color:#0f766e; }
.on-first\:border-color-teal-700:first-child { border-color:#0f766e; }
.on-first\:background-cyan-300:first-child { background-color:#67e8f9; }
.on-first\:color-cyan-300:first-child { color:#67e8f9; }
.on-first\:border-color-cyan-300:first-child { border-color:#67e8f9; }
.on-first\:background-cyan-400:first-child { background-color:#22d3ee; }
.on-first\:color-cyan-400:first-child { color:#22d3ee; }
.on-first\:border-color-cyan-400:first-child { border-color:#22d3ee; }
.on-first\:background-cyan-500:first-child { background-color:#06b6d4; }
.on-first\:color-cyan-500:first-child { color:#06b6d4; }
.on-first\:border-color-cyan-500:first-child { border-color:#06b6d4; }
.on-first\:background-cyan-600:first-child { background-color:#0891b2; }
.on-first\:color-cyan-600:first-child { color:#0891b2; }
.on-first\:border-color-cyan-600:first-child { border-color:#0891b2; }
.on-first\:background-cyan-700:first-child { background-color:#0e7490; }
.on-first\:color-cyan-700:first-child { color:#0e7490; }
.on-first\:border-color-cyan-700:first-child { border-color:#0e7490; }
.on-first\:background-blue-300:first-child { background-color:#93c5fd; }
.on-first\:color-blue-300:first-child { color:#93c5fd; }
.on-first\:border-color-blue-300:first-child { border-color:#93c5fd; }
.on-first\:background-blue-400:first-child { background-color:#60a5fa; }
.on-first\:color-blue-400:first-child { color:#60a5fa; }
.on-first\:border-color-blue-400:first-child { border-color:#60a5fa; }
.on-first\:background-blue-500:first-child { background-color:#3b82f6; }
.on-first\:color-blue-500:first-child { color:#3b82f6; }
.on-first\:border-color-blue-500:first-child { border-color:#3b82f6; }
.on-first\:background-blue-600:first-child { background-color:#2563eb; }
.on-first\:color-blue-600:first-child { color:#2563eb; }
.on-first\:border-color-blue-600:first-child { border-color:#2563eb; }
.on-first\:background-blue-700:first-child { background-color:#1d4ed8; }
.on-first\:color-blue-700:first-child { color:#1d4ed8; }
.on-first\:border-color-blue-700:first-child { border-color:#1d4ed8; }
.on-first\:background-indigo-300:first-child { background-color:#a5b4fc; }
.on-first\:color-indigo-300:first-child { color:#a5b4fc; }
.on-first\:border-color-indigo-300:first-child { border-color:#a5b4fc; }
.on-first\:background-indigo-400:first-child { background-color:#818cf8; }
.on-first\:color-indigo-400:first-child { color:#818cf8; }
.on-first\:border-color-indigo-400:first-child { border-color:#818cf8; }
.on-first\:background-indigo-500:first-child { background-color:#6366f1; }
.on-first\:color-indigo-500:first-child { color:#6366f1; }
.on-first\:border-color-indigo-500:first-child { border-color:#6366f1; }
.on-first\:background-indigo-600:first-child { background-color:#4f46e5; }
.on-first\:color-indigo-600:first-child { color:#4f46e5; }
.on-first\:border-color-indigo-600:first-child { border-color:#4f46e5; }
.on-first\:background-indigo-700:first-child { background-color:#4338ca; }
.on-first\:color-indigo-700:first-child { color:#4338ca; }
.on-first\:border-color-indigo-700:first-child { border-color:#4338ca; }
.on-first\:background-violet-300:first-child { background-color:#c4b5fd; }
.on-first\:color-violet-300:first-child { color:#c4b5fd; }
.on-first\:border-color-violet-300:first-child { border-color:#c4b5fd; }
.on-first\:background-violet-400:first-child { background-color:#a78bfa; }
.on-first\:color-violet-400:first-child { color:#a78bfa; }
.on-first\:border-color-violet-400:first-child { border-color:#a78bfa; }
.on-first\:background-violet-500:first-child { background-color:#8b5cf6; }
.on-first\:color-violet-500:first-child { color:#8b5cf6; }
.on-first\:border-color-violet-500:first-child { border-color:#8b5cf6; }
.on-first\:background-violet-600:first-child { background-color:#7c3aed; }
.on-first\:color-violet-600:first-child { color:#7c3aed; }
.on-first\:border-color-violet-600:first-child { border-color:#7c3aed; }
.on-first\:background-violet-700:first-child { background-color:#6d28d9; }
.on-first\:color-violet-700:first-child { color:#6d28d9; }
.on-first\:border-color-violet-700:first-child { border-color:#6d28d9; }
.on-first\:background-purple-300:first-child { background-color:#d8b4fe; }
.on-first\:color-purple-300:first-child { color:#d8b4fe; }
.on-first\:border-color-purple-300:first-child { border-color:#d8b4fe; }
.on-first\:background-purple-400:first-child { background-color:#c084fc; }
.on-first\:color-purple-400:first-child { color:#c084fc; }
.on-first\:border-color-purple-400:first-child { border-color:#c084fc; }
.on-first\:background-purple-500:first-child { background-color:#a855f7; }
.on-first\:color-purple-500:first-child { color:#a855f7; }
.on-first\:border-color-purple-500:first-child { border-color:#a855f7; }
.on-first\:background-purple-600:first-child { background-color:#9333ea; }
.on-first\:color-purple-600:first-child { color:#9333ea; }
.on-first\:border-color-purple-600:first-child { border-color:#9333ea; }
.on-first\:background-purple-700:first-child { background-color:#7e22ce; }
.on-first\:color-purple-700:first-child { color:#7e22ce; }
.on-first\:border-color-purple-700:first-child { border-color:#7e22ce; }
.on-first\:background-pink-300:first-child { background-color:#f9a8d4; }
.on-first\:color-pink-300:first-child { color:#f9a8d4; }
.on-first\:border-color-pink-300:first-child { border-color:#f9a8d4; }
.on-first\:background-pink-400:first-child { background-color:#f472b6; }
.on-first\:color-pink-400:first-child { color:#f472b6; }
.on-first\:border-color-pink-400:first-child { border-color:#f472b6; }
.on-first\:background-pink-500:first-child { background-color:#ec4899; }
.on-first\:color-pink-500:first-child { color:#ec4899; }
.on-first\:border-color-pink-500:first-child { border-color:#ec4899; }
.on-first\:background-pink-600:first-child { background-color:#db2777; }
.on-first\:color-pink-600:first-child { color:#db2777; }
.on-first\:border-color-pink-600:first-child { border-color:#db2777; }
.on-first\:background-pink-700:first-child { background-color:#be185d; }
.on-first\:color-pink-700:first-child { color:#be185d; }
.on-first\:border-color-pink-700:first-child { border-color:#be185d; }
.on-first\:background-rose-300:first-child { background-color:#fda4af; }
.on-first\:color-rose-300:first-child { color:#fda4af; }
.on-first\:border-color-rose-300:first-child { border-color:#fda4af; }
.on-first\:background-rose-400:first-child { background-color:#fb7185; }
.on-first\:color-rose-400:first-child { color:#fb7185; }
.on-first\:border-color-rose-400:first-child { border-color:#fb7185; }
.on-first\:background-rose-500:first-child { background-color:#f43f5e; }
.on-first\:color-rose-500:first-child { color:#f43f5e; }
.on-first\:border-color-rose-500:first-child { border-color:#f43f5e; }
.on-first\:background-rose-600:first-child { background-color:#e11d48; }
.on-first\:color-rose-600:first-child { color:#e11d48; }
.on-first\:border-color-rose-600:first-child { border-color:#e11d48; }
.on-first\:background-rose-700:first-child { background-color:#be123c; }
.on-first\:color-rose-700:first-child { color:#be123c; }
.on-first\:border-color-rose-700:first-child { border-color:#be123c; }
.on-first\:background-slate-300:first-child { background-color:#cbd5e1; }
.on-first\:color-slate-300:first-child { color:#cbd5e1; }
.on-first\:border-color-slate-300:first-child { border-color:#cbd5e1; }
.on-first\:background-slate-400:first-child { background-color:#94a3b8; }
.on-first\:color-slate-400:first-child { color:#94a3b8; }
.on-first\:border-color-slate-400:first-child { border-color:#94a3b8; }
.on-first\:background-slate-500:first-child { background-color:#64748b; }
.on-first\:color-slate-500:first-child { color:#64748b; }
.on-first\:border-color-slate-500:first-child { border-color:#64748b; }
.on-first\:background-slate-600:first-child { background-color:#475569; }
.on-first\:color-slate-600:first-child { color:#475569; }
.on-first\:border-color-slate-600:first-child { border-color:#475569; }
.on-first\:background-slate-700:first-child { background-color:#334155; }
.on-first\:color-slate-700:first-child { color:#334155; }
.on-first\:border-color-slate-700:first-child { border-color:#334155; }
.on-first\:background-gray-300:first-child { background-color:#d1d5db; }
.on-first\:color-gray-300:first-child { color:#d1d5db; }
.on-first\:border-color-gray-300:first-child { border-color:#d1d5db; }
.on-first\:background-gray-400:first-child { background-color:#9ca3af; }
.on-first\:color-gray-400:first-child { color:#9ca3af; }
.on-first\:border-color-gray-400:first-child { border-color:#9ca3af; }
.on-first\:background-gray-500:first-child { background-color:#6b7280; }
.on-first\:color-gray-500:first-child { color:#6b7280; }
.on-first\:border-color-gray-500:first-child { border-color:#6b7280; }
.on-first\:background-gray-600:first-child { background-color:#4b5563; }
.on-first\:color-gray-600:first-child { color:#4b5563; }
.on-first\:border-color-gray-600:first-child { border-color:#4b5563; }
.on-first\:background-gray-700:first-child { background-color:#374151; }
.on-first\:color-gray-700:first-child { color:#374151; }
.on-first\:border-color-gray-700:first-child { border-color:#374151; }
.on-first\:background-zinc-300:first-child { background-color:#d4d4d8; }
.on-first\:color-zinc-300:first-child { color:#d4d4d8; }
.on-first\:border-color-zinc-300:first-child { border-color:#d4d4d8; }
.on-first\:background-zinc-400:first-child { background-color:#a1a1aa; }
.on-first\:color-zinc-400:first-child { color:#a1a1aa; }
.on-first\:border-color-zinc-400:first-child { border-color:#a1a1aa; }
.on-first\:background-zinc-500:first-child { background-color:#71717a; }
.on-first\:color-zinc-500:first-child { color:#71717a; }
.on-first\:border-color-zinc-500:first-child { border-color:#71717a; }
.on-first\:background-zinc-600:first-child { background-color:#52525b; }
.on-first\:color-zinc-600:first-child { color:#52525b; }
.on-first\:border-color-zinc-600:first-child { border-color:#52525b; }
.on-first\:background-zinc-700:first-child { background-color:#3f3f46; }
.on-first\:color-zinc-700:first-child { color:#3f3f46; }
.on-first\:border-color-zinc-700:first-child { border-color:#3f3f46; }
.on-first\:background-stone-300:first-child { background-color:#d6d3d1; }
.on-first\:color-stone-300:first-child { color:#d6d3d1; }
.on-first\:border-color-stone-300:first-child { border-color:#d6d3d1; }
.on-first\:background-stone-400:first-child { background-color:#a8a29e; }
.on-first\:color-stone-400:first-child { color:#a8a29e; }
.on-first\:border-color-stone-400:first-child { border-color:#a8a29e; }
.on-first\:background-stone-500:first-child { background-color:#78716c; }
.on-first\:color-stone-500:first-child { color:#78716c; }
.on-first\:border-color-stone-500:first-child { border-color:#78716c; }
.on-first\:background-stone-600:first-child { background-color:#57534e; }
.on-first\:color-stone-600:first-child { color:#57534e; }
.on-first\:border-color-stone-600:first-child { border-color:#57534e; }
.on-first\:background-stone-700:first-child { background-color:#44403c; }
.on-first\:color-stone-700:first-child { color:#44403c; }
.on-first\:border-color-stone-700:first-child { border-color:#44403c; }
.on-first\:add-shadow-sm:first-child { box-shadow:var(--santy-shadow-sm); }
.on-first\:add-shadow:first-child { box-shadow:var(--santy-shadow); }
.on-first\:add-shadow-md:first-child { box-shadow:var(--santy-shadow-md); }
.on-first\:add-shadow-lg:first-child { box-shadow:var(--santy-shadow-lg); }
.on-first\:no-shadow:first-child { box-shadow:none; }
.on-first\:opacity-0:first-child { opacity:0; }
.on-first\:opacity-25:first-child { opacity:0.25; }
.on-first\:opacity-50:first-child { opacity:0.5; }
.on-first\:opacity-75:first-child { opacity:0.75; }
.on-first\:opacity-100:first-child { opacity:1; }
.on-first\:scale-90:first-child { transform:scale(0.9); }
.on-first\:scale-95:first-child { transform:scale(0.95); }
.on-first\:scale-100:first-child { transform:scale(1); }
.on-first\:scale-105:first-child { transform:scale(1.05); }
.on-first\:scale-110:first-child { transform:scale(1.1); }
.on-first\:make-hidden:first-child { display:none; }
.on-first\:make-block:first-child { display:block; }
.on-first\:make-flex:first-child { display:flex; }
.on-first\:cursor-pointer:first-child { cursor:pointer; }
.on-first\:cursor-not-allowed:first-child { cursor:not-allowed; }
.on-first\:outline-none:first-child { outline:none; }
.on-first\:text-underline:first-child { text-decoration:underline; }
.on-first\:text-no-decoration:first-child { text-decoration:none; }
.on-first\:text-bold:first-child { font-weight:700; }
.on-first\:transition-fast:first-child { transition:var(--santy-transition-fast); }
.on-first\:transition-normal:first-child { transition:var(--santy-transition-normal); }
.on-first\:add-border-1:first-child { border:1px solid; }
.on-first\:add-border-2:first-child { border:2px solid; }
.on-first\:add-border-4:first-child { border:4px solid; }

/* on-last */
.on-last\:background-red-300:last-child { background-color:#fca5a5; }
.on-last\:color-red-300:last-child { color:#fca5a5; }
.on-last\:border-color-red-300:last-child { border-color:#fca5a5; }
.on-last\:background-red-400:last-child { background-color:#f87171; }
.on-last\:color-red-400:last-child { color:#f87171; }
.on-last\:border-color-red-400:last-child { border-color:#f87171; }
.on-last\:background-red-500:last-child { background-color:#ef4444; }
.on-last\:color-red-500:last-child { color:#ef4444; }
.on-last\:border-color-red-500:last-child { border-color:#ef4444; }
.on-last\:background-red-600:last-child { background-color:#dc2626; }
.on-last\:color-red-600:last-child { color:#dc2626; }
.on-last\:border-color-red-600:last-child { border-color:#dc2626; }
.on-last\:background-red-700:last-child { background-color:#b91c1c; }
.on-last\:color-red-700:last-child { color:#b91c1c; }
.on-last\:border-color-red-700:last-child { border-color:#b91c1c; }
.on-last\:background-orange-300:last-child { background-color:#fdba74; }
.on-last\:color-orange-300:last-child { color:#fdba74; }
.on-last\:border-color-orange-300:last-child { border-color:#fdba74; }
.on-last\:background-orange-400:last-child { background-color:#fb923c; }
.on-last\:color-orange-400:last-child { color:#fb923c; }
.on-last\:border-color-orange-400:last-child { border-color:#fb923c; }
.on-last\:background-orange-500:last-child { background-color:#f97316; }
.on-last\:color-orange-500:last-child { color:#f97316; }
.on-last\:border-color-orange-500:last-child { border-color:#f97316; }
.on-last\:background-orange-600:last-child { background-color:#ea580c; }
.on-last\:color-orange-600:last-child { color:#ea580c; }
.on-last\:border-color-orange-600:last-child { border-color:#ea580c; }
.on-last\:background-orange-700:last-child { background-color:#c2410c; }
.on-last\:color-orange-700:last-child { color:#c2410c; }
.on-last\:border-color-orange-700:last-child { border-color:#c2410c; }
.on-last\:background-amber-300:last-child { background-color:#fcd34d; }
.on-last\:color-amber-300:last-child { color:#fcd34d; }
.on-last\:border-color-amber-300:last-child { border-color:#fcd34d; }
.on-last\:background-amber-400:last-child { background-color:#fbbf24; }
.on-last\:color-amber-400:last-child { color:#fbbf24; }
.on-last\:border-color-amber-400:last-child { border-color:#fbbf24; }
.on-last\:background-amber-500:last-child { background-color:#f59e0b; }
.on-last\:color-amber-500:last-child { color:#f59e0b; }
.on-last\:border-color-amber-500:last-child { border-color:#f59e0b; }
.on-last\:background-amber-600:last-child { background-color:#d97706; }
.on-last\:color-amber-600:last-child { color:#d97706; }
.on-last\:border-color-amber-600:last-child { border-color:#d97706; }
.on-last\:background-amber-700:last-child { background-color:#b45309; }
.on-last\:color-amber-700:last-child { color:#b45309; }
.on-last\:border-color-amber-700:last-child { border-color:#b45309; }
.on-last\:background-yellow-300:last-child { background-color:#fde047; }
.on-last\:color-yellow-300:last-child { color:#fde047; }
.on-last\:border-color-yellow-300:last-child { border-color:#fde047; }
.on-last\:background-yellow-400:last-child { background-color:#facc15; }
.on-last\:color-yellow-400:last-child { color:#facc15; }
.on-last\:border-color-yellow-400:last-child { border-color:#facc15; }
.on-last\:background-yellow-500:last-child { background-color:#eab308; }
.on-last\:color-yellow-500:last-child { color:#eab308; }
.on-last\:border-color-yellow-500:last-child { border-color:#eab308; }
.on-last\:background-yellow-600:last-child { background-color:#ca8a04; }
.on-last\:color-yellow-600:last-child { color:#ca8a04; }
.on-last\:border-color-yellow-600:last-child { border-color:#ca8a04; }
.on-last\:background-yellow-700:last-child { background-color:#a16207; }
.on-last\:color-yellow-700:last-child { color:#a16207; }
.on-last\:border-color-yellow-700:last-child { border-color:#a16207; }
.on-last\:background-lime-300:last-child { background-color:#bef264; }
.on-last\:color-lime-300:last-child { color:#bef264; }
.on-last\:border-color-lime-300:last-child { border-color:#bef264; }
.on-last\:background-lime-400:last-child { background-color:#a3e635; }
.on-last\:color-lime-400:last-child { color:#a3e635; }
.on-last\:border-color-lime-400:last-child { border-color:#a3e635; }
.on-last\:background-lime-500:last-child { background-color:#84cc16; }
.on-last\:color-lime-500:last-child { color:#84cc16; }
.on-last\:border-color-lime-500:last-child { border-color:#84cc16; }
.on-last\:background-lime-600:last-child { background-color:#65a30d; }
.on-last\:color-lime-600:last-child { color:#65a30d; }
.on-last\:border-color-lime-600:last-child { border-color:#65a30d; }
.on-last\:background-lime-700:last-child { background-color:#4d7c0f; }
.on-last\:color-lime-700:last-child { color:#4d7c0f; }
.on-last\:border-color-lime-700:last-child { border-color:#4d7c0f; }
.on-last\:background-green-300:last-child { background-color:#86efac; }
.on-last\:color-green-300:last-child { color:#86efac; }
.on-last\:border-color-green-300:last-child { border-color:#86efac; }
.on-last\:background-green-400:last-child { background-color:#4ade80; }
.on-last\:color-green-400:last-child { color:#4ade80; }
.on-last\:border-color-green-400:last-child { border-color:#4ade80; }
.on-last\:background-green-500:last-child { background-color:#22c55e; }
.on-last\:color-green-500:last-child { color:#22c55e; }
.on-last\:border-color-green-500:last-child { border-color:#22c55e; }
.on-last\:background-green-600:last-child { background-color:#16a34a; }
.on-last\:color-green-600:last-child { color:#16a34a; }
.on-last\:border-color-green-600:last-child { border-color:#16a34a; }
.on-last\:background-green-700:last-child { background-color:#15803d; }
.on-last\:color-green-700:last-child { color:#15803d; }
.on-last\:border-color-green-700:last-child { border-color:#15803d; }
.on-last\:background-teal-300:last-child { background-color:#5eead4; }
.on-last\:color-teal-300:last-child { color:#5eead4; }
.on-last\:border-color-teal-300:last-child { border-color:#5eead4; }
.on-last\:background-teal-400:last-child { background-color:#2dd4bf; }
.on-last\:color-teal-400:last-child { color:#2dd4bf; }
.on-last\:border-color-teal-400:last-child { border-color:#2dd4bf; }
.on-last\:background-teal-500:last-child { background-color:#14b8a6; }
.on-last\:color-teal-500:last-child { color:#14b8a6; }
.on-last\:border-color-teal-500:last-child { border-color:#14b8a6; }
.on-last\:background-teal-600:last-child { background-color:#0d9488; }
.on-last\:color-teal-600:last-child { color:#0d9488; }
.on-last\:border-color-teal-600:last-child { border-color:#0d9488; }
.on-last\:background-teal-700:last-child { background-color:#0f766e; }
.on-last\:color-teal-700:last-child { color:#0f766e; }
.on-last\:border-color-teal-700:last-child { border-color:#0f766e; }
.on-last\:background-cyan-300:last-child { background-color:#67e8f9; }
.on-last\:color-cyan-300:last-child { color:#67e8f9; }
.on-last\:border-color-cyan-300:last-child { border-color:#67e8f9; }
.on-last\:background-cyan-400:last-child { background-color:#22d3ee; }
.on-last\:color-cyan-400:last-child { color:#22d3ee; }
.on-last\:border-color-cyan-400:last-child { border-color:#22d3ee; }
.on-last\:background-cyan-500:last-child { background-color:#06b6d4; }
.on-last\:color-cyan-500:last-child { color:#06b6d4; }
.on-last\:border-color-cyan-500:last-child { border-color:#06b6d4; }
.on-last\:background-cyan-600:last-child { background-color:#0891b2; }
.on-last\:color-cyan-600:last-child { color:#0891b2; }
.on-last\:border-color-cyan-600:last-child { border-color:#0891b2; }
.on-last\:background-cyan-700:last-child { background-color:#0e7490; }
.on-last\:color-cyan-700:last-child { color:#0e7490; }
.on-last\:border-color-cyan-700:last-child { border-color:#0e7490; }
.on-last\:background-blue-300:last-child { background-color:#93c5fd; }
.on-last\:color-blue-300:last-child { color:#93c5fd; }
.on-last\:border-color-blue-300:last-child { border-color:#93c5fd; }
.on-last\:background-blue-400:last-child { background-color:#60a5fa; }
.on-last\:color-blue-400:last-child { color:#60a5fa; }
.on-last\:border-color-blue-400:last-child { border-color:#60a5fa; }
.on-last\:background-blue-500:last-child { background-color:#3b82f6; }
.on-last\:color-blue-500:last-child { color:#3b82f6; }
.on-last\:border-color-blue-500:last-child { border-color:#3b82f6; }
.on-last\:background-blue-600:last-child { background-color:#2563eb; }
.on-last\:color-blue-600:last-child { color:#2563eb; }
.on-last\:border-color-blue-600:last-child { border-color:#2563eb; }
.on-last\:background-blue-700:last-child { background-color:#1d4ed8; }
.on-last\:color-blue-700:last-child { color:#1d4ed8; }
.on-last\:border-color-blue-700:last-child { border-color:#1d4ed8; }
.on-last\:background-indigo-300:last-child { background-color:#a5b4fc; }
.on-last\:color-indigo-300:last-child { color:#a5b4fc; }
.on-last\:border-color-indigo-300:last-child { border-color:#a5b4fc; }
.on-last\:background-indigo-400:last-child { background-color:#818cf8; }
.on-last\:color-indigo-400:last-child { color:#818cf8; }
.on-last\:border-color-indigo-400:last-child { border-color:#818cf8; }
.on-last\:background-indigo-500:last-child { background-color:#6366f1; }
.on-last\:color-indigo-500:last-child { color:#6366f1; }
.on-last\:border-color-indigo-500:last-child { border-color:#6366f1; }
.on-last\:background-indigo-600:last-child { background-color:#4f46e5; }
.on-last\:color-indigo-600:last-child { color:#4f46e5; }
.on-last\:border-color-indigo-600:last-child { border-color:#4f46e5; }
.on-last\:background-indigo-700:last-child { background-color:#4338ca; }
.on-last\:color-indigo-700:last-child { color:#4338ca; }
.on-last\:border-color-indigo-700:last-child { border-color:#4338ca; }
.on-last\:background-violet-300:last-child { background-color:#c4b5fd; }
.on-last\:color-violet-300:last-child { color:#c4b5fd; }
.on-last\:border-color-violet-300:last-child { border-color:#c4b5fd; }
.on-last\:background-violet-400:last-child { background-color:#a78bfa; }
.on-last\:color-violet-400:last-child { color:#a78bfa; }
.on-last\:border-color-violet-400:last-child { border-color:#a78bfa; }
.on-last\:background-violet-500:last-child { background-color:#8b5cf6; }
.on-last\:color-violet-500:last-child { color:#8b5cf6; }
.on-last\:border-color-violet-500:last-child { border-color:#8b5cf6; }
.on-last\:background-violet-600:last-child { background-color:#7c3aed; }
.on-last\:color-violet-600:last-child { color:#7c3aed; }
.on-last\:border-color-violet-600:last-child { border-color:#7c3aed; }
.on-last\:background-violet-700:last-child { background-color:#6d28d9; }
.on-last\:color-violet-700:last-child { color:#6d28d9; }
.on-last\:border-color-violet-700:last-child { border-color:#6d28d9; }
.on-last\:background-purple-300:last-child { background-color:#d8b4fe; }
.on-last\:color-purple-300:last-child { color:#d8b4fe; }
.on-last\:border-color-purple-300:last-child { border-color:#d8b4fe; }
.on-last\:background-purple-400:last-child { background-color:#c084fc; }
.on-last\:color-purple-400:last-child { color:#c084fc; }
.on-last\:border-color-purple-400:last-child { border-color:#c084fc; }
.on-last\:background-purple-500:last-child { background-color:#a855f7; }
.on-last\:color-purple-500:last-child { color:#a855f7; }
.on-last\:border-color-purple-500:last-child { border-color:#a855f7; }
.on-last\:background-purple-600:last-child { background-color:#9333ea; }
.on-last\:color-purple-600:last-child { color:#9333ea; }
.on-last\:border-color-purple-600:last-child { border-color:#9333ea; }
.on-last\:background-purple-700:last-child { background-color:#7e22ce; }
.on-last\:color-purple-700:last-child { color:#7e22ce; }
.on-last\:border-color-purple-700:last-child { border-color:#7e22ce; }
.on-last\:background-pink-300:last-child { background-color:#f9a8d4; }
.on-last\:color-pink-300:last-child { color:#f9a8d4; }
.on-last\:border-color-pink-300:last-child { border-color:#f9a8d4; }
.on-last\:background-pink-400:last-child { background-color:#f472b6; }
.on-last\:color-pink-400:last-child { color:#f472b6; }
.on-last\:border-color-pink-400:last-child { border-color:#f472b6; }
.on-last\:background-pink-500:last-child { background-color:#ec4899; }
.on-last\:color-pink-500:last-child { color:#ec4899; }
.on-last\:border-color-pink-500:last-child { border-color:#ec4899; }
.on-last\:background-pink-600:last-child { background-color:#db2777; }
.on-last\:color-pink-600:last-child { color:#db2777; }
.on-last\:border-color-pink-600:last-child { border-color:#db2777; }
.on-last\:background-pink-700:last-child { background-color:#be185d; }
.on-last\:color-pink-700:last-child { color:#be185d; }
.on-last\:border-color-pink-700:last-child { border-color:#be185d; }
.on-last\:background-rose-300:last-child { background-color:#fda4af; }
.on-last\:color-rose-300:last-child { color:#fda4af; }
.on-last\:border-color-rose-300:last-child { border-color:#fda4af; }
.on-last\:background-rose-400:last-child { background-color:#fb7185; }
.on-last\:color-rose-400:last-child { color:#fb7185; }
.on-last\:border-color-rose-400:last-child { border-color:#fb7185; }
.on-last\:background-rose-500:last-child { background-color:#f43f5e; }
.on-last\:color-rose-500:last-child { color:#f43f5e; }
.on-last\:border-color-rose-500:last-child { border-color:#f43f5e; }
.on-last\:background-rose-600:last-child { background-color:#e11d48; }
.on-last\:color-rose-600:last-child { color:#e11d48; }
.on-last\:border-color-rose-600:last-child { border-color:#e11d48; }
.on-last\:background-rose-700:last-child { background-color:#be123c; }
.on-last\:color-rose-700:last-child { color:#be123c; }
.on-last\:border-color-rose-700:last-child { border-color:#be123c; }
.on-last\:background-slate-300:last-child { background-color:#cbd5e1; }
.on-last\:color-slate-300:last-child { color:#cbd5e1; }
.on-last\:border-color-slate-300:last-child { border-color:#cbd5e1; }
.on-last\:background-slate-400:last-child { background-color:#94a3b8; }
.on-last\:color-slate-400:last-child { color:#94a3b8; }
.on-last\:border-color-slate-400:last-child { border-color:#94a3b8; }
.on-last\:background-slate-500:last-child { background-color:#64748b; }
.on-last\:color-slate-500:last-child { color:#64748b; }
.on-last\:border-color-slate-500:last-child { border-color:#64748b; }
.on-last\:background-slate-600:last-child { background-color:#475569; }
.on-last\:color-slate-600:last-child { color:#475569; }
.on-last\:border-color-slate-600:last-child { border-color:#475569; }
.on-last\:background-slate-700:last-child { background-color:#334155; }
.on-last\:color-slate-700:last-child { color:#334155; }
.on-last\:border-color-slate-700:last-child { border-color:#334155; }
.on-last\:background-gray-300:last-child { background-color:#d1d5db; }
.on-last\:color-gray-300:last-child { color:#d1d5db; }
.on-last\:border-color-gray-300:last-child { border-color:#d1d5db; }
.on-last\:background-gray-400:last-child { background-color:#9ca3af; }
.on-last\:color-gray-400:last-child { color:#9ca3af; }
.on-last\:border-color-gray-400:last-child { border-color:#9ca3af; }
.on-last\:background-gray-500:last-child { background-color:#6b7280; }
.on-last\:color-gray-500:last-child { color:#6b7280; }
.on-last\:border-color-gray-500:last-child { border-color:#6b7280; }
.on-last\:background-gray-600:last-child { background-color:#4b5563; }
.on-last\:color-gray-600:last-child { color:#4b5563; }
.on-last\:border-color-gray-600:last-child { border-color:#4b5563; }
.on-last\:background-gray-700:last-child { background-color:#374151; }
.on-last\:color-gray-700:last-child { color:#374151; }
.on-last\:border-color-gray-700:last-child { border-color:#374151; }
.on-last\:background-zinc-300:last-child { background-color:#d4d4d8; }
.on-last\:color-zinc-300:last-child { color:#d4d4d8; }
.on-last\:border-color-zinc-300:last-child { border-color:#d4d4d8; }
.on-last\:background-zinc-400:last-child { background-color:#a1a1aa; }
.on-last\:color-zinc-400:last-child { color:#a1a1aa; }
.on-last\:border-color-zinc-400:last-child { border-color:#a1a1aa; }
.on-last\:background-zinc-500:last-child { background-color:#71717a; }
.on-last\:color-zinc-500:last-child { color:#71717a; }
.on-last\:border-color-zinc-500:last-child { border-color:#71717a; }
.on-last\:background-zinc-600:last-child { background-color:#52525b; }
.on-last\:color-zinc-600:last-child { color:#52525b; }
.on-last\:border-color-zinc-600:last-child { border-color:#52525b; }
.on-last\:background-zinc-700:last-child { background-color:#3f3f46; }
.on-last\:color-zinc-700:last-child { color:#3f3f46; }
.on-last\:border-color-zinc-700:last-child { border-color:#3f3f46; }
.on-last\:background-stone-300:last-child { background-color:#d6d3d1; }
.on-last\:color-stone-300:last-child { color:#d6d3d1; }
.on-last\:border-color-stone-300:last-child { border-color:#d6d3d1; }
.on-last\:background-stone-400:last-child { background-color:#a8a29e; }
.on-last\:color-stone-400:last-child { color:#a8a29e; }
.on-last\:border-color-stone-400:last-child { border-color:#a8a29e; }
.on-last\:background-stone-500:last-child { background-color:#78716c; }
.on-last\:color-stone-500:last-child { color:#78716c; }
.on-last\:border-color-stone-500:last-child { border-color:#78716c; }
.on-last\:background-stone-600:last-child { background-color:#57534e; }
.on-last\:color-stone-600:last-child { color:#57534e; }
.on-last\:border-color-stone-600:last-child { border-color:#57534e; }
.on-last\:background-stone-700:last-child { background-color:#44403c; }
.on-last\:color-stone-700:last-child { color:#44403c; }
.on-last\:border-color-stone-700:last-child { border-color:#44403c; }
.on-last\:add-shadow-sm:last-child { box-shadow:var(--santy-shadow-sm); }
.on-last\:add-shadow:last-child { box-shadow:var(--santy-shadow); }
.on-last\:add-shadow-md:last-child { box-shadow:var(--santy-shadow-md); }
.on-last\:add-shadow-lg:last-child { box-shadow:var(--santy-shadow-lg); }
.on-last\:no-shadow:last-child { box-shadow:none; }
.on-last\:opacity-0:last-child { opacity:0; }
.on-last\:opacity-25:last-child { opacity:0.25; }
.on-last\:opacity-50:last-child { opacity:0.5; }
.on-last\:opacity-75:last-child { opacity:0.75; }
.on-last\:opacity-100:last-child { opacity:1; }
.on-last\:scale-90:last-child { transform:scale(0.9); }
.on-last\:scale-95:last-child { transform:scale(0.95); }
.on-last\:scale-100:last-child { transform:scale(1); }
.on-last\:scale-105:last-child { transform:scale(1.05); }
.on-last\:scale-110:last-child { transform:scale(1.1); }
.on-last\:make-hidden:last-child { display:none; }
.on-last\:make-block:last-child { display:block; }
.on-last\:make-flex:last-child { display:flex; }
.on-last\:cursor-pointer:last-child { cursor:pointer; }
.on-last\:cursor-not-allowed:last-child { cursor:not-allowed; }
.on-last\:outline-none:last-child { outline:none; }
.on-last\:text-underline:last-child { text-decoration:underline; }
.on-last\:text-no-decoration:last-child { text-decoration:none; }
.on-last\:text-bold:last-child { font-weight:700; }
.on-last\:transition-fast:last-child { transition:var(--santy-transition-fast); }
.on-last\:transition-normal:last-child { transition:var(--santy-transition-normal); }
.on-last\:add-border-1:last-child { border:1px solid; }
.on-last\:add-border-2:last-child { border:2px solid; }
.on-last\:add-border-4:last-child { border:4px solid; }

/* on-odd */
.on-odd\:background-red-300:nth-child(odd) { background-color:#fca5a5; }
.on-odd\:color-red-300:nth-child(odd) { color:#fca5a5; }
.on-odd\:border-color-red-300:nth-child(odd) { border-color:#fca5a5; }
.on-odd\:background-red-400:nth-child(odd) { background-color:#f87171; }
.on-odd\:color-red-400:nth-child(odd) { color:#f87171; }
.on-odd\:border-color-red-400:nth-child(odd) { border-color:#f87171; }
.on-odd\:background-red-500:nth-child(odd) { background-color:#ef4444; }
.on-odd\:color-red-500:nth-child(odd) { color:#ef4444; }
.on-odd\:border-color-red-500:nth-child(odd) { border-color:#ef4444; }
.on-odd\:background-red-600:nth-child(odd) { background-color:#dc2626; }
.on-odd\:color-red-600:nth-child(odd) { color:#dc2626; }
.on-odd\:border-color-red-600:nth-child(odd) { border-color:#dc2626; }
.on-odd\:background-red-700:nth-child(odd) { background-color:#b91c1c; }
.on-odd\:color-red-700:nth-child(odd) { color:#b91c1c; }
.on-odd\:border-color-red-700:nth-child(odd) { border-color:#b91c1c; }
.on-odd\:background-orange-300:nth-child(odd) { background-color:#fdba74; }
.on-odd\:color-orange-300:nth-child(odd) { color:#fdba74; }
.on-odd\:border-color-orange-300:nth-child(odd) { border-color:#fdba74; }
.on-odd\:background-orange-400:nth-child(odd) { background-color:#fb923c; }
.on-odd\:color-orange-400:nth-child(odd) { color:#fb923c; }
.on-odd\:border-color-orange-400:nth-child(odd) { border-color:#fb923c; }
.on-odd\:background-orange-500:nth-child(odd) { background-color:#f97316; }
.on-odd\:color-orange-500:nth-child(odd) { color:#f97316; }
.on-odd\:border-color-orange-500:nth-child(odd) { border-color:#f97316; }
.on-odd\:background-orange-600:nth-child(odd) { background-color:#ea580c; }
.on-odd\:color-orange-600:nth-child(odd) { color:#ea580c; }
.on-odd\:border-color-orange-600:nth-child(odd) { border-color:#ea580c; }
.on-odd\:background-orange-700:nth-child(odd) { background-color:#c2410c; }
.on-odd\:color-orange-700:nth-child(odd) { color:#c2410c; }
.on-odd\:border-color-orange-700:nth-child(odd) { border-color:#c2410c; }
.on-odd\:background-amber-300:nth-child(odd) { background-color:#fcd34d; }
.on-odd\:color-amber-300:nth-child(odd) { color:#fcd34d; }
.on-odd\:border-color-amber-300:nth-child(odd) { border-color:#fcd34d; }
.on-odd\:background-amber-400:nth-child(odd) { background-color:#fbbf24; }
.on-odd\:color-amber-400:nth-child(odd) { color:#fbbf24; }
.on-odd\:border-color-amber-400:nth-child(odd) { border-color:#fbbf24; }
.on-odd\:background-amber-500:nth-child(odd) { background-color:#f59e0b; }
.on-odd\:color-amber-500:nth-child(odd) { color:#f59e0b; }
.on-odd\:border-color-amber-500:nth-child(odd) { border-color:#f59e0b; }
.on-odd\:background-amber-600:nth-child(odd) { background-color:#d97706; }
.on-odd\:color-amber-600:nth-child(odd) { color:#d97706; }
.on-odd\:border-color-amber-600:nth-child(odd) { border-color:#d97706; }
.on-odd\:background-amber-700:nth-child(odd) { background-color:#b45309; }
.on-odd\:color-amber-700:nth-child(odd) { color:#b45309; }
.on-odd\:border-color-amber-700:nth-child(odd) { border-color:#b45309; }
.on-odd\:background-yellow-300:nth-child(odd) { background-color:#fde047; }
.on-odd\:color-yellow-300:nth-child(odd) { color:#fde047; }
.on-odd\:border-color-yellow-300:nth-child(odd) { border-color:#fde047; }
.on-odd\:background-yellow-400:nth-child(odd) { background-color:#facc15; }
.on-odd\:color-yellow-400:nth-child(odd) { color:#facc15; }
.on-odd\:border-color-yellow-400:nth-child(odd) { border-color:#facc15; }
.on-odd\:background-yellow-500:nth-child(odd) { background-color:#eab308; }
.on-odd\:color-yellow-500:nth-child(odd) { color:#eab308; }
.on-odd\:border-color-yellow-500:nth-child(odd) { border-color:#eab308; }
.on-odd\:background-yellow-600:nth-child(odd) { background-color:#ca8a04; }
.on-odd\:color-yellow-600:nth-child(odd) { color:#ca8a04; }
.on-odd\:border-color-yellow-600:nth-child(odd) { border-color:#ca8a04; }
.on-odd\:background-yellow-700:nth-child(odd) { background-color:#a16207; }
.on-odd\:color-yellow-700:nth-child(odd) { color:#a16207; }
.on-odd\:border-color-yellow-700:nth-child(odd) { border-color:#a16207; }
.on-odd\:background-lime-300:nth-child(odd) { background-color:#bef264; }
.on-odd\:color-lime-300:nth-child(odd) { color:#bef264; }
.on-odd\:border-color-lime-300:nth-child(odd) { border-color:#bef264; }
.on-odd\:background-lime-400:nth-child(odd) { background-color:#a3e635; }
.on-odd\:color-lime-400:nth-child(odd) { color:#a3e635; }
.on-odd\:border-color-lime-400:nth-child(odd) { border-color:#a3e635; }
.on-odd\:background-lime-500:nth-child(odd) { background-color:#84cc16; }
.on-odd\:color-lime-500:nth-child(odd) { color:#84cc16; }
.on-odd\:border-color-lime-500:nth-child(odd) { border-color:#84cc16; }
.on-odd\:background-lime-600:nth-child(odd) { background-color:#65a30d; }
.on-odd\:color-lime-600:nth-child(odd) { color:#65a30d; }
.on-odd\:border-color-lime-600:nth-child(odd) { border-color:#65a30d; }
.on-odd\:background-lime-700:nth-child(odd) { background-color:#4d7c0f; }
.on-odd\:color-lime-700:nth-child(odd) { color:#4d7c0f; }
.on-odd\:border-color-lime-700:nth-child(odd) { border-color:#4d7c0f; }
.on-odd\:background-green-300:nth-child(odd) { background-color:#86efac; }
.on-odd\:color-green-300:nth-child(odd) { color:#86efac; }
.on-odd\:border-color-green-300:nth-child(odd) { border-color:#86efac; }
.on-odd\:background-green-400:nth-child(odd) { background-color:#4ade80; }
.on-odd\:color-green-400:nth-child(odd) { color:#4ade80; }
.on-odd\:border-color-green-400:nth-child(odd) { border-color:#4ade80; }
.on-odd\:background-green-500:nth-child(odd) { background-color:#22c55e; }
.on-odd\:color-green-500:nth-child(odd) { color:#22c55e; }
.on-odd\:border-color-green-500:nth-child(odd) { border-color:#22c55e; }
.on-odd\:background-green-600:nth-child(odd) { background-color:#16a34a; }
.on-odd\:color-green-600:nth-child(odd) { color:#16a34a; }
.on-odd\:border-color-green-600:nth-child(odd) { border-color:#16a34a; }
.on-odd\:background-green-700:nth-child(odd) { background-color:#15803d; }
.on-odd\:color-green-700:nth-child(odd) { color:#15803d; }
.on-odd\:border-color-green-700:nth-child(odd) { border-color:#15803d; }
.on-odd\:background-teal-300:nth-child(odd) { background-color:#5eead4; }
.on-odd\:color-teal-300:nth-child(odd) { color:#5eead4; }
.on-odd\:border-color-teal-300:nth-child(odd) { border-color:#5eead4; }
.on-odd\:background-teal-400:nth-child(odd) { background-color:#2dd4bf; }
.on-odd\:color-teal-400:nth-child(odd) { color:#2dd4bf; }
.on-odd\:border-color-teal-400:nth-child(odd) { border-color:#2dd4bf; }
.on-odd\:background-teal-500:nth-child(odd) { background-color:#14b8a6; }
.on-odd\:color-teal-500:nth-child(odd) { color:#14b8a6; }
.on-odd\:border-color-teal-500:nth-child(odd) { border-color:#14b8a6; }
.on-odd\:background-teal-600:nth-child(odd) { background-color:#0d9488; }
.on-odd\:color-teal-600:nth-child(odd) { color:#0d9488; }
.on-odd\:border-color-teal-600:nth-child(odd) { border-color:#0d9488; }
.on-odd\:background-teal-700:nth-child(odd) { background-color:#0f766e; }
.on-odd\:color-teal-700:nth-child(odd) { color:#0f766e; }
.on-odd\:border-color-teal-700:nth-child(odd) { border-color:#0f766e; }
.on-odd\:background-cyan-300:nth-child(odd) { background-color:#67e8f9; }
.on-odd\:color-cyan-300:nth-child(odd) { color:#67e8f9; }
.on-odd\:border-color-cyan-300:nth-child(odd) { border-color:#67e8f9; }
.on-odd\:background-cyan-400:nth-child(odd) { background-color:#22d3ee; }
.on-odd\:color-cyan-400:nth-child(odd) { color:#22d3ee; }
.on-odd\:border-color-cyan-400:nth-child(odd) { border-color:#22d3ee; }
.on-odd\:background-cyan-500:nth-child(odd) { background-color:#06b6d4; }
.on-odd\:color-cyan-500:nth-child(odd) { color:#06b6d4; }
.on-odd\:border-color-cyan-500:nth-child(odd) { border-color:#06b6d4; }
.on-odd\:background-cyan-600:nth-child(odd) { background-color:#0891b2; }
.on-odd\:color-cyan-600:nth-child(odd) { color:#0891b2; }
.on-odd\:border-color-cyan-600:nth-child(odd) { border-color:#0891b2; }
.on-odd\:background-cyan-700:nth-child(odd) { background-color:#0e7490; }
.on-odd\:color-cyan-700:nth-child(odd) { color:#0e7490; }
.on-odd\:border-color-cyan-700:nth-child(odd) { border-color:#0e7490; }
.on-odd\:background-blue-300:nth-child(odd) { background-color:#93c5fd; }
.on-odd\:color-blue-300:nth-child(odd) { color:#93c5fd; }
.on-odd\:border-color-blue-300:nth-child(odd) { border-color:#93c5fd; }
.on-odd\:background-blue-400:nth-child(odd) { background-color:#60a5fa; }
.on-odd\:color-blue-400:nth-child(odd) { color:#60a5fa; }
.on-odd\:border-color-blue-400:nth-child(odd) { border-color:#60a5fa; }
.on-odd\:background-blue-500:nth-child(odd) { background-color:#3b82f6; }
.on-odd\:color-blue-500:nth-child(odd) { color:#3b82f6; }
.on-odd\:border-color-blue-500:nth-child(odd) { border-color:#3b82f6; }
.on-odd\:background-blue-600:nth-child(odd) { background-color:#2563eb; }
.on-odd\:color-blue-600:nth-child(odd) { color:#2563eb; }
.on-odd\:border-color-blue-600:nth-child(odd) { border-color:#2563eb; }
.on-odd\:background-blue-700:nth-child(odd) { background-color:#1d4ed8; }
.on-odd\:color-blue-700:nth-child(odd) { color:#1d4ed8; }
.on-odd\:border-color-blue-700:nth-child(odd) { border-color:#1d4ed8; }
.on-odd\:background-indigo-300:nth-child(odd) { background-color:#a5b4fc; }
.on-odd\:color-indigo-300:nth-child(odd) { color:#a5b4fc; }
.on-odd\:border-color-indigo-300:nth-child(odd) { border-color:#a5b4fc; }
.on-odd\:background-indigo-400:nth-child(odd) { background-color:#818cf8; }
.on-odd\:color-indigo-400:nth-child(odd) { color:#818cf8; }
.on-odd\:border-color-indigo-400:nth-child(odd) { border-color:#818cf8; }
.on-odd\:background-indigo-500:nth-child(odd) { background-color:#6366f1; }
.on-odd\:color-indigo-500:nth-child(odd) { color:#6366f1; }
.on-odd\:border-color-indigo-500:nth-child(odd) { border-color:#6366f1; }
.on-odd\:background-indigo-600:nth-child(odd) { background-color:#4f46e5; }
.on-odd\:color-indigo-600:nth-child(odd) { color:#4f46e5; }
.on-odd\:border-color-indigo-600:nth-child(odd) { border-color:#4f46e5; }
.on-odd\:background-indigo-700:nth-child(odd) { background-color:#4338ca; }
.on-odd\:color-indigo-700:nth-child(odd) { color:#4338ca; }
.on-odd\:border-color-indigo-700:nth-child(odd) { border-color:#4338ca; }
.on-odd\:background-violet-300:nth-child(odd) { background-color:#c4b5fd; }
.on-odd\:color-violet-300:nth-child(odd) { color:#c4b5fd; }
.on-odd\:border-color-violet-300:nth-child(odd) { border-color:#c4b5fd; }
.on-odd\:background-violet-400:nth-child(odd) { background-color:#a78bfa; }
.on-odd\:color-violet-400:nth-child(odd) { color:#a78bfa; }
.on-odd\:border-color-violet-400:nth-child(odd) { border-color:#a78bfa; }
.on-odd\:background-violet-500:nth-child(odd) { background-color:#8b5cf6; }
.on-odd\:color-violet-500:nth-child(odd) { color:#8b5cf6; }
.on-odd\:border-color-violet-500:nth-child(odd) { border-color:#8b5cf6; }
.on-odd\:background-violet-600:nth-child(odd) { background-color:#7c3aed; }
.on-odd\:color-violet-600:nth-child(odd) { color:#7c3aed; }
.on-odd\:border-color-violet-600:nth-child(odd) { border-color:#7c3aed; }
.on-odd\:background-violet-700:nth-child(odd) { background-color:#6d28d9; }
.on-odd\:color-violet-700:nth-child(odd) { color:#6d28d9; }
.on-odd\:border-color-violet-700:nth-child(odd) { border-color:#6d28d9; }
.on-odd\:background-purple-300:nth-child(odd) { background-color:#d8b4fe; }
.on-odd\:color-purple-300:nth-child(odd) { color:#d8b4fe; }
.on-odd\:border-color-purple-300:nth-child(odd) { border-color:#d8b4fe; }
.on-odd\:background-purple-400:nth-child(odd) { background-color:#c084fc; }
.on-odd\:color-purple-400:nth-child(odd) { color:#c084fc; }
.on-odd\:border-color-purple-400:nth-child(odd) { border-color:#c084fc; }
.on-odd\:background-purple-500:nth-child(odd) { background-color:#a855f7; }
.on-odd\:color-purple-500:nth-child(odd) { color:#a855f7; }
.on-odd\:border-color-purple-500:nth-child(odd) { border-color:#a855f7; }
.on-odd\:background-purple-600:nth-child(odd) { background-color:#9333ea; }
.on-odd\:color-purple-600:nth-child(odd) { color:#9333ea; }
.on-odd\:border-color-purple-600:nth-child(odd) { border-color:#9333ea; }
.on-odd\:background-purple-700:nth-child(odd) { background-color:#7e22ce; }
.on-odd\:color-purple-700:nth-child(odd) { color:#7e22ce; }
.on-odd\:border-color-purple-700:nth-child(odd) { border-color:#7e22ce; }
.on-odd\:background-pink-300:nth-child(odd) { background-color:#f9a8d4; }
.on-odd\:color-pink-300:nth-child(odd) { color:#f9a8d4; }
.on-odd\:border-color-pink-300:nth-child(odd) { border-color:#f9a8d4; }
.on-odd\:background-pink-400:nth-child(odd) { background-color:#f472b6; }
.on-odd\:color-pink-400:nth-child(odd) { color:#f472b6; }
.on-odd\:border-color-pink-400:nth-child(odd) { border-color:#f472b6; }
.on-odd\:background-pink-500:nth-child(odd) { background-color:#ec4899; }
.on-odd\:color-pink-500:nth-child(odd) { color:#ec4899; }
.on-odd\:border-color-pink-500:nth-child(odd) { border-color:#ec4899; }
.on-odd\:background-pink-600:nth-child(odd) { background-color:#db2777; }
.on-odd\:color-pink-600:nth-child(odd) { color:#db2777; }
.on-odd\:border-color-pink-600:nth-child(odd) { border-color:#db2777; }
.on-odd\:background-pink-700:nth-child(odd) { background-color:#be185d; }
.on-odd\:color-pink-700:nth-child(odd) { color:#be185d; }
.on-odd\:border-color-pink-700:nth-child(odd) { border-color:#be185d; }
.on-odd\:background-rose-300:nth-child(odd) { background-color:#fda4af; }
.on-odd\:color-rose-300:nth-child(odd) { color:#fda4af; }
.on-odd\:border-color-rose-300:nth-child(odd) { border-color:#fda4af; }
.on-odd\:background-rose-400:nth-child(odd) { background-color:#fb7185; }
.on-odd\:color-rose-400:nth-child(odd) { color:#fb7185; }
.on-odd\:border-color-rose-400:nth-child(odd) { border-color:#fb7185; }
.on-odd\:background-rose-500:nth-child(odd) { background-color:#f43f5e; }
.on-odd\:color-rose-500:nth-child(odd) { color:#f43f5e; }
.on-odd\:border-color-rose-500:nth-child(odd) { border-color:#f43f5e; }
.on-odd\:background-rose-600:nth-child(odd) { background-color:#e11d48; }
.on-odd\:color-rose-600:nth-child(odd) { color:#e11d48; }
.on-odd\:border-color-rose-600:nth-child(odd) { border-color:#e11d48; }
.on-odd\:background-rose-700:nth-child(odd) { background-color:#be123c; }
.on-odd\:color-rose-700:nth-child(odd) { color:#be123c; }
.on-odd\:border-color-rose-700:nth-child(odd) { border-color:#be123c; }
.on-odd\:background-slate-300:nth-child(odd) { background-color:#cbd5e1; }
.on-odd\:color-slate-300:nth-child(odd) { color:#cbd5e1; }
.on-odd\:border-color-slate-300:nth-child(odd) { border-color:#cbd5e1; }
.on-odd\:background-slate-400:nth-child(odd) { background-color:#94a3b8; }
.on-odd\:color-slate-400:nth-child(odd) { color:#94a3b8; }
.on-odd\:border-color-slate-400:nth-child(odd) { border-color:#94a3b8; }
.on-odd\:background-slate-500:nth-child(odd) { background-color:#64748b; }
.on-odd\:color-slate-500:nth-child(odd) { color:#64748b; }
.on-odd\:border-color-slate-500:nth-child(odd) { border-color:#64748b; }
.on-odd\:background-slate-600:nth-child(odd) { background-color:#475569; }
.on-odd\:color-slate-600:nth-child(odd) { color:#475569; }
.on-odd\:border-color-slate-600:nth-child(odd) { border-color:#475569; }
.on-odd\:background-slate-700:nth-child(odd) { background-color:#334155; }
.on-odd\:color-slate-700:nth-child(odd) { color:#334155; }
.on-odd\:border-color-slate-700:nth-child(odd) { border-color:#334155; }
.on-odd\:background-gray-300:nth-child(odd) { background-color:#d1d5db; }
.on-odd\:color-gray-300:nth-child(odd) { color:#d1d5db; }
.on-odd\:border-color-gray-300:nth-child(odd) { border-color:#d1d5db; }
.on-odd\:background-gray-400:nth-child(odd) { background-color:#9ca3af; }
.on-odd\:color-gray-400:nth-child(odd) { color:#9ca3af; }
.on-odd\:border-color-gray-400:nth-child(odd) { border-color:#9ca3af; }
.on-odd\:background-gray-500:nth-child(odd) { background-color:#6b7280; }
.on-odd\:color-gray-500:nth-child(odd) { color:#6b7280; }
.on-odd\:border-color-gray-500:nth-child(odd) { border-color:#6b7280; }
.on-odd\:background-gray-600:nth-child(odd) { background-color:#4b5563; }
.on-odd\:color-gray-600:nth-child(odd) { color:#4b5563; }
.on-odd\:border-color-gray-600:nth-child(odd) { border-color:#4b5563; }
.on-odd\:background-gray-700:nth-child(odd) { background-color:#374151; }
.on-odd\:color-gray-700:nth-child(odd) { color:#374151; }
.on-odd\:border-color-gray-700:nth-child(odd) { border-color:#374151; }
.on-odd\:background-zinc-300:nth-child(odd) { background-color:#d4d4d8; }
.on-odd\:color-zinc-300:nth-child(odd) { color:#d4d4d8; }
.on-odd\:border-color-zinc-300:nth-child(odd) { border-color:#d4d4d8; }
.on-odd\:background-zinc-400:nth-child(odd) { background-color:#a1a1aa; }
.on-odd\:color-zinc-400:nth-child(odd) { color:#a1a1aa; }
.on-odd\:border-color-zinc-400:nth-child(odd) { border-color:#a1a1aa; }
.on-odd\:background-zinc-500:nth-child(odd) { background-color:#71717a; }
.on-odd\:color-zinc-500:nth-child(odd) { color:#71717a; }
.on-odd\:border-color-zinc-500:nth-child(odd) { border-color:#71717a; }
.on-odd\:background-zinc-600:nth-child(odd) { background-color:#52525b; }
.on-odd\:color-zinc-600:nth-child(odd) { color:#52525b; }
.on-odd\:border-color-zinc-600:nth-child(odd) { border-color:#52525b; }
.on-odd\:background-zinc-700:nth-child(odd) { background-color:#3f3f46; }
.on-odd\:color-zinc-700:nth-child(odd) { color:#3f3f46; }
.on-odd\:border-color-zinc-700:nth-child(odd) { border-color:#3f3f46; }
.on-odd\:background-stone-300:nth-child(odd) { background-color:#d6d3d1; }
.on-odd\:color-stone-300:nth-child(odd) { color:#d6d3d1; }
.on-odd\:border-color-stone-300:nth-child(odd) { border-color:#d6d3d1; }
.on-odd\:background-stone-400:nth-child(odd) { background-color:#a8a29e; }
.on-odd\:color-stone-400:nth-child(odd) { color:#a8a29e; }
.on-odd\:border-color-stone-400:nth-child(odd) { border-color:#a8a29e; }
.on-odd\:background-stone-500:nth-child(odd) { background-color:#78716c; }
.on-odd\:color-stone-500:nth-child(odd) { color:#78716c; }
.on-odd\:border-color-stone-500:nth-child(odd) { border-color:#78716c; }
.on-odd\:background-stone-600:nth-child(odd) { background-color:#57534e; }
.on-odd\:color-stone-600:nth-child(odd) { color:#57534e; }
.on-odd\:border-color-stone-600:nth-child(odd) { border-color:#57534e; }
.on-odd\:background-stone-700:nth-child(odd) { background-color:#44403c; }
.on-odd\:color-stone-700:nth-child(odd) { color:#44403c; }
.on-odd\:border-color-stone-700:nth-child(odd) { border-color:#44403c; }
.on-odd\:add-shadow-sm:nth-child(odd) { box-shadow:var(--santy-shadow-sm); }
.on-odd\:add-shadow:nth-child(odd) { box-shadow:var(--santy-shadow); }
.on-odd\:add-shadow-md:nth-child(odd) { box-shadow:var(--santy-shadow-md); }
.on-odd\:add-shadow-lg:nth-child(odd) { box-shadow:var(--santy-shadow-lg); }
.on-odd\:no-shadow:nth-child(odd) { box-shadow:none; }
.on-odd\:opacity-0:nth-child(odd) { opacity:0; }
.on-odd\:opacity-25:nth-child(odd) { opacity:0.25; }
.on-odd\:opacity-50:nth-child(odd) { opacity:0.5; }
.on-odd\:opacity-75:nth-child(odd) { opacity:0.75; }
.on-odd\:opacity-100:nth-child(odd) { opacity:1; }
.on-odd\:scale-90:nth-child(odd) { transform:scale(0.9); }
.on-odd\:scale-95:nth-child(odd) { transform:scale(0.95); }
.on-odd\:scale-100:nth-child(odd) { transform:scale(1); }
.on-odd\:scale-105:nth-child(odd) { transform:scale(1.05); }
.on-odd\:scale-110:nth-child(odd) { transform:scale(1.1); }
.on-odd\:make-hidden:nth-child(odd) { display:none; }
.on-odd\:make-block:nth-child(odd) { display:block; }
.on-odd\:make-flex:nth-child(odd) { display:flex; }
.on-odd\:cursor-pointer:nth-child(odd) { cursor:pointer; }
.on-odd\:cursor-not-allowed:nth-child(odd) { cursor:not-allowed; }
.on-odd\:outline-none:nth-child(odd) { outline:none; }
.on-odd\:text-underline:nth-child(odd) { text-decoration:underline; }
.on-odd\:text-no-decoration:nth-child(odd) { text-decoration:none; }
.on-odd\:text-bold:nth-child(odd) { font-weight:700; }
.on-odd\:transition-fast:nth-child(odd) { transition:var(--santy-transition-fast); }
.on-odd\:transition-normal:nth-child(odd) { transition:var(--santy-transition-normal); }
.on-odd\:add-border-1:nth-child(odd) { border:1px solid; }
.on-odd\:add-border-2:nth-child(odd) { border:2px solid; }
.on-odd\:add-border-4:nth-child(odd) { border:4px solid; }

/* on-even */
.on-even\:background-red-300:nth-child(even) { background-color:#fca5a5; }
.on-even\:color-red-300:nth-child(even) { color:#fca5a5; }
.on-even\:border-color-red-300:nth-child(even) { border-color:#fca5a5; }
.on-even\:background-red-400:nth-child(even) { background-color:#f87171; }
.on-even\:color-red-400:nth-child(even) { color:#f87171; }
.on-even\:border-color-red-400:nth-child(even) { border-color:#f87171; }
.on-even\:background-red-500:nth-child(even) { background-color:#ef4444; }
.on-even\:color-red-500:nth-child(even) { color:#ef4444; }
.on-even\:border-color-red-500:nth-child(even) { border-color:#ef4444; }
.on-even\:background-red-600:nth-child(even) { background-color:#dc2626; }
.on-even\:color-red-600:nth-child(even) { color:#dc2626; }
.on-even\:border-color-red-600:nth-child(even) { border-color:#dc2626; }
.on-even\:background-red-700:nth-child(even) { background-color:#b91c1c; }
.on-even\:color-red-700:nth-child(even) { color:#b91c1c; }
.on-even\:border-color-red-700:nth-child(even) { border-color:#b91c1c; }
.on-even\:background-orange-300:nth-child(even) { background-color:#fdba74; }
.on-even\:color-orange-300:nth-child(even) { color:#fdba74; }
.on-even\:border-color-orange-300:nth-child(even) { border-color:#fdba74; }
.on-even\:background-orange-400:nth-child(even) { background-color:#fb923c; }
.on-even\:color-orange-400:nth-child(even) { color:#fb923c; }
.on-even\:border-color-orange-400:nth-child(even) { border-color:#fb923c; }
.on-even\:background-orange-500:nth-child(even) { background-color:#f97316; }
.on-even\:color-orange-500:nth-child(even) { color:#f97316; }
.on-even\:border-color-orange-500:nth-child(even) { border-color:#f97316; }
.on-even\:background-orange-600:nth-child(even) { background-color:#ea580c; }
.on-even\:color-orange-600:nth-child(even) { color:#ea580c; }
.on-even\:border-color-orange-600:nth-child(even) { border-color:#ea580c; }
.on-even\:background-orange-700:nth-child(even) { background-color:#c2410c; }
.on-even\:color-orange-700:nth-child(even) { color:#c2410c; }
.on-even\:border-color-orange-700:nth-child(even) { border-color:#c2410c; }
.on-even\:background-amber-300:nth-child(even) { background-color:#fcd34d; }
.on-even\:color-amber-300:nth-child(even) { color:#fcd34d; }
.on-even\:border-color-amber-300:nth-child(even) { border-color:#fcd34d; }
.on-even\:background-amber-400:nth-child(even) { background-color:#fbbf24; }
.on-even\:color-amber-400:nth-child(even) { color:#fbbf24; }
.on-even\:border-color-amber-400:nth-child(even) { border-color:#fbbf24; }
.on-even\:background-amber-500:nth-child(even) { background-color:#f59e0b; }
.on-even\:color-amber-500:nth-child(even) { color:#f59e0b; }
.on-even\:border-color-amber-500:nth-child(even) { border-color:#f59e0b; }
.on-even\:background-amber-600:nth-child(even) { background-color:#d97706; }
.on-even\:color-amber-600:nth-child(even) { color:#d97706; }
.on-even\:border-color-amber-600:nth-child(even) { border-color:#d97706; }
.on-even\:background-amber-700:nth-child(even) { background-color:#b45309; }
.on-even\:color-amber-700:nth-child(even) { color:#b45309; }
.on-even\:border-color-amber-700:nth-child(even) { border-color:#b45309; }
.on-even\:background-yellow-300:nth-child(even) { background-color:#fde047; }
.on-even\:color-yellow-300:nth-child(even) { color:#fde047; }
.on-even\:border-color-yellow-300:nth-child(even) { border-color:#fde047; }
.on-even\:background-yellow-400:nth-child(even) { background-color:#facc15; }
.on-even\:color-yellow-400:nth-child(even) { color:#facc15; }
.on-even\:border-color-yellow-400:nth-child(even) { border-color:#facc15; }
.on-even\:background-yellow-500:nth-child(even) { background-color:#eab308; }
.on-even\:color-yellow-500:nth-child(even) { color:#eab308; }
.on-even\:border-color-yellow-500:nth-child(even) { border-color:#eab308; }
.on-even\:background-yellow-600:nth-child(even) { background-color:#ca8a04; }
.on-even\:color-yellow-600:nth-child(even) { color:#ca8a04; }
.on-even\:border-color-yellow-600:nth-child(even) { border-color:#ca8a04; }
.on-even\:background-yellow-700:nth-child(even) { background-color:#a16207; }
.on-even\:color-yellow-700:nth-child(even) { color:#a16207; }
.on-even\:border-color-yellow-700:nth-child(even) { border-color:#a16207; }
.on-even\:background-lime-300:nth-child(even) { background-color:#bef264; }
.on-even\:color-lime-300:nth-child(even) { color:#bef264; }
.on-even\:border-color-lime-300:nth-child(even) { border-color:#bef264; }
.on-even\:background-lime-400:nth-child(even) { background-color:#a3e635; }
.on-even\:color-lime-400:nth-child(even) { color:#a3e635; }
.on-even\:border-color-lime-400:nth-child(even) { border-color:#a3e635; }
.on-even\:background-lime-500:nth-child(even) { background-color:#84cc16; }
.on-even\:color-lime-500:nth-child(even) { color:#84cc16; }
.on-even\:border-color-lime-500:nth-child(even) { border-color:#84cc16; }
.on-even\:background-lime-600:nth-child(even) { background-color:#65a30d; }
.on-even\:color-lime-600:nth-child(even) { color:#65a30d; }
.on-even\:border-color-lime-600:nth-child(even) { border-color:#65a30d; }
.on-even\:background-lime-700:nth-child(even) { background-color:#4d7c0f; }
.on-even\:color-lime-700:nth-child(even) { color:#4d7c0f; }
.on-even\:border-color-lime-700:nth-child(even) { border-color:#4d7c0f; }
.on-even\:background-green-300:nth-child(even) { background-color:#86efac; }
.on-even\:color-green-300:nth-child(even) { color:#86efac; }
.on-even\:border-color-green-300:nth-child(even) { border-color:#86efac; }
.on-even\:background-green-400:nth-child(even) { background-color:#4ade80; }
.on-even\:color-green-400:nth-child(even) { color:#4ade80; }
.on-even\:border-color-green-400:nth-child(even) { border-color:#4ade80; }
.on-even\:background-green-500:nth-child(even) { background-color:#22c55e; }
.on-even\:color-green-500:nth-child(even) { color:#22c55e; }
.on-even\:border-color-green-500:nth-child(even) { border-color:#22c55e; }
.on-even\:background-green-600:nth-child(even) { background-color:#16a34a; }
.on-even\:color-green-600:nth-child(even) { color:#16a34a; }
.on-even\:border-color-green-600:nth-child(even) { border-color:#16a34a; }
.on-even\:background-green-700:nth-child(even) { background-color:#15803d; }
.on-even\:color-green-700:nth-child(even) { color:#15803d; }
.on-even\:border-color-green-700:nth-child(even) { border-color:#15803d; }
.on-even\:background-teal-300:nth-child(even) { background-color:#5eead4; }
.on-even\:color-teal-300:nth-child(even) { color:#5eead4; }
.on-even\:border-color-teal-300:nth-child(even) { border-color:#5eead4; }
.on-even\:background-teal-400:nth-child(even) { background-color:#2dd4bf; }
.on-even\:color-teal-400:nth-child(even) { color:#2dd4bf; }
.on-even\:border-color-teal-400:nth-child(even) { border-color:#2dd4bf; }
.on-even\:background-teal-500:nth-child(even) { background-color:#14b8a6; }
.on-even\:color-teal-500:nth-child(even) { color:#14b8a6; }
.on-even\:border-color-teal-500:nth-child(even) { border-color:#14b8a6; }
.on-even\:background-teal-600:nth-child(even) { background-color:#0d9488; }
.on-even\:color-teal-600:nth-child(even) { color:#0d9488; }
.on-even\:border-color-teal-600:nth-child(even) { border-color:#0d9488; }
.on-even\:background-teal-700:nth-child(even) { background-color:#0f766e; }
.on-even\:color-teal-700:nth-child(even) { color:#0f766e; }
.on-even\:border-color-teal-700:nth-child(even) { border-color:#0f766e; }
.on-even\:background-cyan-300:nth-child(even) { background-color:#67e8f9; }
.on-even\:color-cyan-300:nth-child(even) { color:#67e8f9; }
.on-even\:border-color-cyan-300:nth-child(even) { border-color:#67e8f9; }
.on-even\:background-cyan-400:nth-child(even) { background-color:#22d3ee; }
.on-even\:color-cyan-400:nth-child(even) { color:#22d3ee; }
.on-even\:border-color-cyan-400:nth-child(even) { border-color:#22d3ee; }
.on-even\:background-cyan-500:nth-child(even) { background-color:#06b6d4; }
.on-even\:color-cyan-500:nth-child(even) { color:#06b6d4; }
.on-even\:border-color-cyan-500:nth-child(even) { border-color:#06b6d4; }
.on-even\:background-cyan-600:nth-child(even) { background-color:#0891b2; }
.on-even\:color-cyan-600:nth-child(even) { color:#0891b2; }
.on-even\:border-color-cyan-600:nth-child(even) { border-color:#0891b2; }
.on-even\:background-cyan-700:nth-child(even) { background-color:#0e7490; }
.on-even\:color-cyan-700:nth-child(even) { color:#0e7490; }
.on-even\:border-color-cyan-700:nth-child(even) { border-color:#0e7490; }
.on-even\:background-blue-300:nth-child(even) { background-color:#93c5fd; }
.on-even\:color-blue-300:nth-child(even) { color:#93c5fd; }
.on-even\:border-color-blue-300:nth-child(even) { border-color:#93c5fd; }
.on-even\:background-blue-400:nth-child(even) { background-color:#60a5fa; }
.on-even\:color-blue-400:nth-child(even) { color:#60a5fa; }
.on-even\:border-color-blue-400:nth-child(even) { border-color:#60a5fa; }
.on-even\:background-blue-500:nth-child(even) { background-color:#3b82f6; }
.on-even\:color-blue-500:nth-child(even) { color:#3b82f6; }
.on-even\:border-color-blue-500:nth-child(even) { border-color:#3b82f6; }
.on-even\:background-blue-600:nth-child(even) { background-color:#2563eb; }
.on-even\:color-blue-600:nth-child(even) { color:#2563eb; }
.on-even\:border-color-blue-600:nth-child(even) { border-color:#2563eb; }
.on-even\:background-blue-700:nth-child(even) { background-color:#1d4ed8; }
.on-even\:color-blue-700:nth-child(even) { color:#1d4ed8; }
.on-even\:border-color-blue-700:nth-child(even) { border-color:#1d4ed8; }
.on-even\:background-indigo-300:nth-child(even) { background-color:#a5b4fc; }
.on-even\:color-indigo-300:nth-child(even) { color:#a5b4fc; }
.on-even\:border-color-indigo-300:nth-child(even) { border-color:#a5b4fc; }
.on-even\:background-indigo-400:nth-child(even) { background-color:#818cf8; }
.on-even\:color-indigo-400:nth-child(even) { color:#818cf8; }
.on-even\:border-color-indigo-400:nth-child(even) { border-color:#818cf8; }
.on-even\:background-indigo-500:nth-child(even) { background-color:#6366f1; }
.on-even\:color-indigo-500:nth-child(even) { color:#6366f1; }
.on-even\:border-color-indigo-500:nth-child(even) { border-color:#6366f1; }
.on-even\:background-indigo-600:nth-child(even) { background-color:#4f46e5; }
.on-even\:color-indigo-600:nth-child(even) { color:#4f46e5; }
.on-even\:border-color-indigo-600:nth-child(even) { border-color:#4f46e5; }
.on-even\:background-indigo-700:nth-child(even) { background-color:#4338ca; }
.on-even\:color-indigo-700:nth-child(even) { color:#4338ca; }
.on-even\:border-color-indigo-700:nth-child(even) { border-color:#4338ca; }
.on-even\:background-violet-300:nth-child(even) { background-color:#c4b5fd; }
.on-even\:color-violet-300:nth-child(even) { color:#c4b5fd; }
.on-even\:border-color-violet-300:nth-child(even) { border-color:#c4b5fd; }
.on-even\:background-violet-400:nth-child(even) { background-color:#a78bfa; }
.on-even\:color-violet-400:nth-child(even) { color:#a78bfa; }
.on-even\:border-color-violet-400:nth-child(even) { border-color:#a78bfa; }
.on-even\:background-violet-500:nth-child(even) { background-color:#8b5cf6; }
.on-even\:color-violet-500:nth-child(even) { color:#8b5cf6; }
.on-even\:border-color-violet-500:nth-child(even) { border-color:#8b5cf6; }
.on-even\:background-violet-600:nth-child(even) { background-color:#7c3aed; }
.on-even\:color-violet-600:nth-child(even) { color:#7c3aed; }
.on-even\:border-color-violet-600:nth-child(even) { border-color:#7c3aed; }
.on-even\:background-violet-700:nth-child(even) { background-color:#6d28d9; }
.on-even\:color-violet-700:nth-child(even) { color:#6d28d9; }
.on-even\:border-color-violet-700:nth-child(even) { border-color:#6d28d9; }
.on-even\:background-purple-300:nth-child(even) { background-color:#d8b4fe; }
.on-even\:color-purple-300:nth-child(even) { color:#d8b4fe; }
.on-even\:border-color-purple-300:nth-child(even) { border-color:#d8b4fe; }
.on-even\:background-purple-400:nth-child(even) { background-color:#c084fc; }
.on-even\:color-purple-400:nth-child(even) { color:#c084fc; }
.on-even\:border-color-purple-400:nth-child(even) { border-color:#c084fc; }
.on-even\:background-purple-500:nth-child(even) { background-color:#a855f7; }
.on-even\:color-purple-500:nth-child(even) { color:#a855f7; }
.on-even\:border-color-purple-500:nth-child(even) { border-color:#a855f7; }
.on-even\:background-purple-600:nth-child(even) { background-color:#9333ea; }
.on-even\:color-purple-600:nth-child(even) { color:#9333ea; }
.on-even\:border-color-purple-600:nth-child(even) { border-color:#9333ea; }
.on-even\:background-purple-700:nth-child(even) { background-color:#7e22ce; }
.on-even\:color-purple-700:nth-child(even) { color:#7e22ce; }
.on-even\:border-color-purple-700:nth-child(even) { border-color:#7e22ce; }
.on-even\:background-pink-300:nth-child(even) { background-color:#f9a8d4; }
.on-even\:color-pink-300:nth-child(even) { color:#f9a8d4; }
.on-even\:border-color-pink-300:nth-child(even) { border-color:#f9a8d4; }
.on-even\:background-pink-400:nth-child(even) { background-color:#f472b6; }
.on-even\:color-pink-400:nth-child(even) { color:#f472b6; }
.on-even\:border-color-pink-400:nth-child(even) { border-color:#f472b6; }
.on-even\:background-pink-500:nth-child(even) { background-color:#ec4899; }
.on-even\:color-pink-500:nth-child(even) { color:#ec4899; }
.on-even\:border-color-pink-500:nth-child(even) { border-color:#ec4899; }
.on-even\:background-pink-600:nth-child(even) { background-color:#db2777; }
.on-even\:color-pink-600:nth-child(even) { color:#db2777; }
.on-even\:border-color-pink-600:nth-child(even) { border-color:#db2777; }
.on-even\:background-pink-700:nth-child(even) { background-color:#be185d; }
.on-even\:color-pink-700:nth-child(even) { color:#be185d; }
.on-even\:border-color-pink-700:nth-child(even) { border-color:#be185d; }
.on-even\:background-rose-300:nth-child(even) { background-color:#fda4af; }
.on-even\:color-rose-300:nth-child(even) { color:#fda4af; }
.on-even\:border-color-rose-300:nth-child(even) { border-color:#fda4af; }
.on-even\:background-rose-400:nth-child(even) { background-color:#fb7185; }
.on-even\:color-rose-400:nth-child(even) { color:#fb7185; }
.on-even\:border-color-rose-400:nth-child(even) { border-color:#fb7185; }
.on-even\:background-rose-500:nth-child(even) { background-color:#f43f5e; }
.on-even\:color-rose-500:nth-child(even) { color:#f43f5e; }
.on-even\:border-color-rose-500:nth-child(even) { border-color:#f43f5e; }
.on-even\:background-rose-600:nth-child(even) { background-color:#e11d48; }
.on-even\:color-rose-600:nth-child(even) { color:#e11d48; }
.on-even\:border-color-rose-600:nth-child(even) { border-color:#e11d48; }
.on-even\:background-rose-700:nth-child(even) { background-color:#be123c; }
.on-even\:color-rose-700:nth-child(even) { color:#be123c; }
.on-even\:border-color-rose-700:nth-child(even) { border-color:#be123c; }
.on-even\:background-slate-300:nth-child(even) { background-color:#cbd5e1; }
.on-even\:color-slate-300:nth-child(even) { color:#cbd5e1; }
.on-even\:border-color-slate-300:nth-child(even) { border-color:#cbd5e1; }
.on-even\:background-slate-400:nth-child(even) { background-color:#94a3b8; }
.on-even\:color-slate-400:nth-child(even) { color:#94a3b8; }
.on-even\:border-color-slate-400:nth-child(even) { border-color:#94a3b8; }
.on-even\:background-slate-500:nth-child(even) { background-color:#64748b; }
.on-even\:color-slate-500:nth-child(even) { color:#64748b; }
.on-even\:border-color-slate-500:nth-child(even) { border-color:#64748b; }
.on-even\:background-slate-600:nth-child(even) { background-color:#475569; }
.on-even\:color-slate-600:nth-child(even) { color:#475569; }
.on-even\:border-color-slate-600:nth-child(even) { border-color:#475569; }
.on-even\:background-slate-700:nth-child(even) { background-color:#334155; }
.on-even\:color-slate-700:nth-child(even) { color:#334155; }
.on-even\:border-color-slate-700:nth-child(even) { border-color:#334155; }
.on-even\:background-gray-300:nth-child(even) { background-color:#d1d5db; }
.on-even\:color-gray-300:nth-child(even) { color:#d1d5db; }
.on-even\:border-color-gray-300:nth-child(even) { border-color:#d1d5db; }
.on-even\:background-gray-400:nth-child(even) { background-color:#9ca3af; }
.on-even\:color-gray-400:nth-child(even) { color:#9ca3af; }
.on-even\:border-color-gray-400:nth-child(even) { border-color:#9ca3af; }
.on-even\:background-gray-500:nth-child(even) { background-color:#6b7280; }
.on-even\:color-gray-500:nth-child(even) { color:#6b7280; }
.on-even\:border-color-gray-500:nth-child(even) { border-color:#6b7280; }
.on-even\:background-gray-600:nth-child(even) { background-color:#4b5563; }
.on-even\:color-gray-600:nth-child(even) { color:#4b5563; }
.on-even\:border-color-gray-600:nth-child(even) { border-color:#4b5563; }
.on-even\:background-gray-700:nth-child(even) { background-color:#374151; }
.on-even\:color-gray-700:nth-child(even) { color:#374151; }
.on-even\:border-color-gray-700:nth-child(even) { border-color:#374151; }
.on-even\:background-zinc-300:nth-child(even) { background-color:#d4d4d8; }
.on-even\:color-zinc-300:nth-child(even) { color:#d4d4d8; }
.on-even\:border-color-zinc-300:nth-child(even) { border-color:#d4d4d8; }
.on-even\:background-zinc-400:nth-child(even) { background-color:#a1a1aa; }
.on-even\:color-zinc-400:nth-child(even) { color:#a1a1aa; }
.on-even\:border-color-zinc-400:nth-child(even) { border-color:#a1a1aa; }
.on-even\:background-zinc-500:nth-child(even) { background-color:#71717a; }
.on-even\:color-zinc-500:nth-child(even) { color:#71717a; }
.on-even\:border-color-zinc-500:nth-child(even) { border-color:#71717a; }
.on-even\:background-zinc-600:nth-child(even) { background-color:#52525b; }
.on-even\:color-zinc-600:nth-child(even) { color:#52525b; }
.on-even\:border-color-zinc-600:nth-child(even) { border-color:#52525b; }
.on-even\:background-zinc-700:nth-child(even) { background-color:#3f3f46; }
.on-even\:color-zinc-700:nth-child(even) { color:#3f3f46; }
.on-even\:border-color-zinc-700:nth-child(even) { border-color:#3f3f46; }
.on-even\:background-stone-300:nth-child(even) { background-color:#d6d3d1; }
.on-even\:color-stone-300:nth-child(even) { color:#d6d3d1; }
.on-even\:border-color-stone-300:nth-child(even) { border-color:#d6d3d1; }
.on-even\:background-stone-400:nth-child(even) { background-color:#a8a29e; }
.on-even\:color-stone-400:nth-child(even) { color:#a8a29e; }
.on-even\:border-color-stone-400:nth-child(even) { border-color:#a8a29e; }
.on-even\:background-stone-500:nth-child(even) { background-color:#78716c; }
.on-even\:color-stone-500:nth-child(even) { color:#78716c; }
.on-even\:border-color-stone-500:nth-child(even) { border-color:#78716c; }
.on-even\:background-stone-600:nth-child(even) { background-color:#57534e; }
.on-even\:color-stone-600:nth-child(even) { color:#57534e; }
.on-even\:border-color-stone-600:nth-child(even) { border-color:#57534e; }
.on-even\:background-stone-700:nth-child(even) { background-color:#44403c; }
.on-even\:color-stone-700:nth-child(even) { color:#44403c; }
.on-even\:border-color-stone-700:nth-child(even) { border-color:#44403c; }
.on-even\:add-shadow-sm:nth-child(even) { box-shadow:var(--santy-shadow-sm); }
.on-even\:add-shadow:nth-child(even) { box-shadow:var(--santy-shadow); }
.on-even\:add-shadow-md:nth-child(even) { box-shadow:var(--santy-shadow-md); }
.on-even\:add-shadow-lg:nth-child(even) { box-shadow:var(--santy-shadow-lg); }
.on-even\:no-shadow:nth-child(even) { box-shadow:none; }
.on-even\:opacity-0:nth-child(even) { opacity:0; }
.on-even\:opacity-25:nth-child(even) { opacity:0.25; }
.on-even\:opacity-50:nth-child(even) { opacity:0.5; }
.on-even\:opacity-75:nth-child(even) { opacity:0.75; }
.on-even\:opacity-100:nth-child(even) { opacity:1; }
.on-even\:scale-90:nth-child(even) { transform:scale(0.9); }
.on-even\:scale-95:nth-child(even) { transform:scale(0.95); }
.on-even\:scale-100:nth-child(even) { transform:scale(1); }
.on-even\:scale-105:nth-child(even) { transform:scale(1.05); }
.on-even\:scale-110:nth-child(even) { transform:scale(1.1); }
.on-even\:make-hidden:nth-child(even) { display:none; }
.on-even\:make-block:nth-child(even) { display:block; }
.on-even\:make-flex:nth-child(even) { display:flex; }
.on-even\:cursor-pointer:nth-child(even) { cursor:pointer; }
.on-even\:cursor-not-allowed:nth-child(even) { cursor:not-allowed; }
.on-even\:outline-none:nth-child(even) { outline:none; }
.on-even\:text-underline:nth-child(even) { text-decoration:underline; }
.on-even\:text-no-decoration:nth-child(even) { text-decoration:none; }
.on-even\:text-bold:nth-child(even) { font-weight:700; }
.on-even\:transition-fast:nth-child(even) { transition:var(--santy-transition-fast); }
.on-even\:transition-normal:nth-child(even) { transition:var(--santy-transition-normal); }
.on-even\:add-border-1:nth-child(even) { border:1px solid; }
.on-even\:add-border-2:nth-child(even) { border:2px solid; }
.on-even\:add-border-4:nth-child(even) { border:4px solid; }

/* on-placeholder */
.on-placeholder\:background-red-300::placeholder { background-color:#fca5a5; }
.on-placeholder\:color-red-300::placeholder { color:#fca5a5; }
.on-placeholder\:border-color-red-300::placeholder { border-color:#fca5a5; }
.on-placeholder\:background-red-400::placeholder { background-color:#f87171; }
.on-placeholder\:color-red-400::placeholder { color:#f87171; }
.on-placeholder\:border-color-red-400::placeholder { border-color:#f87171; }
.on-placeholder\:background-red-500::placeholder { background-color:#ef4444; }
.on-placeholder\:color-red-500::placeholder { color:#ef4444; }
.on-placeholder\:border-color-red-500::placeholder { border-color:#ef4444; }
.on-placeholder\:background-red-600::placeholder { background-color:#dc2626; }
.on-placeholder\:color-red-600::placeholder { color:#dc2626; }
.on-placeholder\:border-color-red-600::placeholder { border-color:#dc2626; }
.on-placeholder\:background-red-700::placeholder { background-color:#b91c1c; }
.on-placeholder\:color-red-700::placeholder { color:#b91c1c; }
.on-placeholder\:border-color-red-700::placeholder { border-color:#b91c1c; }
.on-placeholder\:background-orange-300::placeholder { background-color:#fdba74; }
.on-placeholder\:color-orange-300::placeholder { color:#fdba74; }
.on-placeholder\:border-color-orange-300::placeholder { border-color:#fdba74; }
.on-placeholder\:background-orange-400::placeholder { background-color:#fb923c; }
.on-placeholder\:color-orange-400::placeholder { color:#fb923c; }
.on-placeholder\:border-color-orange-400::placeholder { border-color:#fb923c; }
.on-placeholder\:background-orange-500::placeholder { background-color:#f97316; }
.on-placeholder\:color-orange-500::placeholder { color:#f97316; }
.on-placeholder\:border-color-orange-500::placeholder { border-color:#f97316; }
.on-placeholder\:background-orange-600::placeholder { background-color:#ea580c; }
.on-placeholder\:color-orange-600::placeholder { color:#ea580c; }
.on-placeholder\:border-color-orange-600::placeholder { border-color:#ea580c; }
.on-placeholder\:background-orange-700::placeholder { background-color:#c2410c; }
.on-placeholder\:color-orange-700::placeholder { color:#c2410c; }
.on-placeholder\:border-color-orange-700::placeholder { border-color:#c2410c; }
.on-placeholder\:background-amber-300::placeholder { background-color:#fcd34d; }
.on-placeholder\:color-amber-300::placeholder { color:#fcd34d; }
.on-placeholder\:border-color-amber-300::placeholder { border-color:#fcd34d; }
.on-placeholder\:background-amber-400::placeholder { background-color:#fbbf24; }
.on-placeholder\:color-amber-400::placeholder { color:#fbbf24; }
.on-placeholder\:border-color-amber-400::placeholder { border-color:#fbbf24; }
.on-placeholder\:background-amber-500::placeholder { background-color:#f59e0b; }
.on-placeholder\:color-amber-500::placeholder { color:#f59e0b; }
.on-placeholder\:border-color-amber-500::placeholder { border-color:#f59e0b; }
.on-placeholder\:background-amber-600::placeholder { background-color:#d97706; }
.on-placeholder\:color-amber-600::placeholder { color:#d97706; }
.on-placeholder\:border-color-amber-600::placeholder { border-color:#d97706; }
.on-placeholder\:background-amber-700::placeholder { background-color:#b45309; }
.on-placeholder\:color-amber-700::placeholder { color:#b45309; }
.on-placeholder\:border-color-amber-700::placeholder { border-color:#b45309; }
.on-placeholder\:background-yellow-300::placeholder { background-color:#fde047; }
.on-placeholder\:color-yellow-300::placeholder { color:#fde047; }
.on-placeholder\:border-color-yellow-300::placeholder { border-color:#fde047; }
.on-placeholder\:background-yellow-400::placeholder { background-color:#facc15; }
.on-placeholder\:color-yellow-400::placeholder { color:#facc15; }
.on-placeholder\:border-color-yellow-400::placeholder { border-color:#facc15; }
.on-placeholder\:background-yellow-500::placeholder { background-color:#eab308; }
.on-placeholder\:color-yellow-500::placeholder { color:#eab308; }
.on-placeholder\:border-color-yellow-500::placeholder { border-color:#eab308; }
.on-placeholder\:background-yellow-600::placeholder { background-color:#ca8a04; }
.on-placeholder\:color-yellow-600::placeholder { color:#ca8a04; }
.on-placeholder\:border-color-yellow-600::placeholder { border-color:#ca8a04; }
.on-placeholder\:background-yellow-700::placeholder { background-color:#a16207; }
.on-placeholder\:color-yellow-700::placeholder { color:#a16207; }
.on-placeholder\:border-color-yellow-700::placeholder { border-color:#a16207; }
.on-placeholder\:background-lime-300::placeholder { background-color:#bef264; }
.on-placeholder\:color-lime-300::placeholder { color:#bef264; }
.on-placeholder\:border-color-lime-300::placeholder { border-color:#bef264; }
.on-placeholder\:background-lime-400::placeholder { background-color:#a3e635; }
.on-placeholder\:color-lime-400::placeholder { color:#a3e635; }
.on-placeholder\:border-color-lime-400::placeholder { border-color:#a3e635; }
.on-placeholder\:background-lime-500::placeholder { background-color:#84cc16; }
.on-placeholder\:color-lime-500::placeholder { color:#84cc16; }
.on-placeholder\:border-color-lime-500::placeholder { border-color:#84cc16; }
.on-placeholder\:background-lime-600::placeholder { background-color:#65a30d; }
.on-placeholder\:color-lime-600::placeholder { color:#65a30d; }
.on-placeholder\:border-color-lime-600::placeholder { border-color:#65a30d; }
.on-placeholder\:background-lime-700::placeholder { background-color:#4d7c0f; }
.on-placeholder\:color-lime-700::placeholder { color:#4d7c0f; }
.on-placeholder\:border-color-lime-700::placeholder { border-color:#4d7c0f; }
.on-placeholder\:background-green-300::placeholder { background-color:#86efac; }
.on-placeholder\:color-green-300::placeholder { color:#86efac; }
.on-placeholder\:border-color-green-300::placeholder { border-color:#86efac; }
.on-placeholder\:background-green-400::placeholder { background-color:#4ade80; }
.on-placeholder\:color-green-400::placeholder { color:#4ade80; }
.on-placeholder\:border-color-green-400::placeholder { border-color:#4ade80; }
.on-placeholder\:background-green-500::placeholder { background-color:#22c55e; }
.on-placeholder\:color-green-500::placeholder { color:#22c55e; }
.on-placeholder\:border-color-green-500::placeholder { border-color:#22c55e; }
.on-placeholder\:background-green-600::placeholder { background-color:#16a34a; }
.on-placeholder\:color-green-600::placeholder { color:#16a34a; }
.on-placeholder\:border-color-green-600::placeholder { border-color:#16a34a; }
.on-placeholder\:background-green-700::placeholder { background-color:#15803d; }
.on-placeholder\:color-green-700::placeholder { color:#15803d; }
.on-placeholder\:border-color-green-700::placeholder { border-color:#15803d; }
.on-placeholder\:background-teal-300::placeholder { background-color:#5eead4; }
.on-placeholder\:color-teal-300::placeholder { color:#5eead4; }
.on-placeholder\:border-color-teal-300::placeholder { border-color:#5eead4; }
.on-placeholder\:background-teal-400::placeholder { background-color:#2dd4bf; }
.on-placeholder\:color-teal-400::placeholder { color:#2dd4bf; }
.on-placeholder\:border-color-teal-400::placeholder { border-color:#2dd4bf; }
.on-placeholder\:background-teal-500::placeholder { background-color:#14b8a6; }
.on-placeholder\:color-teal-500::placeholder { color:#14b8a6; }
.on-placeholder\:border-color-teal-500::placeholder { border-color:#14b8a6; }
.on-placeholder\:background-teal-600::placeholder { background-color:#0d9488; }
.on-placeholder\:color-teal-600::placeholder { color:#0d9488; }
.on-placeholder\:border-color-teal-600::placeholder { border-color:#0d9488; }
.on-placeholder\:background-teal-700::placeholder { background-color:#0f766e; }
.on-placeholder\:color-teal-700::placeholder { color:#0f766e; }
.on-placeholder\:border-color-teal-700::placeholder { border-color:#0f766e; }
.on-placeholder\:background-cyan-300::placeholder { background-color:#67e8f9; }
.on-placeholder\:color-cyan-300::placeholder { color:#67e8f9; }
.on-placeholder\:border-color-cyan-300::placeholder { border-color:#67e8f9; }
.on-placeholder\:background-cyan-400::placeholder { background-color:#22d3ee; }
.on-placeholder\:color-cyan-400::placeholder { color:#22d3ee; }
.on-placeholder\:border-color-cyan-400::placeholder { border-color:#22d3ee; }
.on-placeholder\:background-cyan-500::placeholder { background-color:#06b6d4; }
.on-placeholder\:color-cyan-500::placeholder { color:#06b6d4; }
.on-placeholder\:border-color-cyan-500::placeholder { border-color:#06b6d4; }
.on-placeholder\:background-cyan-600::placeholder { background-color:#0891b2; }
.on-placeholder\:color-cyan-600::placeholder { color:#0891b2; }
.on-placeholder\:border-color-cyan-600::placeholder { border-color:#0891b2; }
.on-placeholder\:background-cyan-700::placeholder { background-color:#0e7490; }
.on-placeholder\:color-cyan-700::placeholder { color:#0e7490; }
.on-placeholder\:border-color-cyan-700::placeholder { border-color:#0e7490; }
.on-placeholder\:background-blue-300::placeholder { background-color:#93c5fd; }
.on-placeholder\:color-blue-300::placeholder { color:#93c5fd; }
.on-placeholder\:border-color-blue-300::placeholder { border-color:#93c5fd; }
.on-placeholder\:background-blue-400::placeholder { background-color:#60a5fa; }
.on-placeholder\:color-blue-400::placeholder { color:#60a5fa; }
.on-placeholder\:border-color-blue-400::placeholder { border-color:#60a5fa; }
.on-placeholder\:background-blue-500::placeholder { background-color:#3b82f6; }
.on-placeholder\:color-blue-500::placeholder { color:#3b82f6; }
.on-placeholder\:border-color-blue-500::placeholder { border-color:#3b82f6; }
.on-placeholder\:background-blue-600::placeholder { background-color:#2563eb; }
.on-placeholder\:color-blue-600::placeholder { color:#2563eb; }
.on-placeholder\:border-color-blue-600::placeholder { border-color:#2563eb; }
.on-placeholder\:background-blue-700::placeholder { background-color:#1d4ed8; }
.on-placeholder\:color-blue-700::placeholder { color:#1d4ed8; }
.on-placeholder\:border-color-blue-700::placeholder { border-color:#1d4ed8; }
.on-placeholder\:background-indigo-300::placeholder { background-color:#a5b4fc; }
.on-placeholder\:color-indigo-300::placeholder { color:#a5b4fc; }
.on-placeholder\:border-color-indigo-300::placeholder { border-color:#a5b4fc; }
.on-placeholder\:background-indigo-400::placeholder { background-color:#818cf8; }
.on-placeholder\:color-indigo-400::placeholder { color:#818cf8; }
.on-placeholder\:border-color-indigo-400::placeholder { border-color:#818cf8; }
.on-placeholder\:background-indigo-500::placeholder { background-color:#6366f1; }
.on-placeholder\:color-indigo-500::placeholder { color:#6366f1; }
.on-placeholder\:border-color-indigo-500::placeholder { border-color:#6366f1; }
.on-placeholder\:background-indigo-600::placeholder { background-color:#4f46e5; }
.on-placeholder\:color-indigo-600::placeholder { color:#4f46e5; }
.on-placeholder\:border-color-indigo-600::placeholder { border-color:#4f46e5; }
.on-placeholder\:background-indigo-700::placeholder { background-color:#4338ca; }
.on-placeholder\:color-indigo-700::placeholder { color:#4338ca; }
.on-placeholder\:border-color-indigo-700::placeholder { border-color:#4338ca; }
.on-placeholder\:background-violet-300::placeholder { background-color:#c4b5fd; }
.on-placeholder\:color-violet-300::placeholder { color:#c4b5fd; }
.on-placeholder\:border-color-violet-300::placeholder { border-color:#c4b5fd; }
.on-placeholder\:background-violet-400::placeholder { background-color:#a78bfa; }
.on-placeholder\:color-violet-400::placeholder { color:#a78bfa; }
.on-placeholder\:border-color-violet-400::placeholder { border-color:#a78bfa; }
.on-placeholder\:background-violet-500::placeholder { background-color:#8b5cf6; }
.on-placeholder\:color-violet-500::placeholder { color:#8b5cf6; }
.on-placeholder\:border-color-violet-500::placeholder { border-color:#8b5cf6; }
.on-placeholder\:background-violet-600::placeholder { background-color:#7c3aed; }
.on-placeholder\:color-violet-600::placeholder { color:#7c3aed; }
.on-placeholder\:border-color-violet-600::placeholder { border-color:#7c3aed; }
.on-placeholder\:background-violet-700::placeholder { background-color:#6d28d9; }
.on-placeholder\:color-violet-700::placeholder { color:#6d28d9; }
.on-placeholder\:border-color-violet-700::placeholder { border-color:#6d28d9; }
.on-placeholder\:background-purple-300::placeholder { background-color:#d8b4fe; }
.on-placeholder\:color-purple-300::placeholder { color:#d8b4fe; }
.on-placeholder\:border-color-purple-300::placeholder { border-color:#d8b4fe; }
.on-placeholder\:background-purple-400::placeholder { background-color:#c084fc; }
.on-placeholder\:color-purple-400::placeholder { color:#c084fc; }
.on-placeholder\:border-color-purple-400::placeholder { border-color:#c084fc; }
.on-placeholder\:background-purple-500::placeholder { background-color:#a855f7; }
.on-placeholder\:color-purple-500::placeholder { color:#a855f7; }
.on-placeholder\:border-color-purple-500::placeholder { border-color:#a855f7; }
.on-placeholder\:background-purple-600::placeholder { background-color:#9333ea; }
.on-placeholder\:color-purple-600::placeholder { color:#9333ea; }
.on-placeholder\:border-color-purple-600::placeholder { border-color:#9333ea; }
.on-placeholder\:background-purple-700::placeholder { background-color:#7e22ce; }
.on-placeholder\:color-purple-700::placeholder { color:#7e22ce; }
.on-placeholder\:border-color-purple-700::placeholder { border-color:#7e22ce; }
.on-placeholder\:background-pink-300::placeholder { background-color:#f9a8d4; }
.on-placeholder\:color-pink-300::placeholder { color:#f9a8d4; }
.on-placeholder\:border-color-pink-300::placeholder { border-color:#f9a8d4; }
.on-placeholder\:background-pink-400::placeholder { background-color:#f472b6; }
.on-placeholder\:color-pink-400::placeholder { color:#f472b6; }
.on-placeholder\:border-color-pink-400::placeholder { border-color:#f472b6; }
.on-placeholder\:background-pink-500::placeholder { background-color:#ec4899; }
.on-placeholder\:color-pink-500::placeholder { color:#ec4899; }
.on-placeholder\:border-color-pink-500::placeholder { border-color:#ec4899; }
.on-placeholder\:background-pink-600::placeholder { background-color:#db2777; }
.on-placeholder\:color-pink-600::placeholder { color:#db2777; }
.on-placeholder\:border-color-pink-600::placeholder { border-color:#db2777; }
.on-placeholder\:background-pink-700::placeholder { background-color:#be185d; }
.on-placeholder\:color-pink-700::placeholder { color:#be185d; }
.on-placeholder\:border-color-pink-700::placeholder { border-color:#be185d; }
.on-placeholder\:background-rose-300::placeholder { background-color:#fda4af; }
.on-placeholder\:color-rose-300::placeholder { color:#fda4af; }
.on-placeholder\:border-color-rose-300::placeholder { border-color:#fda4af; }
.on-placeholder\:background-rose-400::placeholder { background-color:#fb7185; }
.on-placeholder\:color-rose-400::placeholder { color:#fb7185; }
.on-placeholder\:border-color-rose-400::placeholder { border-color:#fb7185; }
.on-placeholder\:background-rose-500::placeholder { background-color:#f43f5e; }
.on-placeholder\:color-rose-500::placeholder { color:#f43f5e; }
.on-placeholder\:border-color-rose-500::placeholder { border-color:#f43f5e; }
.on-placeholder\:background-rose-600::placeholder { background-color:#e11d48; }
.on-placeholder\:color-rose-600::placeholder { color:#e11d48; }
.on-placeholder\:border-color-rose-600::placeholder { border-color:#e11d48; }
.on-placeholder\:background-rose-700::placeholder { background-color:#be123c; }
.on-placeholder\:color-rose-700::placeholder { color:#be123c; }
.on-placeholder\:border-color-rose-700::placeholder { border-color:#be123c; }
.on-placeholder\:background-slate-300::placeholder { background-color:#cbd5e1; }
.on-placeholder\:color-slate-300::placeholder { color:#cbd5e1; }
.on-placeholder\:border-color-slate-300::placeholder { border-color:#cbd5e1; }
.on-placeholder\:background-slate-400::placeholder { background-color:#94a3b8; }
.on-placeholder\:color-slate-400::placeholder { color:#94a3b8; }
.on-placeholder\:border-color-slate-400::placeholder { border-color:#94a3b8; }
.on-placeholder\:background-slate-500::placeholder { background-color:#64748b; }
.on-placeholder\:color-slate-500::placeholder { color:#64748b; }
.on-placeholder\:border-color-slate-500::placeholder { border-color:#64748b; }
.on-placeholder\:background-slate-600::placeholder { background-color:#475569; }
.on-placeholder\:color-slate-600::placeholder { color:#475569; }
.on-placeholder\:border-color-slate-600::placeholder { border-color:#475569; }
.on-placeholder\:background-slate-700::placeholder { background-color:#334155; }
.on-placeholder\:color-slate-700::placeholder { color:#334155; }
.on-placeholder\:border-color-slate-700::placeholder { border-color:#334155; }
.on-placeholder\:background-gray-300::placeholder { background-color:#d1d5db; }
.on-placeholder\:color-gray-300::placeholder { color:#d1d5db; }
.on-placeholder\:border-color-gray-300::placeholder { border-color:#d1d5db; }
.on-placeholder\:background-gray-400::placeholder { background-color:#9ca3af; }
.on-placeholder\:color-gray-400::placeholder { color:#9ca3af; }
.on-placeholder\:border-color-gray-400::placeholder { border-color:#9ca3af; }
.on-placeholder\:background-gray-500::placeholder { background-color:#6b7280; }
.on-placeholder\:color-gray-500::placeholder { color:#6b7280; }
.on-placeholder\:border-color-gray-500::placeholder { border-color:#6b7280; }
.on-placeholder\:background-gray-600::placeholder { background-color:#4b5563; }
.on-placeholder\:color-gray-600::placeholder { color:#4b5563; }
.on-placeholder\:border-color-gray-600::placeholder { border-color:#4b5563; }
.on-placeholder\:background-gray-700::placeholder { background-color:#374151; }
.on-placeholder\:color-gray-700::placeholder { color:#374151; }
.on-placeholder\:border-color-gray-700::placeholder { border-color:#374151; }
.on-placeholder\:background-zinc-300::placeholder { background-color:#d4d4d8; }
.on-placeholder\:color-zinc-300::placeholder { color:#d4d4d8; }
.on-placeholder\:border-color-zinc-300::placeholder { border-color:#d4d4d8; }
.on-placeholder\:background-zinc-400::placeholder { background-color:#a1a1aa; }
.on-placeholder\:color-zinc-400::placeholder { color:#a1a1aa; }
.on-placeholder\:border-color-zinc-400::placeholder { border-color:#a1a1aa; }
.on-placeholder\:background-zinc-500::placeholder { background-color:#71717a; }
.on-placeholder\:color-zinc-500::placeholder { color:#71717a; }
.on-placeholder\:border-color-zinc-500::placeholder { border-color:#71717a; }
.on-placeholder\:background-zinc-600::placeholder { background-color:#52525b; }
.on-placeholder\:color-zinc-600::placeholder { color:#52525b; }
.on-placeholder\:border-color-zinc-600::placeholder { border-color:#52525b; }
.on-placeholder\:background-zinc-700::placeholder { background-color:#3f3f46; }
.on-placeholder\:color-zinc-700::placeholder { color:#3f3f46; }
.on-placeholder\:border-color-zinc-700::placeholder { border-color:#3f3f46; }
.on-placeholder\:background-stone-300::placeholder { background-color:#d6d3d1; }
.on-placeholder\:color-stone-300::placeholder { color:#d6d3d1; }
.on-placeholder\:border-color-stone-300::placeholder { border-color:#d6d3d1; }
.on-placeholder\:background-stone-400::placeholder { background-color:#a8a29e; }
.on-placeholder\:color-stone-400::placeholder { color:#a8a29e; }
.on-placeholder\:border-color-stone-400::placeholder { border-color:#a8a29e; }
.on-placeholder\:background-stone-500::placeholder { background-color:#78716c; }
.on-placeholder\:color-stone-500::placeholder { color:#78716c; }
.on-placeholder\:border-color-stone-500::placeholder { border-color:#78716c; }
.on-placeholder\:background-stone-600::placeholder { background-color:#57534e; }
.on-placeholder\:color-stone-600::placeholder { color:#57534e; }
.on-placeholder\:border-color-stone-600::placeholder { border-color:#57534e; }
.on-placeholder\:background-stone-700::placeholder { background-color:#44403c; }
.on-placeholder\:color-stone-700::placeholder { color:#44403c; }
.on-placeholder\:border-color-stone-700::placeholder { border-color:#44403c; }
.on-placeholder\:add-shadow-sm::placeholder { box-shadow:var(--santy-shadow-sm); }
.on-placeholder\:add-shadow::placeholder { box-shadow:var(--santy-shadow); }
.on-placeholder\:add-shadow-md::placeholder { box-shadow:var(--santy-shadow-md); }
.on-placeholder\:add-shadow-lg::placeholder { box-shadow:var(--santy-shadow-lg); }
.on-placeholder\:no-shadow::placeholder { box-shadow:none; }
.on-placeholder\:opacity-0::placeholder { opacity:0; }
.on-placeholder\:opacity-25::placeholder { opacity:0.25; }
.on-placeholder\:opacity-50::placeholder { opacity:0.5; }
.on-placeholder\:opacity-75::placeholder { opacity:0.75; }
.on-placeholder\:opacity-100::placeholder { opacity:1; }
.on-placeholder\:scale-90::placeholder { transform:scale(0.9); }
.on-placeholder\:scale-95::placeholder { transform:scale(0.95); }
.on-placeholder\:scale-100::placeholder { transform:scale(1); }
.on-placeholder\:scale-105::placeholder { transform:scale(1.05); }
.on-placeholder\:scale-110::placeholder { transform:scale(1.1); }
.on-placeholder\:make-hidden::placeholder { display:none; }
.on-placeholder\:make-block::placeholder { display:block; }
.on-placeholder\:make-flex::placeholder { display:flex; }
.on-placeholder\:cursor-pointer::placeholder { cursor:pointer; }
.on-placeholder\:cursor-not-allowed::placeholder { cursor:not-allowed; }
.on-placeholder\:outline-none::placeholder { outline:none; }
.on-placeholder\:text-underline::placeholder { text-decoration:underline; }
.on-placeholder\:text-no-decoration::placeholder { text-decoration:none; }
.on-placeholder\:text-bold::placeholder { font-weight:700; }
.on-placeholder\:transition-fast::placeholder { transition:var(--santy-transition-fast); }
.on-placeholder\:transition-normal::placeholder { transition:var(--santy-transition-normal); }
.on-placeholder\:add-border-1::placeholder { border:1px solid; }
.on-placeholder\:add-border-2::placeholder { border:2px solid; }
.on-placeholder\:add-border-4::placeholder { border:4px solid; }

/* on-focus-within */
.on-focus-within\:background-red-300:focus-within { background-color:#fca5a5; }
.on-focus-within\:color-red-300:focus-within { color:#fca5a5; }
.on-focus-within\:border-color-red-300:focus-within { border-color:#fca5a5; }
.on-focus-within\:background-red-400:focus-within { background-color:#f87171; }
.on-focus-within\:color-red-400:focus-within { color:#f87171; }
.on-focus-within\:border-color-red-400:focus-within { border-color:#f87171; }
.on-focus-within\:background-red-500:focus-within { background-color:#ef4444; }
.on-focus-within\:color-red-500:focus-within { color:#ef4444; }
.on-focus-within\:border-color-red-500:focus-within { border-color:#ef4444; }
.on-focus-within\:background-red-600:focus-within { background-color:#dc2626; }
.on-focus-within\:color-red-600:focus-within { color:#dc2626; }
.on-focus-within\:border-color-red-600:focus-within { border-color:#dc2626; }
.on-focus-within\:background-red-700:focus-within { background-color:#b91c1c; }
.on-focus-within\:color-red-700:focus-within { color:#b91c1c; }
.on-focus-within\:border-color-red-700:focus-within { border-color:#b91c1c; }
.on-focus-within\:background-orange-300:focus-within { background-color:#fdba74; }
.on-focus-within\:color-orange-300:focus-within { color:#fdba74; }
.on-focus-within\:border-color-orange-300:focus-within { border-color:#fdba74; }
.on-focus-within\:background-orange-400:focus-within { background-color:#fb923c; }
.on-focus-within\:color-orange-400:focus-within { color:#fb923c; }
.on-focus-within\:border-color-orange-400:focus-within { border-color:#fb923c; }
.on-focus-within\:background-orange-500:focus-within { background-color:#f97316; }
.on-focus-within\:color-orange-500:focus-within { color:#f97316; }
.on-focus-within\:border-color-orange-500:focus-within { border-color:#f97316; }
.on-focus-within\:background-orange-600:focus-within { background-color:#ea580c; }
.on-focus-within\:color-orange-600:focus-within { color:#ea580c; }
.on-focus-within\:border-color-orange-600:focus-within { border-color:#ea580c; }
.on-focus-within\:background-orange-700:focus-within { background-color:#c2410c; }
.on-focus-within\:color-orange-700:focus-within { color:#c2410c; }
.on-focus-within\:border-color-orange-700:focus-within { border-color:#c2410c; }
.on-focus-within\:background-amber-300:focus-within { background-color:#fcd34d; }
.on-focus-within\:color-amber-300:focus-within { color:#fcd34d; }
.on-focus-within\:border-color-amber-300:focus-within { border-color:#fcd34d; }
.on-focus-within\:background-amber-400:focus-within { background-color:#fbbf24; }
.on-focus-within\:color-amber-400:focus-within { color:#fbbf24; }
.on-focus-within\:border-color-amber-400:focus-within { border-color:#fbbf24; }
.on-focus-within\:background-amber-500:focus-within { background-color:#f59e0b; }
.on-focus-within\:color-amber-500:focus-within { color:#f59e0b; }
.on-focus-within\:border-color-amber-500:focus-within { border-color:#f59e0b; }
.on-focus-within\:background-amber-600:focus-within { background-color:#d97706; }
.on-focus-within\:color-amber-600:focus-within { color:#d97706; }
.on-focus-within\:border-color-amber-600:focus-within { border-color:#d97706; }
.on-focus-within\:background-amber-700:focus-within { background-color:#b45309; }
.on-focus-within\:color-amber-700:focus-within { color:#b45309; }
.on-focus-within\:border-color-amber-700:focus-within { border-color:#b45309; }
.on-focus-within\:background-yellow-300:focus-within { background-color:#fde047; }
.on-focus-within\:color-yellow-300:focus-within { color:#fde047; }
.on-focus-within\:border-color-yellow-300:focus-within { border-color:#fde047; }
.on-focus-within\:background-yellow-400:focus-within { background-color:#facc15; }
.on-focus-within\:color-yellow-400:focus-within { color:#facc15; }
.on-focus-within\:border-color-yellow-400:focus-within { border-color:#facc15; }
.on-focus-within\:background-yellow-500:focus-within { background-color:#eab308; }
.on-focus-within\:color-yellow-500:focus-within { color:#eab308; }
.on-focus-within\:border-color-yellow-500:focus-within { border-color:#eab308; }
.on-focus-within\:background-yellow-600:focus-within { background-color:#ca8a04; }
.on-focus-within\:color-yellow-600:focus-within { color:#ca8a04; }
.on-focus-within\:border-color-yellow-600:focus-within { border-color:#ca8a04; }
.on-focus-within\:background-yellow-700:focus-within { background-color:#a16207; }
.on-focus-within\:color-yellow-700:focus-within { color:#a16207; }
.on-focus-within\:border-color-yellow-700:focus-within { border-color:#a16207; }
.on-focus-within\:background-lime-300:focus-within { background-color:#bef264; }
.on-focus-within\:color-lime-300:focus-within { color:#bef264; }
.on-focus-within\:border-color-lime-300:focus-within { border-color:#bef264; }
.on-focus-within\:background-lime-400:focus-within { background-color:#a3e635; }
.on-focus-within\:color-lime-400:focus-within { color:#a3e635; }
.on-focus-within\:border-color-lime-400:focus-within { border-color:#a3e635; }
.on-focus-within\:background-lime-500:focus-within { background-color:#84cc16; }
.on-focus-within\:color-lime-500:focus-within { color:#84cc16; }
.on-focus-within\:border-color-lime-500:focus-within { border-color:#84cc16; }
.on-focus-within\:background-lime-600:focus-within { background-color:#65a30d; }
.on-focus-within\:color-lime-600:focus-within { color:#65a30d; }
.on-focus-within\:border-color-lime-600:focus-within { border-color:#65a30d; }
.on-focus-within\:background-lime-700:focus-within { background-color:#4d7c0f; }
.on-focus-within\:color-lime-700:focus-within { color:#4d7c0f; }
.on-focus-within\:border-color-lime-700:focus-within { border-color:#4d7c0f; }
.on-focus-within\:background-green-300:focus-within { background-color:#86efac; }
.on-focus-within\:color-green-300:focus-within { color:#86efac; }
.on-focus-within\:border-color-green-300:focus-within { border-color:#86efac; }
.on-focus-within\:background-green-400:focus-within { background-color:#4ade80; }
.on-focus-within\:color-green-400:focus-within { color:#4ade80; }
.on-focus-within\:border-color-green-400:focus-within { border-color:#4ade80; }
.on-focus-within\:background-green-500:focus-within { background-color:#22c55e; }
.on-focus-within\:color-green-500:focus-within { color:#22c55e; }
.on-focus-within\:border-color-green-500:focus-within { border-color:#22c55e; }
.on-focus-within\:background-green-600:focus-within { background-color:#16a34a; }
.on-focus-within\:color-green-600:focus-within { color:#16a34a; }
.on-focus-within\:border-color-green-600:focus-within { border-color:#16a34a; }
.on-focus-within\:background-green-700:focus-within { background-color:#15803d; }
.on-focus-within\:color-green-700:focus-within { color:#15803d; }
.on-focus-within\:border-color-green-700:focus-within { border-color:#15803d; }
.on-focus-within\:background-teal-300:focus-within { background-color:#5eead4; }
.on-focus-within\:color-teal-300:focus-within { color:#5eead4; }
.on-focus-within\:border-color-teal-300:focus-within { border-color:#5eead4; }
.on-focus-within\:background-teal-400:focus-within { background-color:#2dd4bf; }
.on-focus-within\:color-teal-400:focus-within { color:#2dd4bf; }
.on-focus-within\:border-color-teal-400:focus-within { border-color:#2dd4bf; }
.on-focus-within\:background-teal-500:focus-within { background-color:#14b8a6; }
.on-focus-within\:color-teal-500:focus-within { color:#14b8a6; }
.on-focus-within\:border-color-teal-500:focus-within { border-color:#14b8a6; }
.on-focus-within\:background-teal-600:focus-within { background-color:#0d9488; }
.on-focus-within\:color-teal-600:focus-within { color:#0d9488; }
.on-focus-within\:border-color-teal-600:focus-within { border-color:#0d9488; }
.on-focus-within\:background-teal-700:focus-within { background-color:#0f766e; }
.on-focus-within\:color-teal-700:focus-within { color:#0f766e; }
.on-focus-within\:border-color-teal-700:focus-within { border-color:#0f766e; }
.on-focus-within\:background-cyan-300:focus-within { background-color:#67e8f9; }
.on-focus-within\:color-cyan-300:focus-within { color:#67e8f9; }
.on-focus-within\:border-color-cyan-300:focus-within { border-color:#67e8f9; }
.on-focus-within\:background-cyan-400:focus-within { background-color:#22d3ee; }
.on-focus-within\:color-cyan-400:focus-within { color:#22d3ee; }
.on-focus-within\:border-color-cyan-400:focus-within { border-color:#22d3ee; }
.on-focus-within\:background-cyan-500:focus-within { background-color:#06b6d4; }
.on-focus-within\:color-cyan-500:focus-within { color:#06b6d4; }
.on-focus-within\:border-color-cyan-500:focus-within { border-color:#06b6d4; }
.on-focus-within\:background-cyan-600:focus-within { background-color:#0891b2; }
.on-focus-within\:color-cyan-600:focus-within { color:#0891b2; }
.on-focus-within\:border-color-cyan-600:focus-within { border-color:#0891b2; }
.on-focus-within\:background-cyan-700:focus-within { background-color:#0e7490; }
.on-focus-within\:color-cyan-700:focus-within { color:#0e7490; }
.on-focus-within\:border-color-cyan-700:focus-within { border-color:#0e7490; }
.on-focus-within\:background-blue-300:focus-within { background-color:#93c5fd; }
.on-focus-within\:color-blue-300:focus-within { color:#93c5fd; }
.on-focus-within\:border-color-blue-300:focus-within { border-color:#93c5fd; }
.on-focus-within\:background-blue-400:focus-within { background-color:#60a5fa; }
.on-focus-within\:color-blue-400:focus-within { color:#60a5fa; }
.on-focus-within\:border-color-blue-400:focus-within { border-color:#60a5fa; }
.on-focus-within\:background-blue-500:focus-within { background-color:#3b82f6; }
.on-focus-within\:color-blue-500:focus-within { color:#3b82f6; }
.on-focus-within\:border-color-blue-500:focus-within { border-color:#3b82f6; }
.on-focus-within\:background-blue-600:focus-within { background-color:#2563eb; }
.on-focus-within\:color-blue-600:focus-within { color:#2563eb; }
.on-focus-within\:border-color-blue-600:focus-within { border-color:#2563eb; }
.on-focus-within\:background-blue-700:focus-within { background-color:#1d4ed8; }
.on-focus-within\:color-blue-700:focus-within { color:#1d4ed8; }
.on-focus-within\:border-color-blue-700:focus-within { border-color:#1d4ed8; }
.on-focus-within\:background-indigo-300:focus-within { background-color:#a5b4fc; }
.on-focus-within\:color-indigo-300:focus-within { color:#a5b4fc; }
.on-focus-within\:border-color-indigo-300:focus-within { border-color:#a5b4fc; }
.on-focus-within\:background-indigo-400:focus-within { background-color:#818cf8; }
.on-focus-within\:color-indigo-400:focus-within { color:#818cf8; }
.on-focus-within\:border-color-indigo-400:focus-within { border-color:#818cf8; }
.on-focus-within\:background-indigo-500:focus-within { background-color:#6366f1; }
.on-focus-within\:color-indigo-500:focus-within { color:#6366f1; }
.on-focus-within\:border-color-indigo-500:focus-within { border-color:#6366f1; }
.on-focus-within\:background-indigo-600:focus-within { background-color:#4f46e5; }
.on-focus-within\:color-indigo-600:focus-within { color:#4f46e5; }
.on-focus-within\:border-color-indigo-600:focus-within { border-color:#4f46e5; }
.on-focus-within\:background-indigo-700:focus-within { background-color:#4338ca; }
.on-focus-within\:color-indigo-700:focus-within { color:#4338ca; }
.on-focus-within\:border-color-indigo-700:focus-within { border-color:#4338ca; }
.on-focus-within\:background-violet-300:focus-within { background-color:#c4b5fd; }
.on-focus-within\:color-violet-300:focus-within { color:#c4b5fd; }
.on-focus-within\:border-color-violet-300:focus-within { border-color:#c4b5fd; }
.on-focus-within\:background-violet-400:focus-within { background-color:#a78bfa; }
.on-focus-within\:color-violet-400:focus-within { color:#a78bfa; }
.on-focus-within\:border-color-violet-400:focus-within { border-color:#a78bfa; }
.on-focus-within\:background-violet-500:focus-within { background-color:#8b5cf6; }
.on-focus-within\:color-violet-500:focus-within { color:#8b5cf6; }
.on-focus-within\:border-color-violet-500:focus-within { border-color:#8b5cf6; }
.on-focus-within\:background-violet-600:focus-within { background-color:#7c3aed; }
.on-focus-within\:color-violet-600:focus-within { color:#7c3aed; }
.on-focus-within\:border-color-violet-600:focus-within { border-color:#7c3aed; }
.on-focus-within\:background-violet-700:focus-within { background-color:#6d28d9; }
.on-focus-within\:color-violet-700:focus-within { color:#6d28d9; }
.on-focus-within\:border-color-violet-700:focus-within { border-color:#6d28d9; }
.on-focus-within\:background-purple-300:focus-within { background-color:#d8b4fe; }
.on-focus-within\:color-purple-300:focus-within { color:#d8b4fe; }
.on-focus-within\:border-color-purple-300:focus-within { border-color:#d8b4fe; }
.on-focus-within\:background-purple-400:focus-within { background-color:#c084fc; }
.on-focus-within\:color-purple-400:focus-within { color:#c084fc; }
.on-focus-within\:border-color-purple-400:focus-within { border-color:#c084fc; }
.on-focus-within\:background-purple-500:focus-within { background-color:#a855f7; }
.on-focus-within\:color-purple-500:focus-within { color:#a855f7; }
.on-focus-within\:border-color-purple-500:focus-within { border-color:#a855f7; }
.on-focus-within\:background-purple-600:focus-within { background-color:#9333ea; }
.on-focus-within\:color-purple-600:focus-within { color:#9333ea; }
.on-focus-within\:border-color-purple-600:focus-within { border-color:#9333ea; }
.on-focus-within\:background-purple-700:focus-within { background-color:#7e22ce; }
.on-focus-within\:color-purple-700:focus-within { color:#7e22ce; }
.on-focus-within\:border-color-purple-700:focus-within { border-color:#7e22ce; }
.on-focus-within\:background-pink-300:focus-within { background-color:#f9a8d4; }
.on-focus-within\:color-pink-300:focus-within { color:#f9a8d4; }
.on-focus-within\:border-color-pink-300:focus-within { border-color:#f9a8d4; }
.on-focus-within\:background-pink-400:focus-within { background-color:#f472b6; }
.on-focus-within\:color-pink-400:focus-within { color:#f472b6; }
.on-focus-within\:border-color-pink-400:focus-within { border-color:#f472b6; }
.on-focus-within\:background-pink-500:focus-within { background-color:#ec4899; }
.on-focus-within\:color-pink-500:focus-within { color:#ec4899; }
.on-focus-within\:border-color-pink-500:focus-within { border-color:#ec4899; }
.on-focus-within\:background-pink-600:focus-within { background-color:#db2777; }
.on-focus-within\:color-pink-600:focus-within { color:#db2777; }
.on-focus-within\:border-color-pink-600:focus-within { border-color:#db2777; }
.on-focus-within\:background-pink-700:focus-within { background-color:#be185d; }
.on-focus-within\:color-pink-700:focus-within { color:#be185d; }
.on-focus-within\:border-color-pink-700:focus-within { border-color:#be185d; }
.on-focus-within\:background-rose-300:focus-within { background-color:#fda4af; }
.on-focus-within\:color-rose-300:focus-within { color:#fda4af; }
.on-focus-within\:border-color-rose-300:focus-within { border-color:#fda4af; }
.on-focus-within\:background-rose-400:focus-within { background-color:#fb7185; }
.on-focus-within\:color-rose-400:focus-within { color:#fb7185; }
.on-focus-within\:border-color-rose-400:focus-within { border-color:#fb7185; }
.on-focus-within\:background-rose-500:focus-within { background-color:#f43f5e; }
.on-focus-within\:color-rose-500:focus-within { color:#f43f5e; }
.on-focus-within\:border-color-rose-500:focus-within { border-color:#f43f5e; }
.on-focus-within\:background-rose-600:focus-within { background-color:#e11d48; }
.on-focus-within\:color-rose-600:focus-within { color:#e11d48; }
.on-focus-within\:border-color-rose-600:focus-within { border-color:#e11d48; }
.on-focus-within\:background-rose-700:focus-within { background-color:#be123c; }
.on-focus-within\:color-rose-700:focus-within { color:#be123c; }
.on-focus-within\:border-color-rose-700:focus-within { border-color:#be123c; }
.on-focus-within\:background-slate-300:focus-within { background-color:#cbd5e1; }
.on-focus-within\:color-slate-300:focus-within { color:#cbd5e1; }
.on-focus-within\:border-color-slate-300:focus-within { border-color:#cbd5e1; }
.on-focus-within\:background-slate-400:focus-within { background-color:#94a3b8; }
.on-focus-within\:color-slate-400:focus-within { color:#94a3b8; }
.on-focus-within\:border-color-slate-400:focus-within { border-color:#94a3b8; }
.on-focus-within\:background-slate-500:focus-within { background-color:#64748b; }
.on-focus-within\:color-slate-500:focus-within { color:#64748b; }
.on-focus-within\:border-color-slate-500:focus-within { border-color:#64748b; }
.on-focus-within\:background-slate-600:focus-within { background-color:#475569; }
.on-focus-within\:color-slate-600:focus-within { color:#475569; }
.on-focus-within\:border-color-slate-600:focus-within { border-color:#475569; }
.on-focus-within\:background-slate-700:focus-within { background-color:#334155; }
.on-focus-within\:color-slate-700:focus-within { color:#334155; }
.on-focus-within\:border-color-slate-700:focus-within { border-color:#334155; }
.on-focus-within\:background-gray-300:focus-within { background-color:#d1d5db; }
.on-focus-within\:color-gray-300:focus-within { color:#d1d5db; }
.on-focus-within\:border-color-gray-300:focus-within { border-color:#d1d5db; }
.on-focus-within\:background-gray-400:focus-within { background-color:#9ca3af; }
.on-focus-within\:color-gray-400:focus-within { color:#9ca3af; }
.on-focus-within\:border-color-gray-400:focus-within { border-color:#9ca3af; }
.on-focus-within\:background-gray-500:focus-within { background-color:#6b7280; }
.on-focus-within\:color-gray-500:focus-within { color:#6b7280; }
.on-focus-within\:border-color-gray-500:focus-within { border-color:#6b7280; }
.on-focus-within\:background-gray-600:focus-within { background-color:#4b5563; }
.on-focus-within\:color-gray-600:focus-within { color:#4b5563; }
.on-focus-within\:border-color-gray-600:focus-within { border-color:#4b5563; }
.on-focus-within\:background-gray-700:focus-within { background-color:#374151; }
.on-focus-within\:color-gray-700:focus-within { color:#374151; }
.on-focus-within\:border-color-gray-700:focus-within { border-color:#374151; }
.on-focus-within\:background-zinc-300:focus-within { background-color:#d4d4d8; }
.on-focus-within\:color-zinc-300:focus-within { color:#d4d4d8; }
.on-focus-within\:border-color-zinc-300:focus-within { border-color:#d4d4d8; }
.on-focus-within\:background-zinc-400:focus-within { background-color:#a1a1aa; }
.on-focus-within\:color-zinc-400:focus-within { color:#a1a1aa; }
.on-focus-within\:border-color-zinc-400:focus-within { border-color:#a1a1aa; }
.on-focus-within\:background-zinc-500:focus-within { background-color:#71717a; }
.on-focus-within\:color-zinc-500:focus-within { color:#71717a; }
.on-focus-within\:border-color-zinc-500:focus-within { border-color:#71717a; }
.on-focus-within\:background-zinc-600:focus-within { background-color:#52525b; }
.on-focus-within\:color-zinc-600:focus-within { color:#52525b; }
.on-focus-within\:border-color-zinc-600:focus-within { border-color:#52525b; }
.on-focus-within\:background-zinc-700:focus-within { background-color:#3f3f46; }
.on-focus-within\:color-zinc-700:focus-within { color:#3f3f46; }
.on-focus-within\:border-color-zinc-700:focus-within { border-color:#3f3f46; }
.on-focus-within\:background-stone-300:focus-within { background-color:#d6d3d1; }
.on-focus-within\:color-stone-300:focus-within { color:#d6d3d1; }
.on-focus-within\:border-color-stone-300:focus-within { border-color:#d6d3d1; }
.on-focus-within\:background-stone-400:focus-within { background-color:#a8a29e; }
.on-focus-within\:color-stone-400:focus-within { color:#a8a29e; }
.on-focus-within\:border-color-stone-400:focus-within { border-color:#a8a29e; }
.on-focus-within\:background-stone-500:focus-within { background-color:#78716c; }
.on-focus-within\:color-stone-500:focus-within { color:#78716c; }
.on-focus-within\:border-color-stone-500:focus-within { border-color:#78716c; }
.on-focus-within\:background-stone-600:focus-within { background-color:#57534e; }
.on-focus-within\:color-stone-600:focus-within { color:#57534e; }
.on-focus-within\:border-color-stone-600:focus-within { border-color:#57534e; }
.on-focus-within\:background-stone-700:focus-within { background-color:#44403c; }
.on-focus-within\:color-stone-700:focus-within { color:#44403c; }
.on-focus-within\:border-color-stone-700:focus-within { border-color:#44403c; }
.on-focus-within\:add-shadow-sm:focus-within { box-shadow:var(--santy-shadow-sm); }
.on-focus-within\:add-shadow:focus-within { box-shadow:var(--santy-shadow); }
.on-focus-within\:add-shadow-md:focus-within { box-shadow:var(--santy-shadow-md); }
.on-focus-within\:add-shadow-lg:focus-within { box-shadow:var(--santy-shadow-lg); }
.on-focus-within\:no-shadow:focus-within { box-shadow:none; }
.on-focus-within\:opacity-0:focus-within { opacity:0; }
.on-focus-within\:opacity-25:focus-within { opacity:0.25; }
.on-focus-within\:opacity-50:focus-within { opacity:0.5; }
.on-focus-within\:opacity-75:focus-within { opacity:0.75; }
.on-focus-within\:opacity-100:focus-within { opacity:1; }
.on-focus-within\:scale-90:focus-within { transform:scale(0.9); }
.on-focus-within\:scale-95:focus-within { transform:scale(0.95); }
.on-focus-within\:scale-100:focus-within { transform:scale(1); }
.on-focus-within\:scale-105:focus-within { transform:scale(1.05); }
.on-focus-within\:scale-110:focus-within { transform:scale(1.1); }
.on-focus-within\:make-hidden:focus-within { display:none; }
.on-focus-within\:make-block:focus-within { display:block; }
.on-focus-within\:make-flex:focus-within { display:flex; }
.on-focus-within\:cursor-pointer:focus-within { cursor:pointer; }
.on-focus-within\:cursor-not-allowed:focus-within { cursor:not-allowed; }
.on-focus-within\:outline-none:focus-within { outline:none; }
.on-focus-within\:text-underline:focus-within { text-decoration:underline; }
.on-focus-within\:text-no-decoration:focus-within { text-decoration:none; }
.on-focus-within\:text-bold:focus-within { font-weight:700; }
.on-focus-within\:transition-fast:focus-within { transition:var(--santy-transition-fast); }
.on-focus-within\:transition-normal:focus-within { transition:var(--santy-transition-normal); }
.on-focus-within\:add-border-1:focus-within { border:1px solid; }
.on-focus-within\:add-border-2:focus-within { border:2px solid; }
.on-focus-within\:add-border-4:focus-within { border:4px solid; }

/* on-focus-visible */
.on-focus-visible\:background-red-300:focus-visible { background-color:#fca5a5; }
.on-focus-visible\:color-red-300:focus-visible { color:#fca5a5; }
.on-focus-visible\:border-color-red-300:focus-visible { border-color:#fca5a5; }
.on-focus-visible\:background-red-400:focus-visible { background-color:#f87171; }
.on-focus-visible\:color-red-400:focus-visible { color:#f87171; }
.on-focus-visible\:border-color-red-400:focus-visible { border-color:#f87171; }
.on-focus-visible\:background-red-500:focus-visible { background-color:#ef4444; }
.on-focus-visible\:color-red-500:focus-visible { color:#ef4444; }
.on-focus-visible\:border-color-red-500:focus-visible { border-color:#ef4444; }
.on-focus-visible\:background-red-600:focus-visible { background-color:#dc2626; }
.on-focus-visible\:color-red-600:focus-visible { color:#dc2626; }
.on-focus-visible\:border-color-red-600:focus-visible { border-color:#dc2626; }
.on-focus-visible\:background-red-700:focus-visible { background-color:#b91c1c; }
.on-focus-visible\:color-red-700:focus-visible { color:#b91c1c; }
.on-focus-visible\:border-color-red-700:focus-visible { border-color:#b91c1c; }
.on-focus-visible\:background-orange-300:focus-visible { background-color:#fdba74; }
.on-focus-visible\:color-orange-300:focus-visible { color:#fdba74; }
.on-focus-visible\:border-color-orange-300:focus-visible { border-color:#fdba74; }
.on-focus-visible\:background-orange-400:focus-visible { background-color:#fb923c; }
.on-focus-visible\:color-orange-400:focus-visible { color:#fb923c; }
.on-focus-visible\:border-color-orange-400:focus-visible { border-color:#fb923c; }
.on-focus-visible\:background-orange-500:focus-visible { background-color:#f97316; }
.on-focus-visible\:color-orange-500:focus-visible { color:#f97316; }
.on-focus-visible\:border-color-orange-500:focus-visible { border-color:#f97316; }
.on-focus-visible\:background-orange-600:focus-visible { background-color:#ea580c; }
.on-focus-visible\:color-orange-600:focus-visible { color:#ea580c; }
.on-focus-visible\:border-color-orange-600:focus-visible { border-color:#ea580c; }
.on-focus-visible\:background-orange-700:focus-visible { background-color:#c2410c; }
.on-focus-visible\:color-orange-700:focus-visible { color:#c2410c; }
.on-focus-visible\:border-color-orange-700:focus-visible { border-color:#c2410c; }
.on-focus-visible\:background-amber-300:focus-visible { background-color:#fcd34d; }
.on-focus-visible\:color-amber-300:focus-visible { color:#fcd34d; }
.on-focus-visible\:border-color-amber-300:focus-visible { border-color:#fcd34d; }
.on-focus-visible\:background-amber-400:focus-visible { background-color:#fbbf24; }
.on-focus-visible\:color-amber-400:focus-visible { color:#fbbf24; }
.on-focus-visible\:border-color-amber-400:focus-visible { border-color:#fbbf24; }
.on-focus-visible\:background-amber-500:focus-visible { background-color:#f59e0b; }
.on-focus-visible\:color-amber-500:focus-visible { color:#f59e0b; }
.on-focus-visible\:border-color-amber-500:focus-visible { border-color:#f59e0b; }
.on-focus-visible\:background-amber-600:focus-visible { background-color:#d97706; }
.on-focus-visible\:color-amber-600:focus-visible { color:#d97706; }
.on-focus-visible\:border-color-amber-600:focus-visible { border-color:#d97706; }
.on-focus-visible\:background-amber-700:focus-visible { background-color:#b45309; }
.on-focus-visible\:color-amber-700:focus-visible { color:#b45309; }
.on-focus-visible\:border-color-amber-700:focus-visible { border-color:#b45309; }
.on-focus-visible\:background-yellow-300:focus-visible { background-color:#fde047; }
.on-focus-visible\:color-yellow-300:focus-visible { color:#fde047; }
.on-focus-visible\:border-color-yellow-300:focus-visible { border-color:#fde047; }
.on-focus-visible\:background-yellow-400:focus-visible { background-color:#facc15; }
.on-focus-visible\:color-yellow-400:focus-visible { color:#facc15; }
.on-focus-visible\:border-color-yellow-400:focus-visible { border-color:#facc15; }
.on-focus-visible\:background-yellow-500:focus-visible { background-color:#eab308; }
.on-focus-visible\:color-yellow-500:focus-visible { color:#eab308; }
.on-focus-visible\:border-color-yellow-500:focus-visible { border-color:#eab308; }
.on-focus-visible\:background-yellow-600:focus-visible { background-color:#ca8a04; }
.on-focus-visible\:color-yellow-600:focus-visible { color:#ca8a04; }
.on-focus-visible\:border-color-yellow-600:focus-visible { border-color:#ca8a04; }
.on-focus-visible\:background-yellow-700:focus-visible { background-color:#a16207; }
.on-focus-visible\:color-yellow-700:focus-visible { color:#a16207; }
.on-focus-visible\:border-color-yellow-700:focus-visible { border-color:#a16207; }
.on-focus-visible\:background-lime-300:focus-visible { background-color:#bef264; }
.on-focus-visible\:color-lime-300:focus-visible { color:#bef264; }
.on-focus-visible\:border-color-lime-300:focus-visible { border-color:#bef264; }
.on-focus-visible\:background-lime-400:focus-visible { background-color:#a3e635; }
.on-focus-visible\:color-lime-400:focus-visible { color:#a3e635; }
.on-focus-visible\:border-color-lime-400:focus-visible { border-color:#a3e635; }
.on-focus-visible\:background-lime-500:focus-visible { background-color:#84cc16; }
.on-focus-visible\:color-lime-500:focus-visible { color:#84cc16; }
.on-focus-visible\:border-color-lime-500:focus-visible { border-color:#84cc16; }
.on-focus-visible\:background-lime-600:focus-visible { background-color:#65a30d; }
.on-focus-visible\:color-lime-600:focus-visible { color:#65a30d; }
.on-focus-visible\:border-color-lime-600:focus-visible { border-color:#65a30d; }
.on-focus-visible\:background-lime-700:focus-visible { background-color:#4d7c0f; }
.on-focus-visible\:color-lime-700:focus-visible { color:#4d7c0f; }
.on-focus-visible\:border-color-lime-700:focus-visible { border-color:#4d7c0f; }
.on-focus-visible\:background-green-300:focus-visible { background-color:#86efac; }
.on-focus-visible\:color-green-300:focus-visible { color:#86efac; }
.on-focus-visible\:border-color-green-300:focus-visible { border-color:#86efac; }
.on-focus-visible\:background-green-400:focus-visible { background-color:#4ade80; }
.on-focus-visible\:color-green-400:focus-visible { color:#4ade80; }
.on-focus-visible\:border-color-green-400:focus-visible { border-color:#4ade80; }
.on-focus-visible\:background-green-500:focus-visible { background-color:#22c55e; }
.on-focus-visible\:color-green-500:focus-visible { color:#22c55e; }
.on-focus-visible\:border-color-green-500:focus-visible { border-color:#22c55e; }
.on-focus-visible\:background-green-600:focus-visible { background-color:#16a34a; }
.on-focus-visible\:color-green-600:focus-visible { color:#16a34a; }
.on-focus-visible\:border-color-green-600:focus-visible { border-color:#16a34a; }
.on-focus-visible\:background-green-700:focus-visible { background-color:#15803d; }
.on-focus-visible\:color-green-700:focus-visible { color:#15803d; }
.on-focus-visible\:border-color-green-700:focus-visible { border-color:#15803d; }
.on-focus-visible\:background-teal-300:focus-visible { background-color:#5eead4; }
.on-focus-visible\:color-teal-300:focus-visible { color:#5eead4; }
.on-focus-visible\:border-color-teal-300:focus-visible { border-color:#5eead4; }
.on-focus-visible\:background-teal-400:focus-visible { background-color:#2dd4bf; }
.on-focus-visible\:color-teal-400:focus-visible { color:#2dd4bf; }
.on-focus-visible\:border-color-teal-400:focus-visible { border-color:#2dd4bf; }
.on-focus-visible\:background-teal-500:focus-visible { background-color:#14b8a6; }
.on-focus-visible\:color-teal-500:focus-visible { color:#14b8a6; }
.on-focus-visible\:border-color-teal-500:focus-visible { border-color:#14b8a6; }
.on-focus-visible\:background-teal-600:focus-visible { background-color:#0d9488; }
.on-focus-visible\:color-teal-600:focus-visible { color:#0d9488; }
.on-focus-visible\:border-color-teal-600:focus-visible { border-color:#0d9488; }
.on-focus-visible\:background-teal-700:focus-visible { background-color:#0f766e; }
.on-focus-visible\:color-teal-700:focus-visible { color:#0f766e; }
.on-focus-visible\:border-color-teal-700:focus-visible { border-color:#0f766e; }
.on-focus-visible\:background-cyan-300:focus-visible { background-color:#67e8f9; }
.on-focus-visible\:color-cyan-300:focus-visible { color:#67e8f9; }
.on-focus-visible\:border-color-cyan-300:focus-visible { border-color:#67e8f9; }
.on-focus-visible\:background-cyan-400:focus-visible { background-color:#22d3ee; }
.on-focus-visible\:color-cyan-400:focus-visible { color:#22d3ee; }
.on-focus-visible\:border-color-cyan-400:focus-visible { border-color:#22d3ee; }
.on-focus-visible\:background-cyan-500:focus-visible { background-color:#06b6d4; }
.on-focus-visible\:color-cyan-500:focus-visible { color:#06b6d4; }
.on-focus-visible\:border-color-cyan-500:focus-visible { border-color:#06b6d4; }
.on-focus-visible\:background-cyan-600:focus-visible { background-color:#0891b2; }
.on-focus-visible\:color-cyan-600:focus-visible { color:#0891b2; }
.on-focus-visible\:border-color-cyan-600:focus-visible { border-color:#0891b2; }
.on-focus-visible\:background-cyan-700:focus-visible { background-color:#0e7490; }
.on-focus-visible\:color-cyan-700:focus-visible { color:#0e7490; }
.on-focus-visible\:border-color-cyan-700:focus-visible { border-color:#0e7490; }
.on-focus-visible\:background-blue-300:focus-visible { background-color:#93c5fd; }
.on-focus-visible\:color-blue-300:focus-visible { color:#93c5fd; }
.on-focus-visible\:border-color-blue-300:focus-visible { border-color:#93c5fd; }
.on-focus-visible\:background-blue-400:focus-visible { background-color:#60a5fa; }
.on-focus-visible\:color-blue-400:focus-visible { color:#60a5fa; }
.on-focus-visible\:border-color-blue-400:focus-visible { border-color:#60a5fa; }
.on-focus-visible\:background-blue-500:focus-visible { background-color:#3b82f6; }
.on-focus-visible\:color-blue-500:focus-visible { color:#3b82f6; }
.on-focus-visible\:border-color-blue-500:focus-visible { border-color:#3b82f6; }
.on-focus-visible\:background-blue-600:focus-visible { background-color:#2563eb; }
.on-focus-visible\:color-blue-600:focus-visible { color:#2563eb; }
.on-focus-visible\:border-color-blue-600:focus-visible { border-color:#2563eb; }
.on-focus-visible\:background-blue-700:focus-visible { background-color:#1d4ed8; }
.on-focus-visible\:color-blue-700:focus-visible { color:#1d4ed8; }
.on-focus-visible\:border-color-blue-700:focus-visible { border-color:#1d4ed8; }
.on-focus-visible\:background-indigo-300:focus-visible { background-color:#a5b4fc; }
.on-focus-visible\:color-indigo-300:focus-visible { color:#a5b4fc; }
.on-focus-visible\:border-color-indigo-300:focus-visible { border-color:#a5b4fc; }
.on-focus-visible\:background-indigo-400:focus-visible { background-color:#818cf8; }
.on-focus-visible\:color-indigo-400:focus-visible { color:#818cf8; }
.on-focus-visible\:border-color-indigo-400:focus-visible { border-color:#818cf8; }
.on-focus-visible\:background-indigo-500:focus-visible { background-color:#6366f1; }
.on-focus-visible\:color-indigo-500:focus-visible { color:#6366f1; }
.on-focus-visible\:border-color-indigo-500:focus-visible { border-color:#6366f1; }
.on-focus-visible\:background-indigo-600:focus-visible { background-color:#4f46e5; }
.on-focus-visible\:color-indigo-600:focus-visible { color:#4f46e5; }
.on-focus-visible\:border-color-indigo-600:focus-visible { border-color:#4f46e5; }
.on-focus-visible\:background-indigo-700:focus-visible { background-color:#4338ca; }
.on-focus-visible\:color-indigo-700:focus-visible { color:#4338ca; }
.on-focus-visible\:border-color-indigo-700:focus-visible { border-color:#4338ca; }
.on-focus-visible\:background-violet-300:focus-visible { background-color:#c4b5fd; }
.on-focus-visible\:color-violet-300:focus-visible { color:#c4b5fd; }
.on-focus-visible\:border-color-violet-300:focus-visible { border-color:#c4b5fd; }
.on-focus-visible\:background-violet-400:focus-visible { background-color:#a78bfa; }
.on-focus-visible\:color-violet-400:focus-visible { color:#a78bfa; }
.on-focus-visible\:border-color-violet-400:focus-visible { border-color:#a78bfa; }
.on-focus-visible\:background-violet-500:focus-visible { background-color:#8b5cf6; }
.on-focus-visible\:color-violet-500:focus-visible { color:#8b5cf6; }
.on-focus-visible\:border-color-violet-500:focus-visible { border-color:#8b5cf6; }
.on-focus-visible\:background-violet-600:focus-visible { background-color:#7c3aed; }
.on-focus-visible\:color-violet-600:focus-visible { color:#7c3aed; }
.on-focus-visible\:border-color-violet-600:focus-visible { border-color:#7c3aed; }
.on-focus-visible\:background-violet-700:focus-visible { background-color:#6d28d9; }
.on-focus-visible\:color-violet-700:focus-visible { color:#6d28d9; }
.on-focus-visible\:border-color-violet-700:focus-visible { border-color:#6d28d9; }
.on-focus-visible\:background-purple-300:focus-visible { background-color:#d8b4fe; }
.on-focus-visible\:color-purple-300:focus-visible { color:#d8b4fe; }
.on-focus-visible\:border-color-purple-300:focus-visible { border-color:#d8b4fe; }
.on-focus-visible\:background-purple-400:focus-visible { background-color:#c084fc; }
.on-focus-visible\:color-purple-400:focus-visible { color:#c084fc; }
.on-focus-visible\:border-color-purple-400:focus-visible { border-color:#c084fc; }
.on-focus-visible\:background-purple-500:focus-visible { background-color:#a855f7; }
.on-focus-visible\:color-purple-500:focus-visible { color:#a855f7; }
.on-focus-visible\:border-color-purple-500:focus-visible { border-color:#a855f7; }
.on-focus-visible\:background-purple-600:focus-visible { background-color:#9333ea; }
.on-focus-visible\:color-purple-600:focus-visible { color:#9333ea; }
.on-focus-visible\:border-color-purple-600:focus-visible { border-color:#9333ea; }
.on-focus-visible\:background-purple-700:focus-visible { background-color:#7e22ce; }
.on-focus-visible\:color-purple-700:focus-visible { color:#7e22ce; }
.on-focus-visible\:border-color-purple-700:focus-visible { border-color:#7e22ce; }
.on-focus-visible\:background-pink-300:focus-visible { background-color:#f9a8d4; }
.on-focus-visible\:color-pink-300:focus-visible { color:#f9a8d4; }
.on-focus-visible\:border-color-pink-300:focus-visible { border-color:#f9a8d4; }
.on-focus-visible\:background-pink-400:focus-visible { background-color:#f472b6; }
.on-focus-visible\:color-pink-400:focus-visible { color:#f472b6; }
.on-focus-visible\:border-color-pink-400:focus-visible { border-color:#f472b6; }
.on-focus-visible\:background-pink-500:focus-visible { background-color:#ec4899; }
.on-focus-visible\:color-pink-500:focus-visible { color:#ec4899; }
.on-focus-visible\:border-color-pink-500:focus-visible { border-color:#ec4899; }
.on-focus-visible\:background-pink-600:focus-visible { background-color:#db2777; }
.on-focus-visible\:color-pink-600:focus-visible { color:#db2777; }
.on-focus-visible\:border-color-pink-600:focus-visible { border-color:#db2777; }
.on-focus-visible\:background-pink-700:focus-visible { background-color:#be185d; }
.on-focus-visible\:color-pink-700:focus-visible { color:#be185d; }
.on-focus-visible\:border-color-pink-700:focus-visible { border-color:#be185d; }
.on-focus-visible\:background-rose-300:focus-visible { background-color:#fda4af; }
.on-focus-visible\:color-rose-300:focus-visible { color:#fda4af; }
.on-focus-visible\:border-color-rose-300:focus-visible { border-color:#fda4af; }
.on-focus-visible\:background-rose-400:focus-visible { background-color:#fb7185; }
.on-focus-visible\:color-rose-400:focus-visible { color:#fb7185; }
.on-focus-visible\:border-color-rose-400:focus-visible { border-color:#fb7185; }
.on-focus-visible\:background-rose-500:focus-visible { background-color:#f43f5e; }
.on-focus-visible\:color-rose-500:focus-visible { color:#f43f5e; }
.on-focus-visible\:border-color-rose-500:focus-visible { border-color:#f43f5e; }
.on-focus-visible\:background-rose-600:focus-visible { background-color:#e11d48; }
.on-focus-visible\:color-rose-600:focus-visible { color:#e11d48; }
.on-focus-visible\:border-color-rose-600:focus-visible { border-color:#e11d48; }
.on-focus-visible\:background-rose-700:focus-visible { background-color:#be123c; }
.on-focus-visible\:color-rose-700:focus-visible { color:#be123c; }
.on-focus-visible\:border-color-rose-700:focus-visible { border-color:#be123c; }
.on-focus-visible\:background-slate-300:focus-visible { background-color:#cbd5e1; }
.on-focus-visible\:color-slate-300:focus-visible { color:#cbd5e1; }
.on-focus-visible\:border-color-slate-300:focus-visible { border-color:#cbd5e1; }
.on-focus-visible\:background-slate-400:focus-visible { background-color:#94a3b8; }
.on-focus-visible\:color-slate-400:focus-visible { color:#94a3b8; }
.on-focus-visible\:border-color-slate-400:focus-visible { border-color:#94a3b8; }
.on-focus-visible\:background-slate-500:focus-visible { background-color:#64748b; }
.on-focus-visible\:color-slate-500:focus-visible { color:#64748b; }
.on-focus-visible\:border-color-slate-500:focus-visible { border-color:#64748b; }
.on-focus-visible\:background-slate-600:focus-visible { background-color:#475569; }
.on-focus-visible\:color-slate-600:focus-visible { color:#475569; }
.on-focus-visible\:border-color-slate-600:focus-visible { border-color:#475569; }
.on-focus-visible\:background-slate-700:focus-visible { background-color:#334155; }
.on-focus-visible\:color-slate-700:focus-visible { color:#334155; }
.on-focus-visible\:border-color-slate-700:focus-visible { border-color:#334155; }
.on-focus-visible\:background-gray-300:focus-visible { background-color:#d1d5db; }
.on-focus-visible\:color-gray-300:focus-visible { color:#d1d5db; }
.on-focus-visible\:border-color-gray-300:focus-visible { border-color:#d1d5db; }
.on-focus-visible\:background-gray-400:focus-visible { background-color:#9ca3af; }
.on-focus-visible\:color-gray-400:focus-visible { color:#9ca3af; }
.on-focus-visible\:border-color-gray-400:focus-visible { border-color:#9ca3af; }
.on-focus-visible\:background-gray-500:focus-visible { background-color:#6b7280; }
.on-focus-visible\:color-gray-500:focus-visible { color:#6b7280; }
.on-focus-visible\:border-color-gray-500:focus-visible { border-color:#6b7280; }
.on-focus-visible\:background-gray-600:focus-visible { background-color:#4b5563; }
.on-focus-visible\:color-gray-600:focus-visible { color:#4b5563; }
.on-focus-visible\:border-color-gray-600:focus-visible { border-color:#4b5563; }
.on-focus-visible\:background-gray-700:focus-visible { background-color:#374151; }
.on-focus-visible\:color-gray-700:focus-visible { color:#374151; }
.on-focus-visible\:border-color-gray-700:focus-visible { border-color:#374151; }
.on-focus-visible\:background-zinc-300:focus-visible { background-color:#d4d4d8; }
.on-focus-visible\:color-zinc-300:focus-visible { color:#d4d4d8; }
.on-focus-visible\:border-color-zinc-300:focus-visible { border-color:#d4d4d8; }
.on-focus-visible\:background-zinc-400:focus-visible { background-color:#a1a1aa; }
.on-focus-visible\:color-zinc-400:focus-visible { color:#a1a1aa; }
.on-focus-visible\:border-color-zinc-400:focus-visible { border-color:#a1a1aa; }
.on-focus-visible\:background-zinc-500:focus-visible { background-color:#71717a; }
.on-focus-visible\:color-zinc-500:focus-visible { color:#71717a; }
.on-focus-visible\:border-color-zinc-500:focus-visible { border-color:#71717a; }
.on-focus-visible\:background-zinc-600:focus-visible { background-color:#52525b; }
.on-focus-visible\:color-zinc-600:focus-visible { color:#52525b; }
.on-focus-visible\:border-color-zinc-600:focus-visible { border-color:#52525b; }
.on-focus-visible\:background-zinc-700:focus-visible { background-color:#3f3f46; }
.on-focus-visible\:color-zinc-700:focus-visible { color:#3f3f46; }
.on-focus-visible\:border-color-zinc-700:focus-visible { border-color:#3f3f46; }
.on-focus-visible\:background-stone-300:focus-visible { background-color:#d6d3d1; }
.on-focus-visible\:color-stone-300:focus-visible { color:#d6d3d1; }
.on-focus-visible\:border-color-stone-300:focus-visible { border-color:#d6d3d1; }
.on-focus-visible\:background-stone-400:focus-visible { background-color:#a8a29e; }
.on-focus-visible\:color-stone-400:focus-visible { color:#a8a29e; }
.on-focus-visible\:border-color-stone-400:focus-visible { border-color:#a8a29e; }
.on-focus-visible\:background-stone-500:focus-visible { background-color:#78716c; }
.on-focus-visible\:color-stone-500:focus-visible { color:#78716c; }
.on-focus-visible\:border-color-stone-500:focus-visible { border-color:#78716c; }
.on-focus-visible\:background-stone-600:focus-visible { background-color:#57534e; }
.on-focus-visible\:color-stone-600:focus-visible { color:#57534e; }
.on-focus-visible\:border-color-stone-600:focus-visible { border-color:#57534e; }
.on-focus-visible\:background-stone-700:focus-visible { background-color:#44403c; }
.on-focus-visible\:color-stone-700:focus-visible { color:#44403c; }
.on-focus-visible\:border-color-stone-700:focus-visible { border-color:#44403c; }
.on-focus-visible\:add-shadow-sm:focus-visible { box-shadow:var(--santy-shadow-sm); }
.on-focus-visible\:add-shadow:focus-visible { box-shadow:var(--santy-shadow); }
.on-focus-visible\:add-shadow-md:focus-visible { box-shadow:var(--santy-shadow-md); }
.on-focus-visible\:add-shadow-lg:focus-visible { box-shadow:var(--santy-shadow-lg); }
.on-focus-visible\:no-shadow:focus-visible { box-shadow:none; }
.on-focus-visible\:opacity-0:focus-visible { opacity:0; }
.on-focus-visible\:opacity-25:focus-visible { opacity:0.25; }
.on-focus-visible\:opacity-50:focus-visible { opacity:0.5; }
.on-focus-visible\:opacity-75:focus-visible { opacity:0.75; }
.on-focus-visible\:opacity-100:focus-visible { opacity:1; }
.on-focus-visible\:scale-90:focus-visible { transform:scale(0.9); }
.on-focus-visible\:scale-95:focus-visible { transform:scale(0.95); }
.on-focus-visible\:scale-100:focus-visible { transform:scale(1); }
.on-focus-visible\:scale-105:focus-visible { transform:scale(1.05); }
.on-focus-visible\:scale-110:focus-visible { transform:scale(1.1); }
.on-focus-visible\:make-hidden:focus-visible { display:none; }
.on-focus-visible\:make-block:focus-visible { display:block; }
.on-focus-visible\:make-flex:focus-visible { display:flex; }
.on-focus-visible\:cursor-pointer:focus-visible { cursor:pointer; }
.on-focus-visible\:cursor-not-allowed:focus-visible { cursor:not-allowed; }
.on-focus-visible\:outline-none:focus-visible { outline:none; }
.on-focus-visible\:text-underline:focus-visible { text-decoration:underline; }
.on-focus-visible\:text-no-decoration:focus-visible { text-decoration:none; }
.on-focus-visible\:text-bold:focus-visible { font-weight:700; }
.on-focus-visible\:transition-fast:focus-visible { transition:var(--santy-transition-fast); }
.on-focus-visible\:transition-normal:focus-visible { transition:var(--santy-transition-normal); }
.on-focus-visible\:add-border-1:focus-visible { border:1px solid; }
.on-focus-visible\:add-border-2:focus-visible { border:2px solid; }
.on-focus-visible\:add-border-4:focus-visible { border:4px solid; }

/* ── Group Hover ── */
/* Add class="group" to parent, then use group-hover: on children */
.group:hover .group-hover\:background-red-300 { background-color:#fca5a5; }
.group:hover .group-hover\:color-red-300 { color:#fca5a5; }
.group:hover .group-hover\:border-color-red-300 { border-color:#fca5a5; }
.group:hover .group-hover\:background-red-400 { background-color:#f87171; }
.group:hover .group-hover\:color-red-400 { color:#f87171; }
.group:hover .group-hover\:border-color-red-400 { border-color:#f87171; }
.group:hover .group-hover\:background-red-500 { background-color:#ef4444; }
.group:hover .group-hover\:color-red-500 { color:#ef4444; }
.group:hover .group-hover\:border-color-red-500 { border-color:#ef4444; }
.group:hover .group-hover\:background-red-600 { background-color:#dc2626; }
.group:hover .group-hover\:color-red-600 { color:#dc2626; }
.group:hover .group-hover\:border-color-red-600 { border-color:#dc2626; }
.group:hover .group-hover\:background-red-700 { background-color:#b91c1c; }
.group:hover .group-hover\:color-red-700 { color:#b91c1c; }
.group:hover .group-hover\:border-color-red-700 { border-color:#b91c1c; }
.group:hover .group-hover\:background-orange-300 { background-color:#fdba74; }
.group:hover .group-hover\:color-orange-300 { color:#fdba74; }
.group:hover .group-hover\:border-color-orange-300 { border-color:#fdba74; }
.group:hover .group-hover\:background-orange-400 { background-color:#fb923c; }
.group:hover .group-hover\:color-orange-400 { color:#fb923c; }
.group:hover .group-hover\:border-color-orange-400 { border-color:#fb923c; }
.group:hover .group-hover\:background-orange-500 { background-color:#f97316; }
.group:hover .group-hover\:color-orange-500 { color:#f97316; }
.group:hover .group-hover\:border-color-orange-500 { border-color:#f97316; }
.group:hover .group-hover\:background-orange-600 { background-color:#ea580c; }
.group:hover .group-hover\:color-orange-600 { color:#ea580c; }
.group:hover .group-hover\:border-color-orange-600 { border-color:#ea580c; }
.group:hover .group-hover\:background-orange-700 { background-color:#c2410c; }
.group:hover .group-hover\:color-orange-700 { color:#c2410c; }
.group:hover .group-hover\:border-color-orange-700 { border-color:#c2410c; }
.group:hover .group-hover\:background-amber-300 { background-color:#fcd34d; }
.group:hover .group-hover\:color-amber-300 { color:#fcd34d; }
.group:hover .group-hover\:border-color-amber-300 { border-color:#fcd34d; }
.group:hover .group-hover\:background-amber-400 { background-color:#fbbf24; }
.group:hover .group-hover\:color-amber-400 { color:#fbbf24; }
.group:hover .group-hover\:border-color-amber-400 { border-color:#fbbf24; }
.group:hover .group-hover\:background-amber-500 { background-color:#f59e0b; }
.group:hover .group-hover\:color-amber-500 { color:#f59e0b; }
.group:hover .group-hover\:border-color-amber-500 { border-color:#f59e0b; }
.group:hover .group-hover\:background-amber-600 { background-color:#d97706; }
.group:hover .group-hover\:color-amber-600 { color:#d97706; }
.group:hover .group-hover\:border-color-amber-600 { border-color:#d97706; }
.group:hover .group-hover\:background-amber-700 { background-color:#b45309; }
.group:hover .group-hover\:color-amber-700 { color:#b45309; }
.group:hover .group-hover\:border-color-amber-700 { border-color:#b45309; }
.group:hover .group-hover\:background-yellow-300 { background-color:#fde047; }
.group:hover .group-hover\:color-yellow-300 { color:#fde047; }
.group:hover .group-hover\:border-color-yellow-300 { border-color:#fde047; }
.group:hover .group-hover\:background-yellow-400 { background-color:#facc15; }
.group:hover .group-hover\:color-yellow-400 { color:#facc15; }
.group:hover .group-hover\:border-color-yellow-400 { border-color:#facc15; }
.group:hover .group-hover\:background-yellow-500 { background-color:#eab308; }
.group:hover .group-hover\:color-yellow-500 { color:#eab308; }
.group:hover .group-hover\:border-color-yellow-500 { border-color:#eab308; }
.group:hover .group-hover\:background-yellow-600 { background-color:#ca8a04; }
.group:hover .group-hover\:color-yellow-600 { color:#ca8a04; }
.group:hover .group-hover\:border-color-yellow-600 { border-color:#ca8a04; }
.group:hover .group-hover\:background-yellow-700 { background-color:#a16207; }
.group:hover .group-hover\:color-yellow-700 { color:#a16207; }
.group:hover .group-hover\:border-color-yellow-700 { border-color:#a16207; }
.group:hover .group-hover\:background-lime-300 { background-color:#bef264; }
.group:hover .group-hover\:color-lime-300 { color:#bef264; }
.group:hover .group-hover\:border-color-lime-300 { border-color:#bef264; }
.group:hover .group-hover\:background-lime-400 { background-color:#a3e635; }
.group:hover .group-hover\:color-lime-400 { color:#a3e635; }
.group:hover .group-hover\:border-color-lime-400 { border-color:#a3e635; }
.group:hover .group-hover\:background-lime-500 { background-color:#84cc16; }
.group:hover .group-hover\:color-lime-500 { color:#84cc16; }
.group:hover .group-hover\:border-color-lime-500 { border-color:#84cc16; }
.group:hover .group-hover\:background-lime-600 { background-color:#65a30d; }
.group:hover .group-hover\:color-lime-600 { color:#65a30d; }
.group:hover .group-hover\:border-color-lime-600 { border-color:#65a30d; }
.group:hover .group-hover\:background-lime-700 { background-color:#4d7c0f; }
.group:hover .group-hover\:color-lime-700 { color:#4d7c0f; }
.group:hover .group-hover\:border-color-lime-700 { border-color:#4d7c0f; }
.group:hover .group-hover\:background-green-300 { background-color:#86efac; }
.group:hover .group-hover\:color-green-300 { color:#86efac; }
.group:hover .group-hover\:border-color-green-300 { border-color:#86efac; }
.group:hover .group-hover\:background-green-400 { background-color:#4ade80; }
.group:hover .group-hover\:color-green-400 { color:#4ade80; }
.group:hover .group-hover\:border-color-green-400 { border-color:#4ade80; }
.group:hover .group-hover\:background-green-500 { background-color:#22c55e; }
.group:hover .group-hover\:color-green-500 { color:#22c55e; }
.group:hover .group-hover\:border-color-green-500 { border-color:#22c55e; }
.group:hover .group-hover\:background-green-600 { background-color:#16a34a; }
.group:hover .group-hover\:color-green-600 { color:#16a34a; }
.group:hover .group-hover\:border-color-green-600 { border-color:#16a34a; }
.group:hover .group-hover\:background-green-700 { background-color:#15803d; }
.group:hover .group-hover\:color-green-700 { color:#15803d; }
.group:hover .group-hover\:border-color-green-700 { border-color:#15803d; }
.group:hover .group-hover\:background-teal-300 { background-color:#5eead4; }
.group:hover .group-hover\:color-teal-300 { color:#5eead4; }
.group:hover .group-hover\:border-color-teal-300 { border-color:#5eead4; }
.group:hover .group-hover\:background-teal-400 { background-color:#2dd4bf; }
.group:hover .group-hover\:color-teal-400 { color:#2dd4bf; }
.group:hover .group-hover\:border-color-teal-400 { border-color:#2dd4bf; }
.group:hover .group-hover\:background-teal-500 { background-color:#14b8a6; }
.group:hover .group-hover\:color-teal-500 { color:#14b8a6; }
.group:hover .group-hover\:border-color-teal-500 { border-color:#14b8a6; }
.group:hover .group-hover\:background-teal-600 { background-color:#0d9488; }
.group:hover .group-hover\:color-teal-600 { color:#0d9488; }
.group:hover .group-hover\:border-color-teal-600 { border-color:#0d9488; }
.group:hover .group-hover\:background-teal-700 { background-color:#0f766e; }
.group:hover .group-hover\:color-teal-700 { color:#0f766e; }
.group:hover .group-hover\:border-color-teal-700 { border-color:#0f766e; }
.group:hover .group-hover\:background-cyan-300 { background-color:#67e8f9; }
.group:hover .group-hover\:color-cyan-300 { color:#67e8f9; }
.group:hover .group-hover\:border-color-cyan-300 { border-color:#67e8f9; }
.group:hover .group-hover\:background-cyan-400 { background-color:#22d3ee; }
.group:hover .group-hover\:color-cyan-400 { color:#22d3ee; }
.group:hover .group-hover\:border-color-cyan-400 { border-color:#22d3ee; }
.group:hover .group-hover\:background-cyan-500 { background-color:#06b6d4; }
.group:hover .group-hover\:color-cyan-500 { color:#06b6d4; }
.group:hover .group-hover\:border-color-cyan-500 { border-color:#06b6d4; }
.group:hover .group-hover\:background-cyan-600 { background-color:#0891b2; }
.group:hover .group-hover\:color-cyan-600 { color:#0891b2; }
.group:hover .group-hover\:border-color-cyan-600 { border-color:#0891b2; }
.group:hover .group-hover\:background-cyan-700 { background-color:#0e7490; }
.group:hover .group-hover\:color-cyan-700 { color:#0e7490; }
.group:hover .group-hover\:border-color-cyan-700 { border-color:#0e7490; }
.group:hover .group-hover\:background-blue-300 { background-color:#93c5fd; }
.group:hover .group-hover\:color-blue-300 { color:#93c5fd; }
.group:hover .group-hover\:border-color-blue-300 { border-color:#93c5fd; }
.group:hover .group-hover\:background-blue-400 { background-color:#60a5fa; }
.group:hover .group-hover\:color-blue-400 { color:#60a5fa; }
.group:hover .group-hover\:border-color-blue-400 { border-color:#60a5fa; }
.group:hover .group-hover\:background-blue-500 { background-color:#3b82f6; }
.group:hover .group-hover\:color-blue-500 { color:#3b82f6; }
.group:hover .group-hover\:border-color-blue-500 { border-color:#3b82f6; }
.group:hover .group-hover\:background-blue-600 { background-color:#2563eb; }
.group:hover .group-hover\:color-blue-600 { color:#2563eb; }
.group:hover .group-hover\:border-color-blue-600 { border-color:#2563eb; }
.group:hover .group-hover\:background-blue-700 { background-color:#1d4ed8; }
.group:hover .group-hover\:color-blue-700 { color:#1d4ed8; }
.group:hover .group-hover\:border-color-blue-700 { border-color:#1d4ed8; }
.group:hover .group-hover\:background-indigo-300 { background-color:#a5b4fc; }
.group:hover .group-hover\:color-indigo-300 { color:#a5b4fc; }
.group:hover .group-hover\:border-color-indigo-300 { border-color:#a5b4fc; }
.group:hover .group-hover\:background-indigo-400 { background-color:#818cf8; }
.group:hover .group-hover\:color-indigo-400 { color:#818cf8; }
.group:hover .group-hover\:border-color-indigo-400 { border-color:#818cf8; }
.group:hover .group-hover\:background-indigo-500 { background-color:#6366f1; }
.group:hover .group-hover\:color-indigo-500 { color:#6366f1; }
.group:hover .group-hover\:border-color-indigo-500 { border-color:#6366f1; }
.group:hover .group-hover\:background-indigo-600 { background-color:#4f46e5; }
.group:hover .group-hover\:color-indigo-600 { color:#4f46e5; }
.group:hover .group-hover\:border-color-indigo-600 { border-color:#4f46e5; }
.group:hover .group-hover\:background-indigo-700 { background-color:#4338ca; }
.group:hover .group-hover\:color-indigo-700 { color:#4338ca; }
.group:hover .group-hover\:border-color-indigo-700 { border-color:#4338ca; }
.group:hover .group-hover\:background-violet-300 { background-color:#c4b5fd; }
.group:hover .group-hover\:color-violet-300 { color:#c4b5fd; }
.group:hover .group-hover\:border-color-violet-300 { border-color:#c4b5fd; }
.group:hover .group-hover\:background-violet-400 { background-color:#a78bfa; }
.group:hover .group-hover\:color-violet-400 { color:#a78bfa; }
.group:hover .group-hover\:border-color-violet-400 { border-color:#a78bfa; }
.group:hover .group-hover\:background-violet-500 { background-color:#8b5cf6; }
.group:hover .group-hover\:color-violet-500 { color:#8b5cf6; }
.group:hover .group-hover\:border-color-violet-500 { border-color:#8b5cf6; }
.group:hover .group-hover\:background-violet-600 { background-color:#7c3aed; }
.group:hover .group-hover\:color-violet-600 { color:#7c3aed; }
.group:hover .group-hover\:border-color-violet-600 { border-color:#7c3aed; }
.group:hover .group-hover\:background-violet-700 { background-color:#6d28d9; }
.group:hover .group-hover\:color-violet-700 { color:#6d28d9; }
.group:hover .group-hover\:border-color-violet-700 { border-color:#6d28d9; }
.group:hover .group-hover\:background-purple-300 { background-color:#d8b4fe; }
.group:hover .group-hover\:color-purple-300 { color:#d8b4fe; }
.group:hover .group-hover\:border-color-purple-300 { border-color:#d8b4fe; }
.group:hover .group-hover\:background-purple-400 { background-color:#c084fc; }
.group:hover .group-hover\:color-purple-400 { color:#c084fc; }
.group:hover .group-hover\:border-color-purple-400 { border-color:#c084fc; }
.group:hover .group-hover\:background-purple-500 { background-color:#a855f7; }
.group:hover .group-hover\:color-purple-500 { color:#a855f7; }
.group:hover .group-hover\:border-color-purple-500 { border-color:#a855f7; }
.group:hover .group-hover\:background-purple-600 { background-color:#9333ea; }
.group:hover .group-hover\:color-purple-600 { color:#9333ea; }
.group:hover .group-hover\:border-color-purple-600 { border-color:#9333ea; }
.group:hover .group-hover\:background-purple-700 { background-color:#7e22ce; }
.group:hover .group-hover\:color-purple-700 { color:#7e22ce; }
.group:hover .group-hover\:border-color-purple-700 { border-color:#7e22ce; }
.group:hover .group-hover\:background-pink-300 { background-color:#f9a8d4; }
.group:hover .group-hover\:color-pink-300 { color:#f9a8d4; }
.group:hover .group-hover\:border-color-pink-300 { border-color:#f9a8d4; }
.group:hover .group-hover\:background-pink-400 { background-color:#f472b6; }
.group:hover .group-hover\:color-pink-400 { color:#f472b6; }
.group:hover .group-hover\:border-color-pink-400 { border-color:#f472b6; }
.group:hover .group-hover\:background-pink-500 { background-color:#ec4899; }
.group:hover .group-hover\:color-pink-500 { color:#ec4899; }
.group:hover .group-hover\:border-color-pink-500 { border-color:#ec4899; }
.group:hover .group-hover\:background-pink-600 { background-color:#db2777; }
.group:hover .group-hover\:color-pink-600 { color:#db2777; }
.group:hover .group-hover\:border-color-pink-600 { border-color:#db2777; }
.group:hover .group-hover\:background-pink-700 { background-color:#be185d; }
.group:hover .group-hover\:color-pink-700 { color:#be185d; }
.group:hover .group-hover\:border-color-pink-700 { border-color:#be185d; }
.group:hover .group-hover\:background-rose-300 { background-color:#fda4af; }
.group:hover .group-hover\:color-rose-300 { color:#fda4af; }
.group:hover .group-hover\:border-color-rose-300 { border-color:#fda4af; }
.group:hover .group-hover\:background-rose-400 { background-color:#fb7185; }
.group:hover .group-hover\:color-rose-400 { color:#fb7185; }
.group:hover .group-hover\:border-color-rose-400 { border-color:#fb7185; }
.group:hover .group-hover\:background-rose-500 { background-color:#f43f5e; }
.group:hover .group-hover\:color-rose-500 { color:#f43f5e; }
.group:hover .group-hover\:border-color-rose-500 { border-color:#f43f5e; }
.group:hover .group-hover\:background-rose-600 { background-color:#e11d48; }
.group:hover .group-hover\:color-rose-600 { color:#e11d48; }
.group:hover .group-hover\:border-color-rose-600 { border-color:#e11d48; }
.group:hover .group-hover\:background-rose-700 { background-color:#be123c; }
.group:hover .group-hover\:color-rose-700 { color:#be123c; }
.group:hover .group-hover\:border-color-rose-700 { border-color:#be123c; }
.group:hover .group-hover\:background-slate-300 { background-color:#cbd5e1; }
.group:hover .group-hover\:color-slate-300 { color:#cbd5e1; }
.group:hover .group-hover\:border-color-slate-300 { border-color:#cbd5e1; }
.group:hover .group-hover\:background-slate-400 { background-color:#94a3b8; }
.group:hover .group-hover\:color-slate-400 { color:#94a3b8; }
.group:hover .group-hover\:border-color-slate-400 { border-color:#94a3b8; }
.group:hover .group-hover\:background-slate-500 { background-color:#64748b; }
.group:hover .group-hover\:color-slate-500 { color:#64748b; }
.group:hover .group-hover\:border-color-slate-500 { border-color:#64748b; }
.group:hover .group-hover\:background-slate-600 { background-color:#475569; }
.group:hover .group-hover\:color-slate-600 { color:#475569; }
.group:hover .group-hover\:border-color-slate-600 { border-color:#475569; }
.group:hover .group-hover\:background-slate-700 { background-color:#334155; }
.group:hover .group-hover\:color-slate-700 { color:#334155; }
.group:hover .group-hover\:border-color-slate-700 { border-color:#334155; }
.group:hover .group-hover\:background-gray-300 { background-color:#d1d5db; }
.group:hover .group-hover\:color-gray-300 { color:#d1d5db; }
.group:hover .group-hover\:border-color-gray-300 { border-color:#d1d5db; }
.group:hover .group-hover\:background-gray-400 { background-color:#9ca3af; }
.group:hover .group-hover\:color-gray-400 { color:#9ca3af; }
.group:hover .group-hover\:border-color-gray-400 { border-color:#9ca3af; }
.group:hover .group-hover\:background-gray-500 { background-color:#6b7280; }
.group:hover .group-hover\:color-gray-500 { color:#6b7280; }
.group:hover .group-hover\:border-color-gray-500 { border-color:#6b7280; }
.group:hover .group-hover\:background-gray-600 { background-color:#4b5563; }
.group:hover .group-hover\:color-gray-600 { color:#4b5563; }
.group:hover .group-hover\:border-color-gray-600 { border-color:#4b5563; }
.group:hover .group-hover\:background-gray-700 { background-color:#374151; }
.group:hover .group-hover\:color-gray-700 { color:#374151; }
.group:hover .group-hover\:border-color-gray-700 { border-color:#374151; }
.group:hover .group-hover\:background-zinc-300 { background-color:#d4d4d8; }
.group:hover .group-hover\:color-zinc-300 { color:#d4d4d8; }
.group:hover .group-hover\:border-color-zinc-300 { border-color:#d4d4d8; }
.group:hover .group-hover\:background-zinc-400 { background-color:#a1a1aa; }
.group:hover .group-hover\:color-zinc-400 { color:#a1a1aa; }
.group:hover .group-hover\:border-color-zinc-400 { border-color:#a1a1aa; }
.group:hover .group-hover\:background-zinc-500 { background-color:#71717a; }
.group:hover .group-hover\:color-zinc-500 { color:#71717a; }
.group:hover .group-hover\:border-color-zinc-500 { border-color:#71717a; }
.group:hover .group-hover\:background-zinc-600 { background-color:#52525b; }
.group:hover .group-hover\:color-zinc-600 { color:#52525b; }
.group:hover .group-hover\:border-color-zinc-600 { border-color:#52525b; }
.group:hover .group-hover\:background-zinc-700 { background-color:#3f3f46; }
.group:hover .group-hover\:color-zinc-700 { color:#3f3f46; }
.group:hover .group-hover\:border-color-zinc-700 { border-color:#3f3f46; }
.group:hover .group-hover\:background-stone-300 { background-color:#d6d3d1; }
.group:hover .group-hover\:color-stone-300 { color:#d6d3d1; }
.group:hover .group-hover\:border-color-stone-300 { border-color:#d6d3d1; }
.group:hover .group-hover\:background-stone-400 { background-color:#a8a29e; }
.group:hover .group-hover\:color-stone-400 { color:#a8a29e; }
.group:hover .group-hover\:border-color-stone-400 { border-color:#a8a29e; }
.group:hover .group-hover\:background-stone-500 { background-color:#78716c; }
.group:hover .group-hover\:color-stone-500 { color:#78716c; }
.group:hover .group-hover\:border-color-stone-500 { border-color:#78716c; }
.group:hover .group-hover\:background-stone-600 { background-color:#57534e; }
.group:hover .group-hover\:color-stone-600 { color:#57534e; }
.group:hover .group-hover\:border-color-stone-600 { border-color:#57534e; }
.group:hover .group-hover\:background-stone-700 { background-color:#44403c; }
.group:hover .group-hover\:color-stone-700 { color:#44403c; }
.group:hover .group-hover\:border-color-stone-700 { border-color:#44403c; }
.group:hover .group-hover\:add-shadow-sm { box-shadow:var(--santy-shadow-sm); }
.group:hover .group-hover\:add-shadow { box-shadow:var(--santy-shadow); }
.group:hover .group-hover\:add-shadow-md { box-shadow:var(--santy-shadow-md); }
.group:hover .group-hover\:add-shadow-lg { box-shadow:var(--santy-shadow-lg); }
.group:hover .group-hover\:no-shadow { box-shadow:none; }
.group:hover .group-hover\:opacity-0 { opacity:0; }
.group:hover .group-hover\:opacity-25 { opacity:0.25; }
.group:hover .group-hover\:opacity-50 { opacity:0.5; }
.group:hover .group-hover\:opacity-75 { opacity:0.75; }
.group:hover .group-hover\:opacity-100 { opacity:1; }
.group:hover .group-hover\:scale-90 { transform:scale(0.9); }
.group:hover .group-hover\:scale-95 { transform:scale(0.95); }
.group:hover .group-hover\:scale-100 { transform:scale(1); }
.group:hover .group-hover\:scale-105 { transform:scale(1.05); }
.group:hover .group-hover\:scale-110 { transform:scale(1.1); }
.group:hover .group-hover\:make-hidden { display:none; }
.group:hover .group-hover\:make-block { display:block; }
.group:hover .group-hover\:make-flex { display:flex; }
.group:hover .group-hover\:cursor-pointer { cursor:pointer; }
.group:hover .group-hover\:cursor-not-allowed { cursor:not-allowed; }
.group:hover .group-hover\:outline-none { outline:none; }
.group:hover .group-hover\:text-underline { text-decoration:underline; }
.group:hover .group-hover\:text-no-decoration { text-decoration:none; }
.group:hover .group-hover\:text-bold { font-weight:700; }
.group:hover .group-hover\:transition-fast { transition:var(--santy-transition-fast); }
.group:hover .group-hover\:transition-normal { transition:var(--santy-transition-normal); }
.group:hover .group-hover\:add-border-1 { border:1px solid; }
.group:hover .group-hover\:add-border-2 { border:2px solid; }
.group:hover .group-hover\:add-border-4 { border:4px solid; }

/* ── Print Utilities ── */
@media print {
  .print\:hidden { display: none; }
  .print\:block  { display: block; }
  .print\:no-shadow { box-shadow: none !important; }
}

/* ── RTL / Logical Properties ── */
.ps-0  { padding-inline-start: 0; }
.ps-4  { padding-inline-start: 4px; }
.ps-8  { padding-inline-start: 8px; }
.ps-12 { padding-inline-start: 12px; }
.ps-16 { padding-inline-start: 16px; }
.ps-20 { padding-inline-start: 20px; }
.ps-24 { padding-inline-start: 24px; }
.ps-32 { padding-inline-start: 32px; }
.pe-0  { padding-inline-end: 0; }
.pe-4  { padding-inline-end: 4px; }
.pe-8  { padding-inline-end: 8px; }
.pe-12 { padding-inline-end: 12px; }
.pe-16 { padding-inline-end: 16px; }
.pe-20 { padding-inline-end: 20px; }
.pe-24 { padding-inline-end: 24px; }
.pe-32 { padding-inline-end: 32px; }
.ms-auto { margin-inline-start: auto; }
.me-auto { margin-inline-end: auto; }
.border-start-1 { border-inline-start: 1px solid; }
.border-start-2 { border-inline-start: 2px solid; }
.border-start-4 { border-inline-start: 4px solid; }
.border-end-1   { border-inline-end: 1px solid; }
.border-end-2   { border-inline-end: 2px solid; }
.border-end-4   { border-inline-end: 4px solid; }
.start-0  { inset-inline-start: 0; }
.end-0    { inset-inline-end: 0; }
.start-auto { inset-inline-start: auto; }
.end-auto   { inset-inline-end: auto; }

/* ── Peer Variants ── */
/* Usage: add class="peer" to input, then class="peer-checked:make-block" to sibling */
.peer:hover ~ .peer-hover\:make-block { display:block; }
.peer:focus ~ .peer-focus\:make-block { display:block; }
.peer:checked ~ .peer-checked\:make-block { display:block; }
.peer:disabled ~ .peer-disabled\:make-block { display:block; }
.peer:hover ~ .peer-hover\:make-hidden { display:none; }
.peer:focus ~ .peer-focus\:make-hidden { display:none; }
.peer:checked ~ .peer-checked\:make-hidden { display:none; }
.peer:disabled ~ .peer-disabled\:make-hidden { display:none; }
.peer:hover ~ .peer-hover\:make-flex { display:flex; }
.peer:focus ~ .peer-focus\:make-flex { display:flex; }
.peer:checked ~ .peer-checked\:make-flex { display:flex; }
.peer:disabled ~ .peer-disabled\:make-flex { display:flex; }
.peer:hover ~ .peer-hover\:opacity-100 { opacity:1; }
.peer:focus ~ .peer-focus\:opacity-100 { opacity:1; }
.peer:checked ~ .peer-checked\:opacity-100 { opacity:1; }
.peer:disabled ~ .peer-disabled\:opacity-100 { opacity:1; }
.peer:hover ~ .peer-hover\:opacity-0 { opacity:0; }
.peer:focus ~ .peer-focus\:opacity-0 { opacity:0; }
.peer:checked ~ .peer-checked\:opacity-0 { opacity:0; }
.peer:disabled ~ .peer-disabled\:opacity-0 { opacity:0; }
.peer:hover ~ .peer-hover\:color-blue-600 { color:#2563eb; }
.peer:focus ~ .peer-focus\:color-blue-600 { color:#2563eb; }
.peer:checked ~ .peer-checked\:color-blue-600 { color:#2563eb; }
.peer:disabled ~ .peer-disabled\:color-blue-600 { color:#2563eb; }
.peer:hover ~ .peer-hover\:color-gray-500 { color:#6b7280; }
.peer:focus ~ .peer-focus\:color-gray-500 { color:#6b7280; }
.peer:checked ~ .peer-checked\:color-gray-500 { color:#6b7280; }
.peer:disabled ~ .peer-disabled\:color-gray-500 { color:#6b7280; }
.peer:hover ~ .peer-hover\:border-blue-500 { border-color:#3b82f6; }
.peer:focus ~ .peer-focus\:border-blue-500 { border-color:#3b82f6; }
.peer:checked ~ .peer-checked\:border-blue-500 { border-color:#3b82f6; }
.peer:disabled ~ .peer-disabled\:border-blue-500 { border-color:#3b82f6; }
.peer:hover ~ .peer-hover\:background-blue-50 { background-color:#eff6ff; }
.peer:focus ~ .peer-focus\:background-blue-50 { background-color:#eff6ff; }
.peer:checked ~ .peer-checked\:background-blue-50 { background-color:#eff6ff; }
.peer:disabled ~ .peer-disabled\:background-blue-50 { background-color:#eff6ff; }
.peer:hover ~ .peer-hover\:background-green-50 { background-color:#f0fdf4; }
.peer:focus ~ .peer-focus\:background-green-50 { background-color:#f0fdf4; }
.peer:checked ~ .peer-checked\:background-green-50 { background-color:#f0fdf4; }
.peer:disabled ~ .peer-disabled\:background-green-50 { background-color:#f0fdf4; }
.peer:hover ~ .peer-hover\:translate-x-full { transform:translateX(100%); }
.peer:focus ~ .peer-focus\:translate-x-full { transform:translateX(100%); }
.peer:checked ~ .peer-checked\:translate-x-full { transform:translateX(100%); }
.peer:disabled ~ .peer-disabled\:translate-x-full { transform:translateX(100%); }
.peer:hover ~ .peer-hover\:translate-x-0 { transform:translateX(0); }
.peer:focus ~ .peer-focus\:translate-x-0 { transform:translateX(0); }
.peer:checked ~ .peer-checked\:translate-x-0 { transform:translateX(0); }
.peer:disabled ~ .peer-disabled\:translate-x-0 { transform:translateX(0); }

/* ── Motion Variants ── */
@media (prefers-reduced-motion: no-preference) {
  .motion-safe\:animate-spin    { animation: santy-spin 1s linear infinite; }
  .motion-safe\:animate-bounce  { animation: santy-bounce 1s infinite; }
  .motion-safe\:animate-pulse   { animation: santy-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
  .motion-safe\:transition-fast { transition: var(--santy-transition-fast); }
  .motion-safe\:transition-normal{ transition: var(--santy-transition-normal); }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:animate-none  { animation: none !important; }
  .motion-reduce\:transition-none{ transition: none !important; }
  * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ── Extra State Variants ── */

/* on-visited */
.on-visited\:color-blue-600:visited { color:#2563eb; }
.on-visited\:color-red-600:visited { color:#dc2626; }
.on-visited\:color-green-600:visited { color:#16a34a; }
.on-visited\:color-gray-500:visited { color:#6b7280; }
.on-visited\:border-blue-500:visited { border-color:#3b82f6; }
.on-visited\:border-red-500:visited { border-color:#ef4444; }
.on-visited\:border-green-500:visited { border-color:#22c55e; }
.on-visited\:background-blue-50:visited { background-color:#eff6ff; }
.on-visited\:background-red-50:visited { background-color:#fef2f2; }
.on-visited\:background-green-50:visited { background-color:#f0fdf4; }
.on-visited\:opacity-100:visited { opacity:1; }
.on-visited\:opacity-75:visited { opacity:0.75; }
.on-visited\:opacity-50:visited { opacity:0.5; }
.on-visited\:ring-blue:visited { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-visited\:ring-red:visited { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-visited\:ring-green:visited { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-visited\:make-block:visited { display:block; }
.on-visited\:make-hidden:visited { display:none; }

/* on-required */
.on-required\:color-blue-600:required { color:#2563eb; }
.on-required\:color-red-600:required { color:#dc2626; }
.on-required\:color-green-600:required { color:#16a34a; }
.on-required\:color-gray-500:required { color:#6b7280; }
.on-required\:border-blue-500:required { border-color:#3b82f6; }
.on-required\:border-red-500:required { border-color:#ef4444; }
.on-required\:border-green-500:required { border-color:#22c55e; }
.on-required\:background-blue-50:required { background-color:#eff6ff; }
.on-required\:background-red-50:required { background-color:#fef2f2; }
.on-required\:background-green-50:required { background-color:#f0fdf4; }
.on-required\:opacity-100:required { opacity:1; }
.on-required\:opacity-75:required { opacity:0.75; }
.on-required\:opacity-50:required { opacity:0.5; }
.on-required\:ring-blue:required { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-required\:ring-red:required { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-required\:ring-green:required { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-required\:make-block:required { display:block; }
.on-required\:make-hidden:required { display:none; }

/* on-optional */
.on-optional\:color-blue-600:optional { color:#2563eb; }
.on-optional\:color-red-600:optional { color:#dc2626; }
.on-optional\:color-green-600:optional { color:#16a34a; }
.on-optional\:color-gray-500:optional { color:#6b7280; }
.on-optional\:border-blue-500:optional { border-color:#3b82f6; }
.on-optional\:border-red-500:optional { border-color:#ef4444; }
.on-optional\:border-green-500:optional { border-color:#22c55e; }
.on-optional\:background-blue-50:optional { background-color:#eff6ff; }
.on-optional\:background-red-50:optional { background-color:#fef2f2; }
.on-optional\:background-green-50:optional { background-color:#f0fdf4; }
.on-optional\:opacity-100:optional { opacity:1; }
.on-optional\:opacity-75:optional { opacity:0.75; }
.on-optional\:opacity-50:optional { opacity:0.5; }
.on-optional\:ring-blue:optional { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-optional\:ring-red:optional { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-optional\:ring-green:optional { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-optional\:make-block:optional { display:block; }
.on-optional\:make-hidden:optional { display:none; }

/* on-invalid */
.on-invalid\:color-blue-600:invalid { color:#2563eb; }
.on-invalid\:color-red-600:invalid { color:#dc2626; }
.on-invalid\:color-green-600:invalid { color:#16a34a; }
.on-invalid\:color-gray-500:invalid { color:#6b7280; }
.on-invalid\:border-blue-500:invalid { border-color:#3b82f6; }
.on-invalid\:border-red-500:invalid { border-color:#ef4444; }
.on-invalid\:border-green-500:invalid { border-color:#22c55e; }
.on-invalid\:background-blue-50:invalid { background-color:#eff6ff; }
.on-invalid\:background-red-50:invalid { background-color:#fef2f2; }
.on-invalid\:background-green-50:invalid { background-color:#f0fdf4; }
.on-invalid\:opacity-100:invalid { opacity:1; }
.on-invalid\:opacity-75:invalid { opacity:0.75; }
.on-invalid\:opacity-50:invalid { opacity:0.5; }
.on-invalid\:ring-blue:invalid { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-invalid\:ring-red:invalid { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-invalid\:ring-green:invalid { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-invalid\:make-block:invalid { display:block; }
.on-invalid\:make-hidden:invalid { display:none; }

/* on-valid */
.on-valid\:color-blue-600:valid { color:#2563eb; }
.on-valid\:color-red-600:valid { color:#dc2626; }
.on-valid\:color-green-600:valid { color:#16a34a; }
.on-valid\:color-gray-500:valid { color:#6b7280; }
.on-valid\:border-blue-500:valid { border-color:#3b82f6; }
.on-valid\:border-red-500:valid { border-color:#ef4444; }
.on-valid\:border-green-500:valid { border-color:#22c55e; }
.on-valid\:background-blue-50:valid { background-color:#eff6ff; }
.on-valid\:background-red-50:valid { background-color:#fef2f2; }
.on-valid\:background-green-50:valid { background-color:#f0fdf4; }
.on-valid\:opacity-100:valid { opacity:1; }
.on-valid\:opacity-75:valid { opacity:0.75; }
.on-valid\:opacity-50:valid { opacity:0.5; }
.on-valid\:ring-blue:valid { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-valid\:ring-red:valid { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-valid\:ring-green:valid { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-valid\:make-block:valid { display:block; }
.on-valid\:make-hidden:valid { display:none; }

/* on-empty */
.on-empty\:color-blue-600:empty { color:#2563eb; }
.on-empty\:color-red-600:empty { color:#dc2626; }
.on-empty\:color-green-600:empty { color:#16a34a; }
.on-empty\:color-gray-500:empty { color:#6b7280; }
.on-empty\:border-blue-500:empty { border-color:#3b82f6; }
.on-empty\:border-red-500:empty { border-color:#ef4444; }
.on-empty\:border-green-500:empty { border-color:#22c55e; }
.on-empty\:background-blue-50:empty { background-color:#eff6ff; }
.on-empty\:background-red-50:empty { background-color:#fef2f2; }
.on-empty\:background-green-50:empty { background-color:#f0fdf4; }
.on-empty\:opacity-100:empty { opacity:1; }
.on-empty\:opacity-75:empty { opacity:0.75; }
.on-empty\:opacity-50:empty { opacity:0.5; }
.on-empty\:ring-blue:empty { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-empty\:ring-red:empty { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-empty\:ring-green:empty { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-empty\:make-block:empty { display:block; }
.on-empty\:make-hidden:empty { display:none; }

/* on-open */
.on-open\:color-blue-600[open] { color:#2563eb; }
.on-open\:color-red-600[open] { color:#dc2626; }
.on-open\:color-green-600[open] { color:#16a34a; }
.on-open\:color-gray-500[open] { color:#6b7280; }
.on-open\:border-blue-500[open] { border-color:#3b82f6; }
.on-open\:border-red-500[open] { border-color:#ef4444; }
.on-open\:border-green-500[open] { border-color:#22c55e; }
.on-open\:background-blue-50[open] { background-color:#eff6ff; }
.on-open\:background-red-50[open] { background-color:#fef2f2; }
.on-open\:background-green-50[open] { background-color:#f0fdf4; }
.on-open\:opacity-100[open] { opacity:1; }
.on-open\:opacity-75[open] { opacity:0.75; }
.on-open\:opacity-50[open] { opacity:0.5; }
.on-open\:ring-blue[open] { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-open\:ring-red[open] { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-open\:ring-green[open] { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-open\:make-block[open] { display:block; }
.on-open\:make-hidden[open] { display:none; }

/* on-checked */
.on-checked\:color-blue-600:checked { color:#2563eb; }
.on-checked\:color-red-600:checked { color:#dc2626; }
.on-checked\:color-green-600:checked { color:#16a34a; }
.on-checked\:color-gray-500:checked { color:#6b7280; }
.on-checked\:border-blue-500:checked { border-color:#3b82f6; }
.on-checked\:border-red-500:checked { border-color:#ef4444; }
.on-checked\:border-green-500:checked { border-color:#22c55e; }
.on-checked\:background-blue-50:checked { background-color:#eff6ff; }
.on-checked\:background-red-50:checked { background-color:#fef2f2; }
.on-checked\:background-green-50:checked { background-color:#f0fdf4; }
.on-checked\:opacity-100:checked { opacity:1; }
.on-checked\:opacity-75:checked { opacity:0.75; }
.on-checked\:opacity-50:checked { opacity:0.5; }
.on-checked\:ring-blue:checked { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-checked\:ring-red:checked { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-checked\:ring-green:checked { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-checked\:make-block:checked { display:block; }
.on-checked\:make-hidden:checked { display:none; }

/* on-indeterminate */
.on-indeterminate\:color-blue-600:indeterminate { color:#2563eb; }
.on-indeterminate\:color-red-600:indeterminate { color:#dc2626; }
.on-indeterminate\:color-green-600:indeterminate { color:#16a34a; }
.on-indeterminate\:color-gray-500:indeterminate { color:#6b7280; }
.on-indeterminate\:border-blue-500:indeterminate { border-color:#3b82f6; }
.on-indeterminate\:border-red-500:indeterminate { border-color:#ef4444; }
.on-indeterminate\:border-green-500:indeterminate { border-color:#22c55e; }
.on-indeterminate\:background-blue-50:indeterminate { background-color:#eff6ff; }
.on-indeterminate\:background-red-50:indeterminate { background-color:#fef2f2; }
.on-indeterminate\:background-green-50:indeterminate { background-color:#f0fdf4; }
.on-indeterminate\:opacity-100:indeterminate { opacity:1; }
.on-indeterminate\:opacity-75:indeterminate { opacity:0.75; }
.on-indeterminate\:opacity-50:indeterminate { opacity:0.5; }
.on-indeterminate\:ring-blue:indeterminate { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-indeterminate\:ring-red:indeterminate { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-indeterminate\:ring-green:indeterminate { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-indeterminate\:make-block:indeterminate { display:block; }
.on-indeterminate\:make-hidden:indeterminate { display:none; }

/* on-placeholder-shown */
.on-placeholder-shown\:color-blue-600:placeholder-shown { color:#2563eb; }
.on-placeholder-shown\:color-red-600:placeholder-shown { color:#dc2626; }
.on-placeholder-shown\:color-green-600:placeholder-shown { color:#16a34a; }
.on-placeholder-shown\:color-gray-500:placeholder-shown { color:#6b7280; }
.on-placeholder-shown\:border-blue-500:placeholder-shown { border-color:#3b82f6; }
.on-placeholder-shown\:border-red-500:placeholder-shown { border-color:#ef4444; }
.on-placeholder-shown\:border-green-500:placeholder-shown { border-color:#22c55e; }
.on-placeholder-shown\:background-blue-50:placeholder-shown { background-color:#eff6ff; }
.on-placeholder-shown\:background-red-50:placeholder-shown { background-color:#fef2f2; }
.on-placeholder-shown\:background-green-50:placeholder-shown { background-color:#f0fdf4; }
.on-placeholder-shown\:opacity-100:placeholder-shown { opacity:1; }
.on-placeholder-shown\:opacity-75:placeholder-shown { opacity:0.75; }
.on-placeholder-shown\:opacity-50:placeholder-shown { opacity:0.5; }
.on-placeholder-shown\:ring-blue:placeholder-shown { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-placeholder-shown\:ring-red:placeholder-shown { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-placeholder-shown\:ring-green:placeholder-shown { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-placeholder-shown\:make-block:placeholder-shown { display:block; }
.on-placeholder-shown\:make-hidden:placeholder-shown { display:none; }

/* on-autofill */
.on-autofill\:color-blue-600:-webkit-autofill { color:#2563eb; }
.on-autofill\:color-red-600:-webkit-autofill { color:#dc2626; }
.on-autofill\:color-green-600:-webkit-autofill { color:#16a34a; }
.on-autofill\:color-gray-500:-webkit-autofill { color:#6b7280; }
.on-autofill\:border-blue-500:-webkit-autofill { border-color:#3b82f6; }
.on-autofill\:border-red-500:-webkit-autofill { border-color:#ef4444; }
.on-autofill\:border-green-500:-webkit-autofill { border-color:#22c55e; }
.on-autofill\:background-blue-50:-webkit-autofill { background-color:#eff6ff; }
.on-autofill\:background-red-50:-webkit-autofill { background-color:#fef2f2; }
.on-autofill\:background-green-50:-webkit-autofill { background-color:#f0fdf4; }
.on-autofill\:opacity-100:-webkit-autofill { opacity:1; }
.on-autofill\:opacity-75:-webkit-autofill { opacity:0.75; }
.on-autofill\:opacity-50:-webkit-autofill { opacity:0.5; }
.on-autofill\:ring-blue:-webkit-autofill { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-autofill\:ring-red:-webkit-autofill { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-autofill\:ring-green:-webkit-autofill { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-autofill\:make-block:-webkit-autofill { display:block; }
.on-autofill\:make-hidden:-webkit-autofill { display:none; }

/* on-read-only */
.on-read-only\:color-blue-600:read-only { color:#2563eb; }
.on-read-only\:color-red-600:read-only { color:#dc2626; }
.on-read-only\:color-green-600:read-only { color:#16a34a; }
.on-read-only\:color-gray-500:read-only { color:#6b7280; }
.on-read-only\:border-blue-500:read-only { border-color:#3b82f6; }
.on-read-only\:border-red-500:read-only { border-color:#ef4444; }
.on-read-only\:border-green-500:read-only { border-color:#22c55e; }
.on-read-only\:background-blue-50:read-only { background-color:#eff6ff; }
.on-read-only\:background-red-50:read-only { background-color:#fef2f2; }
.on-read-only\:background-green-50:read-only { background-color:#f0fdf4; }
.on-read-only\:opacity-100:read-only { opacity:1; }
.on-read-only\:opacity-75:read-only { opacity:0.75; }
.on-read-only\:opacity-50:read-only { opacity:0.5; }
.on-read-only\:ring-blue:read-only { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-read-only\:ring-red:read-only { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-read-only\:ring-green:read-only { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-read-only\:make-block:read-only { display:block; }
.on-read-only\:make-hidden:read-only { display:none; }

/* on-read-write */
.on-read-write\:color-blue-600:read-write { color:#2563eb; }
.on-read-write\:color-red-600:read-write { color:#dc2626; }
.on-read-write\:color-green-600:read-write { color:#16a34a; }
.on-read-write\:color-gray-500:read-write { color:#6b7280; }
.on-read-write\:border-blue-500:read-write { border-color:#3b82f6; }
.on-read-write\:border-red-500:read-write { border-color:#ef4444; }
.on-read-write\:border-green-500:read-write { border-color:#22c55e; }
.on-read-write\:background-blue-50:read-write { background-color:#eff6ff; }
.on-read-write\:background-red-50:read-write { background-color:#fef2f2; }
.on-read-write\:background-green-50:read-write { background-color:#f0fdf4; }
.on-read-write\:opacity-100:read-write { opacity:1; }
.on-read-write\:opacity-75:read-write { opacity:0.75; }
.on-read-write\:opacity-50:read-write { opacity:0.5; }
.on-read-write\:ring-blue:read-write { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
.on-read-write\:ring-red:read-write { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
.on-read-write\:ring-green:read-write { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
.on-read-write\:make-block:read-write { display:block; }
.on-read-write\:make-hidden:read-write { display:none; }

/* ── on-container-{size}: — anonymous container queries ── */

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

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

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

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

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

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

/* ── on-{name}-{size}: — named container queries ── */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ── on-container-{n}: — pixel-exact container queries ── */

@container (min-width: 200px) {
  .on-container-200\:make-flex { display:flex; }
  .on-container-200\:make-grid { display:grid; }
  .on-container-200\:make-hidden { display:none; }
  .on-container-200\:make-block { display:block; }
  .on-container-200\:flex-row { flex-direction:row; }
  .on-container-200\:flex-column { flex-direction:column; }
  .on-container-200\:flex-wrap { flex-wrap:wrap; }
  .on-container-200\:align-center { align-items:center; }
  .on-container-200\:justify-between { justify-content:space-between; }
  .on-container-200\:justify-center { justify-content:center; }
  .on-container-200\:text-left { text-align:left; }
  .on-container-200\:text-center { text-align:center; }
  .on-container-200\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-200\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-200\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-200\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-200\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-200\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-200\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-200\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-200\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-200\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-200\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-200\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

@container (min-width: 280px) {
  .on-container-280\:make-flex { display:flex; }
  .on-container-280\:make-grid { display:grid; }
  .on-container-280\:make-hidden { display:none; }
  .on-container-280\:make-block { display:block; }
  .on-container-280\:flex-row { flex-direction:row; }
  .on-container-280\:flex-column { flex-direction:column; }
  .on-container-280\:flex-wrap { flex-wrap:wrap; }
  .on-container-280\:align-center { align-items:center; }
  .on-container-280\:justify-between { justify-content:space-between; }
  .on-container-280\:justify-center { justify-content:center; }
  .on-container-280\:text-left { text-align:left; }
  .on-container-280\:text-center { text-align:center; }
  .on-container-280\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-280\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-280\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-280\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-280\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-280\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-280\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-280\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-280\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-280\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-280\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-280\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

@container (min-width: 320px) {
  .on-container-320\:make-flex { display:flex; }
  .on-container-320\:make-grid { display:grid; }
  .on-container-320\:make-hidden { display:none; }
  .on-container-320\:make-block { display:block; }
  .on-container-320\:flex-row { flex-direction:row; }
  .on-container-320\:flex-column { flex-direction:column; }
  .on-container-320\:flex-wrap { flex-wrap:wrap; }
  .on-container-320\:align-center { align-items:center; }
  .on-container-320\:justify-between { justify-content:space-between; }
  .on-container-320\:justify-center { justify-content:center; }
  .on-container-320\:text-left { text-align:left; }
  .on-container-320\:text-center { text-align:center; }
  .on-container-320\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-320\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-320\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-320\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-320\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-320\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-320\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-320\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-320\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-320\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-320\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-320\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

@container (min-width: 400px) {
  .on-container-400\:make-flex { display:flex; }
  .on-container-400\:make-grid { display:grid; }
  .on-container-400\:make-hidden { display:none; }
  .on-container-400\:make-block { display:block; }
  .on-container-400\:flex-row { flex-direction:row; }
  .on-container-400\:flex-column { flex-direction:column; }
  .on-container-400\:flex-wrap { flex-wrap:wrap; }
  .on-container-400\:align-center { align-items:center; }
  .on-container-400\:justify-between { justify-content:space-between; }
  .on-container-400\:justify-center { justify-content:center; }
  .on-container-400\:text-left { text-align:left; }
  .on-container-400\:text-center { text-align:center; }
  .on-container-400\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-400\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-400\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-400\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-400\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-400\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-400\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-400\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-400\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-400\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-400\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-400\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

@container (min-width: 480px) {
  .on-container-480\:make-flex { display:flex; }
  .on-container-480\:make-grid { display:grid; }
  .on-container-480\:make-hidden { display:none; }
  .on-container-480\:make-block { display:block; }
  .on-container-480\:flex-row { flex-direction:row; }
  .on-container-480\:flex-column { flex-direction:column; }
  .on-container-480\:flex-wrap { flex-wrap:wrap; }
  .on-container-480\:align-center { align-items:center; }
  .on-container-480\:justify-between { justify-content:space-between; }
  .on-container-480\:justify-center { justify-content:center; }
  .on-container-480\:text-left { text-align:left; }
  .on-container-480\:text-center { text-align:center; }
  .on-container-480\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-480\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-480\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-480\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-480\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-480\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-480\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-480\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-480\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-480\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-480\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-480\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

@container (min-width: 560px) {
  .on-container-560\:make-flex { display:flex; }
  .on-container-560\:make-grid { display:grid; }
  .on-container-560\:make-hidden { display:none; }
  .on-container-560\:make-block { display:block; }
  .on-container-560\:flex-row { flex-direction:row; }
  .on-container-560\:flex-column { flex-direction:column; }
  .on-container-560\:flex-wrap { flex-wrap:wrap; }
  .on-container-560\:align-center { align-items:center; }
  .on-container-560\:justify-between { justify-content:space-between; }
  .on-container-560\:justify-center { justify-content:center; }
  .on-container-560\:text-left { text-align:left; }
  .on-container-560\:text-center { text-align:center; }
  .on-container-560\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-560\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-560\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-560\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-560\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-560\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-560\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-560\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-560\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-560\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-560\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-560\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

@container (min-width: 640px) {
  .on-container-640\:make-flex { display:flex; }
  .on-container-640\:make-grid { display:grid; }
  .on-container-640\:make-hidden { display:none; }
  .on-container-640\:make-block { display:block; }
  .on-container-640\:flex-row { flex-direction:row; }
  .on-container-640\:flex-column { flex-direction:column; }
  .on-container-640\:flex-wrap { flex-wrap:wrap; }
  .on-container-640\:align-center { align-items:center; }
  .on-container-640\:justify-between { justify-content:space-between; }
  .on-container-640\:justify-center { justify-content:center; }
  .on-container-640\:text-left { text-align:left; }
  .on-container-640\:text-center { text-align:center; }
  .on-container-640\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-640\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-640\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-640\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-640\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-640\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-640\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-640\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-640\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-640\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-640\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-640\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

@container (min-width: 720px) {
  .on-container-720\:make-flex { display:flex; }
  .on-container-720\:make-grid { display:grid; }
  .on-container-720\:make-hidden { display:none; }
  .on-container-720\:make-block { display:block; }
  .on-container-720\:flex-row { flex-direction:row; }
  .on-container-720\:flex-column { flex-direction:column; }
  .on-container-720\:flex-wrap { flex-wrap:wrap; }
  .on-container-720\:align-center { align-items:center; }
  .on-container-720\:justify-between { justify-content:space-between; }
  .on-container-720\:justify-center { justify-content:center; }
  .on-container-720\:text-left { text-align:left; }
  .on-container-720\:text-center { text-align:center; }
  .on-container-720\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-720\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-720\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-720\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-720\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-720\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-720\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-720\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-720\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-720\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-720\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-720\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

@container (min-width: 800px) {
  .on-container-800\:make-flex { display:flex; }
  .on-container-800\:make-grid { display:grid; }
  .on-container-800\:make-hidden { display:none; }
  .on-container-800\:make-block { display:block; }
  .on-container-800\:flex-row { flex-direction:row; }
  .on-container-800\:flex-column { flex-direction:column; }
  .on-container-800\:flex-wrap { flex-wrap:wrap; }
  .on-container-800\:align-center { align-items:center; }
  .on-container-800\:justify-between { justify-content:space-between; }
  .on-container-800\:justify-center { justify-content:center; }
  .on-container-800\:text-left { text-align:left; }
  .on-container-800\:text-center { text-align:center; }
  .on-container-800\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
  .on-container-800\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .on-container-800\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .on-container-800\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .on-container-800\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .on-container-800\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .on-container-800\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
  .on-container-800\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .on-container-800\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .on-container-800\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .on-container-800\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
  .on-container-800\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
}

/* ── on-container-below-{size}: — max-width container queries ── */

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

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

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

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