Created
May 4, 2024 16:54
-
-
Save rmdort/51e5952d26dad5c5bea99b373915cc0f to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --rnc-background: 0 0% 100%; | |
| --rnc-foreground: 222.2 47.4% 11.2%; | |
| --rnc-muted: 0 0% 90.9%; | |
| --rnc-muted-foreground: 215.4 16.3% 46.9%; | |
| --rnc-popover: 0 0% 100%; | |
| --rnc-popover-foreground: 222.2 47.4% 11.2%; | |
| --rnc-card: 0 0% 100%; | |
| --rnc-card-foreground: 222.2 47.4% 11.2%; | |
| --rnc-border: 0 0% 78.0%; | |
| --rnc-input: 0 0% 82%; | |
| --rnc-primary: 211 100% 43.2%; | |
| --rnc-primary-foreground: 210 40% 98%; | |
| --rnc-secondary: 210 40% 96.1%; | |
| --rnc-secondary-foreground: 222.2 47.4% 11.2%; | |
| --rnc-accent: 0 0% 90.9%; | |
| --rnc-accent-foreground: 222.2 47.4% 11.2%; | |
| --rnc-destructive: 0 100% 50%; | |
| --rnc-destructive-foreground: 210 40% 98%; | |
| --rnc-warning: 24 100% 46.5%; | |
| --rnc-warning-foreground: 210 40% 98%; | |
| --rnc-ring: 215 20.2% 65.1%; | |
| --rnc-radius: 0.5rem; | |
| --rnc-scrollbar-border: 0 0% 85.8%; | |
| --rnc-scrollbar-background: 0 0% 97.3%; | |
| --rnc-scrollbar-thumb: 0 0% 78.0% | |
| } | |
| .rnc-dark { | |
| --rnc-background: 224 71% 4%; | |
| --rnc-foreground: 213 31% 91%; | |
| --rnc-muted: 0 0% 17.9%; | |
| --rnc-muted-foreground: 215.4 16.3% 56.9%; | |
| --rnc-popover: 224 71% 4%; | |
| --rnc-popover-foreground: 215 20.2% 65.1%; | |
| --rnc-card: 224 71% 4%; | |
| --rnc-card-foreground: 213 31% 91%; | |
| --rnc-border: 0 0% 31.2%; | |
| --rnc-input: 216 34% 17%; | |
| --rnc-primary: 210 40% 98%; | |
| --rnc-primary-foreground: 222.2 47.4% 1.2%; | |
| --rnc-secondary: 222.2 47.4% 11.2%; | |
| --rnc-secondary-foreground: 210 40% 98%; | |
| --rnc-accent: 216 34% 17%; | |
| --rnc-accent-foreground: 210 40% 98%; | |
| --rnc-destructive: 0 100% 50%; | |
| --rnc-destructive-foreground: 210 40% 98%; | |
| --rnc-warning: 24 100% 58.5%; | |
| --rnc-warning-foreground: 210 40% 98%; | |
| --rnc-ring: 216 34% 17%; | |
| --rnc-radius: 0.5rem; | |
| --rnc-scrollbar-border: 0 0% 24.3%; | |
| --rnc-scrollbar-background: 0 0% 11.0%; | |
| --rnc-scrollbar-thumb: 0 0% 31.2% | |
| } | |
| *, | |
| :after, | |
| :before { | |
| --tw-border-spacing-x: 0; | |
| --tw-border-spacing-y: 0; | |
| --tw-translate-x: 0; | |
| --tw-translate-y: 0; | |
| --tw-rotate: 0; | |
| --tw-skew-x: 0; | |
| --tw-skew-y: 0; | |
| --tw-scale-x: 1; | |
| --tw-scale-y: 1; | |
| --tw-pan-x: ; | |
| --tw-pan-y: ; | |
| --tw-pinch-zoom: ; | |
| --tw-scroll-snap-strictness: proximity; | |
| --tw-gradient-from-position: ; | |
| --tw-gradient-via-position: ; | |
| --tw-gradient-to-position: ; | |
| --tw-ordinal: ; | |
| --tw-slashed-zero: ; | |
| --tw-numeric-figure: ; | |
| --tw-numeric-spacing: ; | |
| --tw-numeric-fraction: ; | |
| --tw-ring-inset: ; | |
| --tw-ring-offset-width: 0px; | |
| --tw-ring-offset-color: #fff; | |
| --tw-ring-color: rgba(59, 130, 246, .5); | |
| --tw-ring-offset-shadow: 0 0 #0000; | |
| --tw-ring-shadow: 0 0 #0000; | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000; | |
| --tw-blur: ; | |
| --tw-brightness: ; | |
| --tw-contrast: ; | |
| --tw-grayscale: ; | |
| --tw-hue-rotate: ; | |
| --tw-invert: ; | |
| --tw-saturate: ; | |
| --tw-sepia: ; | |
| --tw-drop-shadow: ; | |
| --tw-backdrop-blur: ; | |
| --tw-backdrop-brightness: ; | |
| --tw-backdrop-contrast: ; | |
| --tw-backdrop-grayscale: ; | |
| --tw-backdrop-hue-rotate: ; | |
| --tw-backdrop-invert: ; | |
| --tw-backdrop-opacity: ; | |
| --tw-backdrop-saturate: ; | |
| --tw-backdrop-sepia: ; | |
| --tw-contain-size: ; | |
| --tw-contain-layout: ; | |
| --tw-contain-paint: ; | |
| --tw-contain-style: | |
| } | |
| ::backdrop { | |
| --tw-border-spacing-x: 0; | |
| --tw-border-spacing-y: 0; | |
| --tw-translate-x: 0; | |
| --tw-translate-y: 0; | |
| --tw-rotate: 0; | |
| --tw-skew-x: 0; | |
| --tw-skew-y: 0; | |
| --tw-scale-x: 1; | |
| --tw-scale-y: 1; | |
| --tw-pan-x: ; | |
| --tw-pan-y: ; | |
| --tw-pinch-zoom: ; | |
| --tw-scroll-snap-strictness: proximity; | |
| --tw-gradient-from-position: ; | |
| --tw-gradient-via-position: ; | |
| --tw-gradient-to-position: ; | |
| --tw-ordinal: ; | |
| --tw-slashed-zero: ; | |
| --tw-numeric-figure: ; | |
| --tw-numeric-spacing: ; | |
| --tw-numeric-fraction: ; | |
| --tw-ring-inset: ; | |
| --tw-ring-offset-width: 0px; | |
| --tw-ring-offset-color: #fff; | |
| --tw-ring-color: rgba(59, 130, 246, .5); | |
| --tw-ring-offset-shadow: 0 0 #0000; | |
| --tw-ring-shadow: 0 0 #0000; | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000; | |
| --tw-blur: ; | |
| --tw-brightness: ; | |
| --tw-contrast: ; | |
| --tw-grayscale: ; | |
| --tw-hue-rotate: ; | |
| --tw-invert: ; | |
| --tw-saturate: ; | |
| --tw-sepia: ; | |
| --tw-drop-shadow: ; | |
| --tw-backdrop-blur: ; | |
| --tw-backdrop-brightness: ; | |
| --tw-backdrop-contrast: ; | |
| --tw-backdrop-grayscale: ; | |
| --tw-backdrop-hue-rotate: ; | |
| --tw-backdrop-invert: ; | |
| --tw-backdrop-opacity: ; | |
| --tw-backdrop-saturate: ; | |
| --tw-backdrop-sepia: ; | |
| --tw-contain-size: ; | |
| --tw-contain-layout: ; | |
| --tw-contain-paint: ; | |
| --tw-contain-style: | |
| } | |
| .rnc-canvas-wrapper { | |
| background-color: hsl(var(--rnc-background)); | |
| display: flex; | |
| flex: 1 1 0%; | |
| min-height: 0; | |
| min-width: 0; | |
| position: relative; | |
| z-index: 1 | |
| } | |
| .rnc-canvas-wrapper *, | |
| .rnc-canvas-wrapper :after, | |
| .rnc-canvas-wrapper :before, | |
| .rnc-dropdown *, | |
| .rnc-dropdown :after, | |
| .rnc-dropdown :before, | |
| .rnc-popover *, | |
| .rnc-popover :after, | |
| .rnc-popover :before { | |
| box-sizing: border-box | |
| } | |
| .rnc-canvas-wrapper svg, | |
| .rnc-dropdown svg, | |
| .rnc-popover svg { | |
| display: inline-block; | |
| vertical-align: top | |
| } | |
| .rowsncolumns-grid, | |
| .rowsncolumns-grid-container { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| user-select: none | |
| } | |
| .rowsncolumns-grid-container { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px; | |
| position: relative | |
| } | |
| .rnc-header-stage { | |
| left: 0; | |
| position: absolute; | |
| top: 0 | |
| } | |
| @media print { | |
| .rnc-header-stage { | |
| display: none | |
| } | |
| } | |
| .rnc-drag-container { | |
| inset: 0; | |
| overflow: hidden; | |
| pointer-events: none; | |
| position: absolute | |
| } | |
| @media print { | |
| .rnc-scrollbar { | |
| display: none | |
| } | |
| } | |
| .rnc-scrollbar::-webkit-scrollbar-thumb { | |
| background-clip: padding-box; | |
| background-color: hsl(var(--rnc-scrollbar-thumb)); | |
| border: 2px solid transparent; | |
| border-radius: var(--rnc-radius); | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000; | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .rnc-scrollbar::-webkit-scrollbar { | |
| -webkit-appearance: none; | |
| appearance: none; | |
| height: 13px; | |
| visibility: visible; | |
| width: 13px | |
| } | |
| .rnc-scrollbar::-webkit-scrollbar-track { | |
| background-clip: padding-box; | |
| border-color: transparent; | |
| border-left-width: 4px; | |
| margin: 1px; | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000; | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .rnc-scrollbar-shim { | |
| background-color: hsl(var(--rnc-scrollbar-background)) | |
| } | |
| @media print { | |
| .rnc-scrollbar-shim { | |
| display: none | |
| } | |
| } | |
| .rnc-scrollbar-shim-y { | |
| border-bottom-style: solid; | |
| border-left: 1px solid hsl(var(--rnc-scrollbar-border)); | |
| border-right: 1px solid hsl(var(--rnc-scrollbar-border)); | |
| border-top: 1px solid hsl(var(--rnc-border)) | |
| } | |
| .rnc-scrollbar-shim-x { | |
| border-bottom: 1px solid hsl(var(--rnc-scrollbar-border)); | |
| border-left: 1px solid hsl(var(--rnc-border)); | |
| border-right-style: solid; | |
| border-top: 1px solid hsl(var(--rnc-scrollbar-border)) | |
| } | |
| .rnc-scrollbar::-webkit-scrollbar-corner { | |
| background-color: hsl(var(--rnc-scrollbar-background)); | |
| border-color: hsl(var(--rnc-scrollbar-border)); | |
| border-style: solid; | |
| border-width: 1px | |
| } | |
| .rnc-frozen-row-sep { | |
| border-width: 0; | |
| border-bottom: 1px hsl(var(--rnc-border)); | |
| border-style: solid; | |
| margin-top: 1px | |
| } | |
| .rnc-frozen-col-sep { | |
| border-width: 0; | |
| border-right: 1px hsl(var(--rnc-border)); | |
| border-style: solid; | |
| margin-left: 1px | |
| } | |
| .rnc-drag-handle { | |
| cursor: move | |
| } | |
| .rnc-embed-component .react-resizable-handle { | |
| background-color: hsl(var(--rnc-border)); | |
| border-color: hsl(var(--rnc-background)); | |
| border-style: solid; | |
| border-width: 1px; | |
| bottom: -4.5px; | |
| cursor: se-resize; | |
| display: none; | |
| height: 9px; | |
| position: absolute; | |
| right: -4.5px; | |
| width: 9px | |
| } | |
| .rnc-embed-active .react-resizable-handle { | |
| display: block | |
| } | |
| .rnc-embed-component .react-resizable-handle-sw { | |
| bottom: -4.5px; | |
| cursor: sw-resize; | |
| left: -4.5px | |
| } | |
| .rnc-embed-component .react-resizable-handle-se { | |
| cursor: se-resize; | |
| cursor: "se-resize", | |
| } | |
| .rnc-embed-component .react-resizable-handle-nw { | |
| cursor: nw-resize; | |
| left: -4.5px; | |
| top: -4.5px | |
| } | |
| .rnc-embed-component .react-resizable-handle-ne { | |
| cursor: ne-resize; | |
| right: -4.5px; | |
| top: -4.5px | |
| } | |
| .rnc-embed-component .react-resizable-handle-e, | |
| .rnc-embed-component .react-resizable-handle-w { | |
| cursor: ew-resize; | |
| margin-top: -4.5px; | |
| top: 50% | |
| } | |
| .rnc-embed-component .react-resizable-handle-w { | |
| left: -4.5px | |
| } | |
| .rnc-embed-component .react-resizable-handle-e { | |
| right: -4.5px | |
| } | |
| .rnc-embed-component .react-resizable-handle-n, | |
| .rnc-embed-component .react-resizable-handle-s { | |
| cursor: ns-resize; | |
| left: 50%; | |
| margin-left: -4.5px | |
| } | |
| .rnc-embed-component .react-resizable-handle-n { | |
| border-width: 1px; | |
| top: -4.5px | |
| } | |
| .rnc-embed-component .react-resizable-handle-s { | |
| bottom: -4.5px | |
| } | |
| .rnc-hide-scrollbar { | |
| -ms-overflow-style: none; | |
| scrollbar-width: none | |
| } | |
| .rnc-hide-scrollbar::-webkit-scrollbar { | |
| display: none | |
| } | |
| @media print { | |
| .rowsncolumns-grid { | |
| display: block; | |
| height: 100%; | |
| width: 100% | |
| } | |
| } | |
| .rnc-colorpicker .react-colorful__pointer { | |
| border-color: hsl(var(--rnc-background)); | |
| height: 12px; | |
| width: 12px; | |
| --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(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) | |
| } | |
| .rnc-colorpicker .react-colorful__hue { | |
| border-radius: calc(var(--rnc-radius) - 4px); | |
| border-top-left-radius: 0; | |
| border-top-right-radius: 0; | |
| height: 14px | |
| } | |
| .rnc-colorpicker .react-colorful__saturation { | |
| border-radius: calc(var(--rnc-radius) - 4px); | |
| border-bottom-left-radius: 0; | |
| border-bottom-right-radius: 0 | |
| } | |
| @media print { | |
| body { | |
| -webkit-print-color-adjust: exact; | |
| print-color-adjust: exact | |
| } | |
| } | |
| .pointer-events-none { | |
| pointer-events: none | |
| } | |
| .pointer-events-auto { | |
| pointer-events: auto | |
| } | |
| .visible { | |
| visibility: visible | |
| } | |
| .invisible { | |
| visibility: hidden | |
| } | |
| .collapse { | |
| visibility: collapse | |
| } | |
| .static { | |
| position: static | |
| } | |
| .fixed { | |
| position: fixed | |
| } | |
| .absolute { | |
| position: absolute | |
| } | |
| .relative { | |
| position: relative | |
| } | |
| .\!sticky { | |
| position: sticky !important | |
| } | |
| .sticky { | |
| position: sticky | |
| } | |
| .inset-0 { | |
| inset: 0 | |
| } | |
| .-left-\[2px\] { | |
| left: -2px | |
| } | |
| .-top-px { | |
| top: -1px | |
| } | |
| .bottom-0 { | |
| bottom: 0 | |
| } | |
| .bottom-4 { | |
| bottom: 1rem | |
| } | |
| .bottom-full { | |
| bottom: 100% | |
| } | |
| .left-0 { | |
| left: 0 | |
| } | |
| .left-1 { | |
| left: .25rem | |
| } | |
| .left-1\/2 { | |
| left: 50% | |
| } | |
| .left-2 { | |
| left: .5rem | |
| } | |
| .right-0 { | |
| right: 0 | |
| } | |
| .right-1 { | |
| right: .25rem | |
| } | |
| .right-2 { | |
| right: .5rem | |
| } | |
| .right-4 { | |
| right: 1rem | |
| } | |
| .right-full { | |
| right: 100% | |
| } | |
| .top-0 { | |
| top: 0 | |
| } | |
| .top-1 { | |
| top: .25rem | |
| } | |
| .top-1\/2 { | |
| top: 50% | |
| } | |
| .top-2 { | |
| top: .5rem | |
| } | |
| .top-\[-2px\] { | |
| top: -2px | |
| } | |
| .top-full { | |
| top: 100% | |
| } | |
| .top-px { | |
| top: 1px | |
| } | |
| .z-10 { | |
| z-index: 10 | |
| } | |
| .z-50 { | |
| z-index: 50 | |
| } | |
| .z-\[1\] { | |
| z-index: 1 | |
| } | |
| .col-span-2 { | |
| grid-column: span 2/span 2 | |
| } | |
| .m-0 { | |
| margin: 0 | |
| } | |
| .-mx-1 { | |
| margin-left: -.25rem; | |
| margin-right: -.25rem | |
| } | |
| .my-1 { | |
| margin-bottom: .25rem; | |
| margin-top: .25rem | |
| } | |
| .-ml-\[15px\] { | |
| margin-left: -15px | |
| } | |
| .-mt-1 { | |
| margin-top: -.25rem | |
| } | |
| .-mt-\[15px\] { | |
| margin-top: -15px | |
| } | |
| .mb-1 { | |
| margin-bottom: .25rem | |
| } | |
| .mb-2 { | |
| margin-bottom: .5rem | |
| } | |
| .ml-auto { | |
| margin-left: auto | |
| } | |
| .ml-px { | |
| margin-left: 1px | |
| } | |
| .mr-0 { | |
| margin-right: 0 | |
| } | |
| .mr-1 { | |
| margin-right: .25rem | |
| } | |
| .mr-px { | |
| margin-right: 1px | |
| } | |
| .mt-1 { | |
| margin-top: .25rem | |
| } | |
| .mt-2 { | |
| margin-top: .5rem | |
| } | |
| .mt-\[2px\] { | |
| margin-top: 2px | |
| } | |
| .mt-\[5px\] { | |
| margin-top: 5px | |
| } | |
| .box-border { | |
| box-sizing: border-box | |
| } | |
| .box-content { | |
| box-sizing: content-box | |
| } | |
| .block { | |
| display: block | |
| } | |
| .inline-block { | |
| display: inline-block | |
| } | |
| .inline { | |
| display: inline | |
| } | |
| .flex { | |
| display: flex | |
| } | |
| .inline-flex { | |
| display: inline-flex | |
| } | |
| .\!table { | |
| display: table !important | |
| } | |
| .table { | |
| display: table | |
| } | |
| .table-cell { | |
| display: table-cell | |
| } | |
| .table-row { | |
| display: table-row | |
| } | |
| .grid { | |
| display: grid | |
| } | |
| .contents { | |
| display: contents | |
| } | |
| .hidden { | |
| display: none | |
| } | |
| .h-0 { | |
| height: 0 | |
| } | |
| .h-1 { | |
| height: .25rem | |
| } | |
| .h-2 { | |
| height: .5rem | |
| } | |
| .h-3 { | |
| height: .75rem | |
| } | |
| .h-3\.5 { | |
| height: .875rem | |
| } | |
| .h-4 { | |
| height: 1rem | |
| } | |
| .h-5 { | |
| height: 1.25rem | |
| } | |
| .h-6 { | |
| height: 1.5rem | |
| } | |
| .h-7 { | |
| height: 1.75rem | |
| } | |
| .h-9 { | |
| height: 2.25rem | |
| } | |
| .h-\[15px\] { | |
| height: 15px | |
| } | |
| .h-\[24px\] { | |
| height: 24px | |
| } | |
| .h-\[30px\] { | |
| height: 30px | |
| } | |
| .h-auto { | |
| height: auto | |
| } | |
| .h-full { | |
| height: 100% | |
| } | |
| .h-px { | |
| height: 1px | |
| } | |
| .max-h-\[200px\] { | |
| max-height: 200px | |
| } | |
| .max-h-\[300px\] { | |
| max-height: 300px | |
| } | |
| .max-h-dropdown { | |
| max-height: var(--radix-dropdown-menu-content-available-height) | |
| } | |
| .max-h-popover { | |
| max-height: var(--radix-popover-content-available-height) | |
| } | |
| .max-h-select { | |
| max-height: var(--radix-select-content-available-height) | |
| } | |
| .min-h-0 { | |
| min-height: 0 | |
| } | |
| .min-h-\[20px\] { | |
| min-height: 20px | |
| } | |
| .min-h-\[24px\] { | |
| min-height: 24px | |
| } | |
| .min-h-\[40px\] { | |
| min-height: 40px | |
| } | |
| .min-h-full { | |
| min-height: 100% | |
| } | |
| .w-0 { | |
| width: 0 | |
| } | |
| .w-2 { | |
| width: .5rem | |
| } | |
| .w-20 { | |
| width: 5rem | |
| } | |
| .w-3 { | |
| width: .75rem | |
| } | |
| .w-3\.5 { | |
| width: .875rem | |
| } | |
| .w-4 { | |
| width: 1rem | |
| } | |
| .w-5 { | |
| width: 1.25rem | |
| } | |
| .w-6 { | |
| width: 1.5rem | |
| } | |
| .w-7 { | |
| width: 1.75rem | |
| } | |
| .w-\[15px\] { | |
| width: 15px | |
| } | |
| .w-\[250px\] { | |
| width: 250px | |
| } | |
| .w-\[25px\] { | |
| width: 25px | |
| } | |
| .w-\[300px\] { | |
| width: 300px | |
| } | |
| .w-\[30px\] { | |
| width: 30px | |
| } | |
| .w-\[340px\] { | |
| width: 340px | |
| } | |
| .w-\[40px\] { | |
| width: 40px | |
| } | |
| .w-\[80px\] { | |
| width: 80px | |
| } | |
| .w-\[8px\] { | |
| width: 8px | |
| } | |
| .w-\[90px\] { | |
| width: 90px | |
| } | |
| .w-auto { | |
| width: auto | |
| } | |
| .w-full { | |
| width: 100% | |
| } | |
| .w-px { | |
| width: 1px | |
| } | |
| .min-w-0 { | |
| min-width: 0 | |
| } | |
| .min-w-\[15px\] { | |
| min-width: 15px | |
| } | |
| .min-w-\[160px\] { | |
| min-width: 160px | |
| } | |
| .min-w-\[20px\] { | |
| min-width: 20px | |
| } | |
| .min-w-\[220px\] { | |
| min-width: 220px | |
| } | |
| .min-w-\[24px\] { | |
| min-width: 24px | |
| } | |
| .min-w-\[8rem\] { | |
| min-width: 8rem | |
| } | |
| .max-w-\[140px\] { | |
| max-width: 140px | |
| } | |
| .max-w-\[200px\] { | |
| max-width: 200px | |
| } | |
| .max-w-\[400px\] { | |
| max-width: 400px | |
| } | |
| .max-w-\[500px\] { | |
| max-width: 500px | |
| } | |
| .max-w-dropdown { | |
| max-width: var(--radix-dropdown-menu-content-available-width) | |
| } | |
| .max-w-none { | |
| max-width: none | |
| } | |
| .flex-1 { | |
| flex: 1 1 0% | |
| } | |
| .shrink { | |
| flex-shrink: 1 | |
| } | |
| .shrink-0 { | |
| flex-shrink: 0 | |
| } | |
| .table-fixed { | |
| table-layout: fixed | |
| } | |
| .border-collapse { | |
| border-collapse: collapse | |
| } | |
| .-translate-x-1\/2 { | |
| --tw-translate-x: -50% | |
| } | |
| .-translate-x-1\/2, | |
| .-translate-x-\[10px\] { | |
| 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-x-\[10px\] { | |
| --tw-translate-x: -10px | |
| } | |
| .-translate-y-1\/2 { | |
| --tw-translate-y: -50% | |
| } | |
| .-translate-y-1\/2, | |
| .-translate-y-full { | |
| 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-full { | |
| --tw-translate-y: -100% | |
| } | |
| .translate-y-1 { | |
| --tw-translate-y: 0.25rem | |
| } | |
| .translate-y-1, | |
| .translate-y-1\/2 { | |
| 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 { | |
| 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)) | |
| } | |
| @keyframes fade-in { | |
| 0% { | |
| opacity: 0 | |
| } | |
| to { | |
| opacity: 1 | |
| } | |
| } | |
| .animate-fade-in { | |
| animation: fade-in .2s ease-out | |
| } | |
| @keyframes pulse { | |
| 50% { | |
| opacity: .5 | |
| } | |
| } | |
| .animate-pulse { | |
| animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite | |
| } | |
| @keyframes spin { | |
| to { | |
| transform: rotate(1turn) | |
| } | |
| } | |
| .animate-spin { | |
| animation: spin 1s linear infinite | |
| } | |
| .cursor-crosshair { | |
| cursor: crosshair | |
| } | |
| .cursor-default { | |
| cursor: default | |
| } | |
| .cursor-nwse-resize { | |
| cursor: nwse-resize | |
| } | |
| .cursor-pointer { | |
| cursor: pointer | |
| } | |
| .cursor-text { | |
| cursor: text | |
| } | |
| .touch-manipulation { | |
| touch-action: manipulation | |
| } | |
| .select-none { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| user-select: none | |
| } | |
| .resize-none { | |
| resize: none | |
| } | |
| .resize { | |
| resize: both | |
| } | |
| .grid-cols-1 { | |
| grid-template-columns: repeat(1, 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)) | |
| } | |
| .grid-cols-6 { | |
| grid-template-columns: repeat(6, minmax(0, 1fr)) | |
| } | |
| .grid-rows-4 { | |
| grid-template-rows: repeat(4, minmax(0, 1fr)) | |
| } | |
| .flex-row { | |
| flex-direction: row | |
| } | |
| .flex-col { | |
| flex-direction: column | |
| } | |
| .flex-wrap { | |
| flex-wrap: wrap | |
| } | |
| .flex-nowrap { | |
| flex-wrap: nowrap | |
| } | |
| .place-items-center { | |
| place-items: center | |
| } | |
| .items-start { | |
| align-items: flex-start | |
| } | |
| .items-center { | |
| align-items: center | |
| } | |
| .justify-start { | |
| justify-content: flex-start | |
| } | |
| .justify-end { | |
| justify-content: flex-end | |
| } | |
| .justify-center { | |
| justify-content: center | |
| } | |
| .justify-between { | |
| justify-content: space-between | |
| } | |
| .gap-0 { | |
| gap: 0 | |
| } | |
| .gap-1 { | |
| gap: .25rem | |
| } | |
| .gap-2 { | |
| gap: .5rem | |
| } | |
| .gap-4 { | |
| gap: 1rem | |
| } | |
| .space-x-1>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse))); | |
| margin-right: calc(.25rem*var(--tw-space-x-reverse)) | |
| } | |
| .space-y-1>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-bottom: calc(.25rem*var(--tw-space-y-reverse)); | |
| margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse))) | |
| } | |
| .space-y-2>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-bottom: calc(.5rem*var(--tw-space-y-reverse)); | |
| margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse))) | |
| } | |
| .space-y-4>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-bottom: calc(1rem*var(--tw-space-y-reverse)); | |
| margin-top: calc(1rem*(1 - var(--tw-space-y-reverse))) | |
| } | |
| .overflow-auto { | |
| overflow: auto | |
| } | |
| .overflow-hidden { | |
| overflow: hidden | |
| } | |
| .text-ellipsis { | |
| text-overflow: ellipsis | |
| } | |
| .whitespace-nowrap { | |
| white-space: nowrap | |
| } | |
| .whitespace-pre-wrap { | |
| white-space: pre-wrap | |
| } | |
| .break-words { | |
| overflow-wrap: break-word | |
| } | |
| .rounded { | |
| border-radius: .25rem | |
| } | |
| .rounded-lg { | |
| border-radius: var(--rnc-radius) | |
| } | |
| .rounded-md { | |
| border-radius: calc(var(--rnc-radius) - 2px) | |
| } | |
| .rounded-none { | |
| border-radius: 0 | |
| } | |
| .rounded-sm { | |
| border-radius: calc(var(--rnc-radius) - 4px) | |
| } | |
| .rounded-t-sm { | |
| border-top-left-radius: calc(var(--rnc-radius) - 4px); | |
| border-top-right-radius: calc(var(--rnc-radius) - 4px) | |
| } | |
| .rounded-br-none { | |
| border-bottom-right-radius: 0 | |
| } | |
| .rounded-tl-none { | |
| border-top-left-radius: 0 | |
| } | |
| .rounded-tr-none { | |
| border-top-right-radius: 0 | |
| } | |
| .\!border { | |
| border-width: 1px !important | |
| } | |
| .border { | |
| border-width: 1px | |
| } | |
| .border-0 { | |
| border-width: 0 | |
| } | |
| .border-2 { | |
| border-width: 2px | |
| } | |
| .border-\[1px\] { | |
| border-width: 1px | |
| } | |
| .border-b { | |
| border-bottom-width: 1px | |
| } | |
| .border-b-0 { | |
| border-bottom-width: 0 | |
| } | |
| .border-b-\[3px\] { | |
| border-bottom-width: 3px | |
| } | |
| .border-l { | |
| border-left-width: 1px | |
| } | |
| .border-l-0 { | |
| border-left-width: 0 | |
| } | |
| .border-l-4 { | |
| border-left-width: 4px | |
| } | |
| .border-l-\[1px\] { | |
| border-left-width: 1px | |
| } | |
| .border-r { | |
| border-right-width: 1px | |
| } | |
| .border-r-0 { | |
| border-right-width: 0 | |
| } | |
| .border-r-\[1px\] { | |
| border-right-width: 1px | |
| } | |
| .border-r-\[3px\] { | |
| border-right-width: 3px | |
| } | |
| .border-t { | |
| border-top-width: 1px | |
| } | |
| .border-t-0 { | |
| border-top-width: 0 | |
| } | |
| .border-t-\[1px\] { | |
| border-top-width: 1px | |
| } | |
| .border-solid { | |
| border-style: solid | |
| } | |
| .border-none { | |
| border-style: none | |
| } | |
| .border-neutral-700 { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(64 64 64/var(--tw-border-opacity)) | |
| } | |
| .border-rnc-border { | |
| border-color: hsl(var(--rnc-border)) | |
| } | |
| .border-rnc-input { | |
| border-color: hsl(var(--rnc-input)) | |
| } | |
| .border-rnc-warning { | |
| border-color: hsl(var(--rnc-warning)) | |
| } | |
| .border-l-blue-700 { | |
| --tw-border-opacity: 1; | |
| border-left-color: rgb(29 78 216/var(--tw-border-opacity)) | |
| } | |
| .border-l-rnc-destructive { | |
| border-left-color: hsl(var(--rnc-destructive)) | |
| } | |
| .border-l-rnc-warning { | |
| border-left-color: hsl(var(--rnc-warning)) | |
| } | |
| .\!bg-rnc-accent { | |
| background-color: hsl(var(--rnc-accent)) !important | |
| } | |
| .\!bg-rnc-primary { | |
| background-color: hsl(var(--rnc-primary)) !important | |
| } | |
| .bg-\[\#4589eb\] { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(69 137 235/var(--tw-bg-opacity)) | |
| } | |
| .bg-blue-500 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(59 130 246/var(--tw-bg-opacity)) | |
| } | |
| .bg-rnc-accent { | |
| background-color: hsl(var(--rnc-accent)) | |
| } | |
| .bg-rnc-background { | |
| background-color: hsl(var(--rnc-background)) | |
| } | |
| .bg-rnc-background\/80 { | |
| background-color: hsl(var(--rnc-background)/.8) | |
| } | |
| .bg-rnc-border { | |
| background-color: hsl(var(--rnc-border)) | |
| } | |
| .bg-rnc-foreground\/10 { | |
| background-color: hsl(var(--rnc-foreground)/.1) | |
| } | |
| .bg-rnc-muted { | |
| background-color: hsl(var(--rnc-muted)) | |
| } | |
| .bg-rnc-muted-foreground\/80 { | |
| background-color: hsl(var(--rnc-muted-foreground)/.8) | |
| } | |
| .bg-rnc-popover { | |
| background-color: hsl(var(--rnc-popover)) | |
| } | |
| .bg-rnc-primary { | |
| background-color: hsl(var(--rnc-primary)) | |
| } | |
| .bg-rnc-secondary { | |
| background-color: hsl(var(--rnc-secondary)) | |
| } | |
| .bg-transparent { | |
| background-color: transparent | |
| } | |
| .bg-zinc-950 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(9 9 11/var(--tw-bg-opacity)) | |
| } | |
| .bg-none { | |
| background-image: none | |
| } | |
| .bg-contain { | |
| background-size: contain | |
| } | |
| .p-0 { | |
| padding: 0 | |
| } | |
| .p-1 { | |
| padding: .25rem | |
| } | |
| .p-2 { | |
| padding: .5rem | |
| } | |
| .p-4 { | |
| padding: 1rem | |
| } | |
| .p-\[6px\] { | |
| padding: 6px | |
| } | |
| .p-px { | |
| padding: 1px | |
| } | |
| .px-1 { | |
| padding-left: .25rem; | |
| padding-right: .25rem | |
| } | |
| .px-1\.5 { | |
| padding-left: .375rem; | |
| padding-right: .375rem | |
| } | |
| .px-2 { | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| .px-3 { | |
| padding-left: .75rem; | |
| padding-right: .75rem | |
| } | |
| .py-0 { | |
| padding-bottom: 0; | |
| padding-top: 0 | |
| } | |
| .py-1 { | |
| padding-bottom: .25rem; | |
| padding-top: .25rem | |
| } | |
| .py-1\.5 { | |
| padding-bottom: .375rem; | |
| padding-top: .375rem | |
| } | |
| .py-2 { | |
| padding-bottom: .5rem; | |
| padding-top: .5rem | |
| } | |
| .pb-0 { | |
| padding-bottom: 0 | |
| } | |
| .pb-0\.5 { | |
| padding-bottom: .125rem | |
| } | |
| .pb-1 { | |
| padding-bottom: .25rem | |
| } | |
| .pb-2 { | |
| padding-bottom: .5rem | |
| } | |
| .pb-3 { | |
| padding-bottom: .75rem | |
| } | |
| .pb-4 { | |
| padding-bottom: 1rem | |
| } | |
| .pl-0 { | |
| padding-left: 0 | |
| } | |
| .pl-1 { | |
| padding-left: .25rem | |
| } | |
| .pl-1\.5 { | |
| padding-left: .375rem | |
| } | |
| .pl-2 { | |
| padding-left: .5rem | |
| } | |
| .pl-8 { | |
| padding-left: 2rem | |
| } | |
| .pl-\[6px\] { | |
| padding-left: 6px | |
| } | |
| .pr-0 { | |
| padding-right: 0 | |
| } | |
| .pr-1 { | |
| padding-right: .25rem | |
| } | |
| .pr-1\.5 { | |
| padding-right: .375rem | |
| } | |
| .pr-2 { | |
| padding-right: .5rem | |
| } | |
| .pr-4 { | |
| padding-right: 1rem | |
| } | |
| .pt-0 { | |
| padding-top: 0 | |
| } | |
| .pt-0\.5 { | |
| padding-top: .125rem | |
| } | |
| .pt-1 { | |
| padding-top: .25rem | |
| } | |
| .pt-2 { | |
| padding-top: .5rem | |
| } | |
| .text-left { | |
| text-align: left | |
| } | |
| .text-center { | |
| text-align: center | |
| } | |
| .align-top { | |
| vertical-align: top | |
| } | |
| .font-formula { | |
| font-family: Inconsolata, monospace, arial, sans, sans-serif | |
| } | |
| .font-system { | |
| font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif | |
| } | |
| .text-\[0\.8rem\] { | |
| font-size: .8rem | |
| } | |
| .text-base { | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| .text-lg { | |
| font-size: 1.125rem; | |
| line-height: 1.75rem | |
| } | |
| .text-sm { | |
| font-size: .875rem; | |
| line-height: 1.25rem | |
| } | |
| .text-xl { | |
| font-size: 1.25rem; | |
| line-height: 1.75rem | |
| } | |
| .text-xs { | |
| font-size: .75rem; | |
| line-height: 1rem | |
| } | |
| .font-bold { | |
| font-weight: 700 | |
| } | |
| .font-medium { | |
| font-weight: 500 | |
| } | |
| .font-normal { | |
| font-weight: 400 | |
| } | |
| .font-semibold { | |
| font-weight: 600 | |
| } | |
| .uppercase { | |
| text-transform: uppercase | |
| } | |
| .lowercase { | |
| text-transform: lowercase | |
| } | |
| .normal-case { | |
| text-transform: none | |
| } | |
| .italic { | |
| font-style: italic | |
| } | |
| .leading-3 { | |
| line-height: .75rem | |
| } | |
| .leading-4 { | |
| line-height: 1rem | |
| } | |
| .leading-\[14px\] { | |
| line-height: 14px | |
| } | |
| .leading-none { | |
| line-height: 1 | |
| } | |
| .tracking-tight { | |
| letter-spacing: -.025em | |
| } | |
| .text-\[white\] { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .text-blue-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(29 78 216/var(--tw-text-opacity)) | |
| } | |
| .text-green-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(21 128 61/var(--tw-text-opacity)) | |
| } | |
| .text-rnc-accent-foreground { | |
| color: hsl(var(--rnc-accent-foreground)) | |
| } | |
| .text-rnc-background { | |
| color: hsl(var(--rnc-background)) | |
| } | |
| .text-rnc-destructive { | |
| color: hsl(var(--rnc-destructive)) | |
| } | |
| .text-rnc-foreground { | |
| color: hsl(var(--rnc-foreground)) | |
| } | |
| .text-rnc-foreground\/50 { | |
| color: hsl(var(--rnc-foreground)/.5) | |
| } | |
| .text-rnc-foreground\/60 { | |
| color: hsl(var(--rnc-foreground)/.6) | |
| } | |
| .text-rnc-foreground\/70 { | |
| color: hsl(var(--rnc-foreground)/.7) | |
| } | |
| .text-rnc-muted { | |
| color: hsl(var(--rnc-muted)) | |
| } | |
| .text-rnc-muted-foreground { | |
| color: hsl(var(--rnc-muted-foreground)) | |
| } | |
| .text-rnc-popover-foreground { | |
| color: hsl(var(--rnc-popover-foreground)) | |
| } | |
| .text-rnc-primary { | |
| color: hsl(var(--rnc-primary)) | |
| } | |
| .text-rnc-primary-foreground { | |
| color: hsl(var(--rnc-primary-foreground)) | |
| } | |
| .text-rnc-secondary-foreground { | |
| color: hsl(var(--rnc-secondary-foreground)) | |
| } | |
| .text-rnc-warning { | |
| color: hsl(var(--rnc-warning)) | |
| } | |
| .text-transparent { | |
| color: transparent | |
| } | |
| .text-white { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .underline { | |
| text-decoration-line: underline | |
| } | |
| .line-through { | |
| text-decoration-line: line-through | |
| } | |
| .underline-offset-2 { | |
| text-underline-offset: 2px | |
| } | |
| .opacity-0 { | |
| opacity: 0 | |
| } | |
| .opacity-40 { | |
| opacity: .4 | |
| } | |
| .opacity-50 { | |
| opacity: .5 | |
| } | |
| .opacity-80 { | |
| opacity: .8 | |
| } | |
| .shadow { | |
| --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); | |
| --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) | |
| } | |
| .shadow, | |
| .shadow-lg { | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .shadow-lg { | |
| --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); | |
| --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) | |
| } | |
| .shadow-md { | |
| --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); | |
| --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) | |
| } | |
| .shadow-md, | |
| .shadow-none { | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .shadow-none { | |
| --tw-shadow: 0 0 #0000; | |
| --tw-shadow-colored: 0 0 #0000 | |
| } | |
| .shadow-sm { | |
| --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); | |
| --tw-shadow-colored: 0 1px 2px 0 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-none { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .outline { | |
| outline-style: solid | |
| } | |
| .outline-offset-1 { | |
| outline-offset: 1px | |
| } | |
| .outline-rnc-primary { | |
| outline-color: hsl(var(--rnc-primary)) | |
| } | |
| .blur { | |
| --tw-blur: blur(8px) | |
| } | |
| .blur, | |
| .invert { | |
| 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) | |
| } | |
| .invert { | |
| --tw-invert: invert(100%) | |
| } | |
| .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-all { | |
| transition-duration: .15s; | |
| transition-property: all; | |
| transition-timing-function: cubic-bezier(.4, 0, .2, 1) | |
| } | |
| .transition-colors { | |
| transition-duration: .15s; | |
| transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; | |
| transition-timing-function: cubic-bezier(.4, 0, .2, 1) | |
| } | |
| .duration-100 { | |
| transition-duration: .1s | |
| } | |
| .will-change-transform { | |
| will-change: transform | |
| } | |
| @keyframes enter { | |
| 0% { | |
| opacity: var(--tw-enter-opacity, 1); | |
| transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)) | |
| } | |
| } | |
| @keyframes exit { | |
| to { | |
| opacity: var(--tw-exit-opacity, 1); | |
| transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)) | |
| } | |
| } | |
| .animate-in { | |
| animation-duration: .15s; | |
| animation-name: enter; | |
| --tw-enter-opacity: initial; | |
| --tw-enter-scale: initial; | |
| --tw-enter-rotate: initial; | |
| --tw-enter-translate-x: initial; | |
| --tw-enter-translate-y: initial | |
| } | |
| .fade-in-50 { | |
| --tw-enter-opacity: 0.5 | |
| } | |
| .fade-in-80 { | |
| --tw-enter-opacity: 0.8 | |
| } | |
| .slide-in-from-bottom { | |
| --tw-enter-translate-y: 100% | |
| } | |
| .duration-100 { | |
| animation-duration: .1s | |
| } | |
| .file\:border-0::file-selector-button { | |
| border-width: 0 | |
| } | |
| .file\:bg-transparent::file-selector-button { | |
| background-color: transparent | |
| } | |
| .file\:text-sm::file-selector-button { | |
| font-size: .875rem; | |
| line-height: 1.25rem | |
| } | |
| .file\:font-medium::file-selector-button { | |
| font-weight: 500 | |
| } | |
| .placeholder\:text-rnc-muted-foreground::-moz-placeholder { | |
| color: hsl(var(--rnc-muted-foreground)) | |
| } | |
| .placeholder\:text-rnc-muted-foreground::placeholder { | |
| color: hsl(var(--rnc-muted-foreground)) | |
| } | |
| .focus-within\:relative:focus-within { | |
| position: relative | |
| } | |
| .focus-within\:z-20:focus-within { | |
| z-index: 20 | |
| } | |
| .focus-within\:ring-1:focus-within { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .focus-within\:ring-offset-0:focus-within { | |
| --tw-ring-offset-width: 0px | |
| } | |
| .hover\:bg-blue-600:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(37 99 235/var(--tw-bg-opacity)) | |
| } | |
| .hover\:bg-rnc-accent:hover { | |
| background-color: hsl(var(--rnc-accent)) | |
| } | |
| .hover\:bg-rnc-background:hover { | |
| background-color: hsl(var(--rnc-background)) | |
| } | |
| .hover\:bg-rnc-border:hover { | |
| background-color: hsl(var(--rnc-border)) | |
| } | |
| .hover\:bg-rnc-border\/40:hover { | |
| background-color: hsl(var(--rnc-border)/.4) | |
| } | |
| .hover\:bg-rnc-primary\/90:hover { | |
| background-color: hsl(var(--rnc-primary)/.9) | |
| } | |
| .hover\:bg-rnc-secondary\/80:hover { | |
| background-color: hsl(var(--rnc-secondary)/.8) | |
| } | |
| .hover\:bg-transparent:hover { | |
| background-color: transparent | |
| } | |
| .hover\:text-rnc-accent-foreground:hover { | |
| color: hsl(var(--rnc-accent-foreground)) | |
| } | |
| .hover\:text-rnc-muted:hover { | |
| color: hsl(var(--rnc-muted)) | |
| } | |
| .hover\:text-rnc-primary-foreground:hover { | |
| color: hsl(var(--rnc-primary-foreground)) | |
| } | |
| .hover\:text-white:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .hover\:opacity-100:hover { | |
| opacity: 1 | |
| } | |
| .hover\:shadow-\[rgba\(0\2c 0\2c 0\2c 0\.8\)_0px_0px_0px_1px_inset\]:hover { | |
| --tw-shadow: rgba(0, 0, 0, .8) 0px 0px 0px 1px inset; | |
| --tw-shadow-colored: inset 0px 0px 0px 1px var(--tw-shadow-color) | |
| } | |
| .hover\:shadow-\[rgba\(0\2c 0\2c 0\2c 0\.8\)_0px_0px_0px_1px_inset\]:hover, | |
| .hover\:shadow-md:hover { | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .hover\:shadow-md:hover { | |
| --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); | |
| --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) | |
| } | |
| .hover\:outline:hover { | |
| outline-style: solid | |
| } | |
| .hover\:outline-1:hover { | |
| outline-width: 1px | |
| } | |
| .hover\:outline-offset-1:hover { | |
| outline-offset: 1px | |
| } | |
| .hover\:outline-rnc-primary:hover { | |
| outline-color: hsl(var(--rnc-primary)) | |
| } | |
| .focus\:bg-rnc-accent:focus { | |
| background-color: hsl(var(--rnc-accent)) | |
| } | |
| .focus\:bg-rnc-background:focus { | |
| background-color: hsl(var(--rnc-background)) | |
| } | |
| .focus\:bg-rnc-border:focus { | |
| background-color: hsl(var(--rnc-border)) | |
| } | |
| .focus\:bg-rnc-border\/40:focus { | |
| background-color: hsl(var(--rnc-border)/.4) | |
| } | |
| .focus\:bg-transparent:focus { | |
| background-color: transparent | |
| } | |
| .focus\:text-rnc-accent-foreground:focus { | |
| color: hsl(var(--rnc-accent-foreground)) | |
| } | |
| .focus\:text-rnc-muted:focus { | |
| color: hsl(var(--rnc-muted)) | |
| } | |
| .focus\:outline-none:focus { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .focus\:outline:focus { | |
| outline-style: solid | |
| } | |
| .focus\:outline-offset-1:focus { | |
| outline-offset: 1px | |
| } | |
| .focus\:outline-rnc-primary:focus { | |
| outline-color: hsl(var(--rnc-primary)) | |
| } | |
| .focus\:ring-2:focus { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .focus\:ring-offset-0:focus { | |
| --tw-ring-offset-width: 0px | |
| } | |
| .focus-visible\:outline-none:focus-visible { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .focus-visible\:ring-1:focus-visible { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .focus-visible\:ring-2:focus-visible { | |
| --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
| --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
| box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | |
| } | |
| .focus-visible\:ring-offset-0:focus-visible { | |
| --tw-ring-offset-width: 0px | |
| } | |
| .focus-visible\:ring-offset-2:focus-visible { | |
| --tw-ring-offset-width: 2px | |
| } | |
| .active\:bg-rnc-background:active { | |
| background-color: hsl(var(--rnc-background)) | |
| } | |
| .active\:text-rnc-muted:active { | |
| color: hsl(var(--rnc-muted)) | |
| } | |
| .disabled\:pointer-events-none:disabled { | |
| pointer-events: none | |
| } | |
| .disabled\:cursor-not-allowed:disabled { | |
| cursor: not-allowed | |
| } | |
| .disabled\:text-rnc-foreground\/40:disabled { | |
| color: hsl(var(--rnc-foreground)/.4) | |
| } | |
| .disabled\:opacity-50:disabled { | |
| opacity: .5 | |
| } | |
| .group:hover .group-hover\:visible { | |
| visibility: visible | |
| } | |
| .aria-selected\:bg-rnc-accent[aria-selected=true] { | |
| background-color: hsl(var(--rnc-accent)) | |
| } | |
| .aria-selected\:bg-rnc-accent\/50[aria-selected=true] { | |
| background-color: hsl(var(--rnc-accent)/.5) | |
| } | |
| .aria-selected\:text-rnc-accent-foreground[aria-selected=true] { | |
| color: hsl(var(--rnc-accent-foreground)) | |
| } | |
| .aria-selected\:text-rnc-muted-foreground[aria-selected=true] { | |
| color: hsl(var(--rnc-muted-foreground)) | |
| } | |
| .aria-selected\:opacity-100[aria-selected=true] { | |
| opacity: 1 | |
| } | |
| .aria-selected\:opacity-30[aria-selected=true] { | |
| opacity: .3 | |
| } | |
| .data-\[disabled\]\:pointer-events-none[data-disabled] { | |
| pointer-events: none | |
| } | |
| .data-\[state\=active\]\:bg-rnc-background[data-state=active] { | |
| background-color: hsl(var(--rnc-background)) | |
| } | |
| .data-\[state\=open\]\:bg-rnc-accent[data-state=open] { | |
| background-color: hsl(var(--rnc-accent)) | |
| } | |
| .data-\[state\=active\]\:text-rnc-foreground[data-state=active] { | |
| color: hsl(var(--rnc-foreground)) | |
| } | |
| .data-\[disabled\]\:opacity-50[data-disabled] { | |
| opacity: .5 | |
| } | |
| .data-\[state\=active\]\:shadow[data-state=active] { | |
| --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); | |
| --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | |
| } | |
| .data-\[state\=closed\]\:animate-out[data-state=closed] { | |
| animation-duration: .15s; | |
| animation-name: exit; | |
| --tw-exit-opacity: initial; | |
| --tw-exit-scale: initial; | |
| --tw-exit-rotate: initial; | |
| --tw-exit-translate-x: initial; | |
| --tw-exit-translate-y: initial | |
| } | |
| .data-\[state\=closed\]\:fade-out[data-state=closed] { | |
| --tw-exit-opacity: 0 | |
| } | |
| .data-\[state\=open\]\:fade-in[data-state=open] { | |
| --tw-enter-opacity: 0 | |
| } | |
| .data-\[state\=open\]\:fade-in-90[data-state=open] { | |
| --tw-enter-opacity: 0.9 | |
| } | |
| .data-\[side\=bottom\]\:slide-in-from-top-1[data-side=bottom] { | |
| --tw-enter-translate-y: -0.25rem | |
| } | |
| .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] { | |
| --tw-enter-translate-y: -0.5rem | |
| } | |
| .data-\[side\=left\]\:slide-in-from-right-1[data-side=left] { | |
| --tw-enter-translate-x: 0.25rem | |
| } | |
| .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] { | |
| --tw-enter-translate-x: 0.5rem | |
| } | |
| .data-\[side\=right\]\:slide-in-from-left-1[data-side=right] { | |
| --tw-enter-translate-x: -0.25rem | |
| } | |
| .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] { | |
| --tw-enter-translate-x: -0.5rem | |
| } | |
| .data-\[side\=top\]\:slide-in-from-bottom-1[data-side=top] { | |
| --tw-enter-translate-y: 0.25rem | |
| } | |
| .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] { | |
| --tw-enter-translate-y: 0.5rem | |
| } | |
| .data-\[state\=open\]\:slide-in-from-bottom-10[data-state=open] { | |
| --tw-enter-translate-y: 2.5rem | |
| } | |
| @media (min-width:640px) { | |
| .sm\:max-w-lg { | |
| max-width: 32rem | |
| } | |
| .sm\:flex-row { | |
| flex-direction: row | |
| } | |
| .sm\:items-center { | |
| align-items: center | |
| } | |
| .sm\:space-x-4>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-left: calc(1rem*(1 - var(--tw-space-x-reverse))); | |
| margin-right: calc(1rem*var(--tw-space-x-reverse)) | |
| } | |
| .sm\:space-y-0>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-bottom: calc(0px*var(--tw-space-y-reverse)); | |
| margin-top: calc(0px*(1 - var(--tw-space-y-reverse))) | |
| } | |
| .sm\:rounded-lg { | |
| border-radius: var(--rnc-radius) | |
| } | |
| .sm\:zoom-in-90 { | |
| --tw-enter-scale: .9 | |
| } | |
| .data-\[state\=open\]\:sm\:slide-in-from-bottom-0[data-state=open] { | |
| --tw-enter-translate-y: 0px | |
| } | |
| } | |
| @media (min-width:768px) { | |
| .md\:w-16 { | |
| width: 4rem | |
| } | |
| .md\:min-w-\[400px\] { | |
| min-width: 400px | |
| } | |
| .md\:grid-cols-6 { | |
| grid-template-columns: repeat(6, minmax(0, 1fr)) | |
| } | |
| .md\:grid-cols-7 { | |
| grid-template-columns: repeat(7, minmax(0, 1fr)) | |
| } | |
| } | |
| @media (min-width:1024px) { | |
| .lg\:pl-\[46px\] { | |
| padding-left: 46px | |
| } | |
| } | |
| @media print { | |
| .print\:hidden { | |
| display: none | |
| } | |
| } | |
| .\[\&\:has\(\[aria-selected\]\)\]\:bg-rnc-accent:has([aria-selected]) { | |
| background-color: hsl(var(--rnc-accent)) | |
| } | |
| .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { | |
| border-bottom-left-radius: calc(var(--rnc-radius) - 2px); | |
| border-top-left-radius: calc(var(--rnc-radius) - 2px) | |
| } | |
| .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { | |
| border-bottom-right-radius: calc(var(--rnc-radius) - 2px); | |
| border-top-right-radius: calc(var(--rnc-radius) - 2px) | |
| } | |
| .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-rnc-accent\/50:has([aria-selected].day-outside) { | |
| background-color: hsl(var(--rnc-accent)/.5) | |
| } | |
| .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { | |
| border-bottom-right-radius: calc(var(--rnc-radius) - 2px); | |
| border-top-right-radius: calc(var(--rnc-radius) - 2px) | |
| } | |
| .\[\&_\.react-resizable-handle\]\:bg-\[\#1a73e8\] .react-resizable-handle { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(26 115 232/var(--tw-bg-opacity)) | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment