/** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-orange-500: oklch(70.5% 0.213 47.604); --color-amber-600: oklch(66.6% 0.179 58.318); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-300: oklch(90.5% 0.182 98.111); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-900: oklch(42.1% 0.095 57.708); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-purple-800: oklch(43.8% 0.218 303.724); --color-pink-500: oklch(65.6% 0.241 354.308); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-extralight: 200; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .start-0 { inset-inline-start: calc(var(--spacing) * 0); } .start-1\.5 { inset-inline-start: calc(var(--spacing) * 1.5); } .start-2 { inset-inline-start: calc(var(--spacing) * 2); } .start-3 { inset-inline-start: calc(var(--spacing) * 3); } .start-auto { inset-inline-start: auto; } .end-1 { inset-inline-end: calc(var(--spacing) * 1); } .end-1\.5 { inset-inline-end: calc(var(--spacing) * 1.5); } .end-3 { inset-inline-end: calc(var(--spacing) * 3); } .end-auto { inset-inline-end: auto; } .-top-2 { top: calc(var(--spacing) * -2); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-px { top: -1px; } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1/2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-\[-8px\] { top: -8px; } .top-\[5\%\] { top: 5%; } .top-\[10\%\] { top: 10%; } .top-\[100px\] { top: 100px; } .top-\[102px\] { top: 102px; } .top-\[calc\(46\%\)\] { top: calc(46%); } .top-\[calc\(100\%_\+_2px\)\] { top: calc(100% + 2px); } .top-\[var\(--navbar-height\)\] { top: var(--navbar-height); } .top-full { top: 100%; } .-right-2 { right: calc(var(--spacing) * -2); } .-right-4 { right: calc(var(--spacing) * -4); } .-right-px { right: -1px; } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-2 { right: calc(var(--spacing) * 2); } .right-4 { right: calc(var(--spacing) * 4); } .right-\[5\%\] { right: 5%; } .right-\[10\%\] { right: 10%; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-\[5\%\] { bottom: 5%; } .bottom-\[10\%\] { bottom: 10%; } .-left-4 { left: calc(var(--spacing) * -4); } .-left-5 { left: calc(var(--spacing) * -5); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-\[5\%\] { left: 5%; } .left-\[10\%\] { left: 10%; } .left-\[calc\(37\.5\%\)\] { left: calc(37.5%); } .-z-30 { z-index: calc(30 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .z-\[100\] { z-index: 100; } .z-\[110\] { z-index: 110; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .m-0 { margin: calc(var(--spacing) * 0); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] { margin-inline: calc((1.25rem - 0.25rem) / 2); } .mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] { margin-inline: calc((1.5rem - 0.75rem) / 2); } .mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] { margin-inline: calc((1.75rem - 1.25rem) / 2); } .mx-auto { margin-inline: auto; } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-16 { margin-block: calc(var(--spacing) * 16); } .my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] { margin-block: calc((1.25rem - 0.25rem) / 2); } .my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] { margin-block: calc((1.5rem - 0.75rem) / 2); } .my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] { margin-block: calc((1.75rem - 1.25rem) / 2); } .my-auto { margin-block: auto; } .-ms-2 { margin-inline-start: calc(var(--spacing) * -2); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-\[166px\] { margin-top: 166px; } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-15 { margin-bottom: calc(var(--spacing) * 15); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-px { margin-bottom: 1px; } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .scrollbar-default { -ms-overflow-style: auto; scrollbar-width: auto; &::-webkit-scrollbar { display: block; } } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .table { display: table; } .table-row { display: table-row; } .aspect-square { aspect-ratio: 1 / 1; } .size-1 { width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1); } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .\!h-auto { height: auto !important; } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-32 { height: calc(var(--spacing) * 32); } .h-40 { height: calc(var(--spacing) * 40); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[--visual-viewport-height\] { height: --visual-viewport-height; } .h-\[2px\] { height: 2px; } .h-\[8\%\] { height: 8%; } .h-\[40px\] { height: 40px; } .h-\[50\%\] { height: 50%; } .h-\[80vh\] { height: 80vh; } .h-\[100dvh\] { height: 100dvh; } .h-\[calc\(100dvh_-_var\(--navbar-height\)\)\] { height: calc(100dvh - var(--navbar-height)); } .h-\[var\(--navbar-height\)\] { height: var(--navbar-height); } .h-\[var\(--picker-height\)\] { height: var(--picker-height); } .h-auto { height: auto; } .h-divider { height: var(--heroui-divider-weight); } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[20rem\] { max-height: 20rem; } .max-h-\[24rem\] { max-height: 24rem; } .max-h-\[28rem\] { max-height: 28rem; } .max-h-\[32rem\] { max-height: 32rem; } .max-h-\[36rem\] { max-height: 36rem; } .max-h-\[42rem\] { max-height: 42rem; } .max-h-\[48rem\] { max-height: 48rem; } .max-h-\[56rem\] { max-height: 56rem; } .max-h-\[64rem\] { max-height: 64rem; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[calc\(100\%_-_8rem\)\] { max-height: calc(100% - 8rem); } .max-h-\[calc\(100vh-2rem\)\] { max-height: calc(100vh - 2rem); } .max-h-\[none\] { max-height: none; } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-3 { min-height: calc(var(--spacing) * 3); } .min-h-3\.5 { min-height: calc(var(--spacing) * 3.5); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-7 { min-height: calc(var(--spacing) * 7); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-\[32px\] { min-height: 32px; } .min-h-\[38px\] { min-height: 38px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[78px\] { min-height: 78px; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-screen { min-height: 100vh; } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: calc(2/3 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-32 { width: calc(var(--spacing) * 32); } .w-48 { width: calc(var(--spacing) * 48); } .w-64 { width: calc(var(--spacing) * 64); } .w-\[25\%\] { width: 25%; } .w-\[40px\] { width: 40px; } .w-\[80\%\] { width: 80%; } .w-\[calc\(100\%_-_16px\)\] { width: calc(100% - 16px); } .w-\[calc\(100\%_-theme\(spacing\.6\)\)\] { width: calc(100% - 1.5rem); } .w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\] { width: calc(var(--visible-months) * var(--calendar-width)); } .w-auto { width: auto; } .w-divider { width: var(--heroui-divider-weight); } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-\[70px\] { max-width: 70px; } .max-w-\[270px\] { max-width: 270px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[768px\] { max-width: 768px; } .max-w-\[1024px\] { max-width: 1024px; } .max-w-\[1280px\] { max-width: 1280px; } .max-w-\[1536px\] { max-width: 1536px; } .max-w-\[none\] { max-width: none; } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-3 { min-width: calc(var(--spacing) * 3); } .min-w-3\.5 { min-width: calc(var(--spacing) * 3.5); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-7 { min-width: calc(var(--spacing) * 7); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-20 { min-width: calc(var(--spacing) * 20); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-\[32px\] { min-width: 32px; } .min-w-\[200px\] { min-width: 200px; } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .min-w-min { min-width: min-content; } .flex-1 { flex: 1; } .flex-auto { flex: auto; } .flex-initial { flex: 0 auto; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .basis-0 { flex-basis: calc(var(--spacing) * 0); } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .origin-center { transform-origin: center; } .origin-left { transform-origin: 0; } .origin-right { transform-origin: 100%; } .origin-top { transform-origin: top; } .origin-top-left { transform-origin: 0 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1 { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1 { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2\/4 { --tw-translate-y: calc(2/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-3\/4 { --tw-translate-y: calc(3/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-50 { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .rotate-0 { rotate: 0deg; } .rotate-180 { rotate: 180deg; } .spinner-bar-animation { animation-delay: calc(-1.2s + (0.1s * var(--bar-index))); transform: rotate(calc(30deg * var(--bar-index)))translate(140%); } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .transform-gpu { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-\[appearance-in_1s_infinite\] { animation: appearance-in 1s infinite; } .animate-blink { animation: blink 1.4s infinite both; } .animate-drip-expand { animation: drip-expand 420ms linear; } .animate-fade-out { animation: fade-out 1.2s linear 0s infinite normal none running; } .animate-indeterminate-bar { animation: indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running; } .animate-none { animation: none; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .animate-spinner-ease-spin { animation: spinner-spin 0.8s ease infinite; } .animate-spinner-linear-spin { animation: spinner-spin 0.8s linear infinite; } .animate-sway { animation: sway 750ms ease infinite; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-center { scroll-snap-align: center; } .scroll-py-6 { scroll-padding-block: calc(var(--spacing) * 6); } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, 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)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .place-items-center { place-items: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .\!gap-0 { gap: calc(var(--spacing) * 0) !important; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-0 { column-gap: calc(var(--spacing) * 0); } .gap-x-0\.5 { column-gap: calc(var(--spacing) * 0.5); } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .space-x-0\.5 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-6 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-8 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } } .self-center { align-self: center; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .\!rounded-none { border-radius: 0 !important; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--heroui-radius-large\)\/1\.5\)\] { border-radius: calc(var(--heroui-radius-large) / 1.5); } .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\] { border-radius: calc(var(--heroui-radius-medium) * 0.5); } .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\] { border-radius: calc(var(--heroui-radius-medium) * 0.6); } .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\] { border-radius: calc(var(--heroui-radius-medium) * 0.7); } .rounded-\[calc\(var\(--heroui-radius-medium\)\/2\)\] { border-radius: calc(var(--heroui-radius-medium) / 2); } .rounded-\[calc\(var\(--heroui-radius-small\)\/2\)\] { border-radius: calc(var(--heroui-radius-small) / 2); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-large { border-radius: var(--heroui-radius-large); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-medium { border-radius: var(--heroui-radius-medium); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-small { border-radius: var(--heroui-radius-small); } .rounded-xl { border-radius: var(--radius-xl); } .\!rounded-s-none { border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; } .\!rounded-e-none { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-large { border-top-left-radius: var(--heroui-radius-large); border-top-right-radius: var(--heroui-radius-large); } .rounded-t-medium { border-top-left-radius: var(--heroui-radius-medium); border-top-right-radius: var(--heroui-radius-medium); } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-t-small { border-top-left-radius: var(--heroui-radius-small); border-top-right-radius: var(--heroui-radius-small); } .rounded-l-2xl { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-b-large { border-bottom-right-radius: var(--heroui-radius-large); border-bottom-left-radius: var(--heroui-radius-large); } .rounded-b-medium { border-bottom-right-radius: var(--heroui-radius-medium); border-bottom-left-radius: var(--heroui-radius-medium); } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-b-small { border-bottom-right-radius: var(--heroui-radius-small); border-bottom-left-radius: var(--heroui-radius-small); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-3 { border-style: var(--tw-border-style); border-width: 3px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-medium { border-style: var(--tw-border-style); border-width: var(--heroui-border-width-medium); } .border-small { border-style: var(--tw-border-style); border-width: var(--heroui-border-width-small); } .border-x-\[calc\(theme\(spacing\.5\)\/2\)\] { border-inline-style: var(--tw-border-style); border-inline-width: calc(1.25rem / 2); } .border-x-\[calc\(theme\(spacing\.6\)\/2\)\] { border-inline-style: var(--tw-border-style); border-inline-width: calc(1.5rem / 2); } .border-x-\[calc\(theme\(spacing\.7\)\/2\)\] { border-inline-style: var(--tw-border-style); border-inline-width: calc(1.75rem / 2); } .border-y-\[calc\(theme\(spacing\.5\)\/2\)\] { border-block-style: var(--tw-border-style); border-block-width: calc(1.25rem / 2); } .border-y-\[calc\(theme\(spacing\.6\)\/2\)\] { border-block-style: var(--tw-border-style); border-block-width: calc(1.5rem / 2); } .border-y-\[calc\(theme\(spacing\.7\)\/2\)\] { border-block-style: var(--tw-border-style); border-block-width: calc(1.75rem / 2); } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-medium { border-bottom-style: var(--tw-border-style); border-bottom-width: var(--heroui-border-width-medium); } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-l-8 { border-left-style: var(--tw-border-style); border-left-width: 8px; } .\!border-none { --tw-border-style: none !important; border-style: none !important; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .\!border-danger { border-color: hsl(var(--heroui-danger) / 1) !important; } .border-background { border-color: hsl(var(--heroui-background) / 1); } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-600 { border-color: var(--color-blue-600); } .border-danger { border-color: hsl(var(--heroui-danger) / 1); } .border-danger-100 { border-color: hsl(var(--heroui-danger-100) / 1); } .border-danger-200 { border-color: hsl(var(--heroui-danger-200) / 1); } .border-danger-400 { border-color: hsl(var(--heroui-danger-400) / 1); } .border-default { border-color: hsl(var(--heroui-default) / 1); } .border-default-100 { border-color: hsl(var(--heroui-default-100) / 1); } .border-default-200 { border-color: hsl(var(--heroui-default-200) / 1); } .border-default-300 { border-color: hsl(var(--heroui-default-300) / 1); } .border-default-400 { border-color: hsl(var(--heroui-default-400) / 1); } .border-divider { border-color: hsl(var(--heroui-divider) / 0.15); } .border-foreground { border-color: hsl(var(--heroui-foreground) / 1); } .border-foreground-400 { border-color: hsl(var(--heroui-foreground-400) / 1); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-600 { border-color: var(--color-gray-600); } .border-gray-700 { border-color: var(--color-gray-700); } .border-green-200 { border-color: var(--color-green-200); } .border-green-300 { border-color: var(--color-green-300); } .border-green-600 { border-color: var(--color-green-600); } .border-primary { border-color: hsl(var(--heroui-primary) / 1); } .border-primary-100 { border-color: hsl(var(--heroui-primary-100) / 1); } .border-primary-200 { border-color: hsl(var(--heroui-primary-200) / 1); } .border-primary-400 { border-color: hsl(var(--heroui-primary-400) / 1); } .border-red-200 { border-color: var(--color-red-200); } .border-red-300 { border-color: var(--color-red-300); } .border-red-500 { border-color: var(--color-red-500); } .border-secondary { border-color: hsl(var(--heroui-secondary) / 1); } .border-secondary-100 { border-color: hsl(var(--heroui-secondary-100) / 1); } .border-secondary-200 { border-color: hsl(var(--heroui-secondary-200) / 1); } .border-secondary-400 { border-color: hsl(var(--heroui-secondary-400) / 1); } .border-success { border-color: hsl(var(--heroui-success) / 1); } .border-success-100 { border-color: hsl(var(--heroui-success-100) / 1); } .border-success-200 { border-color: hsl(var(--heroui-success-200) / 1); } .border-success-300 { border-color: hsl(var(--heroui-success-300) / 1); } .border-success-400 { border-color: hsl(var(--heroui-success-400) / 1); } .border-transparent { border-color: transparent; } .border-warning { border-color: hsl(var(--heroui-warning) / 1); } .border-warning-100 { border-color: hsl(var(--heroui-warning-100) / 1); } .border-warning-200 { border-color: hsl(var(--heroui-warning-200) / 1); } .border-warning-300 { border-color: hsl(var(--heroui-warning-300) / 1); } .border-warning-400 { border-color: hsl(var(--heroui-warning-400) / 1); } .border-yellow-200 { border-color: var(--color-yellow-200); } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-x-transparent { border-inline-color: transparent; } .border-y-transparent { border-block-color: transparent; } .border-t-transparent { border-top-color: transparent; } .border-r-transparent { border-right-color: transparent; } .border-b-current { border-bottom-color: currentcolor; } .border-b-danger { border-bottom-color: hsl(var(--heroui-danger) / 1); } .border-b-default { border-bottom-color: hsl(var(--heroui-default) / 1); } .border-b-primary { border-bottom-color: hsl(var(--heroui-primary) / 1); } .border-b-secondary { border-bottom-color: hsl(var(--heroui-secondary) / 1); } .border-b-success { border-bottom-color: hsl(var(--heroui-success) / 1); } .border-b-warning { border-bottom-color: hsl(var(--heroui-warning) / 1); } .border-b-white { border-bottom-color: var(--color-white); } .border-l-transparent { border-left-color: transparent; } .\!bg-danger-50 { background-color: hsl(var(--heroui-danger-50) / 1) !important; } .\!bg-transparent { background-color: transparent !important; } .bg-\[\#585C62\] { background-color: #585C62; } .bg-background { background-color: hsl(var(--heroui-background) / 1); } .bg-background\/10 { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 10%, transparent); } } .bg-background\/70 { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 70%, transparent); } } .bg-background\/80 { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 80%, transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/70 { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/90 { background-color: color-mix(in srgb, #000 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-content1 { background-color: hsl(var(--heroui-content1) / 1); } .bg-content3 { background-color: hsl(var(--heroui-content3) / 1); } .bg-current { background-color: currentcolor; } .bg-danger { background-color: hsl(var(--heroui-danger) / 1); } .bg-danger-50 { background-color: hsl(var(--heroui-danger-50) / 1); } .bg-danger-100 { background-color: hsl(var(--heroui-danger-100) / 1); } .bg-danger-400 { background-color: hsl(var(--heroui-danger-400) / 1); } .bg-danger\/20 { background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } .bg-default { background-color: hsl(var(--heroui-default) / 1); } .bg-default-50 { background-color: hsl(var(--heroui-default-50) / 1); } .bg-default-100 { background-color: hsl(var(--heroui-default-100) / 1); } .bg-default-200 { background-color: hsl(var(--heroui-default-200) / 1); } .bg-default-300\/50 { background-color: hsl(var(--heroui-default-300) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default-300) / 1) 50%, transparent); } } .bg-default-400 { background-color: hsl(var(--heroui-default-400) / 1); } .bg-default-500 { background-color: hsl(var(--heroui-default-500) / 1); } .bg-default-800 { background-color: hsl(var(--heroui-default-800) / 1); } .bg-default\/40 { background-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent); } } .bg-divider { background-color: hsl(var(--heroui-divider) / 0.15); } .bg-foreground { background-color: hsl(var(--heroui-foreground) / 1); } .bg-foreground-100 { background-color: hsl(var(--heroui-foreground-100) / 1); } .bg-foreground-400 { background-color: hsl(var(--heroui-foreground-400) / 1); } .bg-foreground\/10 { background-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent); } } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-600 { background-color: var(--color-green-600); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-overlay\/30 { background-color: hsl(var(--heroui-overlay) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-overlay) / 1) 30%, transparent); } } .bg-overlay\/50 { background-color: hsl(var(--heroui-overlay) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-overlay) / 1) 50%, transparent); } } .bg-pink-500 { background-color: var(--color-pink-500); } .bg-primary { background-color: hsl(var(--heroui-primary) / 1); } .bg-primary-50 { background-color: hsl(var(--heroui-primary-50) / 1); } .bg-primary-100 { background-color: hsl(var(--heroui-primary-100) / 1); } .bg-primary-400 { background-color: hsl(var(--heroui-primary-400) / 1); } .bg-primary\/20 { background-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent); } } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-secondary { background-color: hsl(var(--heroui-secondary) / 1); } .bg-secondary-50 { background-color: hsl(var(--heroui-secondary-50) / 1); } .bg-secondary-100 { background-color: hsl(var(--heroui-secondary-100) / 1); } .bg-secondary-400 { background-color: hsl(var(--heroui-secondary-400) / 1); } .bg-secondary\/20 { background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } .bg-success { background-color: hsl(var(--heroui-success) / 1); } .bg-success-50 { background-color: hsl(var(--heroui-success-50) / 1); } .bg-success-100 { background-color: hsl(var(--heroui-success-100) / 1); } .bg-success-400 { background-color: hsl(var(--heroui-success-400) / 1); } .bg-success\/20 { background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } .bg-transparent { background-color: transparent; } .bg-warning { background-color: hsl(var(--heroui-warning) / 1); } .bg-warning-50 { background-color: hsl(var(--heroui-warning-50) / 1); } .bg-warning-100 { background-color: hsl(var(--heroui-warning-100) / 1); } .bg-warning-400 { background-color: hsl(var(--heroui-warning-400) / 1); } .bg-warning\/20 { background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-img-inherit { background-image: inherit; } .bg-stripe-gradient-danger { background-image: linear-gradient(45deg, hsl(var(--heroui-danger-200)) 25%, hsl(var(--heroui-danger)) 25%, hsl(var(--heroui-danger)) 50%, hsl(var(--heroui-danger-200)) 50%, hsl(var(--heroui-danger-200)) 75%, hsl(var(--heroui-danger)) 75%, hsl(var(--heroui-danger))); } .bg-stripe-gradient-default { background-image: linear-gradient(45deg, hsl(var(--heroui-default-200)) 25%, hsl(var(--heroui-default-400)) 25%, hsl(var(--heroui-default-400)) 50%, hsl(var(--heroui-default-200)) 50%, hsl(var(--heroui-default-200)) 75%, hsl(var(--heroui-default-400)) 75%, hsl(var(--heroui-default-400))); } .bg-stripe-gradient-primary { background-image: linear-gradient(45deg, hsl(var(--heroui-primary-200)) 25%, hsl(var(--heroui-primary)) 25%, hsl(var(--heroui-primary)) 50%, hsl(var(--heroui-primary-200)) 50%, hsl(var(--heroui-primary-200)) 75%, hsl(var(--heroui-primary)) 75%, hsl(var(--heroui-primary))); } .bg-stripe-gradient-secondary { background-image: linear-gradient(45deg, hsl(var(--heroui-secondary-200)) 25%, hsl(var(--heroui-secondary)) 25%, hsl(var(--heroui-secondary)) 50%, hsl(var(--heroui-secondary-200)) 50%, hsl(var(--heroui-secondary-200)) 75%, hsl(var(--heroui-secondary)) 75%, hsl(var(--heroui-secondary))); } .bg-stripe-gradient-success { background-image: linear-gradient(45deg, hsl(var(--heroui-success-200)) 25%, hsl(var(--heroui-success)) 25%, hsl(var(--heroui-success)) 50%, hsl(var(--heroui-success-200)) 50%, hsl(var(--heroui-success-200)) 75%, hsl(var(--heroui-success)) 75%, hsl(var(--heroui-success))); } .bg-stripe-gradient-warning { background-image: linear-gradient(45deg, hsl(var(--heroui-warning-200)) 25%, hsl(var(--heroui-warning)) 25%, hsl(var(--heroui-warning)) 50%, hsl(var(--heroui-warning-200)) 50%, hsl(var(--heroui-warning-200)) 75%, hsl(var(--heroui-warning)) 75%, hsl(var(--heroui-warning))); } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-100 { --tw-gradient-from: var(--color-blue-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-50 { --tw-gradient-from: var(--color-gray-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-blue-200 { --tw-gradient-to: var(--color-blue-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-current { --tw-gradient-to: currentcolor; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-danger { --tw-gradient-to: hsl(var(--heroui-danger) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-default { --tw-gradient-to: hsl(var(--heroui-default) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-50 { --tw-gradient-to: var(--color-indigo-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary { --tw-gradient-to: hsl(var(--heroui-primary) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-700 { --tw-gradient-to: var(--color-purple-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-secondary { --tw-gradient-to: hsl(var(--heroui-secondary) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-success { --tw-gradient-to: hsl(var(--heroui-success) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-warning { --tw-gradient-to: hsl(var(--heroui-warning) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); } .bg-clip-inherit { background-clip: inherit; } .bg-clip-text { background-clip: text; } .bg-\[position\:right_1rem_center\] { background-position: right 1rem center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-current { fill: currentcolor; } .stroke-current { stroke: currentcolor; } .stroke-default-300\/50 { stroke: hsl(var(--heroui-default-300) / 1); @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, hsl(var(--heroui-default-300) / 1) 50%, transparent); } } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .\!px-1 { padding-inline: calc(var(--spacing) * 1) !important; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-16 { padding-inline: calc(var(--spacing) * 16); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-32 { padding-block: calc(var(--spacing) * 32); } .ps-1 { padding-inline-start: calc(var(--spacing) * 1); } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pe-6 { padding-inline-end: calc(var(--spacing) * 6); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pr-0\.5 { padding-right: calc(var(--spacing) * 0.5); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .\!pb-0 { padding-bottom: calc(var(--spacing) * 0) !important; } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pl-0\.5 { padding-left: calc(var(--spacing) * 0.5); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-\[1px\] { padding-left: 1px; } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-start { text-align: start; } .align-middle { vertical-align: middle; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-large { font-size: var(--heroui-font-size-large); line-height: var(--heroui-line-height-large); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-medium { font-size: var(--heroui-font-size-medium); line-height: var(--heroui-line-height-medium); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-small { font-size: var(--heroui-font-size-small); line-height: var(--heroui-line-height-small); } .text-tiny { font-size: var(--heroui-font-size-tiny); line-height: var(--heroui-line-height-tiny); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.5rem\] { font-size: 0.5rem; } .text-\[0\.6rem\] { font-size: 0.6rem; } .text-\[0\.55rem\] { font-size: 0.55rem; } .text-\[100\%\] { font-size: 100%; } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; } .leading-\[32px\] { --tw-leading: 32px; line-height: 32px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-inherit { line-height: inherit; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .break-words { overflow-wrap: break-word; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .\!text-danger { color: hsl(var(--heroui-danger) / 1) !important; } .text-amber-600 { color: var(--color-amber-600); } .text-background { color: hsl(var(--heroui-background) / 1); } .text-black { color: var(--color-black); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-current { color: currentcolor; } .text-danger { color: hsl(var(--heroui-danger) / 1); } .text-danger-300 { color: hsl(var(--heroui-danger-300) / 1); } .text-danger-400 { color: hsl(var(--heroui-danger-400) / 1); } .text-danger-500 { color: hsl(var(--heroui-danger-500) / 1); } .text-danger-600 { color: hsl(var(--heroui-danger-600) / 1); } .text-danger-foreground { color: hsl(var(--heroui-danger-foreground) / 1); } .text-danger\/80 { color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 80%, transparent); } } .text-default { color: hsl(var(--heroui-default) / 1); } .text-default-400 { color: hsl(var(--heroui-default-400) / 1); } .text-default-500 { color: hsl(var(--heroui-default-500) / 1); } .text-default-600 { color: hsl(var(--heroui-default-600) / 1); } .text-default-700 { color: hsl(var(--heroui-default-700) / 1); } .text-default-foreground { color: hsl(var(--heroui-default-foreground) / 1); } .text-foreground { color: hsl(var(--heroui-foreground) / 1); } .text-foreground-400 { color: hsl(var(--heroui-foreground-400) / 1); } .text-foreground-500 { color: hsl(var(--heroui-foreground-500) / 1); } .text-foreground-600 { color: hsl(var(--heroui-foreground-600) / 1); } .text-foreground\/50 { color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 50%, transparent); } } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-indigo-600 { color: var(--color-indigo-600); } .text-inherit { color: inherit; } .text-primary { color: hsl(var(--heroui-primary) / 1); } .text-primary-300 { color: hsl(var(--heroui-primary-300) / 1); } .text-primary-400 { color: hsl(var(--heroui-primary-400) / 1); } .text-primary-500 { color: hsl(var(--heroui-primary-500) / 1); } .text-primary-600 { color: hsl(var(--heroui-primary-600) / 1); } .text-primary-foreground { color: hsl(var(--heroui-primary-foreground) / 1); } .text-primary\/80 { color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 80%, transparent); } } .text-purple-600 { color: var(--color-purple-600); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-secondary { color: hsl(var(--heroui-secondary) / 1); } .text-secondary-300 { color: hsl(var(--heroui-secondary-300) / 1); } .text-secondary-400 { color: hsl(var(--heroui-secondary-400) / 1); } .text-secondary-500 { color: hsl(var(--heroui-secondary-500) / 1); } .text-secondary-600 { color: hsl(var(--heroui-secondary-600) / 1); } .text-secondary-foreground { color: hsl(var(--heroui-secondary-foreground) / 1); } .text-secondary\/80 { color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 80%, transparent); } } .text-success { color: hsl(var(--heroui-success) / 1); } .text-success-400 { color: hsl(var(--heroui-success-400) / 1); } .text-success-500 { color: hsl(var(--heroui-success-500) / 1); } .text-success-600 { color: hsl(var(--heroui-success-600) / 1); } .text-success-700 { color: hsl(var(--heroui-success-700) / 1); } .text-success-foreground { color: hsl(var(--heroui-success-foreground) / 1); } .text-success\/80 { color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 80%, transparent); } } .text-transparent { color: transparent; } .text-warning { color: hsl(var(--heroui-warning) / 1); } .text-warning-400 { color: hsl(var(--heroui-warning-400) / 1); } .text-warning-500 { color: hsl(var(--heroui-warning-500) / 1); } .text-warning-600 { color: hsl(var(--heroui-warning-600) / 1); } .text-warning-700 { color: hsl(var(--heroui-warning-700) / 1); } .text-warning-foreground { color: hsl(var(--heroui-warning-foreground) / 1); } .text-warning\/80 { color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 80%, transparent); } } .text-white { color: var(--color-white); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-900 { color: var(--color-yellow-900); } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .placeholder-gray-400 { &::placeholder { color: var(--color-gray-400); } } .dark { color-scheme: dark; --heroui-background: 0 0% 0%; --heroui-foreground-50: 240 5.88% 10%; --heroui-foreground-100: 240 3.7% 15.88%; --heroui-foreground-200: 240 5.26% 26.08%; --heroui-foreground-300: 240 5.2% 33.92%; --heroui-foreground-400: 240 3.83% 46.08%; --heroui-foreground-500: 240 5.03% 64.9%; --heroui-foreground-600: 240 4.88% 83.92%; --heroui-foreground-700: 240 5.88% 90%; --heroui-foreground-800: 240 4.76% 95.88%; --heroui-foreground-900: 0 0% 98.04%; --heroui-foreground: 210 5.56% 92.94%; --heroui-focus: 212.01999999999998 100% 46.67%; --heroui-overlay: 0 0% 0%; --heroui-divider: 0 0% 100%; --heroui-content1: 240 5.88% 10%; --heroui-content1-foreground: 0 0% 98.04%; --heroui-content2: 240 3.7% 15.88%; --heroui-content2-foreground: 240 4.76% 95.88%; --heroui-content3: 240 5.26% 26.08%; --heroui-content3-foreground: 240 5.88% 90%; --heroui-content4: 240 5.2% 33.92%; --heroui-content4-foreground: 240 4.88% 83.92%; --heroui-default-50: 240 5.88% 10%; --heroui-default-100: 240 3.7% 15.88%; --heroui-default-200: 240 5.26% 26.08%; --heroui-default-300: 240 5.2% 33.92%; --heroui-default-400: 240 3.83% 46.08%; --heroui-default-500: 240 5.03% 64.9%; --heroui-default-600: 240 4.88% 83.92%; --heroui-default-700: 240 5.88% 90%; --heroui-default-800: 240 4.76% 95.88%; --heroui-default-900: 0 0% 98.04%; --heroui-default-foreground: 0 0% 100%; --heroui-default: 240 5.26% 26.08%; --heroui-primary-50: 211.84000000000003 100% 9.61%; --heroui-primary-100: 211.84000000000003 100% 19.22%; --heroui-primary-200: 212.24 100% 28.82%; --heroui-primary-300: 212.14 100% 38.43%; --heroui-primary-400: 212.01999999999998 100% 46.67%; --heroui-primary-500: 212.14 92.45% 58.43%; --heroui-primary-600: 212.24 92.45% 68.82%; --heroui-primary-700: 211.84000000000003 92.45% 79.22%; --heroui-primary-800: 211.84000000000003 92.45% 89.61%; --heroui-primary-900: 212.5 92.31% 94.9%; --heroui-primary-foreground: 0 0% 100%; --heroui-primary: 212.01999999999998 100% 46.67%; --heroui-secondary-50: 270 66.67% 9.41%; --heroui-secondary-100: 270 66.67% 18.82%; --heroui-secondary-200: 270 66.67% 28.24%; --heroui-secondary-300: 270 66.67% 37.65%; --heroui-secondary-400: 270 66.67% 47.06%; --heroui-secondary-500: 270 59.26% 57.65%; --heroui-secondary-600: 270 59.26% 68.24%; --heroui-secondary-700: 270 59.26% 78.82%; --heroui-secondary-800: 270 59.26% 89.41%; --heroui-secondary-900: 270 61.54% 94.9%; --heroui-secondary-foreground: 0 0% 100%; --heroui-secondary: 270 59.26% 57.65%; --heroui-success-50: 145.71000000000004 77.78% 8.82%; --heroui-success-100: 146.2 79.78% 17.45%; --heroui-success-200: 145.78999999999996 79.26% 26.47%; --heroui-success-300: 146.01 79.89% 35.1%; --heroui-success-400: 145.96000000000004 79.46% 43.92%; --heroui-success-500: 146.01 62.45% 55.1%; --heroui-success-600: 145.78999999999996 62.57% 66.47%; --heroui-success-700: 146.2 61.74% 77.45%; --heroui-success-800: 145.71000000000004 61.4% 88.82%; --heroui-success-900: 146.66999999999996 64.29% 94.51%; --heroui-success-foreground: 0 0% 0%; --heroui-success: 145.96000000000004 79.46% 43.92%; --heroui-warning-50: 37.139999999999986 75% 10.98%; --heroui-warning-100: 37.139999999999986 75% 21.96%; --heroui-warning-200: 36.95999999999998 73.96% 33.14%; --heroui-warning-300: 37.00999999999999 74.22% 44.12%; --heroui-warning-400: 37.02999999999997 91.27% 55.1%; --heroui-warning-500: 37.00999999999999 91.26% 64.12%; --heroui-warning-600: 36.95999999999998 91.24% 73.14%; --heroui-warning-700: 37.139999999999986 91.3% 81.96%; --heroui-warning-800: 37.139999999999986 91.3% 90.98%; --heroui-warning-900: 54.55000000000001 91.67% 95.29%; --heroui-warning-foreground: 0 0% 0%; --heroui-warning: 37.02999999999997 91.27% 55.1%; --heroui-danger-50: 340 84.91% 10.39%; --heroui-danger-100: 339.3299999999999 86.54% 20.39%; --heroui-danger-200: 339.11 85.99% 30.78%; --heroui-danger-300: 339 86.54% 40.78%; --heroui-danger-400: 339.20000000000005 90.36% 51.18%; --heroui-danger-500: 339 90% 60.78%; --heroui-danger-600: 339.11 90.6% 70.78%; --heroui-danger-700: 339.3299999999999 90% 80.39%; --heroui-danger-800: 340 91.84% 90.39%; --heroui-danger-900: 339.13 92% 95.1%; --heroui-danger-foreground: 0 0% 100%; --heroui-danger: 339.20000000000005 90.36% 51.18%; --heroui-divider-weight: 1px; --heroui-disabled-opacity: .5; --heroui-font-size-tiny: 0.75rem; --heroui-font-size-small: 0.875rem; --heroui-font-size-medium: 1rem; --heroui-font-size-large: 1.125rem; --heroui-line-height-tiny: 1rem; --heroui-line-height-small: 1.25rem; --heroui-line-height-medium: 1.5rem; --heroui-line-height-large: 1.75rem; --heroui-radius-small: 8px; --heroui-radius-medium: 12px; --heroui-radius-large: 14px; --heroui-border-width-small: 1px; --heroui-border-width-medium: 2px; --heroui-border-width-large: 3px; --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15); --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15); --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15); --heroui-hover-opacity: .9; } .light { color-scheme: light; --heroui-background: 0 0% 100%; --heroui-foreground-50: 0 0% 98.04%; --heroui-foreground-100: 240 4.76% 95.88%; --heroui-foreground-200: 240 5.88% 90%; --heroui-foreground-300: 240 4.88% 83.92%; --heroui-foreground-400: 240 5.03% 64.9%; --heroui-foreground-500: 240 3.83% 46.08%; --heroui-foreground-600: 240 5.2% 33.92%; --heroui-foreground-700: 240 5.26% 26.08%; --heroui-foreground-800: 240 3.7% 15.88%; --heroui-foreground-900: 240 5.88% 10%; --heroui-foreground: 201.81999999999994 24.44% 8.82%; --heroui-divider: 0 0% 6.67%; --heroui-focus: 212.01999999999998 100% 46.67%; --heroui-overlay: 0 0% 0%; --heroui-content1: 0 0% 100%; --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%; --heroui-content2: 240 4.76% 95.88%; --heroui-content2-foreground: 240 3.7% 15.88%; --heroui-content3: 240 5.88% 90%; --heroui-content3-foreground: 240 5.26% 26.08%; --heroui-content4: 240 4.88% 83.92%; --heroui-content4-foreground: 240 5.2% 33.92%; --heroui-default-50: 0 0% 98.04%; --heroui-default-100: 240 4.76% 95.88%; --heroui-default-200: 240 5.88% 90%; --heroui-default-300: 240 4.88% 83.92%; --heroui-default-400: 240 5.03% 64.9%; --heroui-default-500: 240 3.83% 46.08%; --heroui-default-600: 240 5.2% 33.92%; --heroui-default-700: 240 5.26% 26.08%; --heroui-default-800: 240 3.7% 15.88%; --heroui-default-900: 240 5.88% 10%; --heroui-default-foreground: 0 0% 0%; --heroui-default: 240 4.88% 83.92%; --heroui-primary-50: 212.5 92.31% 94.9%; --heroui-primary-100: 211.84000000000003 92.45% 89.61%; --heroui-primary-200: 211.84000000000003 92.45% 79.22%; --heroui-primary-300: 212.24 92.45% 68.82%; --heroui-primary-400: 212.14 92.45% 58.43%; --heroui-primary-500: 212.01999999999998 100% 46.67%; --heroui-primary-600: 212.14 100% 38.43%; --heroui-primary-700: 212.24 100% 28.82%; --heroui-primary-800: 211.84000000000003 100% 19.22%; --heroui-primary-900: 211.84000000000003 100% 9.61%; --heroui-primary-foreground: 0 0% 100%; --heroui-primary: 212.01999999999998 100% 46.67%; --heroui-secondary-50: 270 61.54% 94.9%; --heroui-secondary-100: 270 59.26% 89.41%; --heroui-secondary-200: 270 59.26% 78.82%; --heroui-secondary-300: 270 59.26% 68.24%; --heroui-secondary-400: 270 59.26% 57.65%; --heroui-secondary-500: 270 66.67% 47.06%; --heroui-secondary-600: 270 66.67% 37.65%; --heroui-secondary-700: 270 66.67% 28.24%; --heroui-secondary-800: 270 66.67% 18.82%; --heroui-secondary-900: 270 66.67% 9.41%; --heroui-secondary-foreground: 0 0% 100%; --heroui-secondary: 270 66.67% 47.06%; --heroui-success-50: 146.66999999999996 64.29% 94.51%; --heroui-success-100: 145.71000000000004 61.4% 88.82%; --heroui-success-200: 146.2 61.74% 77.45%; --heroui-success-300: 145.78999999999996 62.57% 66.47%; --heroui-success-400: 146.01 62.45% 55.1%; --heroui-success-500: 145.96000000000004 79.46% 43.92%; --heroui-success-600: 146.01 79.89% 35.1%; --heroui-success-700: 145.78999999999996 79.26% 26.47%; --heroui-success-800: 146.2 79.78% 17.45%; --heroui-success-900: 145.71000000000004 77.78% 8.82%; --heroui-success-foreground: 0 0% 0%; --heroui-success: 145.96000000000004 79.46% 43.92%; --heroui-warning-50: 54.55000000000001 91.67% 95.29%; --heroui-warning-100: 37.139999999999986 91.3% 90.98%; --heroui-warning-200: 37.139999999999986 91.3% 81.96%; --heroui-warning-300: 36.95999999999998 91.24% 73.14%; --heroui-warning-400: 37.00999999999999 91.26% 64.12%; --heroui-warning-500: 37.02999999999997 91.27% 55.1%; --heroui-warning-600: 37.00999999999999 74.22% 44.12%; --heroui-warning-700: 36.95999999999998 73.96% 33.14%; --heroui-warning-800: 37.139999999999986 75% 21.96%; --heroui-warning-900: 37.139999999999986 75% 10.98%; --heroui-warning-foreground: 0 0% 0%; --heroui-warning: 37.02999999999997 91.27% 55.1%; --heroui-danger-50: 339.13 92% 95.1%; --heroui-danger-100: 340 91.84% 90.39%; --heroui-danger-200: 339.3299999999999 90% 80.39%; --heroui-danger-300: 339.11 90.6% 70.78%; --heroui-danger-400: 339 90% 60.78%; --heroui-danger-500: 339.20000000000005 90.36% 51.18%; --heroui-danger-600: 339 86.54% 40.78%; --heroui-danger-700: 339.11 85.99% 30.78%; --heroui-danger-800: 339.3299999999999 86.54% 20.39%; --heroui-danger-900: 340 84.91% 10.39%; --heroui-danger-foreground: 0 0% 100%; --heroui-danger: 339.20000000000005 90.36% 51.18%; --heroui-divider-weight: 1px; --heroui-disabled-opacity: .5; --heroui-font-size-tiny: 0.75rem; --heroui-font-size-small: 0.875rem; --heroui-font-size-medium: 1rem; --heroui-font-size-large: 1.125rem; --heroui-line-height-tiny: 1rem; --heroui-line-height-small: 1.25rem; --heroui-line-height-medium: 1.5rem; --heroui-line-height-large: 1.75rem; --heroui-radius-small: 8px; --heroui-radius-medium: 12px; --heroui-radius-large: 14px; --heroui-border-width-small: 1px; --heroui-border-width-medium: 2px; --heroui-border-width-large: 3px; --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-hover-opacity: .8; } .opacity-0 { opacity: 0%; } .opacity-20 { opacity: 20%; } .opacity-25 { opacity: 25%; } .opacity-30 { opacity: 30%; } .opacity-50 { opacity: 50%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-90 { opacity: 90%; } .opacity-95 { opacity: 95%; } .opacity-100 { opacity: 100%; } .opacity-\[0\.0001\] { opacity: 0.0001; } .opacity-\[value\] { opacity: value; } .opacity-disabled { opacity: var(--heroui-disabled-opacity); } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, rgba(0,0,0,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] { --tw-shadow: 0px 20px 20px 0px var(--tw-shadow-color, rgb(0 0 0/0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-large { --tw-shadow: var(--heroui-box-shadow-large); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-medium { --tw-shadow: var(--heroui-box-shadow-medium); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-small { --tw-shadow: var(--heroui-box-shadow-small); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-black\/5 { --tw-shadow-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-danger\/40 { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-default\/50 { --tw-shadow-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-foreground\/40 { --tw-shadow-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-primary\/40 { --tw-shadow-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-secondary\/40 { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-success\/40 { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-warning\/40 { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-background { --tw-ring-color: hsl(var(--heroui-background) / 1); } .ring-black { --tw-ring-color: var(--color-black); } .ring-danger { --tw-ring-color: hsl(var(--heroui-danger) / 1); } .ring-default { --tw-ring-color: hsl(var(--heroui-default) / 1); } .ring-focus { --tw-ring-color: hsl(var(--heroui-focus) / 1); } .ring-primary { --tw-ring-color: hsl(var(--heroui-primary) / 1); } .ring-secondary { --tw-ring-color: hsl(var(--heroui-secondary) / 1); } .ring-success { --tw-ring-color: hsl(var(--heroui-success) / 1); } .ring-transparent { --tw-ring-color: transparent; } .ring-warning { --tw-ring-color: hsl(var(--heroui-warning) / 1); } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-background { --tw-ring-offset-color: hsl(var(--heroui-background) / 1); } .\!outline-hidden { --tw-outline-style: none !important; outline-style: none !important; @media (forced-colors: active) { outline: 2px solid transparent !important; outline-offset: 2px !important; } } .outline-hidden { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-lg { --tw-blur: blur(var(--blur-lg)); 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,); } .saturate-150 { --tw-saturate: saturate(150%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-opacity-disabled { --tw-backdrop-opacity: opacity(var(--heroui-disabled-opacity)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-saturate-150 { --tw-backdrop-saturate: saturate(150%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,opacity\] { transition-property: color,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,transform\] { transition-property: opacity,transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,background-color\,color\] { transition-property: transform,background-color,color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,color\,left\,opacity\,translate\,scale\] { transition-property: transform,color,left,opacity,translate,scale; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-background { transition-property: background; transition-timing-function: ease; transition-duration: 250ms; } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors-opacity { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity; transition-timing-function: ease; transition-duration: 250ms; } .transition-height { transition-property: height; transition-timing-function: ease; transition-duration: 250ms; } .transition-left { transition-property: left; transition-timing-function: ease; transition-duration: 250ms; } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-size { transition-property: width, height; transition-timing-function: ease; transition-duration: 250ms; } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform-background { transition-property: transform, scale, background; transition-timing-function: ease; transition-duration: 250ms; } .transition-transform-colors { transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: ease; transition-duration: 250ms; } .transition-transform-colors-opacity { transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity; transition-timing-function: ease; transition-duration: 250ms; } .transition-transform-opacity { transition-property: transform, scale, opacity; transition-timing-function: ease; transition-duration: 250ms; } .transition-width { transition-property: width; transition-timing-function: ease; transition-duration: 250ms; } .\!transition-none { transition-property: none !important; } .transition-none { transition-property: none; } .\!duration-100 { --tw-duration: 100ms !important; transition-duration: 100ms !important; } .\!duration-150 { --tw-duration: 150ms !important; transition-duration: 150ms !important; } .\!duration-200 { --tw-duration: 200ms !important; transition-duration: 200ms !important; } .\!duration-250 { --tw-duration: 250ms !important; transition-duration: 250ms !important; } .\!duration-300 { --tw-duration: 300ms !important; transition-duration: 300ms !important; } .\!duration-500 { --tw-duration: 500ms !important; transition-duration: 500ms !important; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; } .\!ease-out { --tw-ease: var(--ease-out) !important; transition-timing-function: var(--ease-out) !important; } .\!ease-soft-spring { --tw-ease: cubic-bezier(0.155, 1.105, 0.295, 1.12) !important; transition-timing-function: cubic-bezier(0.155, 1.105, 0.295, 1.12) !important; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .will-change-auto { will-change: auto; } .will-change-transform { will-change: transform; } .\!outline-none { --tw-outline-style: none !important; outline-style: none !important; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[--picker-height\:224px\] { --picker-height: 224px; } .\[--scale-enter\:100\%\] { --scale-enter: 100%; } .\[--scale-exit\:100\%\] { --scale-exit: 100%; } .\[--scroll-shadow-size\:100px\] { --scroll-shadow-size: 100px; } .\[--slide-enter\:0px\] { --slide-enter: 0px; } .\[--slide-exit\:80px\] { --slide-exit: 80px; } .\[-webkit-mask\:radial-gradient\(closest-side\,rgba\(0\,0\,0\,0\.0\)calc\(100\%-3px\)\,rgba\(0\,0\,0\,1\)calc\(100\%-3px\)\)\] { -webkit-mask: radial-gradient(closest-side,rgba(0,0,0,0.0)calc(100% - 3px),rgba(0,0,0,1)calc(100% - 3px)); } .\[animation-duration\:1s\] { animation-duration: 1s; } .input-search-cancel-button-none { &::-webkit-search-cancel-button { -webkit-appearance: none; } } .spinner-dot-animation { animation-delay: calc(250ms * var(--dot-index)); } .spinner-dot-blink-animation { animation-delay: calc(200ms * var(--dot-index)); } .tap-highlight-transparent { -webkit-tap-highlight-color: transparent; } .text-fill-inherit { -webkit-text-fill-color: inherit; } .group-hover\:pointer-events-auto { &:is(:where(.group):hover *) { @media (hover: hover) { pointer-events: auto; } } } .group-hover\:block { &:is(:where(.group):hover *) { @media (hover: hover) { display: block; } } } .group-hover\:hidden { &:is(:where(.group):hover *) { @media (hover: hover) { display: none; } } } .group-hover\:scale-105 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:border-current { &:is(:where(.group):hover *) { @media (hover: hover) { border-color: currentcolor; } } } .group-hover\:text-current { &:is(:where(.group):hover *) { @media (hover: hover) { color: currentcolor; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-data-\[copied\=true\]\:scale-50 { &:is(:where(.group)[data-copied="true"] *) { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[copied\=true\]\:scale-100 { &:is(:where(.group)[data-copied="true"] *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[copied\=true\]\:opacity-0 { &:is(:where(.group)[data-copied="true"] *) { opacity: 0%; } } .group-data-\[copied\=true\]\:opacity-100 { &:is(:where(.group)[data-copied="true"] *) { opacity: 100%; } } .group-data-\[disabled\=true\]\/tr\:cursor-not-allowed { &:is(:where(.group\/tr)[data-disabled="true"] *) { cursor: not-allowed; } } .group-data-\[disabled\=true\]\/tr\:text-foreground-300 { &:is(:where(.group\/tr)[data-disabled="true"] *) { color: hsl(var(--heroui-foreground-300) / 1); } } .group-data-\[filled-within\=true\]\:pointer-events-auto { &:is(:where(.group)[data-filled-within="true"] *) { pointer-events: auto; } } .group-data-\[filled-within\=true\]\:start-0 { &:is(:where(.group)[data-filled-within="true"] *) { inset-inline-start: calc(var(--spacing) * 0); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-tiny\)\/2_\+_16px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:scale-85 { &:is(:where(.group)[data-filled-within="true"] *) { --tw-scale-x: 0.85; --tw-scale-y: 0.85; --tw-scale-z: 0.85; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[filled-within\=true\]\:text-default-600 { &:is(:where(.group)[data-filled-within="true"] *) { color: hsl(var(--heroui-default-600) / 1); } } .group-data-\[filled-within\=true\]\:text-foreground { &:is(:where(.group)[data-filled-within="true"] *) { color: hsl(var(--heroui-foreground) / 1); } } .group-data-\[filled\=true\]\:start-0 { &:is(:where(.group)[data-filled="true"] *) { inset-inline-start: calc(var(--spacing) * 0); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+var\(--heroui-font-size-tiny\)\/2_\+_16px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:scale-85 { &:is(:where(.group)[data-filled="true"] *) { --tw-scale-x: 0.85; --tw-scale-y: 0.85; --tw-scale-z: 0.85; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[filled\=true\]\:text-default-600 { &:is(:where(.group)[data-filled="true"] *) { color: hsl(var(--heroui-default-600) / 1); } } .group-data-\[filled\=true\]\:text-foreground { &:is(:where(.group)[data-filled="true"] *) { color: hsl(var(--heroui-foreground) / 1); } } .group-data-\[focus-visible\=true\]\:z-10 { &:is(:where(.group)[data-focus-visible="true"] *) { z-index: 10; } } .group-data-\[focus-visible\=true\]\:block { &:is(:where(.group)[data-focus-visible="true"] *) { display: block; } } .group-data-\[focus-visible\=true\]\:hidden { &:is(:where(.group)[data-focus-visible="true"] *) { display: none; } } .group-data-\[focus-visible\=true\]\:ring-2 { &:is(:where(.group)[data-focus-visible="true"] *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[focus-visible\=true\]\:ring-focus { &:is(:where(.group)[data-focus-visible="true"] *) { --tw-ring-color: hsl(var(--heroui-focus) / 1); } } .group-data-\[focus-visible\=true\]\:ring-offset-2 { &:is(:where(.group)[data-focus-visible="true"] *) { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .group-data-\[focus-visible\=true\]\:ring-offset-background { &:is(:where(.group)[data-focus-visible="true"] *) { --tw-ring-offset-color: hsl(var(--heroui-background) / 1); } } .group-data-\[focus\=true\]\:\!border-danger { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-danger) / 1) !important; } } .group-data-\[focus\=true\]\:border-danger { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-danger) / 1); } } .group-data-\[focus\=true\]\:border-default-foreground { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-default-foreground) / 1); } } .group-data-\[focus\=true\]\:border-primary { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-primary) / 1); } } .group-data-\[focus\=true\]\:border-secondary { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-secondary) / 1); } } .group-data-\[focus\=true\]\:border-success { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-success) / 1); } } .group-data-\[focus\=true\]\:border-warning { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-warning) / 1); } } .group-data-\[focus\=true\]\:\!bg-danger-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-danger-50) / 1) !important; } } .group-data-\[focus\=true\]\:bg-danger-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-danger-50) / 1); } } .group-data-\[focus\=true\]\:bg-default-100 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-default-100) / 1); } } .group-data-\[focus\=true\]\:bg-default-200 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-default-200) / 1); } } .group-data-\[focus\=true\]\:bg-primary-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-primary-50) / 1); } } .group-data-\[focus\=true\]\:bg-secondary-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-secondary-50) / 1); } } .group-data-\[focus\=true\]\:bg-success-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-success-50) / 1); } } .group-data-\[focus\=true\]\:bg-warning-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-warning-50) / 1); } } .group-data-\[has-helper\=true\]\:flex { &:is(:where(.group)[data-has-helper="true"] *) { display: flex; } } .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_26px\)\] { &:is(:where(.group)[data-has-helper="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 26px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_30px\)\] { &:is(:where(.group)[data-has-helper="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 30px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_34px\)\] { &:is(:where(.group)[data-has-helper="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 34px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[has-helper\=true\]\:pt-2 { &:is(:where(.group)[data-has-helper="true"] *) { padding-top: calc(var(--spacing) * 2); } } .group-data-\[has-helper\=true\]\:pt-3 { &:is(:where(.group)[data-has-helper="true"] *) { padding-top: calc(var(--spacing) * 3); } } .group-data-\[has-helper\=true\]\:pt-4 { &:is(:where(.group)[data-has-helper="true"] *) { padding-top: calc(var(--spacing) * 4); } } .group-data-\[has-label-outside\=true\]\:pointer-events-auto { &:is(:where(.group)[data-has-label-outside="true"] *) { pointer-events: auto; } } .group-data-\[has-label\=true\]\:items-end { &:is(:where(.group)[data-has-label="true"] *) { align-items: flex-end; } } .group-data-\[has-label\=true\]\:items-start { &:is(:where(.group)[data-has-label="true"] *) { align-items: flex-start; } } .group-data-\[has-label\=true\]\:pt-4 { &:is(:where(.group)[data-has-label="true"] *) { padding-top: calc(var(--spacing) * 4); } } .group-data-\[has-label\=true\]\:pt-5 { &:is(:where(.group)[data-has-label="true"] *) { padding-top: calc(var(--spacing) * 5); } } .group-data-\[has-multiple-months\=true\]\:flex-row { &:is(:where(.group)[data-has-multiple-months="true"] *) { flex-direction: row; } } .group-data-\[has-value\=true\]\:pointer-events-auto { &:is(:where(.group)[data-has-value="true"] *) { pointer-events: auto; } } .group-data-\[has-value\=true\]\:block { &:is(:where(.group)[data-has-value="true"] *) { display: block; } } .group-data-\[has-value\=true\]\:scale-100 { &:is(:where(.group)[data-has-value="true"] *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[has-value\=true\]\:text-default-foreground { &:is(:where(.group)[data-has-value="true"] *) { color: hsl(var(--heroui-default-foreground) / 1); } } .group-data-\[has-value\=true\]\:text-foreground { &:is(:where(.group)[data-has-value="true"] *) { color: hsl(var(--heroui-foreground) / 1); } } .group-data-\[has-value\=true\]\:opacity-70 { &:is(:where(.group)[data-has-value="true"] *) { opacity: 70%; } } .group-data-\[hover-unselected\=true\]\:bg-default-100 { &:is(:where(.group)[data-hover-unselected="true"] *) { background-color: hsl(var(--heroui-default-100) / 1); } } .group-data-\[hover\=true\]\/th\:opacity-100 { &:is(:where(.group\/th)[data-hover="true"] *) { opacity: 100%; } } .group-data-\[invalid\=true\]\:border-danger { &:is(:where(.group)[data-invalid="true"] *) { border-color: hsl(var(--heroui-danger) / 1); } } .group-data-\[invalid\=true\]\:bg-danger-50 { &:is(:where(.group)[data-invalid="true"] *) { background-color: hsl(var(--heroui-danger-50) / 1); } } .group-data-\[invalid\=true\]\:text-danger { &:is(:where(.group)[data-invalid="true"] *) { color: hsl(var(--heroui-danger) / 1); } } .group-data-\[loaded\=true\]\:opacity-100 { &:is(:where(.group)[data-loaded="true"] *) { opacity: 100%; } } .group-data-\[pressed\=true\]\:w-5 { &:is(:where(.group)[data-pressed="true"] *) { width: calc(var(--spacing) * 5); } } .group-data-\[pressed\=true\]\:w-6 { &:is(:where(.group)[data-pressed="true"] *) { width: calc(var(--spacing) * 6); } } .group-data-\[pressed\=true\]\:w-7 { &:is(:where(.group)[data-pressed="true"] *) { width: calc(var(--spacing) * 7); } } .group-data-\[pressed\=true\]\:scale-95 { &:is(:where(.group)[data-pressed="true"] *) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[pressed\=true\]\:opacity-70 { &:is(:where(.group)[data-pressed="true"] *) { opacity: 70%; } } .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3 { &:is(:where(.group)[data-selected] *) { &:is(:where(.group)[data-pressed] *) { margin-left: calc(var(--spacing) * 3); } } } .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4 { &:is(:where(.group)[data-selected] *) { &:is(:where(.group)[data-pressed] *) { margin-left: calc(var(--spacing) * 4); } } } .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5 { &:is(:where(.group)[data-selected] *) { &:is(:where(.group)[data-pressed] *) { margin-left: calc(var(--spacing) * 5); } } } .group-data-\[selected\=true\]\:ms-4 { &:is(:where(.group)[data-selected="true"] *) { margin-inline-start: calc(var(--spacing) * 4); } } .group-data-\[selected\=true\]\:ms-5 { &:is(:where(.group)[data-selected="true"] *) { margin-inline-start: calc(var(--spacing) * 5); } } .group-data-\[selected\=true\]\:ms-6 { &:is(:where(.group)[data-selected="true"] *) { margin-inline-start: calc(var(--spacing) * 6); } } .group-data-\[selected\=true\]\:translate-x-3 { &:is(:where(.group)[data-selected="true"] *) { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[selected\=true\]\:scale-100 { &:is(:where(.group)[data-selected="true"] *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[selected\=true\]\:border-danger { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-danger) / 1); } } .group-data-\[selected\=true\]\:border-default-500 { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-default-500) / 1); } } .group-data-\[selected\=true\]\:border-primary { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-primary) / 1); } } .group-data-\[selected\=true\]\:border-secondary { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-secondary) / 1); } } .group-data-\[selected\=true\]\:border-success { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-success) / 1); } } .group-data-\[selected\=true\]\:border-warning { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-warning) / 1); } } .group-data-\[selected\=true\]\:bg-danger { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-danger) / 1); } } .group-data-\[selected\=true\]\:bg-default-400 { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-default-400) / 1); } } .group-data-\[selected\=true\]\:bg-primary { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-primary) / 1); } } .group-data-\[selected\=true\]\:bg-secondary { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-secondary) / 1); } } .group-data-\[selected\=true\]\:bg-success { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-success) / 1); } } .group-data-\[selected\=true\]\:bg-warning { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-warning) / 1); } } .group-data-\[selected\=true\]\:text-danger { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-danger) / 1); } } .group-data-\[selected\=true\]\:text-danger-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-danger-foreground) / 1); } } .group-data-\[selected\=true\]\:text-default-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-default-foreground) / 1); } } .group-data-\[selected\=true\]\:text-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-foreground) / 1); } } .group-data-\[selected\=true\]\:text-primary { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-primary) / 1); } } .group-data-\[selected\=true\]\:text-primary-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-primary-foreground) / 1); } } .group-data-\[selected\=true\]\:text-secondary { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-secondary) / 1); } } .group-data-\[selected\=true\]\:text-secondary-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-secondary-foreground) / 1); } } .group-data-\[selected\=true\]\:text-success { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-success) / 1); } } .group-data-\[selected\=true\]\:text-success-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-success-foreground) / 1); } } .group-data-\[selected\=true\]\:text-warning { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-warning) / 1); } } .group-data-\[selected\=true\]\:text-warning-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-warning-foreground) / 1); } } .group-data-\[selected\=true\]\:opacity-0 { &:is(:where(.group)[data-selected="true"] *) { opacity: 0%; } } .group-data-\[selected\=true\]\:opacity-60 { &:is(:where(.group)[data-selected="true"] *) { opacity: 60%; } } .group-data-\[selected\=true\]\:opacity-100 { &:is(:where(.group)[data-selected="true"] *) { opacity: 100%; } } .peer-focus\:top-1\.5 { &:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 1.5); } } .peer-focus\:text-xs { &:is(:where(.peer):focus ~ *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .peer-focus\:text-primary { &:is(:where(.peer):focus ~ *) { color: hsl(var(--heroui-primary) / 1); } } .peer-focus\:text-red-500 { &:is(:where(.peer):focus ~ *) { color: var(--color-red-500); } } .peer-data-\[filled\=true\]\:pointer-events-auto { &:is(:where(.peer)[data-filled="true"] ~ *) { pointer-events: auto; } } .peer-data-\[filled\=true\]\:block { &:is(:where(.peer)[data-filled="true"] ~ *) { display: block; } } .peer-data-\[filled\=true\]\:scale-100 { &:is(:where(.peer)[data-filled="true"] ~ *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .peer-data-\[filled\=true\]\:opacity-70 { &:is(:where(.peer)[data-filled="true"] ~ *) { opacity: 70%; } } .file\:cursor-pointer { &::file-selector-button { cursor: pointer; } } .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } } .file\:bg-transparent { &::file-selector-button { background-color: transparent; } } .placeholder\:text-danger { &::placeholder { color: hsl(var(--heroui-danger) / 1); } } .placeholder\:text-foreground-500 { &::placeholder { color: hsl(var(--heroui-foreground-500) / 1); } } .placeholder\:text-primary { &::placeholder { color: hsl(var(--heroui-primary) / 1); } } .placeholder\:text-secondary { &::placeholder { color: hsl(var(--heroui-secondary) / 1); } } .placeholder\:text-success-600 { &::placeholder { color: hsl(var(--heroui-success-600) / 1); } } .placeholder\:text-warning-600 { &::placeholder { color: hsl(var(--heroui-warning-600) / 1); } } .before\:pointer-events-auto { &::before { content: var(--tw-content); pointer-events: auto; } } .before\:absolute { &::before { content: var(--tw-content); position: absolute; } } .before\:inset-0 { &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\] { &::before { content: var(--tw-content); top: calc(-1 * var(--top-extension,16px)); } } .before\:right-0 { &::before { content: var(--tw-content); right: calc(var(--spacing) * 0); } } .before\:left-0 { &::before { content: var(--tw-content); left: calc(var(--spacing) * 0); } } .before\:z-0 { &::before { content: var(--tw-content); z-index: 0; } } .before\:z-\[-1\] { &::before { content: var(--tw-content); z-index: -1; } } .before\:box-border { &::before { content: var(--tw-content); box-sizing: border-box; } } .before\:block { &::before { content: var(--tw-content); display: block; } } .before\:hidden { &::before { content: var(--tw-content); display: none; } } .before\:h-0\.5 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 0.5); } } .before\:h-2\.5 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 2.5); } } .before\:h-4 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 4); } } .before\:h-6 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 6); } } .before\:h-8 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 8); } } .before\:h-11 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 11); } } .before\:h-\[var\(--top-extension\,16px\)\] { &::before { content: var(--tw-content); height: var(--top-extension,16px); } } .before\:h-px { &::before { content: var(--tw-content); height: 1px; } } .before\:w-0 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 0); } } .before\:w-2\.5 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 2.5); } } .before\:w-6 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 6); } } .before\:w-8 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 8); } } .before\:w-11 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 11); } } .before\:-translate-x-full { &::before { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } .before\:-translate-y-1 { &::before { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .before\:rotate-0 { &::before { content: var(--tw-content); rotate: 0deg; } } .before\:rotate-45 { &::before { content: var(--tw-content); rotate: 45deg; } } .before\:animate-none { &::before { content: var(--tw-content); animation: none; } } .before\:animate-shimmer { &::before { content: var(--tw-content); animation: shimmer 2s infinite; } } .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.5); } } .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.6); } } .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.7); } } .before\:rounded-full { &::before { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .before\:rounded-none { &::before { content: var(--tw-content); border-radius: 0; } } .before\:rounded-sm { &::before { content: var(--tw-content); border-radius: var(--radius-sm); } } .before\:border-2 { &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 2px; } } .before\:border-t { &::before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } } .before\:border-solid { &::before { content: var(--tw-content); --tw-border-style: solid; border-style: solid; } } .before\:border-content4\/30 { &::before { content: var(--tw-content); border-color: hsl(var(--heroui-content4) / 1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, hsl(var(--heroui-content4) / 1) 30%, transparent); } } } .before\:border-danger { &::before { content: var(--tw-content); border-color: hsl(var(--heroui-danger) / 1); } } .before\:border-default { &::before { content: var(--tw-content); border-color: hsl(var(--heroui-default) / 1); } } .before\:bg-content1 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-content1) / 1); } } .before\:bg-current { &::before { content: var(--tw-content); background-color: currentcolor; } } .before\:bg-danger { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); } } .before\:bg-danger\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } } .before\:bg-default\/60 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 60%, transparent); } } } .before\:bg-foreground { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); } } .before\:bg-primary { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-primary) / 1); } } .before\:bg-primary\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent); } } } .before\:bg-secondary { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); } } .before\:bg-secondary\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } } .before\:bg-success { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); } } .before\:bg-success\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } } .before\:bg-transparent { &::before { content: var(--tw-content); background-color: transparent; } } .before\:bg-warning { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); } } .before\:bg-warning\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } } .before\:bg-gradient-to-r { &::before { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } .before\:from-transparent { &::before { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .before\:via-content4 { &::before { content: var(--tw-content); --tw-gradient-via: hsl(var(--heroui-content4) / 1); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .before\:to-transparent { &::before { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .before\:opacity-0 { &::before { content: var(--tw-content); opacity: 0%; } } .before\:opacity-100 { &::before { content: var(--tw-content); opacity: 100%; } } .before\:shadow-small { &::before { content: var(--tw-content); --tw-shadow: var(--heroui-box-shadow-small); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .before\:transition-colors { &::before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .before\:transition-transform { &::before { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .before\:transition-width { &::before { content: var(--tw-content); transition-property: width; transition-timing-function: ease; transition-duration: 250ms; } } .before\:transition-none { &::before { content: var(--tw-content); transition-property: none; } } .before\:duration-150 { &::before { content: var(--tw-content); --tw-duration: 150ms; transition-duration: 150ms; } } .before\:content-\[\'\'\] { &::before { --tw-content: ''; content: var(--tw-content); } } .group-data-\[hover\=true\]\:before\:bg-default-100 { &:is(:where(.group)[data-hover="true"] *) { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-default-100) / 1); } } } .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:bg-default-100 { &:is(:where(.group\/tr)[aria-selected="false"] *) { &:is(:where(.group\/tr)[data-hover="true"] *) { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-default-100) / 1); } } } } .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:opacity-70 { &:is(:where(.group\/tr)[aria-selected="false"] *) { &:is(:where(.group\/tr)[data-hover="true"] *) { &::before { content: var(--tw-content); opacity: 70%; } } } } .group-data-\[middle\=true\]\/tr\:before\:rounded-none { &:is(:where(.group\/tr)[data-middle="true"] *) { &::before { content: var(--tw-content); border-radius: 0; } } } .group-data-\[odd\=true\]\/tr\:before\:-z-10 { &:is(:where(.group\/tr)[data-odd="true"] *) { &::before { content: var(--tw-content); z-index: calc(10 * -1); } } } .group-data-\[odd\=true\]\/tr\:before\:bg-default-100 { &:is(:where(.group\/tr)[data-odd="true"] *) { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-default-100) / 1); } } } .group-data-\[odd\=true\]\/tr\:before\:opacity-100 { &:is(:where(.group\/tr)[data-odd="true"] *) { &::before { content: var(--tw-content); opacity: 100%; } } } .group-data-\[open\=true\]\:before\:translate-y-px { &:is(:where(.group)[data-open="true"] *) { &::before { content: var(--tw-content); --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-data-\[open\=true\]\:before\:rotate-45 { &:is(:where(.group)[data-open="true"] *) { &::before { content: var(--tw-content); rotate: 45deg; } } } .group-data-\[selected\=true\]\:before\:w-full { &:is(:where(.group)[data-selected="true"] *) { &::before { content: var(--tw-content); width: 100%; } } } .after\:pointer-events-auto { &::after { content: var(--tw-content); pointer-events: auto; } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:inset-0 { &::after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .after\:top-0 { &::after { content: var(--tw-content); top: calc(var(--spacing) * 0); } } .after\:right-0 { &::after { content: var(--tw-content); right: calc(var(--spacing) * 0); } } .after\:-bottom-1 { &::after { content: var(--tw-content); bottom: calc(var(--spacing) * -1); } } .after\:-bottom-\[2px\] { &::after { content: var(--tw-content); bottom: calc(2px * -1); } } .after\:bottom-0 { &::after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } } .after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\] { &::after { content: var(--tw-content); bottom: calc(-1 * var(--bottom-extension,16px)); } } .after\:left-0 { &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); } } .after\:left-1\/2 { &::after { content: var(--tw-content); left: calc(1/2 * 100%); } } .after\:-z-10 { &::after { content: var(--tw-content); z-index: calc(10 * -1); } } .after\:z-0 { &::after { content: var(--tw-content); z-index: 0; } } .after\:z-\[-1\] { &::after { content: var(--tw-content); z-index: -1; } } .after\:ms-0\.5 { &::after { content: var(--tw-content); margin-inline-start: calc(var(--spacing) * 0.5); } } .after\:ml-0\.5 { &::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 0.5); } } .after\:block { &::after { content: var(--tw-content); display: block; } } .after\:h-0 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 0); } } .after\:h-4 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 4); } } .after\:h-5 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 5); } } .after\:h-\[2px\] { &::after { content: var(--tw-content); height: 2px; } } .after\:h-\[var\(--bottom-extension\,16px\)\] { &::after { content: var(--tw-content); height: var(--bottom-extension,16px); } } .after\:h-divider { &::after { content: var(--tw-content); height: var(--heroui-divider-weight); } } .after\:h-full { &::after { content: var(--tw-content); height: 100%; } } .after\:h-px { &::after { content: var(--tw-content); height: 1px; } } .after\:w-0 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 0); } } .after\:w-4 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 4); } } .after\:w-5 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } } .after\:w-6 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 6); } } .after\:w-\[80\%\] { &::after { content: var(--tw-content); width: 80%; } } .after\:w-full { &::after { content: var(--tw-content); width: 100%; } } .after\:origin-center { &::after { content: var(--tw-content); transform-origin: center; } } .after\:-translate-x-1\/2 { &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .after\:translate-y-1 { &::after { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .after\:scale-50 { &::after { content: var(--tw-content); --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .after\:rotate-0 { &::after { content: var(--tw-content); rotate: 0deg; } } .after\:rounded-\[calc\(var\(--heroui-radius-large\)\/2\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-large) / 2); } } .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.5); } } .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.6); } } .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.7); } } .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\/3\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) / 3); } } .after\:rounded-\[calc\(var\(--heroui-radius-small\)\/3\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-small) / 3); } } .after\:rounded-full { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .after\:rounded-none { &::after { content: var(--tw-content); border-radius: 0; } } .after\:rounded-xl { &::after { content: var(--tw-content); border-radius: var(--radius-xl); } } .after\:\!bg-danger { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1) !important; } } .after\:bg-background { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-background) / 1); } } .after\:bg-content1 { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-content1) / 1); } } .after\:bg-content3 { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-content3) / 1); } } .after\:bg-current { &::after { content: var(--tw-content); background-color: currentcolor; } } .after\:bg-danger { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); } } .after\:bg-default { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-default) / 1); } } .after\:bg-default-foreground { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-default-foreground) / 1); } } .after\:bg-divider { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-divider) / 0.15); } } .after\:bg-foreground { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); } } .after\:bg-primary { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-primary) / 1); } } .after\:bg-secondary { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); } } .after\:bg-success { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); } } .after\:bg-transparent { &::after { content: var(--tw-content); background-color: transparent; } } .after\:bg-warning { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); } } .after\:text-danger { &::after { content: var(--tw-content); color: hsl(var(--heroui-danger) / 1); } } .after\:text-danger-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-danger-foreground) / 1); } } .after\:text-default-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-default-foreground) / 1); } } .after\:text-primary-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-primary-foreground) / 1); } } .after\:text-secondary-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-secondary-foreground) / 1); } } .after\:text-success-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-success-foreground) / 1); } } .after\:text-warning-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-warning-foreground) / 1); } } .after\:opacity-0 { &::after { content: var(--tw-content); opacity: 0%; } } .after\:opacity-100 { &::after { content: var(--tw-content); opacity: 100%; } } .after\:shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] { &::after { content: var(--tw-content); --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, rgba(0,0,0,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .after\:shadow-small { &::after { content: var(--tw-content); --tw-shadow: var(--heroui-box-shadow-small); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .after\:transition-all { &::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:transition-background { &::after { content: var(--tw-content); transition-property: background; transition-timing-function: ease; transition-duration: 250ms; } } .after\:transition-height { &::after { content: var(--tw-content); transition-property: height; transition-timing-function: ease; transition-duration: 250ms; } } .after\:transition-transform { &::after { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:transition-transform-opacity { &::after { content: var(--tw-content); transition-property: transform, scale, opacity; transition-timing-function: ease; transition-duration: 250ms; } } .after\:transition-width { &::after { content: var(--tw-content); transition-property: width; transition-timing-function: ease; transition-duration: 250ms; } } .after\:transition-none { &::after { content: var(--tw-content); transition-property: none; } } .after\:\!duration-200 { &::after { content: var(--tw-content); --tw-duration: 200ms !important; transition-duration: 200ms !important; } } .after\:duration-150 { &::after { content: var(--tw-content); --tw-duration: 150ms; transition-duration: 150ms; } } .after\:\!ease-linear { &::after { content: var(--tw-content); --tw-ease: linear !important; transition-timing-function: linear !important; } } .after\:content-\[\'\'\] { &::after { --tw-content: ''; content: var(--tw-content); } } .after\:content-\[\'\*\'\] { &::after { --tw-content: '*'; content: var(--tw-content); } } .group-data-\[focus\=true\]\:after\:w-full { &:is(:where(.group)[data-focus="true"] *) { &::after { content: var(--tw-content); width: 100%; } } } .group-data-\[invalid\=true\]\:after\:bg-danger { &:is(:where(.group)[data-invalid="true"] *) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); } } } .group-data-\[open\=true\]\:after\:translate-y-0 { &:is(:where(.group)[data-open="true"] *) { &::after { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-data-\[open\=true\]\:after\:-rotate-45 { &:is(:where(.group)[data-open="true"] *) { &::after { content: var(--tw-content); rotate: calc(45deg * -1); } } } .group-data-\[required\=true\]\:after\:ml-0\.5 { &:is(:where(.group)[data-required="true"] *) { &::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 0.5); } } } .group-data-\[required\=true\]\:after\:text-danger { &:is(:where(.group)[data-required="true"] *) { &::after { content: var(--tw-content); color: hsl(var(--heroui-danger) / 1); } } } .group-data-\[required\=true\]\:after\:content-\[\'\*\'\] { &:is(:where(.group)[data-required="true"] *) { &::after { --tw-content: '*'; content: var(--tw-content); } } } .group-data-\[selected\=true\]\:after\:scale-100 { &:is(:where(.group)[data-selected="true"] *) { &::after { content: var(--tw-content); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-data-\[selected\=true\]\:after\:opacity-100 { &:is(:where(.group)[data-selected="true"] *) { &::after { content: var(--tw-content); opacity: 100%; } } } .first\:mt-2 { &:first-child { margin-top: calc(var(--spacing) * 2); } } .first\:-ml-0\.5 { &:first-child { margin-left: calc(var(--spacing) * -0.5); } } .first\:rounded-s-full { &:first-child { border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); } } .first\:rounded-s-large { &:first-child { border-start-start-radius: var(--heroui-radius-large); border-end-start-radius: var(--heroui-radius-large); } } .first\:rounded-s-lg { &:first-child { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } } .first\:rounded-s-medium { &:first-child { border-start-start-radius: var(--heroui-radius-medium); border-end-start-radius: var(--heroui-radius-medium); } } .first\:rounded-s-none { &:first-child { border-start-start-radius: 0; border-end-start-radius: 0; } } .first\:rounded-s-small { &:first-child { border-start-start-radius: var(--heroui-radius-small); border-end-start-radius: var(--heroui-radius-small); } } .first\:before\:rounded-s-lg { &:first-child { &::before { content: var(--tw-content); border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } } } .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-lg { &:is(:where(.group\/tr)[data-first="true"] *) { &:first-child { &::before { content: var(--tw-content); border-start-start-radius: var(--radius-lg); } } } } .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-lg { &:is(:where(.group\/tr)[data-last="true"] *) { &:first-child { &::before { content: var(--tw-content); border-end-start-radius: var(--radius-lg); } } } } .last\:rounded-e-full { &:last-child { border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); } } .last\:rounded-e-large { &:last-child { border-start-end-radius: var(--heroui-radius-large); border-end-end-radius: var(--heroui-radius-large); } } .last\:rounded-e-lg { &:last-child { border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg); } } .last\:rounded-e-medium { &:last-child { border-start-end-radius: var(--heroui-radius-medium); border-end-end-radius: var(--heroui-radius-medium); } } .last\:rounded-e-none { &:last-child { border-start-end-radius: 0; border-end-end-radius: 0; } } .last\:rounded-e-small { &:last-child { border-start-end-radius: var(--heroui-radius-small); border-end-end-radius: var(--heroui-radius-small); } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:before\:rounded-e-lg { &:last-child { &::before { content: var(--tw-content); border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg); } } } .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-lg { &:is(:where(.group\/tr)[data-first="true"] *) { &:last-child { &::before { content: var(--tw-content); border-start-end-radius: var(--radius-lg); } } } } .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-lg { &:is(:where(.group\/tr)[data-last="true"] *) { &:last-child { &::before { content: var(--tw-content); border-end-end-radius: var(--radius-lg); } } } } .first-of-type\:rounded-e-none { &:first-of-type { border-start-end-radius: 0; border-end-end-radius: 0; } } .last-of-type\:rounded-s-none { &:last-of-type { border-start-start-radius: 0; border-end-start-radius: 0; } } .autofill\:bg-transparent { &:autofill { background-color: transparent; } } .focus-within\:border-danger { &:focus-within { border-color: hsl(var(--heroui-danger) / 1); } } .focus-within\:border-default-400 { &:focus-within { border-color: hsl(var(--heroui-default-400) / 1); } } .focus-within\:border-default-foreground { &:focus-within { border-color: hsl(var(--heroui-default-foreground) / 1); } } .focus-within\:border-primary { &:focus-within { border-color: hsl(var(--heroui-primary) / 1); } } .focus-within\:border-secondary { &:focus-within { border-color: hsl(var(--heroui-secondary) / 1); } } .focus-within\:border-success { &:focus-within { border-color: hsl(var(--heroui-success) / 1); } } .focus-within\:border-transparent { &:focus-within { border-color: transparent; } } .focus-within\:border-warning { &:focus-within { border-color: hsl(var(--heroui-warning) / 1); } } .focus-within\:bg-danger-50 { &:focus-within { background-color: hsl(var(--heroui-danger-50) / 1); } } .focus-within\:bg-primary-50 { &:focus-within { background-color: hsl(var(--heroui-primary-50) / 1); } } .focus-within\:bg-secondary-50 { &:focus-within { background-color: hsl(var(--heroui-secondary-50) / 1); } } .focus-within\:bg-success-50 { &:focus-within { background-color: hsl(var(--heroui-success-50) / 1); } } .focus-within\:bg-warning-50 { &:focus-within { background-color: hsl(var(--heroui-warning-50) / 1); } } .focus-within\:ring-2 { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:after\:w-full { &:focus-within { &::after { content: var(--tw-content); width: 100%; } } } .hover\:-translate-x-0 { &:hover { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-125 { &:hover { @media (hover: hover) { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:border-blue-400 { &:hover { @media (hover: hover) { border-color: var(--color-blue-400); } } } .hover\:border-danger { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-danger) / 1); } } } .hover\:border-default { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-default) / 1); } } } .hover\:border-default-300 { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-default-300) / 1); } } } .hover\:border-default-400 { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-default-400) / 1); } } } .hover\:border-gray-400 { &:hover { @media (hover: hover) { border-color: var(--color-gray-400); } } } .hover\:border-primary { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-primary) / 1); } } } .hover\:border-secondary { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-secondary) / 1); } } } .hover\:border-success { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-success) / 1); } } } .hover\:border-warning { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-warning) / 1); } } } .hover\:\!bg-foreground { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-foreground) / 1) !important; } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-600 { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-danger { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-danger) / 1); } } } .hover\:bg-danger-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-danger-50) / 1); } } } .hover\:bg-default-100 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-default-100) / 1); } } } .hover\:bg-default-200 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-default-200) / 1); } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-200 { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } .hover\:bg-gray-500 { &:hover { @media (hover: hover) { background-color: var(--color-gray-500); } } } .hover\:bg-gray-600 { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } .hover\:bg-green-50 { &:hover { @media (hover: hover) { background-color: var(--color-green-50); } } } .hover\:bg-green-700 { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } .hover\:bg-primary-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-primary-50) / 1); } } } .hover\:bg-red-700 { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } .hover\:bg-secondary-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-secondary-50) / 1); } } } .hover\:bg-success-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-success-50) / 1); } } } .hover\:bg-warning-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-warning-50) / 1); } } } .hover\:from-purple-700 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-purple-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-purple-800 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-purple-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-800 { &:hover { @media (hover: hover) { color: var(--color-blue-800); } } } .hover\:text-danger-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-danger-600) / 1); } } } .hover\:text-default-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-default-600) / 1); } } } .hover\:text-foreground-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-foreground-600) / 1); } } } .hover\:text-gray-300 { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-700 { &:hover { @media (hover: hover) { color: var(--color-gray-700); } } } .hover\:text-gray-900 { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } .hover\:text-primary-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-primary-600) / 1); } } } .hover\:text-red-200 { &:hover { @media (hover: hover) { color: var(--color-red-200); } } } .hover\:text-red-800 { &:hover { @media (hover: hover) { color: var(--color-red-800); } } } .hover\:text-secondary-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-secondary-600) / 1); } } } .hover\:text-success-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-success-600) / 1); } } } .hover\:text-warning-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-warning-600) / 1); } } } .hover\:text-yellow-200 { &:hover { @media (hover: hover) { color: var(--color-yellow-200); } } } .hover\:no-underline { &:hover { @media (hover: hover) { text-decoration-line: none; } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:\!opacity-100 { &:hover { @media (hover: hover) { opacity: 100% !important; } } } .hover\:opacity-10 { &:hover { @media (hover: hover) { opacity: 10%; } } } .hover\:opacity-80 { &:hover { @media (hover: hover) { opacity: 80%; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:opacity-hover { &:hover { @media (hover: hover) { opacity: var(--heroui-hover-opacity); } } } .hover\:shadow-2xl { &:hover { @media (hover: hover) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-lg { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-md { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-xl { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .group-data-\[invalid\=true\]\:hover\:border-danger { &:is(:where(.group)[data-invalid="true"] *) { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-danger) / 1); } } } } .group-data-\[invalid\=true\]\:hover\:bg-danger-100 { &:is(:where(.group)[data-invalid="true"] *) { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-danger-100) / 1); } } } } .hover\:after\:bg-danger\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } } } } .hover\:after\:bg-foreground\/10 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent); } } } } } .hover\:after\:bg-primary\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent); } } } } } .hover\:after\:bg-secondary\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } } } } .hover\:after\:bg-success\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } } } } .hover\:after\:bg-warning\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } } } } .hover\:after\:opacity-100 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); opacity: 100%; } } } } .focus-within\:hover\:border-danger { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-danger) / 1); } } } } .focus-within\:hover\:border-default-foreground { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-default-foreground) / 1); } } } } .focus-within\:hover\:border-primary { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-primary) / 1); } } } } .focus-within\:hover\:border-secondary { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-secondary) / 1); } } } } .focus-within\:hover\:border-success { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-success) / 1); } } } } .focus-within\:hover\:border-warning { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-warning) / 1); } } } } .focus-within\:hover\:bg-default-100 { &:focus-within { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-default-100) / 1); } } } } .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger { &:is(:where(.group)[data-invalid="true"] *) { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-danger) / 1); } } } } } .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50 { &:is(:where(.group)[data-invalid="true"] *) { &:focus-within { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-danger-50) / 1); } } } } } .focus\:border-primary { &:focus { border-color: hsl(var(--heroui-primary) / 1); } } .focus\:border-red-500 { &:focus { border-color: var(--color-red-500); } } .focus\:border-transparent { &:focus { border-color: transparent; } } .focus\:bg-danger-400\/50 { &:focus { background-color: hsl(var(--heroui-danger-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 50%, transparent); } } } .focus\:bg-default-400\/50 { &:focus { background-color: hsl(var(--heroui-default-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default-400) / 1) 50%, transparent); } } } .focus\:bg-gray-100 { &:focus { background-color: var(--color-gray-100); } } .focus\:bg-primary-400\/50 { &:focus { background-color: hsl(var(--heroui-primary-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary-400) / 1) 50%, transparent); } } } .focus\:bg-secondary-400\/50 { &:focus { background-color: hsl(var(--heroui-secondary-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary-400) / 1) 50%, transparent); } } } .focus\:bg-success-400\/50 { &:focus { background-color: hsl(var(--heroui-success-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success-400) / 1) 50%, transparent); } } } .focus\:bg-warning-400\/50 { &:focus { background-color: hsl(var(--heroui-warning-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning-400) / 1) 50%, transparent); } } } .focus\:underline { &:focus { text-decoration-line: underline; } } .focus\:shadow-xs { &:focus { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-primary\/20 { &:focus { --tw-ring-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent); } } } .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } .focus\:ring-red-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus-visible\:z-10 { &:focus-visible { z-index: 10; } } .focus-visible\:outline-hidden { &:focus-visible { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus-visible\:outline-2 { &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } } .focus-visible\:outline-offset-2 { &:focus-visible { outline-offset: 2px; } } .focus-visible\:outline-focus { &:focus-visible { outline-color: hsl(var(--heroui-focus) / 1); } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .active\:cursor-grabbing { &:active { cursor: grabbing; } } .active\:bg-default-200 { &:active { background-color: hsl(var(--heroui-default-200) / 1); } } .active\:bg-default-300 { &:active { background-color: hsl(var(--heroui-default-300) / 1); } } .active\:underline { &:active { text-decoration-line: underline; } } .active\:\!opacity-70 { &:active { opacity: 70% !important; } } .active\:opacity-disabled { &:active { opacity: var(--heroui-disabled-opacity); } } .disabled\:cursor-default { &:disabled { cursor: default; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-gray-50 { &:disabled { background-color: var(--color-gray-50); } } .disabled\:bg-gray-100 { &:disabled { background-color: var(--color-gray-100); } } .disabled\:text-gray-500 { &:disabled { color: var(--color-gray-500); } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .has-\[\:disabled\]\:opacity-60 { &:has(*:is(:disabled)) { opacity: 60%; } } .aria-expanded\:scale-\[0\.97\] { &[aria-expanded="true"] { scale: 0.97; } } .aria-expanded\:opacity-70 { &[aria-expanded="true"] { opacity: 70%; } } .data-\[active\=true\]\:scale-100 { &[data-active="true"] { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-\[active\=true\]\:scale-110 { &[data-active="true"] { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-\[active\=true\]\:border-danger { &[data-active="true"] { border-color: hsl(var(--heroui-danger) / 1); } } .data-\[active\=true\]\:border-danger-400 { &[data-active="true"] { border-color: hsl(var(--heroui-danger-400) / 1); } } .data-\[active\=true\]\:border-default-300 { &[data-active="true"] { border-color: hsl(var(--heroui-default-300) / 1); } } .data-\[active\=true\]\:border-default-400 { &[data-active="true"] { border-color: hsl(var(--heroui-default-400) / 1); } } .data-\[active\=true\]\:border-foreground { &[data-active="true"] { border-color: hsl(var(--heroui-foreground) / 1); } } .data-\[active\=true\]\:border-primary { &[data-active="true"] { border-color: hsl(var(--heroui-primary) / 1); } } .data-\[active\=true\]\:border-secondary { &[data-active="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } .data-\[active\=true\]\:border-success { &[data-active="true"] { border-color: hsl(var(--heroui-success) / 1); } } .data-\[active\=true\]\:border-warning { &[data-active="true"] { border-color: hsl(var(--heroui-warning) / 1); } } .data-\[active\=true\]\:bg-danger { &[data-active="true"] { background-color: hsl(var(--heroui-danger) / 1); } } .data-\[active\=true\]\:bg-danger-100 { &[data-active="true"] { background-color: hsl(var(--heroui-danger-100) / 1); } } .data-\[active\=true\]\:bg-danger-200 { &[data-active="true"] { background-color: hsl(var(--heroui-danger-200) / 1); } } .data-\[active\=true\]\:bg-default-200 { &[data-active="true"] { background-color: hsl(var(--heroui-default-200) / 1); } } .data-\[active\=true\]\:bg-default-400 { &[data-active="true"] { background-color: hsl(var(--heroui-default-400) / 1); } } .data-\[active\=true\]\:bg-primary { &[data-active="true"] { background-color: hsl(var(--heroui-primary) / 1); } } .data-\[active\=true\]\:bg-primary-200 { &[data-active="true"] { background-color: hsl(var(--heroui-primary-200) / 1); } } .data-\[active\=true\]\:bg-secondary { &[data-active="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } .data-\[active\=true\]\:bg-secondary-200 { &[data-active="true"] { background-color: hsl(var(--heroui-secondary-200) / 1); } } .data-\[active\=true\]\:bg-success { &[data-active="true"] { background-color: hsl(var(--heroui-success) / 1); } } .data-\[active\=true\]\:bg-success-200 { &[data-active="true"] { background-color: hsl(var(--heroui-success-200) / 1); } } .data-\[active\=true\]\:bg-warning { &[data-active="true"] { background-color: hsl(var(--heroui-warning) / 1); } } .data-\[active\=true\]\:bg-warning-200 { &[data-active="true"] { background-color: hsl(var(--heroui-warning-200) / 1); } } .data-\[active\=true\]\:font-semibold { &[data-active="true"] { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .data-\[active\=true\]\:text-danger-foreground { &[data-active="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } .data-\[active\=true\]\:text-default-foreground { &[data-active="true"] { color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[active\=true\]\:text-primary-foreground { &[data-active="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } .data-\[active\=true\]\:text-secondary-foreground { &[data-active="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } .data-\[active\=true\]\:text-success-foreground { &[data-active="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } .data-\[active\=true\]\:text-warning-foreground { &[data-active="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } .data-\[active\=true\]\:shadow-md { &[data-active="true"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[active\=true\]\:shadow-danger\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-default\/50 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-primary\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-secondary\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-success\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-warning\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:after\:w-full { &[data-active="true"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[active\=true\]\:after\:bg-danger-400 { &[data-active="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger-400) / 1); } } } .data-\[animation\=exiting\]\:opacity-0 { &[data-animation="exiting"] { opacity: 0%; } } .data-\[arrow\=true\]\:before\:block { &[data-arrow="true"] { &::before { content: var(--tw-content); display: block; } } } .data-\[before\=true\]\:rotate-180 { &[data-before="true"] { rotate: 180deg; } } .data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-bottom-scroll="true"] { mask-image: linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[direction\=ascending\]\:rotate-180 { &[data-direction="ascending"] { rotate: 180deg; } } .data-\[disabled\=true\]\:pointer-events-none { &[data-disabled="true"] { pointer-events: none; } } .data-\[disabled\=true\]\:cursor-default { &[data-disabled="true"] { cursor: default; } } .data-\[disabled\=true\]\:cursor-not-allowed { &[data-disabled="true"] { cursor: not-allowed; } } .data-\[disabled\=true\]\:text-default-300 { &[data-disabled="true"] { color: hsl(var(--heroui-default-300) / 1); } } .data-\[disabled\=true\]\:opacity-30 { &[data-disabled="true"] { opacity: 30%; } } .data-\[disabled\=true\]\:transition-none { &[data-disabled="true"] { transition-property: none; } } .data-\[dragging\=true\]\:cursor-grabbing { &[data-dragging="true"] { cursor: grabbing; } } .data-\[dragging\=true\]\:after\:scale-80 { &[data-dragging="true"] { &::after { content: var(--tw-content); --tw-scale-x: 0.8; --tw-scale-y: 0.8; --tw-scale-z: 0.8; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .data-\[dragging\=true\]\:after\:scale-100 { &[data-dragging="true"] { &::after { content: var(--tw-content); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .data-\[editable\=true\]\:text-danger { &[data-editable="true"] { color: hsl(var(--heroui-danger) / 1); } } .data-\[editable\=true\]\:text-foreground { &[data-editable="true"] { color: hsl(var(--heroui-foreground) / 1); } } .data-\[editable\=true\]\:text-primary { &[data-editable="true"] { color: hsl(var(--heroui-primary) / 1); } } .data-\[editable\=true\]\:text-secondary { &[data-editable="true"] { color: hsl(var(--heroui-secondary) / 1); } } .data-\[editable\=true\]\:text-success-600 { &[data-editable="true"] { color: hsl(var(--heroui-success-600) / 1); } } .data-\[editable\=true\]\:text-warning-600 { &[data-editable="true"] { color: hsl(var(--heroui-warning-600) / 1); } } .data-\[editable\=true\]\:focus\:text-danger { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-danger) / 1); } } } .data-\[editable\=true\]\:focus\:text-default-foreground { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-default-foreground) / 1); } } } .data-\[editable\=true\]\:focus\:text-primary { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-primary) / 1); } } } .data-\[editable\=true\]\:focus\:text-secondary { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-secondary) / 1); } } } .data-\[editable\=true\]\:focus\:text-success { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-success) / 1); } } } .data-\[editable\=true\]\:focus\:text-success-600 { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-success-600) / 1); } } } .data-\[editable\=true\]\:focus\:text-warning { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-warning) / 1); } } } .data-\[editable\=true\]\:focus\:text-warning-600 { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-warning-600) / 1); } } } .data-\[fill-end\=true\]\:border-e-danger { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-danger) / 1); } } .data-\[fill-end\=true\]\:border-e-foreground { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-foreground) / 1); } } .data-\[fill-end\=true\]\:border-e-primary { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-primary) / 1); } } .data-\[fill-end\=true\]\:border-e-secondary { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-secondary) / 1); } } .data-\[fill-end\=true\]\:border-e-success { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-success) / 1); } } .data-\[fill-end\=true\]\:border-e-warning { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-warning) / 1); } } .data-\[fill-end\=true\]\:border-t-danger { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-danger) / 1); } } .data-\[fill-end\=true\]\:border-t-foreground { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-foreground) / 1); } } .data-\[fill-end\=true\]\:border-t-primary { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-primary) / 1); } } .data-\[fill-end\=true\]\:border-t-secondary { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-secondary) / 1); } } .data-\[fill-end\=true\]\:border-t-success { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-success) / 1); } } .data-\[fill-end\=true\]\:border-t-warning { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-warning) / 1); } } .data-\[fill-start\=true\]\:border-s-danger { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-danger) / 1); } } .data-\[fill-start\=true\]\:border-s-foreground { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-foreground) / 1); } } .data-\[fill-start\=true\]\:border-s-primary { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-primary) / 1); } } .data-\[fill-start\=true\]\:border-s-secondary { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-secondary) / 1); } } .data-\[fill-start\=true\]\:border-s-success { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-success) / 1); } } .data-\[fill-start\=true\]\:border-s-warning { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-warning) / 1); } } .data-\[fill-start\=true\]\:border-b-danger { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-danger) / 1); } } .data-\[fill-start\=true\]\:border-b-foreground { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-foreground) / 1); } } .data-\[fill-start\=true\]\:border-b-primary { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-primary) / 1); } } .data-\[fill-start\=true\]\:border-b-secondary { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-secondary) / 1); } } .data-\[fill-start\=true\]\:border-b-success { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-success) / 1); } } .data-\[fill-start\=true\]\:border-b-warning { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-warning) / 1); } } .data-\[focus-visible\]\:outline-danger-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-danger-foreground) / 1); } } .data-\[focus-visible\]\:outline-default-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[focus-visible\]\:outline-primary-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-primary-foreground) / 1); } } .data-\[focus-visible\]\:outline-secondary-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-secondary-foreground) / 1); } } .data-\[focus-visible\]\:outline-success-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-success-foreground) / 1); } } .data-\[focus-visible\]\:outline-warning-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-warning-foreground) / 1); } } .data-\[focus-visible\=true\]\:z-10 { &[data-focus-visible="true"] { z-index: 10; } } .data-\[focus-visible\=true\]\:-translate-x-3 { &[data-focus-visible="true"] { --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[focus-visible\=true\]\:outline-2 { &[data-focus-visible="true"] { outline-style: var(--tw-outline-style); outline-width: 2px; } } .data-\[focus-visible\=true\]\:outline-offset-2 { &[data-focus-visible="true"] { outline-offset: 2px; } } .data-\[focus-visible\=true\]\:outline-focus { &[data-focus-visible="true"] { outline-color: hsl(var(--heroui-focus) / 1); } } .data-\[focus\=true\]\:border-danger { &[data-focus="true"] { border-color: hsl(var(--heroui-danger) / 1); } } .data-\[focus\=true\]\:border-default-400 { &[data-focus="true"] { border-color: hsl(var(--heroui-default-400) / 1); } } .data-\[focus\=true\]\:border-default-foreground { &[data-focus="true"] { border-color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[focus\=true\]\:border-primary { &[data-focus="true"] { border-color: hsl(var(--heroui-primary) / 1); } } .data-\[focus\=true\]\:border-secondary { &[data-focus="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } .data-\[focus\=true\]\:border-success { &[data-focus="true"] { border-color: hsl(var(--heroui-success) / 1); } } .data-\[focus\=true\]\:border-warning { &[data-focus="true"] { border-color: hsl(var(--heroui-warning) / 1); } } .data-\[focus\=true\]\:after\:w-full { &[data-focus="true"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[focused\=true\]\:z-10 { &[data-focused="true"] { z-index: 10; } } .data-\[has-end-content\=true\]\:pe-1\.5 { &[data-has-end-content="true"] { padding-inline-end: calc(var(--spacing) * 1.5); } } .data-\[has-helper\=true\]\:items-start { &[data-has-helper="true"] { align-items: flex-start; } } .data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+8px\)\] { &[data-has-helper="true"] { padding-bottom: calc(var(--heroui-font-size-tiny) + 8px); } } .data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+_8px\)\] { &[data-has-helper="true"] { padding-bottom: calc(var(--heroui-font-size-tiny) + 8px); } } .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_8px\)\] { &[data-has-label="true"] { margin-top: calc(var(--heroui-font-size-small) + 8px); } } .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_10px\)\] { &[data-has-label="true"] { margin-top: calc(var(--heroui-font-size-small) + 10px); } } .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_12px\)\] { &[data-has-label="true"] { margin-top: calc(var(--heroui-font-size-small) + 12px); } } .data-\[has-multiple-rows\=true\]\:rounded-large { &[data-has-multiple-rows="true"] { border-radius: var(--heroui-radius-large); } } .data-\[has-start-content\=true\]\:ps-1\.5 { &[data-has-start-content="true"] { padding-inline-start: calc(var(--spacing) * 1.5); } } .data-\[has-title\=true\]\:pt-1 { &[data-has-title="true"] { padding-top: calc(var(--spacing) * 1); } } .data-\[has-value\=true\]\:text-default-foreground { &[data-has-value="true"] { color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[hidden\=true\]\:hidden { &[data-hidden="true"] { display: none; } } .data-\[hide-scroll\=true\]\:scrollbar-hide { &[data-hide-scroll="true"] { -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } } .data-\[hover\]\:bg-danger-50 { &[data-hover] { background-color: hsl(var(--heroui-danger-50) / 1); } } .data-\[hover\]\:bg-danger-200 { &[data-hover] { background-color: hsl(var(--heroui-danger-200) / 1); } } .data-\[hover\]\:bg-default-100 { &[data-hover] { background-color: hsl(var(--heroui-default-100) / 1); } } .data-\[hover\]\:bg-primary-50 { &[data-hover] { background-color: hsl(var(--heroui-primary-50) / 1); } } .data-\[hover\]\:bg-primary-200 { &[data-hover] { background-color: hsl(var(--heroui-primary-200) / 1); } } .data-\[hover\]\:bg-secondary-50 { &[data-hover] { background-color: hsl(var(--heroui-secondary-50) / 1); } } .data-\[hover\]\:bg-secondary-200 { &[data-hover] { background-color: hsl(var(--heroui-secondary-200) / 1); } } .data-\[hover\]\:bg-success-50 { &[data-hover] { background-color: hsl(var(--heroui-success-50) / 1); } } .data-\[hover\]\:bg-success-200 { &[data-hover] { background-color: hsl(var(--heroui-success-200) / 1); } } .data-\[hover\]\:bg-warning-100 { &[data-hover] { background-color: hsl(var(--heroui-warning-100) / 1); } } .data-\[hover\]\:bg-warning-200 { &[data-hover] { background-color: hsl(var(--heroui-warning-200) / 1); } } .data-\[hover-unselected\=true\]\:opacity-disabled { &[data-hover-unselected="true"] { opacity: var(--heroui-disabled-opacity); } } .data-\[hover\=true\]\:-translate-x-3 { &[data-hover="true"] { --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[hover\=true\]\:translate-x-0 { &[data-hover="true"] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[hover\=true\]\:border-danger { &[data-hover="true"] { border-color: hsl(var(--heroui-danger) / 1); } } .data-\[hover\=true\]\:border-default { &[data-hover="true"] { border-color: hsl(var(--heroui-default) / 1); } } .data-\[hover\=true\]\:border-default-400 { &[data-hover="true"] { border-color: hsl(var(--heroui-default-400) / 1); } } .data-\[hover\=true\]\:border-primary { &[data-hover="true"] { border-color: hsl(var(--heroui-primary) / 1); } } .data-\[hover\=true\]\:border-secondary { &[data-hover="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } .data-\[hover\=true\]\:border-success { &[data-hover="true"] { border-color: hsl(var(--heroui-success) / 1); } } .data-\[hover\=true\]\:border-warning { &[data-hover="true"] { border-color: hsl(var(--heroui-warning) / 1); } } .data-\[hover\=true\]\:\!bg-danger { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1) !important; } } .data-\[hover\=true\]\:\!bg-danger-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-danger-100) / 1) !important; } } .data-\[hover\=true\]\:\!bg-default { &[data-hover="true"] { background-color: hsl(var(--heroui-default) / 1) !important; } } .data-\[hover\=true\]\:\!bg-primary { &[data-hover="true"] { background-color: hsl(var(--heroui-primary) / 1) !important; } } .data-\[hover\=true\]\:\!bg-secondary { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary) / 1) !important; } } .data-\[hover\=true\]\:\!bg-success { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1) !important; } } .data-\[hover\=true\]\:\!bg-warning { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1) !important; } } .data-\[hover\=true\]\:bg-content2 { &[data-hover="true"] { background-color: hsl(var(--heroui-content2) / 1); } } .data-\[hover\=true\]\:bg-danger { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1); } } .data-\[hover\=true\]\:bg-danger-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-danger-50) / 1); } } .data-\[hover\=true\]\:bg-danger-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-danger-100) / 1); } } .data-\[hover\=true\]\:bg-danger\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:bg-default { &[data-hover="true"] { background-color: hsl(var(--heroui-default) / 1); } } .data-\[hover\=true\]\:bg-default-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-default-100) / 1); } } .data-\[hover\=true\]\:bg-default-200 { &[data-hover="true"] { background-color: hsl(var(--heroui-default-200) / 1); } } .data-\[hover\=true\]\:bg-default\/40 { &[data-hover="true"] { background-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent); } } } .data-\[hover\=true\]\:bg-foreground-200 { &[data-hover="true"] { background-color: hsl(var(--heroui-foreground-200) / 1); } } .data-\[hover\=true\]\:bg-primary { &[data-hover="true"] { background-color: hsl(var(--heroui-primary) / 1); } } .data-\[hover\=true\]\:bg-primary-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-primary-50) / 1); } } .data-\[hover\=true\]\:bg-primary\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:bg-secondary { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } .data-\[hover\=true\]\:bg-secondary-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary-50) / 1); } } .data-\[hover\=true\]\:bg-secondary\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:bg-success { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1); } } .data-\[hover\=true\]\:bg-success-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-success-50) / 1); } } .data-\[hover\=true\]\:bg-success-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-success-100) / 1); } } .data-\[hover\=true\]\:bg-success\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:bg-transparent { &[data-hover="true"] { background-color: transparent; } } .data-\[hover\=true\]\:bg-warning { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1); } } .data-\[hover\=true\]\:bg-warning-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-warning-50) / 1); } } .data-\[hover\=true\]\:bg-warning-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-warning-100) / 1); } } .data-\[hover\=true\]\:bg-warning\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:\!text-danger-foreground { &[data-hover="true"] { color: hsl(var(--heroui-danger-foreground) / 1) !important; } } .data-\[hover\=true\]\:\!text-primary-foreground { &[data-hover="true"] { color: hsl(var(--heroui-primary-foreground) / 1) !important; } } .data-\[hover\=true\]\:\!text-secondary-foreground { &[data-hover="true"] { color: hsl(var(--heroui-secondary-foreground) / 1) !important; } } .data-\[hover\=true\]\:\!text-success-foreground { &[data-hover="true"] { color: hsl(var(--heroui-success-foreground) / 1) !important; } } .data-\[hover\=true\]\:\!text-warning-foreground { &[data-hover="true"] { color: hsl(var(--heroui-warning-foreground) / 1) !important; } } .data-\[hover\=true\]\:text-danger { &[data-hover="true"] { color: hsl(var(--heroui-danger) / 1); } } .data-\[hover\=true\]\:text-danger-500 { &[data-hover="true"] { color: hsl(var(--heroui-danger-500) / 1); } } .data-\[hover\=true\]\:text-danger-foreground { &[data-hover="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } .data-\[hover\=true\]\:text-default-500 { &[data-hover="true"] { color: hsl(var(--heroui-default-500) / 1); } } .data-\[hover\=true\]\:text-default-foreground { &[data-hover="true"] { color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[hover\=true\]\:text-foreground-400 { &[data-hover="true"] { color: hsl(var(--heroui-foreground-400) / 1); } } .data-\[hover\=true\]\:text-foreground-600 { &[data-hover="true"] { color: hsl(var(--heroui-foreground-600) / 1); } } .data-\[hover\=true\]\:text-primary { &[data-hover="true"] { color: hsl(var(--heroui-primary) / 1); } } .data-\[hover\=true\]\:text-primary-400 { &[data-hover="true"] { color: hsl(var(--heroui-primary-400) / 1); } } .data-\[hover\=true\]\:text-primary-foreground { &[data-hover="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } .data-\[hover\=true\]\:text-secondary { &[data-hover="true"] { color: hsl(var(--heroui-secondary) / 1); } } .data-\[hover\=true\]\:text-secondary-400 { &[data-hover="true"] { color: hsl(var(--heroui-secondary-400) / 1); } } .data-\[hover\=true\]\:text-secondary-foreground { &[data-hover="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } .data-\[hover\=true\]\:text-success { &[data-hover="true"] { color: hsl(var(--heroui-success) / 1); } } .data-\[hover\=true\]\:text-success-600 { &[data-hover="true"] { color: hsl(var(--heroui-success-600) / 1); } } .data-\[hover\=true\]\:text-success-foreground { &[data-hover="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } .data-\[hover\=true\]\:text-warning { &[data-hover="true"] { color: hsl(var(--heroui-warning) / 1); } } .data-\[hover\=true\]\:text-warning-600 { &[data-hover="true"] { color: hsl(var(--heroui-warning-600) / 1); } } .data-\[hover\=true\]\:text-warning-foreground { &[data-hover="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } .data-\[hover\=true\]\:opacity-70 { &[data-hover="true"] { opacity: 70%; } } .data-\[hover\=true\]\:opacity-hover { &[data-hover="true"] { opacity: var(--heroui-hover-opacity); } } .data-\[hover\=true\]\:shadow-lg { &[data-hover="true"] { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[hover\=true\]\:shadow-danger\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-default\/50 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-primary\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-secondary\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-success\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-warning\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:transition-colors { &[data-hover="true"] { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .data-\[in-range\=false\]\:bg-default-200 { &[data-in-range="false"] { background-color: hsl(var(--heroui-default-200) / 1); } } .data-\[in-range\=true\]\:bg-background\/50 { &[data-in-range="true"] { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 50%, transparent); } } } .data-\[in-range\=true\]\:bg-danger { &[data-in-range="true"] { background-color: hsl(var(--heroui-danger) / 1); } } .data-\[in-range\=true\]\:bg-foreground { &[data-in-range="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } .data-\[in-range\=true\]\:bg-primary { &[data-in-range="true"] { background-color: hsl(var(--heroui-primary) / 1); } } .data-\[in-range\=true\]\:bg-secondary { &[data-in-range="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } .data-\[in-range\=true\]\:bg-success { &[data-in-range="true"] { background-color: hsl(var(--heroui-success) / 1); } } .data-\[in-range\=true\]\:bg-warning { &[data-in-range="true"] { background-color: hsl(var(--heroui-warning) / 1); } } .data-\[in-range\=true\]\:opacity-100 { &[data-in-range="true"] { opacity: 100%; } } .data-\[inert\=true\]\:hidden { &[data-inert="true"] { display: none; } } .data-\[invalid\=true\]\:text-danger-300 { &[data-invalid="true"] { color: hsl(var(--heroui-danger-300) / 1); } } .data-\[invalid\=true\]\:focus\:bg-danger-400\/50 { &[data-invalid="true"] { &:focus { background-color: hsl(var(--heroui-danger-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 50%, transparent); } } } } .data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger { &[data-invalid="true"] { &[data-editable="true"] { color: hsl(var(--heroui-danger) / 1); } } } .data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger { &[data-invalid="true"] { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-danger) / 1); } } } } .data-\[invisible\=true\]\:scale-0 { &[data-invisible="true"] { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-\[invisible\=true\]\:opacity-0 { &[data-invisible="true"] { opacity: 0%; } } .data-\[justify\=center\]\:justify-center { &[data-justify="center"] { justify-content: center; } } .data-\[justify\=end\]\:flex-grow { &[data-justify="end"] { flex-grow: 1; } } .data-\[justify\=end\]\:basis-0 { &[data-justify="end"] { flex-basis: calc(var(--spacing) * 0); } } .data-\[justify\=end\]\:justify-end { &[data-justify="end"] { justify-content: flex-end; } } .data-\[justify\=start\]\:flex-grow { &[data-justify="start"] { flex-grow: 1; } } .data-\[justify\=start\]\:basis-0 { &[data-justify="start"] { flex-basis: calc(var(--spacing) * 0); } } .data-\[justify\=start\]\:justify-start { &[data-justify="start"] { justify-content: flex-start; } } .data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\,\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-left-right-scroll="true"] { mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-left-scroll="true"] { mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[loaded\=true\]\:pointer-events-auto { &[data-loaded="true"] { pointer-events: auto; } } .data-\[loaded\=true\]\:overflow-visible { &[data-loaded="true"] { overflow: visible; } } .data-\[loaded\=true\]\:\!bg-transparent { &[data-loaded="true"] { background-color: transparent !important; } } .data-\[loaded\=true\]\:opacity-100 { &[data-loaded="true"] { opacity: 100%; } } .data-\[loaded\=true\]\:before\:-z-10 { &[data-loaded="true"] { &::before { content: var(--tw-content); z-index: calc(10 * -1); } } } .data-\[loaded\=true\]\:before\:animate-none { &[data-loaded="true"] { &::before { content: var(--tw-content); animation: none; } } } .data-\[loaded\=true\]\:before\:opacity-0 { &[data-loaded="true"] { &::before { content: var(--tw-content); opacity: 0%; } } } .data-\[loaded\=true\]\:after\:opacity-0 { &[data-loaded="true"] { &::after { content: var(--tw-content); opacity: 0%; } } } .data-\[menu-open\=true\]\:border-none { &[data-menu-open="true"] { --tw-border-style: none; border-style: none; } } .data-\[menu-open\=true\]\:backdrop-blur-xl { &[data-menu-open="true"] { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } } .data-\[moving\]\:opacity-100 { &[data-moving] { opacity: 100%; } } .data-\[moving\=true\]\:transition-transform { &[data-moving="true"] { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .data-\[open\=true\]\:block { &[data-open="true"] { display: block; } } .data-\[open\=true\]\:flex { &[data-open="true"] { display: flex; } } .data-\[open\=true\]\:-rotate-90 { &[data-open="true"] { rotate: calc(90deg * -1); } } .data-\[open\=true\]\:rotate-180 { &[data-open="true"] { rotate: 180deg; } } .data-\[open\=true\]\:border-danger { &[data-open="true"] { border-color: hsl(var(--heroui-danger) / 1); } } .data-\[open\=true\]\:border-default-400 { &[data-open="true"] { border-color: hsl(var(--heroui-default-400) / 1); } } .data-\[open\=true\]\:border-default-foreground { &[data-open="true"] { border-color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[open\=true\]\:border-primary { &[data-open="true"] { border-color: hsl(var(--heroui-primary) / 1); } } .data-\[open\=true\]\:border-secondary { &[data-open="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } .data-\[open\=true\]\:border-success { &[data-open="true"] { border-color: hsl(var(--heroui-success) / 1); } } .data-\[open\=true\]\:border-warning { &[data-open="true"] { border-color: hsl(var(--heroui-warning) / 1); } } .data-\[open\=true\]\:after\:w-full { &[data-open="true"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[orientation\=horizontal\]\:flex-row { &[data-orientation="horizontal"] { flex-direction: row; } } .data-\[outside-month\=true\]\:before\:hidden { &[data-outside-month="true"] { &::before { content: var(--tw-content); display: none; } } } .data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0 { &[data-disabled="true"] { &[data-outside-month="true"] { opacity: 0%; } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-danger-300) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-foreground-500) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-primary-300) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-secondary-300) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-success-400) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-warning-400) / 1); } } } .data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="bottom"] { &::before { content: var(--tw-content); top: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=bottom\]\:before\:left-1\/2 { &[data-placement="bottom"] { &::before { content: var(--tw-content); left: calc(1/2 * 100%); } } } .data-\[placement\=bottom\]\:before\:-translate-x-1\/2 { &[data-placement="bottom"] { &::before { content: var(--tw-content); --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placement\=bottom-center\]\:fixed { &[data-placement="bottom-center"] { position: fixed; } } .data-\[placement\=bottom-center\]\:right-0 { &[data-placement="bottom-center"] { right: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-center\]\:bottom-0 { &[data-placement="bottom-center"] { bottom: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-center\]\:left-0 { &[data-placement="bottom-center"] { left: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-center\]\:left-1\/2 { &[data-placement="bottom-center"] { left: calc(1/2 * 100%); } } .data-\[placement\=bottom-center\]\:flex { &[data-placement="bottom-center"] { display: flex; } } .data-\[placement\=bottom-center\]\:-translate-x-1\/2 { &[data-placement="bottom-center"] { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[placement\=bottom-center\]\:flex-col { &[data-placement="bottom-center"] { flex-direction: column; } } .data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="bottom-end"] { &::before { content: var(--tw-content); top: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=bottom-end\]\:before\:right-3 { &[data-placement="bottom-end"] { &::before { content: var(--tw-content); right: calc(var(--spacing) * 3); } } } .data-\[placement\=bottom-left\]\:fixed { &[data-placement="bottom-left"] { position: fixed; } } .data-\[placement\=bottom-left\]\:bottom-0 { &[data-placement="bottom-left"] { bottom: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-left\]\:left-0 { &[data-placement="bottom-left"] { left: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-left\]\:mx-auto { &[data-placement="bottom-left"] { margin-inline: auto; } } .data-\[placement\=bottom-left\]\:flex { &[data-placement="bottom-left"] { display: flex; } } .data-\[placement\=bottom-left\]\:flex-col { &[data-placement="bottom-left"] { flex-direction: column; } } .data-\[placement\=bottom-right\]\:fixed { &[data-placement="bottom-right"] { position: fixed; } } .data-\[placement\=bottom-right\]\:right-0 { &[data-placement="bottom-right"] { right: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-right\]\:bottom-0 { &[data-placement="bottom-right"] { bottom: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-right\]\:mx-auto { &[data-placement="bottom-right"] { margin-inline: auto; } } .data-\[placement\=bottom-right\]\:flex { &[data-placement="bottom-right"] { display: flex; } } .data-\[placement\=bottom-right\]\:flex-col { &[data-placement="bottom-right"] { flex-direction: column; } } .data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="bottom-start"] { &::before { content: var(--tw-content); top: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=bottom-start\]\:before\:left-3 { &[data-placement="bottom-start"] { &::before { content: var(--tw-content); left: calc(var(--spacing) * 3); } } } .data-\[placement\=left\]\:before\:top-1\/2 { &[data-placement="left"] { &::before { content: var(--tw-content); top: calc(1/2 * 100%); } } } .data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\] { &[data-placement="left"] { &::before { content: var(--tw-content); right: calc(calc(1.25rem / 4 - 2px) * -1); } } } .data-\[placement\=left\]\:before\:-translate-y-1\/2 { &[data-placement="left"] { &::before { content: var(--tw-content); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\] { &[data-placement="left-end"] { &::before { content: var(--tw-content); right: calc(calc(1.25rem / 4 - 3px) * -1); } } } .data-\[placement\=left-end\]\:before\:bottom-1\/4 { &[data-placement="left-end"] { &::before { content: var(--tw-content); bottom: calc(1/4 * 100%); } } } .data-\[placement\=left-start\]\:before\:top-1\/4 { &[data-placement="left-start"] { &::before { content: var(--tw-content); top: calc(1/4 * 100%); } } } .data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\] { &[data-placement="left-start"] { &::before { content: var(--tw-content); right: calc(calc(1.25rem / 4 - 3px) * -1); } } } .data-\[placement\=right\]\:before\:top-1\/2 { &[data-placement="right"] { &::before { content: var(--tw-content); top: calc(1/2 * 100%); } } } .data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\] { &[data-placement="right"] { &::before { content: var(--tw-content); left: calc(calc(1.25rem / 4 - 2px) * -1); } } } .data-\[placement\=right\]\:before\:-translate-y-1\/2 { &[data-placement="right"] { &::before { content: var(--tw-content); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placement\=right-end\]\:before\:bottom-1\/4 { &[data-placement="right-end"] { &::before { content: var(--tw-content); bottom: calc(1/4 * 100%); } } } .data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\] { &[data-placement="right-end"] { &::before { content: var(--tw-content); left: calc(calc(1.25rem / 4 - 3px) * -1); } } } .data-\[placement\=right-start\]\:before\:top-1\/4 { &[data-placement="right-start"] { &::before { content: var(--tw-content); top: calc(1/4 * 100%); } } } .data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\] { &[data-placement="right-start"] { &::before { content: var(--tw-content); left: calc(calc(1.25rem / 4 - 3px) * -1); } } } .data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="top"] { &::before { content: var(--tw-content); bottom: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=top\]\:before\:left-1\/2 { &[data-placement="top"] { &::before { content: var(--tw-content); left: calc(1/2 * 100%); } } } .data-\[placement\=top\]\:before\:-translate-x-1\/2 { &[data-placement="top"] { &::before { content: var(--tw-content); --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placement\=top-center\]\:fixed { &[data-placement="top-center"] { position: fixed; } } .data-\[placement\=top-center\]\:top-0 { &[data-placement="top-center"] { top: calc(var(--spacing) * 0); } } .data-\[placement\=top-center\]\:right-0 { &[data-placement="top-center"] { right: calc(var(--spacing) * 0); } } .data-\[placement\=top-center\]\:left-0 { &[data-placement="top-center"] { left: calc(var(--spacing) * 0); } } .data-\[placement\=top-center\]\:left-1\/2 { &[data-placement="top-center"] { left: calc(1/2 * 100%); } } .data-\[placement\=top-center\]\:flex { &[data-placement="top-center"] { display: flex; } } .data-\[placement\=top-center\]\:-translate-x-1\/2 { &[data-placement="top-center"] { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[placement\=top-center\]\:flex-col { &[data-placement="top-center"] { flex-direction: column; } } .data-\[placement\=top-end\]\:before\:right-3 { &[data-placement="top-end"] { &::before { content: var(--tw-content); right: calc(var(--spacing) * 3); } } } .data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="top-end"] { &::before { content: var(--tw-content); bottom: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=top-left\]\:fixed { &[data-placement="top-left"] { position: fixed; } } .data-\[placement\=top-left\]\:top-0 { &[data-placement="top-left"] { top: calc(var(--spacing) * 0); } } .data-\[placement\=top-left\]\:left-0 { &[data-placement="top-left"] { left: calc(var(--spacing) * 0); } } .data-\[placement\=top-left\]\:mx-auto { &[data-placement="top-left"] { margin-inline: auto; } } .data-\[placement\=top-left\]\:flex { &[data-placement="top-left"] { display: flex; } } .data-\[placement\=top-left\]\:flex-col { &[data-placement="top-left"] { flex-direction: column; } } .data-\[placement\=top-right\]\:fixed { &[data-placement="top-right"] { position: fixed; } } .data-\[placement\=top-right\]\:top-0 { &[data-placement="top-right"] { top: calc(var(--spacing) * 0); } } .data-\[placement\=top-right\]\:right-0 { &[data-placement="top-right"] { right: calc(var(--spacing) * 0); } } .data-\[placement\=top-right\]\:mx-auto { &[data-placement="top-right"] { margin-inline: auto; } } .data-\[placement\=top-right\]\:flex { &[data-placement="top-right"] { display: flex; } } .data-\[placement\=top-right\]\:flex-col { &[data-placement="top-right"] { flex-direction: column; } } .data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="top-start"] { &::before { content: var(--tw-content); bottom: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=top-start\]\:before\:left-3 { &[data-placement="top-start"] { &::before { content: var(--tw-content); left: calc(var(--spacing) * 3); } } } .data-\[pressed\=true\]\:scale-100 { &[data-pressed="true"] { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-\[pressed\=true\]\:scale-\[0\.97\] { &[data-pressed="true"] { scale: 0.97; } } .data-\[pressed\=true\]\:opacity-50 { &[data-pressed="true"] { opacity: 50%; } } .data-\[pressed\=true\]\:opacity-70 { &[data-pressed="true"] { opacity: 70%; } } .data-\[pressed\=true\]\:opacity-disabled { &[data-pressed="true"] { opacity: var(--heroui-disabled-opacity); } } .data-\[range-end\=true\]\:before\:rounded-e-full { &[data-range-end="true"] { &::before { content: var(--tw-content); border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); } } } .data-\[range-start\=true\]\:before\:rounded-s-full { &[data-range-start="true"] { &::before { content: var(--tw-content); border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); } } } .data-\[readonly\=true\]\:cursor-default { &[data-readonly="true"] { cursor: default; } } .data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-right-scroll="true"] { mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[selectable\=true\]\:focus\:border-danger { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-danger) / 1); } } } .data-\[selectable\=true\]\:focus\:border-default { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-default) / 1); } } } .data-\[selectable\=true\]\:focus\:border-primary { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-primary) / 1); } } } .data-\[selectable\=true\]\:focus\:border-secondary { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selectable\=true\]\:focus\:border-success { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-success) / 1); } } } .data-\[selectable\=true\]\:focus\:border-warning { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-warning) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-danger { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-danger) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-danger\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-default { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-default) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-default-100 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-default-100) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-default\/40 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-primary { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-primary) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-primary\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-secondary { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-secondary\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-success { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-success) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-success\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-warning { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-warning) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-warning\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:text-danger { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-danger) / 1); } } } .data-\[selectable\=true\]\:focus\:text-danger-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-danger-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-default-500 { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-default-500) / 1); } } } .data-\[selectable\=true\]\:focus\:text-default-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-default-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-primary { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-primary) / 1); } } } .data-\[selectable\=true\]\:focus\:text-primary-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-primary-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-secondary { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selectable\=true\]\:focus\:text-secondary-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-secondary-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-success { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-success) / 1); } } } .data-\[selectable\=true\]\:focus\:text-success-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-success-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-warning { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-warning) / 1); } } } .data-\[selectable\=true\]\:focus\:text-warning-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-warning-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:shadow-danger\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-default\/50 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-primary\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-secondary\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-success\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-warning\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selected\=true\]\:bg-danger { &[data-selected="true"] { background-color: hsl(var(--heroui-danger) / 1); } } .data-\[selected\=true\]\:bg-default { &[data-selected="true"] { background-color: hsl(var(--heroui-default) / 1); } } .data-\[selected\=true\]\:bg-foreground { &[data-selected="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } .data-\[selected\=true\]\:bg-primary { &[data-selected="true"] { background-color: hsl(var(--heroui-primary) / 1); } } .data-\[selected\=true\]\:bg-secondary { &[data-selected="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } .data-\[selected\=true\]\:bg-success { &[data-selected="true"] { background-color: hsl(var(--heroui-success) / 1); } } .data-\[selected\=true\]\:bg-warning { &[data-selected="true"] { background-color: hsl(var(--heroui-warning) / 1); } } .data-\[selected\=true\]\:text-background { &[data-selected="true"] { color: hsl(var(--heroui-background) / 1); } } .data-\[selected\=true\]\:text-danger { &[data-selected="true"] { color: hsl(var(--heroui-danger) / 1); } } .data-\[selected\=true\]\:text-danger-foreground { &[data-selected="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } .data-\[selected\=true\]\:text-default-foreground { &[data-selected="true"] { color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[selected\=true\]\:text-primary { &[data-selected="true"] { color: hsl(var(--heroui-primary) / 1); } } .data-\[selected\=true\]\:text-primary-foreground { &[data-selected="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } .data-\[selected\=true\]\:text-secondary { &[data-selected="true"] { color: hsl(var(--heroui-secondary) / 1); } } .data-\[selected\=true\]\:text-secondary-foreground { &[data-selected="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } .data-\[selected\=true\]\:text-success-600 { &[data-selected="true"] { color: hsl(var(--heroui-success-600) / 1); } } .data-\[selected\=true\]\:text-success-foreground { &[data-selected="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } .data-\[selected\=true\]\:text-warning-600 { &[data-selected="true"] { color: hsl(var(--heroui-warning-600) / 1); } } .data-\[selected\=true\]\:text-warning-foreground { &[data-selected="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } .data-\[selected\=true\]\:shadow-md { &[data-selected="true"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[selected\=true\]\:shadow-none { &[data-selected="true"] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[selected\=true\]\:shadow-danger\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-foreground\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-primary\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-primary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-secondary\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-success\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-warning\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:before\:opacity-100 { &[data-selected="true"] { &::before { content: var(--tw-content); opacity: 100%; } } } .data-\[selected\=true\]\:after\:bg-danger { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); } } } .data-\[selected\=true\]\:after\:bg-foreground { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); } } } .data-\[selected\=true\]\:after\:bg-primary { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-primary) / 1); } } } .data-\[selected\=true\]\:after\:bg-secondary { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selected\=true\]\:after\:bg-success { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); } } } .data-\[selected\=true\]\:after\:bg-warning { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); } } } .data-\[selected\=true\]\:after\:opacity-100 { &[data-selected="true"] { &::after { content: var(--tw-content); opacity: 100%; } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-primary) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-background { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-background) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:bg-transparent { &[data-selected="true"] { &[data-range-selection="true"] { background-color: transparent; } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500 { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-danger-500) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-primary) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600 { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-600) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500 { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-warning-500) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-danger-50) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent); } } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-primary-50) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-secondary-50) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-success-100) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-warning-100) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent { &[data-selected="true"] { &[data-range-selection="true"] { &[data-outside-month="true"] { background-color: transparent; } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300 { &[data-selected="true"] { &[data-range-selection="true"] { &[data-outside-month="true"] { color: hsl(var(--heroui-default-300) / 1); } } } } .data-\[selection-end\=true\]\:before\:rounded-e-full { &[data-selection-end="true"] { &::before { content: var(--tw-content); border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md { &[data-selected="true"] { &[data-selection-end="true"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { border-radius: calc(infinity * 1px); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-danger) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-primary) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-success) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-warning) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-background) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } } } .data-\[selection-start\=true\]\:before\:rounded-s-full { &[data-selection-start="true"] { &::before { content: var(--tw-content); border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md { &[data-selected="true"] { &[data-selection-start="true"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { border-radius: calc(infinity * 1px); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-danger) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-primary) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-success) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-warning) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-background) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } } } .data-\[sortable\=true\]\:cursor-pointer { &[data-sortable="true"] { cursor: pointer; } } .data-\[toast-exiting\=true\]\:transform-gpu { &[data-toast-exiting="true"] { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } } .data-\[toast-exiting\=true\]\:opacity-0 { &[data-toast-exiting="true"] { opacity: 0%; } } .data-\[toast-exiting\=true\]\:transition-all { &[data-toast-exiting="true"] { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .data-\[toast-exiting\=true\]\:duration-300 { &[data-toast-exiting="true"] { --tw-duration: 300ms; transition-duration: 300ms; } } .data-\[toast-exiting\=true\]\:ease-out { &[data-toast-exiting="true"] { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } } .data-\[toast-exiting\=true\]\:will-change-transform { &[data-toast-exiting="true"] { will-change: transform; } } .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-center\]\:translate-y-full { &[data-toast-exiting="true"] { &[data-placement="bottom-center"] { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-left\]\:-translate-x-full { &[data-toast-exiting="true"] { &[data-placement="bottom-left"] { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-right\]\:translate-x-full { &[data-toast-exiting="true"] { &[data-placement="bottom-right"] { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=top-center\]\:-translate-y-full { &[data-toast-exiting="true"] { &[data-placement="top-center"] { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=top-left\]\:-translate-x-full { &[data-toast-exiting="true"] { &[data-placement="top-left"] { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=top-right\]\:translate-x-full { &[data-toast-exiting="true"] { &[data-placement="top-right"] { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-top-bottom-scroll="true"] { mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-top-scroll="true"] { mask-image: linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[type\=color\]\:rounded-none { &[data-type="color"] { border-radius: 0; } } .data-\[unavailable\=true\]\:cursor-default { &[data-unavailable="true"] { cursor: default; } } .data-\[unavailable\=true\]\:text-default-300 { &[data-unavailable="true"] { color: hsl(var(--heroui-default-300) / 1); } } .data-\[unavailable\=true\]\:line-through { &[data-unavailable="true"] { text-decoration-line: line-through; } } .data-\[visible\=true\]\:pointer-events-auto { &[data-visible="true"] { pointer-events: auto; } } .data-\[visible\=true\]\:cursor-pointer { &[data-visible="true"] { cursor: pointer; } } .data-\[visible\=true\]\:opacity-100 { &[data-visible="true"] { opacity: 100%; } } .motion-reduce\:scale-100 { @media (prefers-reduced-motion: reduce) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .motion-reduce\:transition-none { @media (prefers-reduced-motion: reduce) { transition-property: none; } } .motion-reduce\:after\:transition-none { @media (prefers-reduced-motion: reduce) { &::after { content: var(--tw-content); transition-property: none; } } } .sm\:m-0 { @media (width >= 40rem) { margin: calc(var(--spacing) * 0); } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:mx-1 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 1); } } .sm\:mx-6 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 6); } } .sm\:my-0 { @media (width >= 40rem) { margin-block: calc(var(--spacing) * 0); } } .sm\:my-16 { @media (width >= 40rem) { margin-block: calc(var(--spacing) * 16); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:w-\[356px\] { @media (width >= 40rem) { width: 356px; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-end { @media (width >= 40rem) { align-items: flex-end; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:px-0 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 0); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .sm\:\[--scale-enter\:100\%\] { @media (width >= 40rem) { --scale-enter: 100%; } } .sm\:\[--scale-exit\:103\%\] { @media (width >= 40rem) { --scale-exit: 103%; } } .sm\:\[--slide-enter\:0px\] { @media (width >= 40rem) { --slide-enter: 0px; } } .sm\:\[--slide-exit\:0px\] { @media (width >= 40rem) { --slide-exit: 0px; } } .sm\:data-\[placement\=bottom-center\]\:mx-auto { @media (width >= 40rem) { &[data-placement="bottom-center"] { margin-inline: auto; } } } .sm\:data-\[placement\=bottom-center\]\:w-max { @media (width >= 40rem) { &[data-placement="bottom-center"] { width: max-content; } } } .sm\:data-\[placement\=bottom-left\]\:ml-2 { @media (width >= 40rem) { &[data-placement="bottom-left"] { margin-left: calc(var(--spacing) * 2); } } } .sm\:data-\[placement\=bottom-left\]\:w-max { @media (width >= 40rem) { &[data-placement="bottom-left"] { width: max-content; } } } .sm\:data-\[placement\=bottom-right\]\:mr-2 { @media (width >= 40rem) { &[data-placement="bottom-right"] { margin-right: calc(var(--spacing) * 2); } } } .sm\:data-\[placement\=bottom-right\]\:w-max { @media (width >= 40rem) { &[data-placement="bottom-right"] { width: max-content; } } } .sm\:data-\[placement\=top-center\]\:mx-auto { @media (width >= 40rem) { &[data-placement="top-center"] { margin-inline: auto; } } } .sm\:data-\[placement\=top-center\]\:w-max { @media (width >= 40rem) { &[data-placement="top-center"] { width: max-content; } } } .sm\:data-\[placement\=top-left\]\:ml-2 { @media (width >= 40rem) { &[data-placement="top-left"] { margin-left: calc(var(--spacing) * 2); } } } .sm\:data-\[placement\=top-left\]\:w-max { @media (width >= 40rem) { &[data-placement="top-left"] { width: max-content; } } } .sm\:data-\[placement\=top-right\]\:mr-2 { @media (width >= 40rem) { &[data-placement="top-right"] { margin-right: calc(var(--spacing) * 2); } } } .sm\:data-\[placement\=top-right\]\:w-max { @media (width >= 40rem) { &[data-placement="top-right"] { width: max-content; } } } .sm\:data-\[visible\=true\]\:pointer-events-none { @media (width >= 40rem) { &[data-visible="true"] { pointer-events: none; } } } .sm\:data-\[visible\=true\]\:opacity-0 { @media (width >= 40rem) { &[data-visible="true"] { opacity: 0%; } } } .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:pointer-events-auto { @media (width >= 40rem) { &:is(:where(.group)[data-hover="true"] *) { &[data-visible="true"] { pointer-events: auto; } } } } .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100 { @media (width >= 40rem) { &:is(:where(.group)[data-hover="true"] *) { &[data-visible="true"] { opacity: 100%; } } } } .md\:top-\[55px\] { @media (width >= 48rem) { top: 55px; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:mt-\[215px\] { @media (width >= 48rem) { margin-top: 215px; } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:grid { @media (width >= 48rem) { display: grid; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:h-\[160px\] { @media (width >= 48rem) { height: 160px; } } .md\:min-h-\[55px\] { @media (width >= 48rem) { min-height: 55px; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:items-start { @media (width >= 48rem) { align-items: flex-start; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:justify-start { @media (width >= 48rem) { justify-content: flex-start; } } .md\:space-y-0 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .md\:space-x-3 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:space-x-4 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:space-x-6 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:space-x-8 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } } .md\:py-0 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 0); } } .md\:text-left { @media (width >= 48rem) { text-align: left; } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-4xl { @media (width >= 48rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .md\:text-6xl { @media (width >= 48rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .lg\:grid-cols-1 { @media (width >= 64rem) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .rtl\:right-auto { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { right: auto; } } .rtl\:left-2 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: calc(var(--spacing) * 2); } } .rtl\:origin-top-right { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { transform-origin: 100% 0; } } .rtl\:-rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: calc(180deg * -1); } } .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } .rtl\:flex-row-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { flex-direction: row-reverse; } } .rtl\:space-x-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } .rtl\:data-\[focus-visible\=true\]\:translate-x-3 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &[data-focus-visible="true"] { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .rtl\:data-\[hover\=true\]\:translate-x-3 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &[data-hover="true"] { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .rtl\:data-\[open\=true\]\:-rotate-90 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &[data-open="true"] { rotate: calc(90deg * -1); } } } .dark\:border-danger-100 { &:is(.dark *) { border-color: hsl(var(--heroui-danger-100) / 1); } } .dark\:border-default-200 { &:is(.dark *) { border-color: hsl(var(--heroui-default-200) / 1); } } .dark\:border-primary-100 { &:is(.dark *) { border-color: hsl(var(--heroui-primary-100) / 1); } } .dark\:border-success-100 { &:is(.dark *) { border-color: hsl(var(--heroui-success-100) / 1); } } .dark\:border-warning-100 { &:is(.dark *) { border-color: hsl(var(--heroui-warning-100) / 1); } } .dark\:bg-background { &:is(.dark *) { background-color: hsl(var(--heroui-background) / 1); } } .dark\:bg-background\/20 { &:is(.dark *) { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 20%, transparent); } } } .dark\:bg-content2 { &:is(.dark *) { background-color: hsl(var(--heroui-content2) / 1); } } .dark\:bg-danger-50 { &:is(.dark *) { background-color: hsl(var(--heroui-danger-50) / 1); } } .dark\:bg-danger-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-danger-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-50) / 1) 50%, transparent); } } } .dark\:bg-danger-100 { &:is(.dark *) { background-color: hsl(var(--heroui-danger-100) / 1); } } .dark\:bg-default { &:is(.dark *) { background-color: hsl(var(--heroui-default) / 1); } } .dark\:bg-default-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-default-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default-50) / 1) 50%, transparent); } } } .dark\:bg-default-100 { &:is(.dark *) { background-color: hsl(var(--heroui-default-100) / 1); } } .dark\:bg-primary-50 { &:is(.dark *) { background-color: hsl(var(--heroui-primary-50) / 1); } } .dark\:bg-primary-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-primary-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary-50) / 1) 50%, transparent); } } } .dark\:bg-primary-100 { &:is(.dark *) { background-color: hsl(var(--heroui-primary-100) / 1); } } .dark\:bg-secondary-50 { &:is(.dark *) { background-color: hsl(var(--heroui-secondary-50) / 1); } } .dark\:bg-secondary-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-secondary-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary-50) / 1) 50%, transparent); } } } .dark\:bg-secondary-100 { &:is(.dark *) { background-color: hsl(var(--heroui-secondary-100) / 1); } } .dark\:bg-success-50 { &:is(.dark *) { background-color: hsl(var(--heroui-success-50) / 1); } } .dark\:bg-success-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-success-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success-50) / 1) 50%, transparent); } } } .dark\:bg-success-100 { &:is(.dark *) { background-color: hsl(var(--heroui-success-100) / 1); } } .dark\:bg-transparent { &:is(.dark *) { background-color: transparent; } } .dark\:bg-warning-50 { &:is(.dark *) { background-color: hsl(var(--heroui-warning-50) / 1); } } .dark\:bg-warning-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-warning-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning-50) / 1) 50%, transparent); } } } .dark\:bg-warning-100 { &:is(.dark *) { background-color: hsl(var(--heroui-warning-100) / 1); } } .dark\:text-danger-500 { &:is(.dark *) { color: hsl(var(--heroui-danger-500) / 1); } } .dark\:text-success { &:is(.dark *) { color: hsl(var(--heroui-success) / 1); } } .dark\:text-warning { &:is(.dark *) { color: hsl(var(--heroui-warning) / 1); } } .dark\:placeholder\:text-danger-500 { &:is(.dark *) { &::placeholder { color: hsl(var(--heroui-danger-500) / 1); } } } .dark\:placeholder\:text-success { &:is(.dark *) { &::placeholder { color: hsl(var(--heroui-success) / 1); } } } .dark\:placeholder\:text-warning { &:is(.dark *) { &::placeholder { color: hsl(var(--heroui-warning) / 1); } } } .dark\:before\:via-default-700\/10 { &:is(.dark *) { &::before { content: var(--tw-content); --tw-gradient-via: hsl(var(--heroui-default-700) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, hsl(var(--heroui-default-700) / 1) 10%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } } .dark\:after\:bg-content2 { &:is(.dark *) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-content2) / 1); } } } .dark\:focus\:bg-danger-400\/20 { &:is(.dark *) { &:focus { background-color: hsl(var(--heroui-danger-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 20%, transparent); } } } } .dark\:focus\:bg-success-400\/20 { &:is(.dark *) { &:focus { background-color: hsl(var(--heroui-success-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success-400) / 1) 20%, transparent); } } } } .dark\:focus\:bg-warning-400\/20 { &:is(.dark *) { &:focus { background-color: hsl(var(--heroui-warning-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning-400) / 1) 20%, transparent); } } } } .dark\:data-\[hover\=true\]\:bg-content2 { &:is(.dark *) { &[data-hover="true"] { background-color: hsl(var(--heroui-content2) / 1); } } } .dark\:data-\[hover\=true\]\:bg-danger-50 { &:is(.dark *) { &[data-hover="true"] { background-color: hsl(var(--heroui-danger-50) / 1); } } } .dark\:data-\[hover\=true\]\:bg-success-50 { &:is(.dark *) { &[data-hover="true"] { background-color: hsl(var(--heroui-success-50) / 1); } } } .dark\:data-\[hover\=true\]\:bg-warning-50 { &:is(.dark *) { &[data-hover="true"] { background-color: hsl(var(--heroui-warning-50) / 1); } } } .dark\:data-\[hover\=true\]\:text-danger-500 { &:is(.dark *) { &[data-hover="true"] { color: hsl(var(--heroui-danger-500) / 1); } } } .dark\:data-\[hover\=true\]\:text-success-500 { &:is(.dark *) { &[data-hover="true"] { color: hsl(var(--heroui-success-500) / 1); } } } .dark\:data-\[hover\=true\]\:text-warning-500 { &:is(.dark *) { &[data-hover="true"] { color: hsl(var(--heroui-warning-500) / 1); } } } .dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20 { &:is(.dark *) { &[data-invalid="true"] { &:focus { background-color: hsl(var(--heroui-danger-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 20%, transparent); } } } } } .dark\:data-\[selected\=true\]\:text-danger-500 { &:is(.dark *) { &[data-selected="true"] { color: hsl(var(--heroui-danger-500) / 1); } } } .dark\:data-\[selected\=true\]\:text-success { &:is(.dark *) { &[data-selected="true"] { color: hsl(var(--heroui-success) / 1); } } } .dark\:data-\[selected\=true\]\:text-warning { &:is(.dark *) { &[data-selected="true"] { color: hsl(var(--heroui-warning) / 1); } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500 { &:is(.dark *) { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-500) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50 { &:is(.dark *) { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-success-50) / 1); } } } } } .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50 { &:is(.dark *) { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-warning-50) / 1); } } } } } .dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } } .dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } } .\[\&_\.chevron-icon\]\:flex-none { & .chevron-icon { flex: none; } } .\[\&_\.chevron-icon\]\:rotate-180 { & .chevron-icon { rotate: 180deg; } } .\[\&_\.chevron-icon\]\:transition-transform { & .chevron-icon { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-danger { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-default { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-primary { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-secondary { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-success { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-warning { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\:not\(\:first-child\)\]\:-ml-1 { &:not(:first-child) { margin-left: calc(var(--spacing) * -1); } } .\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none { &:not(:first-child):not(:last-child) { border-radius: 0; } } .\[\&\:not\(\:first-of-type\)\]\:ms-\[calc\(theme\(borderWidth\.2\)\*-1\)\] { &:not(:first-of-type) { margin-inline-start: calc(2px * -1); } } .\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none { &:not(:first-of-type):not(:last-of-type) { border-radius: 0; } } .\[\&\>\*\]\:relative { &>* { position: relative; } } .\[\&\>\*\]\:z-1 { &>* { z-index: 1; } } .\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\] { &>svg { max-width: 2rem; } } .\[\&\>tr\]\:first\:rounded-lg { &>tr { &:first-child { border-radius: var(--radius-lg); } } } .\[\&\>tr\]\:first\:shadow-small { &>tr { &:first-child { --tw-shadow: var(--heroui-box-shadow-small); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100 { &[data-hover=true]:not([data-active=true]) { background-color: hsl(var(--heroui-default-100) / 1); } } .\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200 { &[data-hover=true]:not([data-active=true]) { background-color: hsl(var(--heroui-default-200) / 1); } } } .myClass { background-color: red; } @layer utilities { .hidden { display: none !important; } .grid { display: grid !important; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .gap-4 { gap: 1rem !important; } .gap-6 { gap: 1.5rem !important; } .gap-8 { gap: 2rem !important; } .mb-4 { margin-bottom: 1rem !important; } .mb-6 { margin-bottom: 1.5rem !important; } .mb-8 { margin-bottom: 2rem !important; } .mb-12 { margin-bottom: 3rem !important; } .mb-16 { margin-bottom: 4rem !important; } .mb-20 { margin-bottom: 5rem !important; } .mb-10 { margin-bottom: 2.5rem !important; } .mb-15 { margin-bottom: 3.75rem !important; } .mb-24 { margin-bottom: 6rem !important; } .mt-4 { margin-top: 1rem !important; } .mt-8 { margin-top: 2rem !important; } .mt-12 { margin-top: 3rem !important; } .p-4 { padding: 1rem !important; } .p-6 { padding: 1.5rem !important; } .p-8 { padding: 2rem !important; } .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .mx-4 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-6 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-left: 1rem !important; } .mt-\[166px\] { margin-top: 166px !important; } .h-\[160px\] { height: 160px !important; } .h-\[80vh\] { height: 80vh !important; } .max-h-\[90vh\] { max-height: 90vh !important; } .min-h-\[78px\] { min-height: 78px !important; } .min-h-\[55px\] { min-height: 55px !important; } @media (min-width: 768px) { .md\:hidden { display: none !important; } .md\:block { display: block !important; } .md\:flex { display: flex !important; } .md\:inline-block { display: inline-block !important; } .md\:flex-row { flex-direction: row !important; } .md\:grid { display: grid !important; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .md\:gap-4 { gap: 1rem !important; } .md\:gap-6 { gap: 1.5rem !important; } .md\:gap-8 { gap: 2rem !important; } .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: 0 !important; margin-bottom: 0 !important; } .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem !important; } .md\:mt-\[215px\] { margin-top: 215px !important; } .md\:h-\[160px\] { height: 160px !important; } .md\:min-h-\[55px\] { min-height: 55px !important; } } @media (min-width: 1024px) { .lg\:hidden { display: none !important; } .lg\:block { display: block !important; } .lg\:flex { display: flex !important; } .lg\:grid { display: grid !important; } .lg\:flex-row { flex-direction: row !important; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: 0 !important; margin-bottom: 0 !important; } .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem !important; } } @media (max-width: 767px) { .flex.md\:hidden { display: flex !important; } .block.md\:hidden { display: block !important; } } } #chat-widget-container { opacity: 1 !important; visibility: visible !important; } @layer components { :root { --input-border-color: #e5e7eb; --input-border-color-hover: #d1d5db; --input-border-color-focus: #6b7280; --input-text-color: #111827; --input-label-color: #6b7280; --input-placeholder-color: #9ca3af; --input-bg-color: #ffffff; --input-disabled-bg: #f9fafb; --stepper-dot-size: 40px; --stepper-dot-spacing: 16px; --stepper-line-thickness: 2px; --stepper-line-color: #e5e7eb; --stepper-line-complete: #10b981; --stepper-dot-incomplete: #e5e7eb; --stepper-dot-complete: #10b981; --stepper-text-color: #6b7280; } .styled-input-wrapper input, .styled-dropdown-wrapper select, .styled-phone-wrapper input[type="tel"] { border: 1px solid var(--input-border-color) !important; border-radius: 8px !important; padding: 14px 16px !important; font-size: 14px !important; line-height: 1.5 !important; color: var(--input-text-color) !important; background-color: var(--input-bg-color) !important; transition: all 0.2s ease !important; box-shadow: none !important; } .styled-input-wrapper input:hover:not(:disabled), .styled-dropdown-wrapper select:hover:not(:disabled), .styled-phone-wrapper input[type="tel"]:hover:not(:disabled) { border-color: var(--input-border-color-hover) !important; } .styled-input-wrapper input:focus, .styled-dropdown-wrapper select:focus, .styled-phone-wrapper input[type="tel"]:focus { border-color: var(--input-border-color-focus) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.05) !important; } .styled-input-wrapper input:disabled, .styled-dropdown-wrapper select:disabled, .styled-phone-wrapper input[type="tel"]:disabled { background-color: var(--input-disabled-bg) !important; color: var(--input-placeholder-color) !important; cursor: not-allowed !important; opacity: 0.6 !important; } .styled-input-wrapper input::placeholder, .styled-phone-wrapper input[type="tel"]::placeholder { color: var(--input-placeholder-color) !important; opacity: 1 !important; } .styled-input-wrapper label, .styled-dropdown-wrapper label, .styled-phone-wrapper label { transition: all 0.2s ease !important; pointer-events: none !important; } .radio-buttons-control { border: 1px solid var(--input-border-color) !important; border-radius: 8px !important; padding: 12px !important; } .radio-buttons-control input[type="radio"] { accent-color: var(--input-border-color-focus) !important; } .checkbox-control input[type="checkbox"] { accent-color: var(--input-border-color-focus) !important; border: 1px solid var(--input-border-color) !important; border-radius: 4px !important; } .address-search-control input { border: 1px solid var(--input-border-color) !important; border-radius: 8px !important; padding: 14px 16px !important; } .error input, .error select { border-color: #ef4444 !important; } .error label { color: #ef4444 !important; } button[type="submit"], button[type="button"] { transition: all 0.2s ease !important; } button { text-transform: none !important; } .text-gray-600 { color: #6b7280 !important; } .text-gray-500 { color: #9ca3af !important; } .text-gray-400 { color: #cbd5e1 !important; } } @layer base { :root, [data-theme] { color: hsl(var(--heroui-foreground)); background-color: hsl(var(--heroui-background)); } } @layer base { :root, [data-theme=light] { color-scheme: light; --heroui-background: 0 0% 100%; --heroui-foreground-50: 0 0% 98.04%; --heroui-foreground-100: 240 4.76% 95.88%; --heroui-foreground-200: 240 5.88% 90%; --heroui-foreground-300: 240 4.88% 83.92%; --heroui-foreground-400: 240 5.03% 64.9%; --heroui-foreground-500: 240 3.83% 46.08%; --heroui-foreground-600: 240 5.2% 33.92%; --heroui-foreground-700: 240 5.26% 26.08%; --heroui-foreground-800: 240 3.7% 15.88%; --heroui-foreground-900: 240 5.88% 10%; --heroui-foreground: 201.81999999999994 24.44% 8.82%; --heroui-divider: 0 0% 6.67%; --heroui-focus: 212.01999999999998 100% 46.67%; --heroui-overlay: 0 0% 0%; --heroui-content1: 0 0% 100%; --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%; --heroui-content2: 240 4.76% 95.88%; --heroui-content2-foreground: 240 3.7% 15.88%; --heroui-content3: 240 5.88% 90%; --heroui-content3-foreground: 240 5.26% 26.08%; --heroui-content4: 240 4.88% 83.92%; --heroui-content4-foreground: 240 5.2% 33.92%; --heroui-default-50: 0 0% 98.04%; --heroui-default-100: 240 4.76% 95.88%; --heroui-default-200: 240 5.88% 90%; --heroui-default-300: 240 4.88% 83.92%; --heroui-default-400: 240 5.03% 64.9%; --heroui-default-500: 240 3.83% 46.08%; --heroui-default-600: 240 5.2% 33.92%; --heroui-default-700: 240 5.26% 26.08%; --heroui-default-800: 240 3.7% 15.88%; --heroui-default-900: 240 5.88% 10%; --heroui-default-foreground: 0 0% 0%; --heroui-default: 240 4.88% 83.92%; --heroui-primary-50: 212.5 92.31% 94.9%; --heroui-primary-100: 211.84000000000003 92.45% 89.61%; --heroui-primary-200: 211.84000000000003 92.45% 79.22%; --heroui-primary-300: 212.24 92.45% 68.82%; --heroui-primary-400: 212.14 92.45% 58.43%; --heroui-primary-500: 212.01999999999998 100% 46.67%; --heroui-primary-600: 212.14 100% 38.43%; --heroui-primary-700: 212.24 100% 28.82%; --heroui-primary-800: 211.84000000000003 100% 19.22%; --heroui-primary-900: 211.84000000000003 100% 9.61%; --heroui-primary-foreground: 0 0% 100%; --heroui-primary: 212.01999999999998 100% 46.67%; --heroui-secondary-50: 270 61.54% 94.9%; --heroui-secondary-100: 270 59.26% 89.41%; --heroui-secondary-200: 270 59.26% 78.82%; --heroui-secondary-300: 270 59.26% 68.24%; --heroui-secondary-400: 270 59.26% 57.65%; --heroui-secondary-500: 270 66.67% 47.06%; --heroui-secondary-600: 270 66.67% 37.65%; --heroui-secondary-700: 270 66.67% 28.24%; --heroui-secondary-800: 270 66.67% 18.82%; --heroui-secondary-900: 270 66.67% 9.41%; --heroui-secondary-foreground: 0 0% 100%; --heroui-secondary: 270 66.67% 47.06%; --heroui-success-50: 146.66999999999996 64.29% 94.51%; --heroui-success-100: 145.71000000000004 61.4% 88.82%; --heroui-success-200: 146.2 61.74% 77.45%; --heroui-success-300: 145.78999999999996 62.57% 66.47%; --heroui-success-400: 146.01 62.45% 55.1%; --heroui-success-500: 145.96000000000004 79.46% 43.92%; --heroui-success-600: 146.01 79.89% 35.1%; --heroui-success-700: 145.78999999999996 79.26% 26.47%; --heroui-success-800: 146.2 79.78% 17.45%; --heroui-success-900: 145.71000000000004 77.78% 8.82%; --heroui-success-foreground: 0 0% 0%; --heroui-success: 145.96000000000004 79.46% 43.92%; --heroui-warning-50: 54.55000000000001 91.67% 95.29%; --heroui-warning-100: 37.139999999999986 91.3% 90.98%; --heroui-warning-200: 37.139999999999986 91.3% 81.96%; --heroui-warning-300: 36.95999999999998 91.24% 73.14%; --heroui-warning-400: 37.00999999999999 91.26% 64.12%; --heroui-warning-500: 37.02999999999997 91.27% 55.1%; --heroui-warning-600: 37.00999999999999 74.22% 44.12%; --heroui-warning-700: 36.95999999999998 73.96% 33.14%; --heroui-warning-800: 37.139999999999986 75% 21.96%; --heroui-warning-900: 37.139999999999986 75% 10.98%; --heroui-warning-foreground: 0 0% 0%; --heroui-warning: 37.02999999999997 91.27% 55.1%; --heroui-danger-50: 339.13 92% 95.1%; --heroui-danger-100: 340 91.84% 90.39%; --heroui-danger-200: 339.3299999999999 90% 80.39%; --heroui-danger-300: 339.11 90.6% 70.78%; --heroui-danger-400: 339 90% 60.78%; --heroui-danger-500: 339.20000000000005 90.36% 51.18%; --heroui-danger-600: 339 86.54% 40.78%; --heroui-danger-700: 339.11 85.99% 30.78%; --heroui-danger-800: 339.3299999999999 86.54% 20.39%; --heroui-danger-900: 340 84.91% 10.39%; --heroui-danger-foreground: 0 0% 100%; --heroui-danger: 339.20000000000005 90.36% 51.18%; --heroui-divider-weight: 1px; --heroui-disabled-opacity: .5; --heroui-font-size-tiny: 0.75rem; --heroui-font-size-small: 0.875rem; --heroui-font-size-medium: 1rem; --heroui-font-size-large: 1.125rem; --heroui-line-height-tiny: 1rem; --heroui-line-height-small: 1.25rem; --heroui-line-height-medium: 1.5rem; --heroui-line-height-large: 1.75rem; --heroui-radius-small: 8px; --heroui-radius-medium: 12px; --heroui-radius-large: 14px; --heroui-border-width-small: 1px; --heroui-border-width-medium: 2px; --heroui-border-width-large: 3px; --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-hover-opacity: .8; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes shimmer { 100% { transform: translateX(200%); } } @keyframes spinner-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes drip-expand { 0% { opacity: 0.2; transform: scale(0); } 100% { opacity: 0; transform: scale(2); } } @keyframes appearance-in { 0% { opacity: 0; transform: translateZ(0) scale(0.95); } 60% { opacity: 0.75; backface-visibility: hidden; webkit-font-smoothing: antialiased; transform: translateZ(0) scale(1.05); } 100% { opacity: 1; transform: translateZ(0) scale(1); } } @keyframes indeterminate-bar { 0% { transform: translateX(-50%) scaleX(0.2); } 100% { transform: translateX(100%) scaleX(1); } } @keyframes sway { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -150%); } 100% { transform: translate(0px, 0px); } } @keyframes blink { 0% { opacity: 0.2; } 20% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0.15; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; } } } /*# sourceMappingURL=main.css.map*/