*, ::before, ::after { --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: rgb(59 130 246 / 0.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: ; } ::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: rgb(59 130 246 / 0.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: ; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: 0px; } .bottom-0 { bottom: 0px; } .bottom-8 { bottom: 2rem; } .left-0 { left: 0px; } .left-0\.5 { left: 0.125rem; } .left-1\/2 { left: 50%; } .left-\[-9999px\] { left: -9999px; } .right-0 { right: 0px; } .right-3 { right: 0.75rem; } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1\/2 { top: 50%; } .top-3 { top: 0.75rem; } .top-\[-9999px\] { top: -9999px; } .z-10 { z-index: 10; } .z-\[9999\] { z-index: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-full { grid-column: 1 / -1; } .\!m-0 { margin: 0px !important; } .\!m-2 { margin: 0.5rem !important; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-3 { margin: 0.75rem; } .m-4 { margin: 1rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .\!-mt-3 { margin-top: -0.75rem !important; } .\!mb-0 { margin-bottom: 0px !important; } .\!mb-1 { margin-bottom: 0.25rem !important; } .\!mb-2 { margin-bottom: 0.5rem !important; } .\!mb-3 { margin-bottom: 0.75rem !important; } .\!mb-5 { margin-bottom: 1.25rem !important; } .\!mb-6 { margin-bottom: 1.5rem !important; } .\!ml-0 { margin-left: 0px !important; } .\!ml-3 { margin-left: 0.75rem !important; } .\!mt-0 { margin-top: 0px !important; } .\!mt-1 { margin-top: 0.25rem !important; } .\!mt-2 { margin-top: 0.5rem !important; } .\!mt-3 { margin-top: 0.75rem !important; } .\!mt-\[-1\.25rem\] { margin-top: -1.25rem !important; } .-ml-8 { margin-left: -2rem; } .-mt-2 { margin-top: -0.5rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-5 { margin-left: 1.25rem; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-5 { margin-right: 1.25rem; } .mr-6 { margin-right: 1.5rem; } .mt-0 { margin-top: 0px; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-auto { margin-top: auto; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .h-2 { height: 0.5rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-7 { height: 1.75rem; } .h-\[2px\] { height: 2px; } .h-\[350px\] { height: 350px; } .h-\[40px\] { height: 40px; } .h-auto { height: auto; } .h-full { height: 100%; } .max-h-0 { max-height: 0px; } .max-h-32 { max-height: 8rem; } .max-h-\[40px\] { max-height: 40px; } .max-h-full { max-height: 100%; } .min-h-\[1\.75rem\] { min-height: 1.75rem; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[2em\] { min-height: 2em; } .min-h-\[3rem\] { min-height: 3rem; } .min-h-\[4rem\] { min-height: 4rem; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-1\/2 { width: 50%; } .w-28 { width: 7rem; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-64 { width: 16rem; } .w-8 { width: 2rem; } .w-\[12px\] { width: 12px; } .w-\[20px\] { width: 20px; } .w-\[350px\] { width: 350px; } .w-\[36px\] { width: 36px; } .w-\[40px\] { width: 40px; } .w-\[50px\] { width: 50px; } .w-full { width: 100%; } .min-w-\[16rem\] { min-width: 16rem; } .min-w-\[1rem\] { min-width: 1rem; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[7rem\] { min-width: 7rem; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-full { min-width: 100%; } .max-w-\[10rem\] { max-width: 10rem; } .max-w-\[12px\] { max-width: 12px; } .max-w-\[20px\] { max-width: 20px; } .max-w-\[36px\] { max-width: 36px; } .max-w-\[40px\] { max-width: 40px; } .max-w-full { max-width: 100%; } .max-w-md { max-width: 28rem; } .flex-1 { flex: 1 1 0%; } .flex-none { flex: none; } .flex-grow { flex-grow: 1; } .-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)); } .translate-x-3 { --tw-translate-x: 0.75rem; 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)); } .transform-gpu { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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 !important; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .cursor-zoom-in { cursor: zoom-in; } .cursor-zoom-out { cursor: zoom-out; } .resize-none { resize: none; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, 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)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .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-2 { gap: 0.5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .overflow-hidden { overflow: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-scroll { overflow-x: scroll; } .whitespace-pre { white-space: pre; } .rounded { border-radius: 0.25rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-tl-lg { border-top-left-radius: 0.5rem; } .rounded-tr-lg { border-top-right-radius: 0.5rem; } .\!border { border-width: 1px !important; } .\!border-0 { border-width: 0px !important; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-b { border-bottom-width: 1px; } .border-r { border-right-width: 1px; } .border-dashed { border-style: dashed; } .\!border-\[--background-modifier-border\] { border-color: var(--background-modifier-border) !important; } .\!border-green-600 { --tw-border-opacity: 1 !important; border-color: rgb(22 163 74 / var(--tw-border-opacity)) !important; } .\!border-transparent { border-color: transparent !important; } .border-\[--background-modifier-border\] { border-color: var(--background-modifier-border); } .border-transparent { border-color: transparent; } .border-b-\[--background-modifier-border\] { border-bottom-color: var(--background-modifier-border); } .border-r-\[--background-modifier-border\] { border-right-color: var(--background-modifier-border); } .\!bg-green-100 { --tw-bg-opacity: 1 !important; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) !important; } .\!bg-transparent { background-color: transparent !important; } .bg-\[--background-modifier-border\] { background-color: var(--background-modifier-border); } .bg-\[--background-primary-alt\] { background-color: var(--background-primary-alt); } .bg-\[--background-primary\] { background-color: var(--background-primary); } .bg-\[--background-secondary\] { background-color: var(--background-secondary); } .bg-\[--interactive-accent\] { background-color: var(--interactive-accent); } .bg-\[--text-accent\] { background-color: var(--text-accent); } .bg-\[--text-error\] { background-color: var(--text-error); } .bg-\[--text-normal\] { background-color: var(--text-normal); } .bg-\[--text-success\] { background-color: var(--text-success); } .bg-\[--text-warning\] { background-color: var(--text-warning); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-opacity-100 { --tw-bg-opacity: 1; } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .bg-opacity-75 { --tw-bg-opacity: 0.75; } .fill-current { fill: currentColor; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .\!p-0 { padding: 0px !important; } .\!p-3 { padding: 0.75rem !important; } .p-1 { padding: 0.25rem; } .p-10 { padding: 2.5rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .\!pl-2 { padding-left: 0.5rem !important; } .\!pr-4 { padding-right: 1rem !important; } .pb-1 { padding-bottom: 0.25rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-\[100\%\] { padding-bottom: 100%; } .pb-\[56\.25\%\] { padding-bottom: 56.25%; } .pl-0 { padding-left: 0px; } .pl-1 { padding-left: 0.25rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pr-1 { padding-right: 0.25rem; } .pr-2 { padding-right: 0.5rem; } .pr-3 { padding-right: 0.75rem; } .pt-1 { padding-top: 0.25rem; } .pt-2 { padding-top: 0.5rem; } .pt-5 { padding-top: 1.25rem; } .text-center { text-align: center; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .\!text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } .\!text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } .\!text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .\!text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .\!text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-base { font-size: 1rem; line-height: 1.5rem; } .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-bold { font-weight: 700 !important; } .\!font-extralight { font-weight: 200 !important; } .font-bold { font-weight: 700; } .font-semibold { font-weight: 600; } .lowercase { text-transform: lowercase; } .\!italic { font-style: italic !important; } .italic { font-style: italic; } .\!text-\[--text-faint\] { color: var(--text-faint) !important; } .\!text-\[--text-muted\] { color: var(--text-muted) !important; } .\!text-\[--text-normal\] { color: var(--text-normal) !important; } .\!text-green-600 { --tw-text-opacity: 1 !important; color: rgb(22 163 74 / var(--tw-text-opacity)) !important; } .text-\[--background-modifier-border\] { color: var(--background-modifier-border); } .text-\[--color-base-25\] { color: var(--color-base-25); } .text-\[--text-accent\] { color: var(--text-accent); } .text-\[--text-error\] { color: var(--text-error); } .text-\[--text-faint\] { color: var(--text-faint); } .text-\[--text-muted\] { color: var(--text-muted); } .text-\[--text-normal\] { color: var(--text-normal); } .text-\[--text-success\] { color: var(--text-success); } .text-\[--text-warning\] { color: var(--text-warning); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .\!no-underline { text-decoration-line: none !important; } .opacity-0 { opacity: 0; } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .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); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-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-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div, .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div, .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content, .markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer > .embedded-backlinks, .markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer > .inline-title, .markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer > .metadata-container, .markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer > .cm-contentContainer, .markdown-source-view.mod-cm6.is-readable-line-width .cm-content, .cm-sizer { max-width: 100% !important; width: 100% !important; } .border { border-style: solid; } .border-r { border-right-style: solid; } .border-t { border-top-style: solid; } .border-b { border-bottom-style: solid; } .border-l { border-left-style: solid; } .popover.hover-popover > .markdown-embed > .markdown-embed-content > .markdown-preview-view { margin: 0px !important; padding: 0px !important; } .selectBorder.selectBorder { border: 1px solid transparent !important; } .selectBorderVisible.selectBorderVisible { border: 1px solid var(--background-modifier-border) !important; } .markdown-content p:not(:last-child) { margin-bottom: 0.75rem !important; } button.rpgm-primary { margin-left: 0.75rem; background-color: var(--interactive-accent); padding: 0.75rem; color: var(--text-on-accent); } button.rpgm-primary:hover { background-color: var(--interactive-accent-hover) !important; } button.rpgm-secondary { margin-left: 0.75rem; padding: 0.75rem; } button.rpgm-secondary:hover { background-color: var(--interactive-accent-hover) !important; color: var(--text-on-accent); } button.rpgm-danger { background-color: transparent; padding: 0.75rem; font-size: 0.75rem; line-height: 1rem; color: var(--text-warning); } button.rpgm-danger:hover { background-color: var(--text-warning); color: var(--background-secondary-alt); } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) { box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) { box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #eceef1; } .flatpickr-calendar.hasTime .flatpickr-innerContainer { border-bottom: 0; } .flatpickr-calendar.hasTime .flatpickr-time { border: 1px solid #eceef1; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #eceef1; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #eceef1; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #eceef1; } .flatpickr-calendar.arrowBottom:after { border-top-color: #eceef1; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: flex; } .flatpickr-months .flatpickr-month { border-radius: 5px 5px 0 0; background: #eceef1; color: #5a6171; fill: #5a6171; height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: hidden; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { -webkit-user-select: none; -moz-user-select: none; user-select: none; text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: #5a6171; fill: #5a6171; } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #bbb; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(72, 72, 72, 0.15); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(72, 72, 72, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(72, 72, 72, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(90, 97, 113, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: #5a6171; } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: #5a6171; } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(90, 97, 113, 0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: #eceef1; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: #eceef1; outline: none; padding: 0; } .flatpickr-weekdays { background: #eceef1; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: #eceef1; color: #5a6171; line-height: 1; margin: 0; text-align: center; display: block; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: flex; align-items: flex-start; width: 307.875px; border-left: 1px solid #eceef1; border-right: 1px solid #eceef1; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: inline-block; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { box-shadow: -1px 0 0 #eceef1; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #484848; cursor: pointer; font-weight: 400; width: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e2e2e2; border-color: #e2e2e2; } .flatpickr-day.today { border-color: #bbb; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #bbb; background: #bbb; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #ff5a5f; box-shadow: none; color: #fff; border-color: #ff5a5f; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) { box-shadow: -10px 0 0 #ff5a5f; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(72, 72, 72, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(72, 72, 72, 0.1); } .flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; border-left: 1px solid #eceef1; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(72, 72, 72, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden; background: #fff; border-bottom: 1px solid #eceef1; } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; background: #fff; border-radius: 0 0 5px 5px; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #484848; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #484848; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #484848; font-size: 14px; position: relative; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #484848; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eaeaea; } .flatpickr-input[readonly] { cursor: pointer; } @keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } span.flatpickr-day.selected { font-weight: bold; } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); } .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:\!border-0:hover { border-width: 0px !important; } .hover\:\!border-green-800:hover { --tw-border-opacity: 1 !important; border-color: rgb(22 101 52 / var(--tw-border-opacity)) !important; } .hover\:border-\[--background-modifier-border-hover\]:hover { border-color: var(--background-modifier-border-hover); } .hover\:border-\[--background-modifier-border\]:hover { border-color: var(--background-modifier-border); } .hover\:\!bg-\[--interactive-accent-hover\]:hover { background-color: var(--interactive-accent-hover) !important; } .hover\:\!bg-green-100:hover { --tw-bg-opacity: 1 !important; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) !important; } .hover\:bg-\[--background-primary-alt\]:hover { background-color: var(--background-primary-alt); } .hover\:bg-\[--background-primary\]:hover { background-color: var(--background-primary); } .hover\:bg-\[--background-secondary\]:hover { background-color: var(--background-secondary); } .hover\:bg-gradient-to-l:hover { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .hover\:bg-gradient-to-r:hover { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .hover\:from-black:hover { --tw-gradient-from: #000 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:to-transparent:hover { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .hover\:\!text-\[--text-accent\]:hover { color: var(--text-accent) !important; } .hover\:\!text-\[text-normal\]:hover { color: text-normal !important; } .hover\:\!text-green-800:hover { --tw-text-opacity: 1 !important; color: rgb(22 101 52 / var(--tw-text-opacity)) !important; } .hover\:text-\[--text-accent-hover\]:hover { color: var(--text-accent-hover); } .hover\:text-\[--text-accent\]:hover { color: var(--text-accent); } .hover\:text-\[--text-normal\]:hover { color: var(--text-normal); } .hover\:text-\[--text-on-accent\]:hover { color: var(--text-on-accent); } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-50:hover { opacity: 0.5; } .hover\:\!shadow-none:hover { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .focus\:\!border-\[--background-modifier-border\]:focus { border-color: var(--background-modifier-border) !important; } .focus\:\!shadow-none:focus { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .active\:border-\[--background-modifier-border-hover\]:active { border-color: var(--background-modifier-border-hover); } .active\:text-green-700:active { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); } .active\:shadow-none:active { --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); } .disabled\:text-\[--text-faint\]:disabled { color: var(--text-faint); } .group:hover .group-hover\:pointer-events-auto { pointer-events: auto; } .group:hover .group-hover\:visible { visibility: visible; } .group:hover .group-hover\:max-h-\[300px\] { max-height: 300px; } .group:hover .group-hover\:\!border-\[--background-modifier-border\] { border-color: var(--background-modifier-border) !important; } .group:hover .group-hover\:border-\[--background-modifier-border-hover\] { border-color: var(--background-modifier-border-hover); } .group:hover .group-hover\:bg-\[--background-modifier-form-field\] { background-color: var(--background-modifier-form-field); } .group:hover .group-hover\:text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); } .group:hover .group-hover\:opacity-100 { opacity: 1; } @media (min-width: 640px) { .sm\:col-span-1 { grid-column: span 1 / span 1; } .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (min-width: 768px) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1024px) { .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .lg\:pl-3 { padding-left: 0.75rem; } }