/* ЭТОТ ФАЙЛ СОБРАН СКРИПТОМ. Правьте tools/build_css.py, а не его.
   Собрать заново:  python3 tools/build_css.py

   Здесь только те классы, которые есть на страницах. Раньше их раздавал
   cdn.tailwindcss.com — то есть сайт зависел от чужого домена, а каждый
   гость отмечался на нём. */

*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid;
  border-color: rgb(var(--border) / 1); }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif; }
body { margin: 0; line-height: inherit; }
hr { height: 0; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco,
  Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit;
  font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit;
  margin: 0; padding: 0; }
button, select { text-transform: none; }
button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button;
  background-color: transparent; background-image: none; cursor: pointer; }
:-moz-focusring { outline: auto; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type='search'] { -webkit-appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; }
fieldset { margin: 0; padding: 0; }
legend { padding: 0; }
ol, ul, menu { list-style: none; margin: 0; padding: 0; }
dialog { padding: 0; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(var(--faint) / 1); }
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none; }
/* `.hidden` — здесь, а не среди утилит.

   Среди утилит правила стоят по алфавиту, и `.hidden` оказывался бы выше
   `.inline-flex`: элемент с обоими классами остался бы видимым. Правило,
   которым прячут половину разметки, не должно зависеть от того, какая
   буква идёт следующей.

   Так уже ломалось, и молча: `.hidden` описывали у себя index.html и
   admin.html, поэтому сборщик считал класс «своим» и в app.css не писал —
   а tg.html, у которой своего стиля нет, показывала все свои экраны разом.
   Заметить это можно было только открыв её в браузере. */
.hidden { display: none !important; }


/* — утилиты — */

.absolute{position:absolute}
.accent-\[rgb\(var\(--primary\)\)\]{accent-color:rgb(var(--primary))}
.accent-primary{accent-color:rgb(var(--primary) / 1)}
.active\:scale-95:active{transform:scale(0.95)}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bg-accent\/20{background-color:rgb(var(--accent) / 0.2)}
.bg-bg{background-color:rgb(var(--bg) / 1)}
.bg-border{background-color:rgb(var(--border) / 1)}
.bg-dangerBg{background-color:rgb(var(--danger-bg) / 1)}
.bg-goodBg{background-color:rgb(var(--good-bg) / 1)}
.bg-primary{background-color:rgb(var(--primary) / 1)}
.bg-surface{background-color:rgb(var(--surface) / 1)}
.bg-surface2{background-color:rgb(var(--surface2) / 1)}
.block{display:block}
.col-span-1{grid-column:span 1 / span 1}
.col-span-2{grid-column:span 2 / span 2}
.col-span-4{grid-column:span 4 / span 4}
.cursor-default{cursor:default}
.cursor-help{cursor:help}
.cursor-pointer{cursor:pointer}
.decoration-dotted{text-decoration-style:dotted}
.ease-out{transition-timing-function:cubic-bezier(0,0,0.2,1)}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.focus-visible\:ring-2:focus-visible{box-shadow:0 0 0 2px var(--fb-ring-color,rgb(0 0 0 / 0.1))}
.focus-visible\:ring-primary:focus-visible{--fb-ring-color:rgb(var(--primary) / 1)}
.focus\:ring-primary:focus{--fb-ring-color:rgb(var(--primary) / 1)}
.font-medium{font-weight:500}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.h-1\.5{height:0.375rem}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-2{height:0.5rem}
.h-20{height:5rem}
.h-28{height:7rem}
.h-32{height:8rem}
.h-4{height:1rem}
.h-40{height:10rem}
.h-44{height:11rem}
.h-5{height:1.25rem}
.h-52{height:13rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-\[27rem\]{height:27rem}
.h-full{height:100%}
.hidden{display:none}
.hover\:bg-border:hover{background-color:rgb(var(--border) / 1)}
.hover\:bg-primaryHover:hover{background-color:rgb(var(--primary-hover) / 1)}
.hover\:bg-surface2:hover{background-color:rgb(var(--surface2) / 1)}
.hover\:opacity-80:hover{opacity:0.8}
.hover\:ring-borderStrong:hover{--fb-ring-color:rgb(var(--border-strong) / 1)}
.hover\:text-fg:hover{color:rgb(var(--fg) / 1)}
.hover\:text-muted:hover{color:rgb(var(--muted) / 1)}
.hover\:underline:hover{text-decoration-line:underline}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.items-baseline{align-items:baseline}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-tight{line-height:1.25}
.max-w-24{max-width:6rem}
.max-w-3xl{max-width:48rem}
.max-w-40{max-width:10rem}
.max-w-md{max-width:28rem}
.max-w-sm{max-width:24rem}
.min-h-full{min-height:100%}
.min-w-0{min-width:0px}
.min-w-\[420px\]{min-width:420px}
.min-w-\[520px\]{min-width:520px}
.object-cover{object-fit:cover}
.opacity-40{opacity:0.4}
.opacity-50{opacity:0.5}
.opacity-60{opacity:0.6}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.pointer-events-none{pointer-events:none}
.position\:absolute{position:absolute}
.relative{position:relative}
.ring-1{box-shadow:0 0 0 1px var(--fb-ring-color,rgb(0 0 0 / 0.1))}
.ring-accent{--fb-ring-color:rgb(var(--accent) / 1)}
.ring-border{--fb-ring-color:rgb(var(--border) / 1)}
.ring-primary{--fb-ring-color:rgb(var(--primary) / 1)}
.self-center{align-self:center}
.shadow-lg{box-shadow:0 10px 15px -3px var(--fb-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--fb-shadow-color, rgb(0 0 0 / 0.1))}
.shadow-primary\/20{--fb-shadow-color:rgb(var(--primary) / 0.2)}
.shadow-xl{box-shadow:0 20px 25px -5px var(--fb-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--fb-shadow-color, rgb(0 0 0 / 0.1))}
.shrink-0{flex-shrink:0}
.sticky{position:sticky}
.tabular-nums{font-variant-numeric:tabular-nums}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-center{text-align:center}
.text-dangerText{color:rgb(var(--danger-text) / 1)}
.text-faint{color:rgb(var(--faint) / 1)}
.text-fg{color:rgb(var(--fg) / 1)}
.text-goodText{color:rgb(var(--good-text) / 1)}
.text-left{text-align:left}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-muted{color:rgb(var(--muted) / 1)}
.text-onPrimary{color:rgb(var(--on-primary) / 1)}
.text-primary{color:rgb(var(--primary) / 1)}
.text-right{text-align:right}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wide{letter-spacing:0.025em}
.tracking-widest{letter-spacing:0.1em}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.underline{text-decoration-line:underline}
.uppercase{text-transform:uppercase}
.w-1\.5{width:0.375rem}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-2{width:0.5rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-28{width:7rem}
.w-32{width:8rem}
.w-4{width:1rem}
.w-44{width:11rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-full{width:100%}
.whitespace-nowrap{white-space:nowrap}
.z-40{z-index:40}
.z-50{z-index:50}
.border{border-width:1px}
.border-border{border-color:rgb(var(--border) / 1)}
.border-borderStrong{border-color:rgb(var(--border-strong) / 1)}
.border-dashed{border-style:dashed}
.border-primary{border-color:rgb(var(--primary) / 1)}
.border-transparent{border-color:transparent}
.focus\:border-primary:focus{border-color:rgb(var(--primary) / 1)}
.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-6{gap:1.5rem}
.hover\:border-borderStrong:hover{border-color:rgb(var(--border-strong) / 1)}
.hover\:border-primary:hover{border-color:rgb(var(--primary) / 1)}
.inset-0{inset:0px}
.p-1\.5{padding:0.375rem}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.rounded{border-radius:0.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.inset-x-0{left:0px;right:0px}
.inset-y-0{top:0px;bottom:0px}
.mx-auto{margin-left:auto;margin-right:auto}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.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}
.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-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-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.-mt-2{margin-top:-0.5rem}
.-right-1{right:-0.25rem}
.-top-1{top:-0.25rem}
.border-t{border-top-width:1px}
.bottom-0{bottom:0px}
.bottom-20{bottom:5rem}
.bottom-3{bottom:0.75rem}
.bottom-6{bottom:1.5rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.ml-1{margin-left:0.25rem}
.ml-auto{margin-left:auto}
.mr-1\.5{margin-right:0.375rem}
.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-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-auto{margin-top:auto}
.pb-1{padding-bottom:0.25rem}
.pb-20{padding-bottom:5rem}
.pb-24{padding-bottom:6rem}
.pl-2{padding-left:0.5rem}
.pr-2{padding-right:0.5rem}
.pr-20{padding-right:5rem}
.pr-24{padding-right:6rem}
.pt-1{padding-top:0.25rem}
.pt-2{padding-top:0.5rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.right-1\/4{right:0.25rem}
.right-2{right:0.5rem}
.top-1{top:0.25rem}
.space-y-0\.5 > * + *{margin-top:0.125rem}
.space-y-1 > * + *{margin-top:0.25rem}
.space-y-1\.5 > * + *{margin-top:0.375rem}
.space-y-2 > * + *{margin-top:0.5rem}
.space-y-3 > * + *{margin-top:0.75rem}
.space-y-4 > * + *{margin-top:1rem}
.space-y-5 > * + *{margin-top:1.25rem}

@media (min-width: 640px) {
.sm\:block{display:block}
.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\:inline{display:inline}
.sm\:text-2xl{font-size:1.5rem;line-height:2rem}
.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}
.sm\:gap-2{gap:0.5rem}
.sm\:px-3{padding-left:0.75rem;padding-right:0.75rem}
}