/* ==========================================================================
   Tessel Design System — utilities.css
   Атомарные хелперы. Адаптивные префиксы: sm: md: lg: xl: (display, grid-cols, направление, выравнивание)
   ========================================================================== */
.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%;min-width:0}.flex-none{flex:none}
.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}
.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}
.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}
.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}
.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.col-span-full{grid-column:1/-1}
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
.uppercase{text-transform:uppercase}.tabular{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance{text-wrap:balance}
.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}
.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}
.max-w-prose{max-width:38em}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:36rem}
.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-0{border:0}
.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-text)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}
.bg-bg{background:var(--bg)}.bg-alt{background:var(--bg-alt)}.bg-soft{background:var(--bg-soft)}.bg-surface{background:var(--surface)}.bg-raised{background:var(--surface-raised)}.bg-inverse{background:var(--surface-inverse)}
.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-pill{border-radius:var(--radius-pill)}
.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-float{box-shadow:var(--shadow-float)}.shadow-glow{box-shadow:var(--shadow-glow)}
.p-0{padding:0}.px-0{padding-inline:0}.py-0{padding-block:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.gap-0{gap:0}
.p-1{padding:4px}.px-1{padding-inline:4px}.py-1{padding-block:4px}.pt-1{padding-top:4px}.pb-1{padding-bottom:4px}.m-1{margin:4px}.mt-1{margin-top:4px}.mb-1{margin-bottom:4px}.gap-1{gap:4px}
.p-2{padding:8px}.px-2{padding-inline:8px}.py-2{padding-block:8px}.pt-2{padding-top:8px}.pb-2{padding-bottom:8px}.m-2{margin:8px}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.gap-2{gap:8px}
.p-3{padding:12px}.px-3{padding-inline:12px}.py-3{padding-block:12px}.pt-3{padding-top:12px}.pb-3{padding-bottom:12px}.m-3{margin:12px}.mt-3{margin-top:12px}.mb-3{margin-bottom:12px}.gap-3{gap:12px}
.p-4{padding:16px}.px-4{padding-inline:16px}.py-4{padding-block:16px}.pt-4{padding-top:16px}.pb-4{padding-bottom:16px}.m-4{margin:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-4{gap:16px}
.p-5{padding:20px}.px-5{padding-inline:20px}.py-5{padding-block:20px}.pt-5{padding-top:20px}.pb-5{padding-bottom:20px}.m-5{margin:20px}.mt-5{margin-top:20px}.mb-5{margin-bottom:20px}.gap-5{gap:20px}
.p-6{padding:24px}.px-6{padding-inline:24px}.py-6{padding-block:24px}.pt-6{padding-top:24px}.pb-6{padding-bottom:24px}.m-6{margin:24px}.mt-6{margin-top:24px}.mb-6{margin-bottom:24px}.gap-6{gap:24px}
.p-8{padding:32px}.px-8{padding-inline:32px}.py-8{padding-block:32px}.pt-8{padding-top:32px}.pb-8{padding-bottom:32px}.m-8{margin:32px}.mt-8{margin-top:32px}.mb-8{margin-bottom:32px}.gap-8{gap:32px}
.p-10{padding:40px}.px-10{padding-inline:40px}.py-10{padding-block:40px}.pt-10{padding-top:40px}.pb-10{padding-bottom:40px}.m-10{margin:40px}.mt-10{margin-top:40px}.mb-10{margin-bottom:40px}.gap-10{gap:40px}
.p-12{padding:48px}.px-12{padding-inline:48px}.py-12{padding-block:48px}.pt-12{padding-top:48px}.pb-12{padding-bottom:48px}.m-12{margin:48px}.mt-12{margin-top:48px}.mb-12{margin-bottom:48px}.gap-12{gap:48px}
.p-16{padding:64px}.px-16{padding-inline:64px}.py-16{padding-block:64px}.pt-16{padding-top:64px}.pb-16{padding-bottom:64px}.m-16{margin:64px}.mt-16{margin-top:64px}.mb-16{margin-bottom:64px}.gap-16{gap:64px}
.p-20{padding:80px}.px-20{padding-inline:80px}.py-20{padding-block:80px}.pt-20{padding-top:80px}.pb-20{padding-bottom:80px}.m-20{margin:80px}.mt-20{margin-top:80px}.mb-20{margin-bottom:80px}.gap-20{gap:80px}
.p-24{padding:96px}.px-24{padding-inline:96px}.py-24{padding-block:96px}.pt-24{padding-top:96px}.pb-24{padding-bottom:96px}.m-24{margin:96px}.mt-24{margin-top:96px}.mb-24{margin-bottom:96px}.gap-24{gap:96px}
@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:text-left{text-align:left}}
@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:text-left{text-align:left}}
@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:text-left{text-align:left}}
@media (min-width:1280px){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:inline-flex{display:inline-flex}.xl\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}.xl\:text-left{text-align:left}}
@media (max-width:767px){.hide-mobile{display:none!important}}
@media (min-width:768px){.show-mobile{display:none!important}}