/* assets/css/tommy-lovable-utils.css — GENERATED, DO NOT EDIT
   ══════════════════════════════════════════════════════════════════
   Produced by qa/tools/lovable-utilities.js from the approved Lovable
   handoff. It contains real CSS for exactly the utility classes the
   Lovable Tommy screens use — 374 rules plus responsive
   variants — resolved against Tommy's own design tokens.

   This exists so the Lovable markup can be ported with its class
   strings intact. Translating each utility into bespoke CSS by hand is
   where fidelity gets lost, and it is not reviewable; this is.

   Regenerate:  node qa/tools/lovable-utilities.js <lovable-src>
   Guarded by:  tests/lovable-utilities.test.js
   ══════════════════════════════════════════════════════════════════ */
.-left-0\.5{left:-0.125rem}
.-top-0\.5{top:-0.125rem}
.-translate-x-full{transform:translateX(-100%)}
.-translate-y-1\/2{transform:translateY(-50%)}
.absolute{position:absolute}
.after\:absolute::after{position:absolute}
.after\:bg-primary::after{background-color:var(--tommy-primary)}
.after\:bottom-0::after{bottom:0}
.after\:h-0\.5::after{height:0.125rem}
.after\:inset-x-2::after{left:0.5rem;right:0.5rem}
.after\:rounded-full::after{border-radius:9999px}
.align-top{vertical-align:top}
.aspect-\[1\/1\.25\]{aspect-ratio:1 / 1.25}
.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.backdrop-blur-\[2px\]{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.bg-background{background-color:var(--tommy-bg)}
.bg-background\/40{background-color:color-mix(in srgb, var(--tommy-bg) 40%, transparent)}
.bg-background\/60{background-color:color-mix(in srgb, var(--tommy-bg) 60%, transparent)}
.bg-background\/70{background-color:color-mix(in srgb, var(--tommy-bg) 70%, transparent)}
.bg-background\/85{background-color:color-mix(in srgb, var(--tommy-bg) 85%, transparent)}
.bg-border{background-color:var(--tommy-border)}
.bg-card{background-color:var(--tommy-panel)}
.bg-current{background-color:currentColor}
.bg-destructive{background-color:var(--tommy-danger)}
.bg-destructive\/10{background-color:color-mix(in srgb, var(--tommy-danger) 10%, transparent)}
.bg-destructive\/15{background-color:color-mix(in srgb, var(--tommy-danger) 15%, transparent)}
.bg-destructive\/8{background-color:color-mix(in srgb, var(--tommy-danger) 8%, transparent)}
.bg-foreground{background-color:var(--tommy-text)}
.bg-info\/10{background-color:color-mix(in srgb, var(--tommy-info) 10%, transparent)}
.bg-info\/8{background-color:color-mix(in srgb, var(--tommy-info) 8%, transparent)}
.bg-input{background-color:var(--tommy-input)}
.bg-muted-foreground{background-color:var(--tommy-text-muted)}
.bg-popover{background-color:var(--tommy-panel)}
.bg-primary{background-color:var(--tommy-primary)}
.bg-primary\/12{background-color:color-mix(in srgb, var(--tommy-primary) 12%, transparent)}
.bg-primary\/15{background-color:color-mix(in srgb, var(--tommy-primary) 15%, transparent)}
.bg-primary\/40{background-color:color-mix(in srgb, var(--tommy-primary) 40%, transparent)}
.bg-primary\/70{background-color:color-mix(in srgb, var(--tommy-primary) 70%, transparent)}
.bg-primary\/8{background-color:color-mix(in srgb, var(--tommy-primary) 8%, transparent)}
.bg-secondary{background-color:var(--tommy-secondary-surface)}
.bg-secondary\/50{background-color:color-mix(in srgb, var(--tommy-secondary-surface) 50%, transparent)}
.bg-secondary\/70{background-color:color-mix(in srgb, var(--tommy-secondary-surface) 70%, transparent)}
.bg-sidebar{background-color:var(--tommy-sidebar)}
.bg-sidebar-accent{background-color:var(--tommy-sidebar-accent)}
.bg-success{background-color:var(--tommy-success)}
.bg-success\/10{background-color:color-mix(in srgb, var(--tommy-success) 10%, transparent)}
.bg-success\/15{background-color:color-mix(in srgb, var(--tommy-success) 15%, transparent)}
.bg-success\/8{background-color:color-mix(in srgb, var(--tommy-success) 8%, transparent)}
.bg-surface{background-color:var(--tommy-surface)}
.bg-transparent{background-color:transparent}
.bg-warning\/10{background-color:color-mix(in srgb, var(--tommy-warning) 10%, transparent)}
.bg-warning\/15{background-color:color-mix(in srgb, var(--tommy-warning) 15%, transparent)}
.bg-warning\/8{background-color:color-mix(in srgb, var(--tommy-warning) 8%, transparent)}
.block{display:block}
.border{border-width:1px;border-style:solid}
.border-b{border-bottom-width:1px;border-bottom-style:solid}
.border-border{border-color:var(--tommy-border)}
.border-border-strong{border-color:var(--tommy-border-strong)}
.border-border\/60{border-color:color-mix(in srgb, var(--tommy-border) 60%, transparent)}
.border-collapse{border-collapse:collapse}
.border-dashed{border-style:dashed}
.border-destructive\/25{border-color:color-mix(in srgb, var(--tommy-danger) 25%, transparent)}
.border-destructive\/30{border-color:color-mix(in srgb, var(--tommy-danger) 30%, transparent)}
.border-info\/25{border-color:color-mix(in srgb, var(--tommy-info) 25%, transparent)}
.border-info\/30{border-color:color-mix(in srgb, var(--tommy-info) 30%, transparent)}
.border-input{border-color:var(--tommy-input)}
.border-l{border-left-width:1px;border-left-style:solid}
.border-primary{border-color:var(--tommy-primary)}
.border-primary\/25{border-color:color-mix(in srgb, var(--tommy-primary) 25%, transparent)}
.border-primary\/30{border-color:color-mix(in srgb, var(--tommy-primary) 30%, transparent)}
.border-primary\/35{border-color:color-mix(in srgb, var(--tommy-primary) 35%, transparent)}
.border-primary\/40{border-color:color-mix(in srgb, var(--tommy-primary) 40%, transparent)}
.border-primary\/50{border-color:color-mix(in srgb, var(--tommy-primary) 50%, transparent)}
.border-r{border-right-width:1px;border-right-style:solid}
.border-r-0{border-right-width:0}
.border-sidebar-border{border-color:var(--tommy-sidebar-border)}
.border-success\/25{border-color:color-mix(in srgb, var(--tommy-success) 25%, transparent)}
.border-success\/30{border-color:color-mix(in srgb, var(--tommy-success) 30%, transparent)}
.border-success\/40{border-color:color-mix(in srgb, var(--tommy-success) 40%, transparent)}
.border-t{border-top-width:1px;border-top-style:solid}
.border-transparent{border-color:transparent}
.border-warning\/25{border-color:color-mix(in srgb, var(--tommy-warning) 25%, transparent)}
.border-warning\/30{border-color:color-mix(in srgb, var(--tommy-warning) 30%, transparent)}
.border-warning\/40{border-color:color-mix(in srgb, var(--tommy-warning) 40%, transparent)}
.border-y{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid}
.bottom-24{bottom:6rem}
.cursor-not-allowed{cursor:not-allowed}
.cursor-pointer{cursor:pointer}
.disabled\:opacity-50:disabled,.disabled\:opacity-50[aria-disabled="true"]{opacity:0.5}
.disabled\:pointer-events-none:disabled,.disabled\:pointer-events-none[aria-disabled="true"]{pointer-events:none}
.divide-border > * + *{border-color:var(--tommy-border)}
.divide-border\/60 > * + *{border-color:color-mix(in srgb, var(--tommy-border) 60%, transparent)}
.divide-y > * + *{border-top-width:1px;border-top-style:solid}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}
.focus-visible\:ring-2:focus-visible{box-shadow:0 0 0 2px var(--tommy-ring)}
.focus-visible\:ring-ring:focus-visible{box-shadow:0 0 0 2px var(--tommy-ring)}
.focus\:border-primary\/50:focus{border-color:color-mix(in srgb, var(--tommy-primary) 50%, transparent)}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tommy-ring)}
.focus\:ring-ring:focus{box-shadow:0 0 0 2px var(--tommy-ring)}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.gap-0\.5{gap:0.125rem}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-x-3{column-gap:0.75rem}
.gap-x-4{column-gap:1rem}
.gap-x-5{column-gap:1.25rem}
.gap-x-6{column-gap:1.5rem}
.gap-y-1{row-gap:0.25rem}
.gap-y-1\.5{row-gap:0.375rem}
.gap-y-3{row-gap:0.75rem}
.grid{display:grid}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-\[minmax\(0\,1fr\)\_auto\]{grid-template-columns:minmax(0,1fr) auto}
.group:hover .group-hover\:-translate-x-0\.5{transform:translateX(-0.125rem)}
.group:hover .group-hover\:bg-surface-2\/60{background-color:color-mix(in srgb, var(--tommy-surface-2) 60%, transparent)}
.group:hover .group-hover\:border-border-strong{border-color:var(--tommy-border-strong)}
.group:hover .group-hover\:text-primary{color:var(--tommy-primary)}
.h-1\.5{height:0.375rem}
.h-14{height:3.5rem}
.h-2{height:0.5rem}
.h-5{height:1.25rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-9\.5{height:2.375rem}
.h-fit{height:fit-content}
.h-full{height:100%}
.h-px{height:1px}
.h-screen{height:100vh}
.hidden{display:none}
.hover\:bg-accent:hover{background-color:var(--tommy-accent-surface)}
.hover\:bg-destructive\/15:hover{background-color:color-mix(in srgb, var(--tommy-danger) 15%, transparent)}
.hover\:bg-destructive\/90:hover{background-color:color-mix(in srgb, var(--tommy-danger) 90%, transparent)}
.hover\:bg-primary\/90:hover{background-color:color-mix(in srgb, var(--tommy-primary) 90%, transparent)}
.hover\:bg-secondary:hover{background-color:var(--tommy-secondary-surface)}
.hover\:bg-secondary\/40:hover{background-color:color-mix(in srgb, var(--tommy-secondary-surface) 40%, transparent)}
.hover\:bg-secondary\/50:hover{background-color:color-mix(in srgb, var(--tommy-secondary-surface) 50%, transparent)}
.hover\:bg-secondary\/60:hover{background-color:color-mix(in srgb, var(--tommy-secondary-surface) 60%, transparent)}
.hover\:bg-sidebar-accent\/60:hover{background-color:color-mix(in srgb, var(--tommy-sidebar-accent) 60%, transparent)}
.hover\:bg-surface:hover{background-color:var(--tommy-surface)}
.hover\:bg-surface-2:hover{background-color:var(--tommy-surface-2)}
.hover\:border-primary\/50:hover{border-color:color-mix(in srgb, var(--tommy-primary) 50%, transparent)}
.hover\:text-destructive:hover{color:var(--tommy-danger)}
.hover\:text-foreground:hover{color:var(--tommy-text)}
.hover\:underline:hover{text-decoration-line:underline}
.inline-flex{display:inline-flex}
.inset-0{inset:0}
.inset-y-0{top:0;bottom:0}
.items-baseline{align-items:baseline}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.items-stretch{align-items:stretch}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.last\:border-0:last-child{border-width:0}
.last\:border-b-0:last-child{border-bottom-width:0}
.leading-5{line-height:1.25rem}
.leading-6{line-height:1.5rem}
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.left-0{left:0}
.max-h-\[calc\(100vh-13rem\)\]{max-height:calc(100vh-13rem)}
.max-w-\[22rem\]{max-width:22rem}
.max-w-\[92vw\]{max-width:92vw}
.max-w-md{max-width:28rem}
.max-w-sm{max-width:24rem}
.max-w-xl{max-width:36rem}
.max-w-xs{max-width:20rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-2{margin-bottom:0.5rem}
.mb-2\.5{margin-bottom:0.625rem}
.mb-3{margin-bottom:0.75rem}
.min-h-0{min-height:0}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0}
.min-w-40{min-width:10rem}
.min-w-48{min-width:12rem}
.min-w-56{min-width:14rem}
.min-w-64{min-width:16rem}
.min-w-\[900px\]{min-width:900px}
.min-w-max{min-width:max-content}
.mr-auto{margin-right:auto}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-1\.5{margin-top:0.375rem}
.mt-2{margin-top:0.5rem}
.mt-2\.5{margin-top:0.625rem}
.mt-3{margin-top:0.75rem}
.mt-3\.5{margin-top:0.875rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.opacity-0{opacity:0}
.opacity-100{opacity:1}
.opacity-70{opacity:0.7}
.opacity-90{opacity:0.9}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overscroll-contain{overscroll-behavior:contain}
.p-0\.5{padding:0.125rem}
.p-1\.5{padding:0.375rem}
.p-2{padding:0.5rem}
.p-2\.5{padding:0.625rem}
.p-3{padding:0.75rem}
.p-3\.5{padding:0.875rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.pb-1{padding-bottom:0.25rem}
.pb-2{padding-bottom:0.5rem}
.pl-3{padding-left:0.75rem}
.place-items-center{place-items:center}
.placeholder\:text-muted-foreground::placeholder{color:var(--tommy-text-muted)}
.pointer-events-none{pointer-events:none}
.pr-3\.5{padding-right:0.875rem}
.pr-9{padding-right:2.25rem}
.pt-1{padding-top:0.25rem}
.pt-2{padding-top:0.5rem}
.pt-3\.5{padding-top:0.875rem}
.pt-4{padding-top:1rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.relative{position:relative}
.resize-none{resize:none}
.right-0\.5{right:0.125rem}
.right-3{right:0.75rem}
.right-\[18px\]{right:18px}
.ring-1{box-shadow:0 0 0 1px var(--tommy-ring)}
.ring-primary\/25{box-shadow:0 0 0 2px color-mix(in srgb, var(--tommy-primary) 25%, transparent)}
.ring-primary\/40{box-shadow:0 0 0 2px color-mix(in srgb, var(--tommy-primary) 40%, transparent)}
.rotate-180{transform:rotate(180deg)}
.rotate-90{transform:rotate(90deg)}
.rounded{border-radius:var(--tommy-radius)}
.rounded-\[5px\]{border-radius:5px}
.rounded-full{border-radius:9999px}
.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-lg{border-radius:var(--tommy-radius)}
.rounded-md{border-radius:var(--tommy-radius-md)}
.rounded-r-lg{border-top-right-radius:var(--tommy-radius);border-bottom-right-radius:var(--tommy-radius)}
.rounded-xl{border-radius:var(--tommy-radius-xl)}
.scroll-mt-24{scroll-margin-top:6rem}
.scroll-mt-4{scroll-margin-top:1rem}
.shadow-\[inset\_2px\_0\_0\_0\_var\(--primary\)\]{box-shadow:inset 2px 0 0 0 var(--tommy-primary)}
.shadow-\[var\(--shadow-drawer\)\]{box-shadow:var(--shadow-drawer)}
.shadow-\[var\(--shadow-panel\)\]{box-shadow:var(--shadow-panel)}
.shrink-0{flex-shrink:0}
.size-1\.5{width:0.375rem;height:0.375rem}
.size-10{width:2.5rem;height:2.5rem}
.size-12{width:3rem;height:3rem}
.size-3{width:0.75rem;height:0.75rem}
.size-3\.5{width:0.875rem;height:0.875rem}
.size-4{width:1rem;height:1rem}
.size-4\.5{width:1.125rem;height:1.125rem}
.size-5{width:1.25rem;height:1.25rem}
.size-6{width:1.5rem;height:1.5rem}
.size-7{width:1.75rem;height:1.75rem}
.size-8{width:2rem;height:2rem}
.size-9{width:2.25rem;height:2.25rem}
.space-y-1 > * + *{margin-top:0.25rem}
.space-y-1\.5 > * + *{margin-top:0.375rem}
.space-y-2 > * + *{margin-top:0.5rem}
.space-y-2\.5 > * + *{margin-top:0.625rem}
.space-y-3 > * + *{margin-top:0.75rem}
.space-y-3\.5 > * + *{margin-top:0.875rem}
.space-y-4 > * + *{margin-top:1rem}
.space-y-5 > * + *{margin-top:1.25rem}
.space-y-6 > * + *{margin-top:1.5rem}
.sticky{position:sticky}
.text-2xl{font-size:24px;line-height:1.3333}
.text-7xl{font-size:72px;line-height:1}
.text-\[10\.5px\]{font-size:10.5px}
.text-\[10px\]{font-size:10px}
.text-\[11\.5px\]{font-size:11.5px}
.text-\[11px\]{font-size:11px}
.text-\[12\.5px\]{font-size:12.5px}
.text-\[12px\]{font-size:12px}
.text-\[13\.5px\]{font-size:13.5px}
.text-\[13px\]{font-size:13px}
.text-\[14\.5px\]{font-size:14.5px}
.text-\[14px\]{font-size:14px}
.text-\[15px\]{font-size:15px}
.text-\[17px\]{font-size:17px}
.text-center{text-align:center}
.text-destructive{color:var(--tommy-danger)}
.text-destructive-foreground{color:var(--tommy-danger-contrast)}
.text-end{text-align:end}
.text-foreground{color:var(--tommy-text)}
.text-info{color:var(--tommy-info)}
.text-left{text-align:left}
.text-lg{font-size:18px;line-height:1.5556}
.text-muted-foreground{color:var(--tommy-text-muted)}
.text-muted-foreground\/80{color:color-mix(in srgb, var(--tommy-text-muted) 80%, transparent)}
.text-muted-foreground\/90{color:color-mix(in srgb, var(--tommy-text-muted) 90%, transparent)}
.text-primary{color:var(--tommy-primary)}
.text-primary-foreground{color:var(--tommy-primary-contrast)}
.text-right{text-align:right}
.text-secondary-foreground{color:var(--tommy-text)}
.text-sidebar-accent-foreground{color:var(--tommy-sidebar-accent-fg)}
.text-sm{font-size:14px;line-height:1.4286}
.text-start{text-align:start}
.text-success{color:var(--tommy-success)}
.text-warning{color:var(--tommy-warning)}
.text-xl{font-size:20px;line-height:1.4}
.text-xs{font-size:12px;line-height:1.3333}
.top-0{top:0}
.top-0\.5{top:0.125rem}
.top-1\/2{top:50%}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.transition-\[width\]{transition-property:width}
.transition-all{transition-property:all;transition-duration:.15s}
.transition-colors{transition-property:color,background-color,border-color,fill,stroke;transition-duration:.15s}
.transition-opacity{transition-property:opacity;transition-duration:.15s}
.transition-transform{transition-property:transform;transition-duration:.15s}
.translate-x-0{transform:translateX(0)}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uppercase{text-transform:uppercase}
.w-10{width:2.5rem}
.w-2\/3{width:66.666667%}
.w-2\/5{width:40%}
.w-24{width:6rem}
.w-28{width:7rem}
.w-3\/5{width:60%}
.w-32{width:8rem}
.w-40{width:10rem}
.w-44{width:11rem}
.w-60{width:15rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-\[400px\]{width:400px}
.w-full{width:100%}
.whitespace-nowrap{white-space:nowrap}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.z-60{z-index:60}

@media (min-width:640px){
.sm\:flex{display:flex}
.sm\:flex-wrap{flex-wrap:wrap}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:inline{display:inline}
.sm\:justify-between{justify-content:space-between}
.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}
}

@media (min-width:768px){
.md\:border-l-0{border-left-width:0}
.md\:border-r-0{border-right-width:0}
.md\:col-span-3{grid-column:span 3 / span 3}
.md\:flex{display:flex}
.md\:gap-0{gap:0}
.md\:grid{display:grid}
.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-\[1fr\_auto\_1fr\]{grid-template-columns:1fr auto 1fr}
.md\:grid-cols-\[minmax\(0\,1fr\)\_auto\_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.md\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}
.md\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}
}

@media (min-width:1024px){
.lg\:block{display:block}
.lg\:flex{display:flex}
.lg\:flex-col{flex-direction:column}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-\[220px\_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}
.lg\:grid-cols-\[240px\_1fr\]{grid-template-columns:240px 1fr}
.lg\:grid-cols-\[minmax\(0\,1\.4fr\)\_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.lg\:grid-cols-\[minmax\(0\,1fr\)\_180px\_190px\]{grid-template-columns:minmax(0,1fr) 180px 190px}
.lg\:grid-cols-\[minmax\(0\,1fr\)\_260px\_230px\]{grid-template-columns:minmax(0,1fr) 260px 230px}
.lg\:items-start{align-items:flex-start}
.lg\:justify-end{justify-content:flex-end}
.lg\:min-w-0{min-width:0}
.lg\:overflow-visible{overflow:visible}
.lg\:pb-0{padding-bottom:0}
.lg\:shrink{flex-shrink:1}
.lg\:sticky{position:sticky}
.lg\:text-left{text-align:left}
.lg\:top-4{top:1rem}
.lg\:w-full{width:100%}
}

@media (min-width:1280px){
.xl\:col-span-2{grid-column:span 2 / span 2}
.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-\[minmax\(0\,1\.15fr\)\_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.xl\:grid-cols-\[minmax\(0\,1\.25fr\)\_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.xl\:grid-cols-\[minmax\(0\,1fr\)\_320px\]{grid-template-columns:minmax(0,1fr) 320px}
.xl\:grid-cols-\[minmax\(0\,1fr\)\_400px\]{grid-template-columns:minmax(0,1fr) 400px}
.xl\:grid-cols-\[minmax\(0\,380px\)\_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,380px) minmax(0,1fr)}
.xl\:self-start{align-self:flex-start}
.xl\:sticky{position:sticky}
.xl\:top-6{top:1.5rem}
}