I'm experiencing classes missing from windi.css output, but after saving the file containing these classes (or just adding them while dev server is running), they show up. If I restart dev they become missing again.
Also, adding scan option seemed to do the trick for my coworker and partly for me, but it's still missing padding, margin and size classes.
const id = "/@windicss/windi.css"
const css = "*, ::before, ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: #e5e7eb;\n}\n* {\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n}\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\n::moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n[type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\na {\n color: inherit;\n text-decoration: inherit;\n}\nbody {\n margin: 0;\n font-family: inherit;\n line-height: inherit;\n}\nb {\n font-weight: bolder;\n}\nbutton, select, input, optgroup {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\nbutton, select {\n text-transform: none;\n}\nbutton, [type='button'], [type='reset'], [type='submit'] {\n -webkit-appearance: button;\n}\nbutton {\n background-color: transparent;\n background-image: none;\n}\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\nhtml {\n -webkit-text-size-adjust: 100%;\n font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n line-height: 1.5;\n}\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\nh4, h3, p, h2, hr, h1 {\n margin: 0;\n}\nh4, h3, h2, h1 {\n font-size: inherit;\n font-weight: inherit;\n}\nimg {\n border-style: solid;\n max-width: 100%;\n height: auto;\n}\ninput::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::webkit-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nimg, iframe {\n display: block;\n vertical-align: middle;\n}\nsmall {\n font-size: 80%;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.bg-sidebar-main-dark {\n --tw-bg-opacity: 1;\n background-color: rgba(217, 217, 217, var(--tw-bg-opacity));\n}\n.bg-sidebar-main-darker {\n --tw-bg-opacity: 1;\n background-color: rgba(228, 228, 228, var(--tw-bg-opacity));\n}\n.bg-sidebar-highlight-darker {\n --tw-bg-opacity: 1;\n background-color: rgba(33, 125, 186, var(--tw-bg-opacity));\n}\n.bg-sidebar-highlight {\n --tw-bg-opacity: 1;\n background-color: rgba(51, 152, 219, var(--tw-bg-opacity));\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n.bg-sidebar-main-lighter {\n --tw-bg-opacity: 1;\n background-color: rgba(204, 204, 204, var(--tw-bg-opacity));\n}\n.border {\n border-width: 1px;\n}\n.border-b {\n border-bottom-width: 1px;\n}\n.border-solid {\n border-style: solid;\n}\n.border-0 {\n border-width: 0px;\n}\n.border-b-2 {\n border-bottom-width: 2px;\n}\n.border-sidebar-highlight {\n --tw-border-opacity: 1;\n border-color: rgba(51, 152, 219, var(--tw-border-opacity));\n}\n.border-none {\n border-style: none;\n}\n.rounded-none {\n border-radius: 0px;\n}\n.rounded-md {\n border-radius: 0.375rem;\n}\n.rounded-b-none {\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n.rounded-tl-none {\n border-top-left-radius: 0px;\n}\n.rounded-tr-none {\n border-top-right-radius: 0px;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n.flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n -webkit-flex-direction: row;\n flex-direction: row;\n}\n.font-normal {\n font-weight: 400;\n}\n.font-semibold {\n font-weight: 600;\n}\n.font-sans {\n font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n}\n.h-full {\n height: 100%;\n}\n.h-px {\n height: 1px;\n}\n.h-10 {\n height: 2.5rem;\n}\n.list-none {\n list-style-type: none;\n}\n.m-0 {\n margin: 0px;\n}\n.m-3 {\n margin: 0.75rem;\n}\n.m-2 {\n margin: 0.5rem;\n}\n.my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n.mx-0 {\n margin-left: 0px;\n margin-right: 0px;\n}\n.mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n.mt-1 {\n margin-top: 0.25rem;\n}\n.mt-0 {\n margin-top: 0px;\n}\n.mt-2 {\n margin-top: 0.5rem;\n}\n.mr-1 {\n margin-right: 0.25rem;\n}\n.ml-9 {\n margin-left: 2.25rem;\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.opacity-50 {\n opacity: 0.5;\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.p-3 {\n padding: 0.75rem;\n}\n.p-2 {\n padding: 0.5rem;\n}\n.p-0 {\n padding: 0px;\n}\n.p-4 {\n padding: 1rem;\n}\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.px {\n padding-left: 1px;\n padding-right: 1px;\n}\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.top-0 {\n top: 0px;\n}\n.bottom-0 {\n bottom: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.-left-80 {\n left: -20rem;\n}\n.left-full {\n left: 100%;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.text-right {\n text-align: right;\n}\n.text-sidebar-main-bright {\n --tw-text-opacity: 1;\n color: rgba(20, 20, 20, var(--tw-text-opacity));\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-center {\n text-align: center;\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.text-sidebar-main-light {\n --tw-text-opacity: 1;\n color: rgba(114, 114, 114, var(--tw-text-opacity));\n}\n.tracking-normal {\n letter-spacing: 0em;\n}\n.w-full {\n width: 100%;\n}\n.w-5 {\n width: 1.25rem;\n}\n.w-7 {\n width: 1.75rem;\n}\n.w-3\\/4 {\n width: 75%;\n}\n.w-80 {\n width: 20rem;\n}\n.w-10 {\n width: 2.5rem;\n}\n.z-50 {\n z-index: 50;\n}\n.gap-1 {\n gap: 0.25rem;\n}\n.gap-2 {\n gap: 0.5rem;\n}\n.gap-3 {\n gap: 0.75rem;\n}\n.grid {\n display: -ms-grid;\n display: grid;\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.transform {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n -webkit-transform: translateX(var(--tw-translate-x)) translateY(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));\n -ms-transform: translateX(var(--tw-translate-x)) translateY(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));\n transform: translateX(var(--tw-translate-x)) translateY(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));\n}\n.transition-colors {\n -webkit-transition-property: background-color, border-color, color, fill, stroke;\n -o-transition-property: background-color, border-color, color, fill, stroke;\n transition-property: background-color, border-color, color, fill, stroke;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n -o-transition-duration: 150ms;\n transition-duration: 150ms;\n}\n.visible {\n visibility: visible;\n}\n.table {\n display: table;\n}\n.hidden {\n display: none;\n}\n.display\\:block {\n display: block;\n}\n.dark .dark\\:text-sidebar-dark-main-bright {\n --tw-text-opacity: 1;\n color: rgba(235, 235, 235, var(--tw-text-opacity));\n}\n.float-left {\n float: left;\n}\n.float-right {\n float: right;\n}\n.relative {\n position: relative;\n}\n.hover\\:bg-sidebar-main-lighter:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(204, 204, 204, var(--tw-bg-opacity));\n}\n.dark .dark\\:bg-sidebar-dark-main-dark {\n --tw-bg-opacity: 1;\n background-color: rgba(38, 38, 38, var(--tw-bg-opacity));\n}\n.dark .dark\\:hover\\:bg-sidebar-dark-main-lighter:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(51, 51, 51, var(--tw-bg-opacity));\n}\n.inline-block {\n display: inline-block;\n}\n.hover\\:text-sidebar-main-bright:hover {\n --tw-text-opacity: 1;\n color: rgba(20, 20, 20, var(--tw-text-opacity));\n}\n.dark .dark\\:hover\\:text-white:hover {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.hover\\:text-sidebar-dark-main-dark:hover {\n --tw-text-opacity: 1;\n color: rgba(38, 38, 38, var(--tw-text-opacity));\n}\n.hover\\:bg-sidebar-main-darker:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(228, 228, 228, var(--tw-bg-opacity));\n}\n.dark .dark\\:hover\\:text-sidebar-dark-main-bright:hover {\n --tw-text-opacity: 1;\n color: rgba(235, 235, 235, var(--tw-text-opacity));\n}\n.dark .dark\\:hover\\:bg-sidebar-dark-main-darker:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(27, 27, 27, var(--tw-bg-opacity));\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.dark .dark\\:bg-sidebar-dark-main-darker {\n --tw-bg-opacity: 1;\n background-color: rgba(27, 27, 27, var(--tw-bg-opacity));\n}\n.dark .dark\\:text-white {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.block {\n display: block;\n}\n.clear-both {\n clear: both;\n}\n.dark .dark\\:text-sidebar-dark-main-light {\n --tw-text-opacity: 1;\n color: rgba(141, 141, 141, var(--tw-text-opacity));\n}\n.resize {\n resize: both;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.not-italic {\n font-style: normal;\n}\n.normal-case {\n text-transform: none;\n}\n.hover\\:bg-sidebar-highlight-lighter:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(95, 174, 227, var(--tw-bg-opacity));\n}\n.hover\\:text-white:hover {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.hover\\:bg-sidebar-main-dark:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(217, 217, 217, var(--tw-bg-opacity));\n}\n.hover\\:text-black:hover {\n --tw-text-opacity: 1;\n color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n.dark .dark\\:hover\\:bg-sidebar-dark-main-dark:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(38, 38, 38, var(--tw-bg-opacity));\n}\n.dark .dark\\:bg-sidebar-dark-main-lighter {\n --tw-bg-opacity: 1;\n background-color: rgba(51, 51, 51, var(--tw-bg-opacity));\n}\n.italic {\n font-style: italic;\n}\n.uppercase {\n text-transform: uppercase;\n}\n.lowercase {\n text-transform: lowercase;\n}\n.capitalize {\n text-transform: capitalize;\n}"
updateStyle(id, css)
import.meta.hot.accept()
export default css
import.meta.hot.prune(() => removeStyle(id))
const id = "/@windicss/windi.css"
const css = "*, ::before, ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: #e5e7eb;\n}\n* {\n --tw-ring-inset: var(--tw-empty, );\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n}\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\n::moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n[type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\na {\n color: inherit;\n text-decoration: inherit;\n}\nbody {\n margin: 0;\n font-family: inherit;\n line-height: inherit;\n}\nb {\n font-weight: bolder;\n}\nbutton, select, input, optgroup {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\nbutton, select {\n text-transform: none;\n}\nbutton, [type='button'], [type='reset'], [type='submit'] {\n -webkit-appearance: button;\n}\nbutton {\n background-color: transparent;\n background-image: none;\n}\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\nhtml {\n -webkit-text-size-adjust: 100%;\n font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n line-height: 1.5;\n}\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\nh4, h3, p, h2, hr, h1 {\n margin: 0;\n}\nh4, h3, h2, h1 {\n font-size: inherit;\n font-weight: inherit;\n}\nimg {\n border-style: solid;\n max-width: 100%;\n height: auto;\n}\ninput::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::webkit-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nimg, iframe {\n display: block;\n vertical-align: middle;\n}\nsmall {\n font-size: 80%;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.bg-sidebar-main-darker {\n --tw-bg-opacity: 1;\n background-color: rgba(228, 228, 228, var(--tw-bg-opacity));\n}\n.bg-sidebar-highlight-darker {\n --tw-bg-opacity: 1;\n background-color: rgba(33, 125, 186, var(--tw-bg-opacity));\n}\n.bg-sidebar-highlight {\n --tw-bg-opacity: 1;\n background-color: rgba(51, 152, 219, var(--tw-bg-opacity));\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n.bg-sidebar-main-lighter {\n --tw-bg-opacity: 1;\n background-color: rgba(204, 204, 204, var(--tw-bg-opacity));\n}\n.border {\n border-width: 1px;\n}\n.border-solid {\n border-style: solid;\n}\n.border-0 {\n border-width: 0px;\n}\n.border-b-2 {\n border-bottom-width: 2px;\n}\n.border-sidebar-highlight {\n --tw-border-opacity: 1;\n border-color: rgba(51, 152, 219, var(--tw-border-opacity));\n}\n.border-none {\n border-style: none;\n}\n.border-b {\n border-bottom-width: 1px;\n}\n.rounded-none {\n border-radius: 0px;\n}\n.rounded-md {\n border-radius: 0.375rem;\n}\n.rounded-b-none {\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n.rounded-tl-none {\n border-top-left-radius: 0px;\n}\n.rounded-tr-none {\n border-top-right-radius: 0px;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n.flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n -webkit-flex-direction: row;\n flex-direction: row;\n}\n.font-normal {\n font-weight: 400;\n}\n.font-sans {\n font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n}\n.h-full {\n height: 100%;\n}\n.h-px {\n height: 1px;\n}\n.h-10 {\n height: 2.5rem;\n}\n.list-none {\n list-style-type: none;\n}\n.m-0 {\n margin: 0px;\n}\n.m-3 {\n margin: 0.75rem;\n}\n.m-2 {\n margin: 0.5rem;\n}\n.mt-0 {\n margin-top: 0px;\n}\n.mr-1 {\n margin-right: 0.25rem;\n}\n.ml-9 {\n margin-left: 2.25rem;\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.opacity-50 {\n opacity: 0.5;\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.p-3 {\n padding: 0.75rem;\n}\n.p-2 {\n padding: 0.5rem;\n}\n.p-0 {\n padding: 0px;\n}\n.px {\n padding-left: 1px;\n padding-right: 1px;\n}\n.top-0 {\n top: 0px;\n}\n.bottom-0 {\n bottom: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.-left-80 {\n left: -20rem;\n}\n.left-full {\n left: 100%;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.text-right {\n text-align: right;\n}\n.text-sidebar-main-bright {\n --tw-text-opacity: 1;\n color: rgba(20, 20, 20, var(--tw-text-opacity));\n}\n.text-center {\n text-align: center;\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.tracking-normal {\n letter-spacing: 0em;\n}\n.w-full {\n width: 100%;\n}\n.w-3\\/4 {\n width: 75%;\n}\n.w-80 {\n width: 20rem;\n}\n.w-10 {\n width: 2.5rem;\n}\n.z-50 {\n z-index: 50;\n}\n.gap-2 {\n gap: 0.5rem;\n}\n.gap-1 {\n gap: 0.25rem;\n}\n.gap-3 {\n gap: 0.75rem;\n}\n.grid {\n display: -ms-grid;\n display: grid;\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.transform {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n -webkit-transform: translateX(var(--tw-translate-x)) translateY(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));\n -ms-transform: translateX(var(--tw-translate-x)) translateY(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));\n transform: translateX(var(--tw-translate-x)) translateY(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));\n}\n.transition-colors {\n -webkit-transition-property: background-color, border-color, color, fill, stroke;\n -o-transition-property: background-color, border-color, color, fill, stroke;\n transition-property: background-color, border-color, color, fill, stroke;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n -o-transition-duration: 150ms;\n transition-duration: 150ms;\n}\n.visible {\n visibility: visible;\n}\n.table {\n display: table;\n}\n.hidden {\n display: none;\n}\n.display\\:block {\n display: block;\n}\n.dark .dark\\:text-sidebar-dark-main-bright {\n --tw-text-opacity: 1;\n color: rgba(235, 235, 235, var(--tw-text-opacity));\n}\n.float-left {\n float: left;\n}\n.float-right {\n float: right;\n}\n.relative {\n position: relative;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.dark .dark\\:bg-sidebar-dark-main-darker {\n --tw-bg-opacity: 1;\n background-color: rgba(27, 27, 27, var(--tw-bg-opacity));\n}\n.dark .dark\\:text-white {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.block {\n display: block;\n}\n.clear-both {\n clear: both;\n}\n.resize {\n resize: both;\n}\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.not-italic {\n font-style: normal;\n}\n.normal-case {\n text-transform: none;\n}\n.hover\\:bg-sidebar-highlight-lighter:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(95, 174, 227, var(--tw-bg-opacity));\n}\n.hover\\:text-white:hover {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.hover\\:bg-sidebar-main-dark:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(217, 217, 217, var(--tw-bg-opacity));\n}\n.hover\\:text-black:hover {\n --tw-text-opacity: 1;\n color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n.dark .dark\\:hover\\:bg-sidebar-dark-main-dark:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(38, 38, 38, var(--tw-bg-opacity));\n}\n.dark .dark\\:hover\\:text-white:hover {\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.dark .dark\\:bg-sidebar-dark-main-lighter {\n --tw-bg-opacity: 1;\n background-color: rgba(51, 51, 51, var(--tw-bg-opacity));\n}\n.italic {\n font-style: italic;\n}\n.uppercase {\n text-transform: uppercase;\n}\n.lowercase {\n text-transform: lowercase;\n}\n.capitalize {\n text-transform: capitalize;\n}"
updateStyle(id, css)
import.meta.hot.accept()
export default css
import.meta.hot.prune(() => removeStyle(id))