/* GradeONE - warstwa UTILITY Tailwinda. * * PLIK WYNIKOWY (tailwind-utilities.css) JEST GENEROWANY. Nie edytuj go ręcznie. * Jak przebudować: README.md w tym katalogu. * * Ten arkusz MUSI ładować się jako OSTATNI w , po wszystkich własnych * stylach panelu. Utility mają wygrywać z regułami komponentów - na tym polega * ich sens: element z klasą "hidden" ma zniknąć niezależnie od tego, co jego * własna klasa mówi o display. * * Nie jest to preferencja estetyczna. Gdy 2026-08-30 arkusz stał w przed * static/css/pulpit.css, reguła .gr-modal-backdrop { display: flex } wygrała * z .hidden przy tej samej specyficzności (0,1,0) i oba modale Pulpitu zostały * na stałe widoczne, a ich przezroczysta warstwa przykryła cały ekran i przejęła * kliknięcia. Tym samym mechanizmem przestało chować się .gr-dok-panel w oknie * obsługi alarmu i .gr-pulpit-toolbar. Pilnuje tego tests/test_kaskada_css.py. */ .visible { visibility: visible } .collapse { visibility: collapse } .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .sticky { position: sticky } .inset-0 { inset: 0px } .bottom-1 { bottom: 0.25rem } .bottom-16 { bottom: 4rem } .bottom-3 { bottom: 0.75rem } .left-1 { left: 0.25rem } .left-1\/2 { left: 50% } .left-2 { left: 0.5rem } .left-3 { left: 0.75rem } .right-1\.5 { right: 0.375rem } .right-3 { right: 0.75rem } .right-4 { right: 1rem } .top-0 { top: 0px } .top-1\/2 { top: 50% } .top-14 { top: 3.5rem } .top-2 { top: 0.5rem } .top-3 { top: 0.75rem } .top-4 { top: 1rem } .isolate { isolation: isolate } .z-50 { z-index: 50 } .z-\[1000\] { z-index: 1000 } .z-\[60\] { z-index: 60 } .z-\[63\] { z-index: 63 } .z-\[64\] { z-index: 64 } .z-\[65\] { z-index: 65 } .z-\[70\] { z-index: 70 } .z-\[71\] { z-index: 71 } .z-\[80\] { z-index: 80 } .z-\[94\] { z-index: 94 } .z-\[95\] { z-index: 95 } .col-span-full { grid-column: 1 / -1 } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem } .-mt-1 { margin-top: -0.25rem } .mb-1 { margin-bottom: 0.25rem } .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 } .mb-3\.5 { margin-bottom: 0.875rem } .mb-4 { margin-bottom: 1rem } .ml-1 { margin-left: 0.25rem } .ml-2 { margin-left: 0.5rem } .ml-3 { margin-left: 0.75rem } .ml-auto { margin-left: auto } .mr-0\.5 { margin-right: 0.125rem } .mr-1 { margin-right: 0.25rem } .mr-2 { margin-right: 0.5rem } .mr-3 { margin-right: 0.75rem } .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 } .block { display: block } .inline-block { display: inline-block } .inline { display: inline } .flex { display: flex } .inline-flex { display: inline-flex } .table { display: table } .grid { display: grid } .hidden { display: none } .h-10 { height: 2.5rem } .h-2 { height: 0.5rem } .h-2\.5 { height: 0.625rem } .h-3 { height: 0.75rem } .h-3\.5 { height: 0.875rem } .h-4 { height: 1rem } .h-\[1100px\] { height: 1100px } .h-\[150px\] { height: 150px } .h-\[400px\] { height: 400px } .h-\[820px\] { height: 820px } .h-full { height: 100% } .h-screen { height: 100vh } .min-h-0 { min-height: 0px } .min-h-screen { min-height: 100vh } .w-1\/2 { width: 50% } .w-10 { width: 2.5rem } .w-14 { width: 3.5rem } .w-16 { width: 4rem } .w-2 { width: 0.5rem } .w-2\.5 { width: 0.625rem } .w-20 { width: 5rem } .w-24 { width: 6rem } .w-28 { width: 7rem } .w-3 { width: 0.75rem } .w-3\.5 { width: 0.875rem } .w-4 { width: 1rem } .w-64 { width: 16rem } .w-80 { width: 20rem } .w-\[100px\] { width: 100px } .w-\[1100px\] { width: 1100px } .w-\[130px\] { width: 130px } .w-\[150px\] { width: 150px } .w-\[170px\] { width: 170px } .w-\[190px\] { width: 190px } .w-\[400px\] { width: 400px } .w-\[720px\] { width: 720px } .w-\[820px\] { width: 820px } .w-\[90px\] { width: 90px } .w-fit { width: -moz-fit-content; width: fit-content } .w-full { width: 100% } .min-w-0 { min-width: 0px } .min-w-\[1000px\] { min-width: 1000px } .min-w-\[1180px\] { min-width: 1180px } .min-w-\[120px\] { min-width: 120px } .min-w-\[140px\] { min-width: 140px } .min-w-\[160px\] { min-width: 160px } .min-w-\[280px\] { min-width: 280px } .min-w-\[500px\] { min-width: 500px } .min-w-\[520px\] { min-width: 520px } .min-w-\[560px\] { min-width: 560px } .min-w-\[620px\] { min-width: 620px } .min-w-\[720px\] { min-width: 720px } .min-w-\[860px\] { min-width: 860px } .min-w-\[880px\] { min-width: 880px } .min-w-\[88px\] { min-width: 88px } .min-w-\[900px\] { min-width: 900px } .min-w-\[920px\] { min-width: 920px } .min-w-\[960px\] { min-width: 960px } .max-w-\[1100px\] { max-width: 1100px } .max-w-\[460px\] { max-width: 460px } .max-w-\[520px\] { max-width: 520px } .max-w-\[560px\] { max-width: 560px } .max-w-\[860px\] { max-width: 860px } .max-w-\[880px\] { max-width: 880px } .flex-1 { flex: 1 1 0% } .flex-\[0\.6\] { flex: 0.6 } .flex-\[0\.8\] { flex: 0.8 } .flex-\[0\.9\] { flex: 0.9 } .flex-\[1\.2\] { flex: 1.2 } .flex-\[1\.3\] { flex: 1.3 } .flex-\[1\.4\] { flex: 1.4 } .flex-\[1\.5\] { flex: 1.5 } .flex-\[2\.2\] { flex: 2.2 } .flex-\[2\] { flex: 2 } .flex-\[3\] { flex: 3 } .flex-shrink { flex-shrink: 1 } .flex-shrink-0 { flex-shrink: 0 } .shrink-0 { flex-shrink: 0 } .basis-full { flex-basis: 100% } .border-collapse { border-collapse: collapse } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .cursor-pointer { cursor: pointer } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none } .resize-none { resize: none } .list-decimal { list-style-type: decimal } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .items-baseline { align-items: baseline } .items-stretch { align-items: stretch } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .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-3\.5 { gap: 0.875rem } .gap-4 { gap: 1rem } .gap-5 { gap: 1.25rem } .gap-6 { gap: 1.5rem } .gap-\[18px\] { gap: 18px } .gap-\[22px\] { gap: 22px } .gap-\[26px\] { gap: 26px } .gap-\[2px\] { gap: 2px } .gap-\[3px\] { gap: 3px } .gap-\[4px\] { gap: 4px } .gap-\[5px\] { gap: 5px } .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem } .gap-y-1 { row-gap: 0.25rem } .gap-y-1\.5 { row-gap: 0.375rem } .gap-y-2\.5 { row-gap: 0.625rem } .gap-y-3 { row-gap: 0.75rem } .self-start { align-self: flex-start } .overflow-auto { overflow: auto } .overflow-hidden { overflow: hidden } .overflow-x-auto { overflow-x: auto } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .whitespace-nowrap { white-space: nowrap } .whitespace-pre-wrap { white-space: pre-wrap } .break-words { overflow-wrap: break-word } .break-all { word-break: break-all } .rounded { border-radius: 0.25rem } .rounded-2xl { border-radius: 1rem } .rounded-\[10px\] { border-radius: 10px } .rounded-\[14px\] { border-radius: 14px } .rounded-full { border-radius: 9999px } .rounded-lg { border-radius: 0.5rem } .rounded-md { border-radius: 0.375rem } .rounded-xl { border-radius: 0.75rem } .border { border-width: 1px } .object-contain { -o-object-fit: contain; object-fit: contain } .object-cover { -o-object-fit: cover; object-fit: cover } .p-11 { padding: 2.75rem } .p-3 { padding: 0.75rem } .p-3\.5 { padding: 0.875rem } .p-4 { padding: 1rem } .p-5 { padding: 1.25rem } .p-6 { padding: 1.5rem } .p-7 { padding: 1.75rem } .p-8 { padding: 2rem } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .px-12 { padding-left: 3rem; padding-right: 3rem } .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 } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem } .px-8 { padding-left: 2rem; padding-right: 2rem } .px-\[18px\] { padding-left: 18px; padding-right: 18px } .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-5 { padding-top: 1.25rem; padding-bottom: 1.25rem } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem } .py-8 { padding-top: 2rem; padding-bottom: 2rem } .py-\[10px\] { padding-top: 10px; padding-bottom: 10px } .py-\[11px\] { padding-top: 11px; padding-bottom: 11px } .py-\[13px\] { padding-top: 13px; padding-bottom: 13px } .py-\[22px\] { padding-top: 22px; padding-bottom: 22px } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px } .py-\[7px\] { padding-top: 7px; padding-bottom: 7px } .py-\[8px\] { padding-top: 8px; padding-bottom: 8px } .py-\[9px\] { padding-top: 9px; padding-bottom: 9px } .pb-1\.5 { padding-bottom: 0.375rem } .pb-2 { padding-bottom: 0.5rem } .pb-2\.5 { padding-bottom: 0.625rem } .pb-4 { padding-bottom: 1rem } .pl-4 { padding-left: 1rem } .pr-4 { padding-right: 1rem } .pt-0\.5 { padding-top: 0.125rem } .pt-1 { padding-top: 0.25rem } .pt-1\.5 { padding-top: 0.375rem } .pt-2 { padding-top: 0.5rem } .pt-3 { padding-top: 0.75rem } .pt-3\.5 { padding-top: 0.875rem } .pt-\[13px\] { padding-top: 13px } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } .font-sans { font-family: "IBM Plex Sans", sans-serif } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-3xl { font-size: 1.875rem; line-height: 2.25rem } .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-\[15px\] { font-size: 15px } .text-\[17px\] { font-size: 17px } .text-\[19px\] { font-size: 19px } .text-\[20px\] { font-size: 20px } .text-\[25px\] { font-size: 25px } .text-\[26px\] { font-size: 26px } .text-\[32px\] { font-size: 32px } .text-\[9\.5px\] { font-size: 9.5px } .text-base { font-size: 1rem; line-height: 1.5rem } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .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 } .font-black { font-weight: 900 } .font-bold { font-weight: 700 } .font-light { font-weight: 300 } .font-medium { font-weight: 500 } .font-normal { font-weight: 400 } .font-semibold { font-weight: 600 } .uppercase { text-transform: uppercase } .capitalize { text-transform: capitalize } .italic { font-style: italic } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .leading-none { line-height: 1 } .leading-relaxed { line-height: 1.625 } .leading-tight { line-height: 1.25 } .tracking-wide { letter-spacing: 0.025em } .underline { text-decoration-line: underline } .opacity-40 { opacity: 0.4 } .opacity-70 { opacity: 0.7 } .opacity-80 { opacity: 0.8 } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .outline { outline-style: solid } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px } .disabled\:opacity-50:disabled { opacity: 0.5 } @media (min-width: 1024px) { .lg\:h-full { height: 100% } .lg\:min-h-0 { min-height: 0px } .lg\:grid-cols-\[460px_minmax\(0\2c 1fr\)\] { grid-template-columns: 460px minmax(0,1fr) } .lg\:overflow-y-auto { overflow-y: auto } .lg\:pr-1 { padding-right: 0.25rem } }