/* * Copyright (c) 2022. Lorem ipsum dolor sit amet, consectetur adipiscing elit. * Morbi non lorem porttitor neque feugiat blandit. Ut vitae ipsum eget quam lacinia accumsan. * Etiam sed turpis ac ipsum condimentum fringilla. Maecenas magna. * Proin dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. * Vestibulum commodo. Ut rhoncus gravida arcu. */ /* ! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *,::before,::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Ensure the default browser behavior of the `hidden` attribute. */ [hidden] { display: none; } *, ::before, ::after { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { width: 100%; } .\!container { width: 100% !important; } @media (min-width: 640px) { .container { max-width: 640px; } .\!container { max-width: 640px !important; } } @media (min-width: 768px) { .container { max-width: 768px; } .\!container { max-width: 768px !important; } } @media (min-width: 1024px) { .container { max-width: 1024px; } .\!container { max-width: 1024px !important; } } @media (min-width: 1280px) { .container { max-width: 1280px; } .\!container { max-width: 1280px !important; } } @media (min-width: 1536px) { .container { max-width: 1536px; } .\!container { max-width: 1536px !important; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .visible { visibility: visible; } .\!visible { visibility: visible !important; } .invisible { visibility: hidden; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .\!relative { position: relative !important; } .sticky { position: -webkit-sticky; position: sticky; } .-inset-1 { top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem; } .inset-\[11px\] { top: 11px; right: 11px; bottom: 11px; left: 11px; } .inset-\[var\(--value\)\] { top: var(--value); right: var(--value); bottom: var(--value); left: var(--value); } .inset-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; } .-inset-1\/4 { top: -25%; right: -25%; bottom: -25%; left: -25%; } .inset-x-\[11px\] { left: 11px; right: 11px; } .inset-x-\[var\(--value\)\] { left: var(--value); right: var(--value); } .inset-y-\[11px\] { top: 11px; bottom: 11px; } .inset-y-\[var\(--value\)\] { top: var(--value); bottom: var(--value); } .inset-y-4 { top: 1rem; bottom: 1rem; } .inset-x-2 { left: 0.5rem; right: 0.5rem; } .top-1\/2 { top: 50%; } .left-1\/2 { left: 50%; } .top-\[11px\] { top: 11px; } .top-\[var\(--value\)\] { top: var(--value); } .right-\[11px\] { right: 11px; } .right-\[var\(--value\)\] { right: var(--value); } .bottom-\[11px\] { bottom: 11px; } .bottom-\[var\(--value\)\] { bottom: var(--value); } .left-\[11px\] { left: 11px; } .left-\[var\(--value\)\] { left: var(--value); } .top-6 { top: 1.5rem; } .right-8 { right: 2rem; } .bottom-12 { bottom: 3rem; } .left-16 { left: 4rem; } .-top-1 { top: -0.25rem; } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .z-\[123\] { z-index: 123; } .z-\[var\(--value\)\] { z-index: var(--value); } .z-30 { z-index: 30; } .order-\[4\] { order: 4; } .order-\[var\(--value\)\] { order: var(--value); } .order-last { order: 9999; } .order-2 { order: 2; } .col-\[7\] { grid-column: 7; } .col-\[span_3_\/_span_8\] { grid-column: span 3 / span 8; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-4 { grid-column: span 4 / span 4; } .col-start-\[7\] { grid-column-start: 7; } .col-start-1 { grid-column-start: 1; } .col-end-\[7\] { grid-column-end: 7; } .col-end-4 { grid-column-end: 4; } .row-\[7\] { grid-row: 7; } .row-\[span_3_\/_span_8\] { grid-row: span 3 / span 8; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-\[7\] { grid-row-start: 7; } .row-start-3 { grid-row-start: 3; } .row-end-\[7\] { grid-row-end: 7; } .row-end-5 { grid-row-end: 5; } .float-right { float: right; } .float-left { float: left; } .float-none { float: none; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .clear-none { clear: none; } .m-3 { margin: 0.75rem; } .m-8 { margin: 2rem; } .m-14 { margin: 3.5rem; } .m-16 { margin: 4rem; } .m-2 { margin: 0.5rem; } .m-1 { margin: 0.25rem; } .m-\[7px\] { margin: 7px; } .m-\[8px_4px\] { margin: 8px 4px; } .m-4 { margin: 1rem; } .-m-0 { margin: -0px; } .m-5 { margin: 1.25rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-16 { margin-top: 4rem; margin-bottom: 4rem; } .mx-\[7px\] { margin-left: 7px; margin-right: 7px; } .my-\[7px\] { margin-top: 7px; margin-bottom: 7px; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mt-2 { margin-top: 0.5rem; } .mt-16 { margin-top: 4rem; } .mt-6 { margin-top: 1.5rem; } .mt-20 { margin-top: 5rem; } .mt-\[7px\] { margin-top: 7px; } .mr-\[7px\] { margin-right: 7px; } .mb-\[7px\] { margin-bottom: 7px; } .ml-\[7px\] { margin-left: 7px; } .mt-\[clamp\(30px\2c 100px\)\] { margin-top: clamp(30px,100px); } .mt-0 { margin-top: 0px; } .mr-1 { margin-right: 0.25rem; } .mb-3 { margin-bottom: 0.75rem; } .ml-4 { margin-left: 1rem; } .-mt-2 { margin-top: -0.5rem; } .mt-5 { margin-top: 1.25rem; } .-mt-5 { margin-top: -1.25rem; } .-mt-\[10px\] { margin-top: -10px; } .mt-auto { margin-top: auto; } .-mt-0 { margin-top: -0px; } .mt-\[20px\] { margin-top: 20px; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .block { display: block; } .\!block { display: block !important; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .\!table { display: table !important; } .inline-table { display: inline-table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-column-group { display: table-column-group; } .table-footer-group { display: table-footer-group; } .table-header-group { display: table-header-group; } .table-row-group { display: table-row-group; } .table-row { display: table-row; } .flow-root { display: flow-root; } .grid { display: grid; } .inline-grid { display: inline-grid; } .contents { display: contents; } .list-item { display: list-item; } .hidden { display: none; } .\!hidden { display: none !important; } .aspect-\[16\/9\] { aspect-ratio: 16 / 9; } .aspect-\[var\(--aspect\)\] { aspect-ratio: var(--aspect); } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .h-\[calc\(100\%-theme\(\'spacing\.1\'\)\)\] { height: calc(100% - 0.25rem); } .h-\[calc\(100\%-theme\(\"spacing\.1\"\)\)\] { height: calc(100% - 0.25rem); } .h-3 { height: 0.75rem; } .h-8 { height: 2rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-1 { height: 0.25rem; } .h-\[3\.23rem\] { height: 3.23rem; } .h-\[calc\(100\%\+1rem\)\] { height: calc(100% + 1rem); } .h-\[var\(--height\)\] { height: var(--height); } .h-screen { height: 100vh; } .max-h-\[3\.23rem\] { max-height: 3.23rem; } .max-h-\[calc\(100\%\+1rem\)\] { max-height: calc(100% + 1rem); } .max-h-\[var\(--height\)\] { max-height: var(--height); } .max-h-screen { max-height: 100vh; } .min-h-\[3\.23rem\] { min-height: 3.23rem; } .min-h-\[calc\(100\%\+1rem\)\] { min-height: calc(100% + 1rem); } .min-h-\[var\(--height\)\] { min-height: var(--height); } .min-h-0 { min-height: 0px; } .w-\[this-is\\\\\]w-\\\\\[weird-but-valid\] { width: this-is\\]w-\\[weird-but-valid; } .w-1\/4 { width: 25%; } .w-1\/3 { width: 33.333333%; } .w-\[0\] { width: 0; } .w-\[3\.23rem\] { width: 3.23rem; } .w-\[calc\(100\%\+1rem\)\] { width: calc(100% + 1rem); } .w-\[calc\(var\(--10-10px\2c calc\(-20px-\(-30px--40px\)\)\)-50px\)\] { width: calc(var(--10-10px,calc(-20px - (-30px - -40px))) - 50px); } .w-\[var\(--width\)\] { width: var(--width); } .w-\[var\(--width\2c calc\(100\%\+1rem\)\)\] { width: var(--width,calc(100% + 1rem)); } .w-\[calc\(100\%\/3-1rem\*2\)\] { width: calc(100% / 3 - 1rem * 2); } .w-\[\{\}\] { width: {}; } .w-\[\{\{\}\}\] { width: {{}}; } .w-\[\[\]\] { width: []; } .w-\[\[\[\]\]\] { width: [[]]; } .w-\[\(\)\] { width: (); } .w-\[\(\(\)\)\] { width: (()); } .w-\[\'\]\[\]\'\] { width: '][]'; } .w-\[\'\)\(\)\'\] { width: ')()'; } .w-\[\'\}\{\}\'\] { width: '}{}'; } .w-\[length\:12px\] { width: 12px; } .w-\[theme\(spacing\.1\)\] { width: 0.25rem; } .w-\[theme\(spacing\[0\.5\]\)\] { width: 0.125rem; } .w-\[theme\(\'spacing\.1\'\)\] { width: 0.25rem; } .w-\[theme\(\'spacing\[0\.5\]\'\)\] { width: 0.125rem; } .w-\[calc\(100\%-theme\(\'spacing\.1\'\)\)\] { width: calc(100% - 0.25rem); } .w-\[calc\(100\%-theme\(\'spacing\[0\.5\]\'\)\)\] { width: calc(100% - 0.125rem); } .w-12 { width: 3rem; } .w-\[calc\(100\%-theme\(\"spacing\.2\"\)\)\] { width: calc(100% - 0.5rem); } .w-1\/2 { width: 50%; } .min-w-\[3\.23rem\] { min-width: 3.23rem; } .min-w-\[calc\(100\%\+1rem\)\] { min-width: calc(100% + 1rem); } .min-w-\[var\(--width\)\] { min-width: var(--width); } .min-w-min { min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; } .max-w-\[3\.23rem\] { max-width: 3.23rem; } .max-w-\[calc\(100\%\+1rem\)\] { max-width: calc(100% + 1rem); } .max-w-\[var\(--width\)\] { max-width: var(--width); } .max-w-full { max-width: 100%; } .max-w-\[16rem\] { max-width: 16rem; } .flex-\[var\(--flex\)\] { flex: var(--flex); } .flex-\[1_1_100\%\] { flex: 1 1 100%; } .flex-1 { flex: 1 1 0%; } .flex-shrink { flex-shrink: 1; } .flex-shrink-\[var\(--shrink\)\] { flex-shrink: var(--shrink); } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-\[var\(--shrink\)\] { flex-shrink: var(--shrink); } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .flex-grow-\[var\(--grow\)\] { flex-grow: var(--grow); } .flex-grow-0 { flex-grow: 0; } .grow { flex-grow: 1; } .grow-\[var\(--grow\)\] { flex-grow: var(--grow); } .grow-0 { flex-grow: 0; } .basis-\[var\(--basis\)\] { flex-basis: var(--basis); } .basis-auto { flex-basis: auto; } .basis-7 { flex-basis: 1.75rem; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .origin-\[50px_50px\] { transform-origin: 50px 50px; } .origin-top-right { transform-origin: top right; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[12\%\] { --tw-translate-x: 12%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[var\(--value\)\] { --tw-translate-x: var(--value); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[12\%\] { --tw-translate-y: 12%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[var\(--value\)\] { --tw-translate-y: var(--value); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-5 { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-4 { --tw-translate-x: -1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-6 { --tw-translate-y: 1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-3 { --tw-translate-x: -0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[23deg\] { --tw-rotate: 23deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[2\.3rad\] { --tw-rotate: 2.3rad; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[401grad\] { --tw-rotate: 401grad; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[1\.5turn\] { --tw-rotate: 1.5turn; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-3 { --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .skew-x-\[3px\] { --tw-skew-x: 3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .skew-x-\[var\(--value\)\] { --tw-skew-x: var(--value); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .skew-y-\[3px\] { --tw-skew-y: 3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .skew-y-\[var\(--value\)\] { --tw-skew-y: var(--value); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .skew-y-12 { --tw-skew-y: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .skew-x-12 { --tw-skew-x: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .skew-y-6 { --tw-skew-y: 6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[0\.7\] { --tw-scale-x: 0.7; --tw-scale-y: 0.7; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[var\(--value\)\] { --tw-scale-x: var(--value); --tw-scale-y: var(--value); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-50 { --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-150 { --tw-scale-x: 1.5; --tw-scale-y: 1.5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-x-\[0\.7\] { --tw-scale-x: 0.7; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-x-\[var\(--value\)\] { --tw-scale-x: var(--value); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-y-\[0\.7\] { --tw-scale-y: 0.7; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-y-\[var\(--value\)\] { --tw-scale-y: var(--value); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-scale-x-100 { --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-x-110 { --tw-scale-x: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\!transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform-cpu { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-gpu { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-none { transform: none; } @-webkit-keyframes spin { to { transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes pulse { 50% { opacity: .5; } } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .animate-\[pong_1s_cubic-bezier\(0\2c 0\2c 0\.2\2c 1\)_infinite\] { -webkit-animation: pong 1s cubic-bezier(0,0,0.2,1) infinite; animation: pong 1s cubic-bezier(0,0,0.2,1) infinite; } .animate-\[var\(--value\)\] { -webkit-animation: var(--value); animation: var(--value); } .animate-none { -webkit-animation: none; animation: none; } .cursor-\[pointer\] { cursor: pointer; } .cursor-\[url\(hand\.cur\)_2_2\2c pointer\] { cursor: url(hand.cur) 2 2,pointer; } .cursor-\[var\(--value\)\] { cursor: var(--value); } .cursor-pointer { cursor: pointer; } .touch-auto { touch-action: auto; } .touch-none { touch-action: none; } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-left { --tw-pan-x: pan-left; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-right { --tw-pan-x: pan-right; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-up { --tw-pan-y: pan-up; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-down { --tw-pan-y: pan-down; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-manipulation { touch-action: manipulation; } .select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select-text { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .select-auto { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .resize-none { resize: none; } .resize-y { resize: vertical; } .resize-x { resize: horizontal; } .resize { resize: both; } .snap-none { -ms-scroll-snap-type: none; scroll-snap-type: none; } .snap-x { -ms-scroll-snap-type: x var(--tw-scroll-snap-strictness); scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-y { -ms-scroll-snap-type: y var(--tw-scroll-snap-strictness); scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-both { -ms-scroll-snap-type: both var(--tw-scroll-snap-strictness); scroll-snap-type: both var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-proximity { --tw-scroll-snap-strictness: proximity; } .snap-start { scroll-snap-align: start; } .snap-end { scroll-snap-align: end; } .snap-center { scroll-snap-align: center; } .snap-align-none { scroll-snap-align: none; } .snap-normal { scroll-snap-stop: normal; } .snap-always { scroll-snap-stop: always; } .scroll-m-\[7px\] { scroll-margin: 7px; } .scroll-mx-\[7px\] { scroll-margin-left: 7px; scroll-margin-right: 7px; } .scroll-my-\[7px\] { scroll-margin-top: 7px; scroll-margin-bottom: 7px; } .scroll-mt-\[7px\] { scroll-margin-top: 7px; } .scroll-mr-\[7px\] { scroll-margin-right: 7px; } .scroll-mb-\[7px\] { scroll-margin-bottom: 7px; } .scroll-ml-\[7px\] { scroll-margin-left: 7px; } .scroll-mt-\[var\(--scroll-margin\)\] { scroll-margin-top: var(--scroll-margin); } .scroll-mt-6 { scroll-margin-top: 1.5rem; } .scroll-p-\[7px\] { scroll-padding: 7px; } .scroll-p-6 { scroll-padding: 1.5rem; } .scroll-px-\[7px\] { scroll-padding-left: 7px; scroll-padding-right: 7px; } .scroll-py-\[7px\] { scroll-padding-top: 7px; scroll-padding-bottom: 7px; } .scroll-pt-\[7px\] { scroll-padding-top: 7px; } .scroll-pr-\[7px\] { scroll-padding-right: 7px; } .scroll-pb-\[7px\] { scroll-padding-bottom: 7px; } .scroll-pl-\[7px\] { scroll-padding-left: 7px; } .scroll-pt-\[var\(--scroll-padding\)\] { scroll-padding-top: var(--scroll-padding); } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .list-\[\'\\1F44D\'\] { list-style-type: '\1F44D'; } .list-\[var\(--value\)\] { list-style-type: var(--value); } .list-disc { list-style-type: disc; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .columns-\[20\] { -moz-columns: 20; columns: 20; } .columns-\[var\(--columns\)\] { -moz-columns: var(--columns); columns: var(--columns); } .columns-1 { -moz-columns: 1; columns: 1; } .columns-md { -moz-columns: 28rem; columns: 28rem; } .break-before-auto { -moz-column-break-before: auto; break-before: auto; } .break-before-avoid { -moz-column-break-before: avoid; break-before: avoid; } .break-before-all { -moz-column-break-before: all; break-before: all; } .break-before-avoid-page { -moz-column-break-before: avoid; break-before: avoid-page; } .break-before-page { -moz-column-break-before: page; break-before: page; } .break-before-left { -moz-column-break-before: left; break-before: left; } .break-before-right { -moz-column-break-before: right; break-before: right; } .break-before-column { -moz-column-break-before: column; break-before: column; } .break-inside-auto { -moz-column-break-inside: auto; break-inside: auto; } .break-inside-avoid { -moz-column-break-inside: avoid; break-inside: avoid; } .break-inside-avoid-page { break-inside: avoid-page; } .break-inside-avoid-column { -moz-column-break-inside: avoid; break-inside: avoid-column; } .break-after-auto { -moz-column-break-after: auto; break-after: auto; } .break-after-avoid { -moz-column-break-after: avoid; break-after: avoid; } .break-after-all { -moz-column-break-after: all; break-after: all; } .break-after-avoid-page { -moz-column-break-after: avoid; break-after: avoid-page; } .break-after-page { -moz-column-break-after: page; break-after: page; } .break-after-left { -moz-column-break-after: left; break-after: left; } .break-after-right { -moz-column-break-after: right; break-after: right; } .break-after-column { -moz-column-break-after: column; break-after: column; } .auto-cols-\[minmax\(10px\2c auto\)\] { grid-auto-columns: minmax(10px,auto); } .auto-cols-\[minmax\(0\2c _1fr\)\] { grid-auto-columns: minmax(0, 1fr); } .auto-cols-min { grid-auto-columns: -webkit-min-content; grid-auto-columns: min-content; } .grid-flow-row { grid-auto-flow: row; } .grid-flow-col { grid-auto-flow: column; } .grid-flow-row-dense { grid-auto-flow: row dense; } .grid-flow-col-dense { grid-auto-flow: column dense; } .auto-rows-\[minmax\(10px\2c auto\)\] { grid-auto-rows: minmax(10px,auto); } .auto-rows-max { grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; } .grid-cols-\[200px\2c repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)\2c 300px\] { grid-template-columns: 200px repeat(auto-fill,minmax(15%,100px)) 300px; } .grid-cols-\[\[linename\]\2c 1fr\2c auto\] { grid-template-columns: [linename] 1fr auto; } .grid-cols-\[200px_repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)_300px\] { grid-template-columns: 200px repeat(auto-fill,minmax(15%,100px)) 300px; } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-\[1fr_200px_3fr\] { grid-template-columns: 1fr 200px 3fr; } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-rows-\[200px\2c repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)\2c 300px\] { grid-template-rows: 200px repeat(auto-fill,minmax(15%,100px)) 300px; } .grid-rows-\[200px_repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)_300px\] { grid-template-rows: 200px repeat(auto-fill,minmax(15%,100px)) 300px; } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .flex-nowrap { flex-wrap: nowrap; } .place-content-center { place-content: center; } .place-content-start { place-content: start; } .place-content-end { place-content: end; } .place-content-between { place-content: space-between; } .place-content-around { place-content: space-around; } .place-content-evenly { place-content: space-evenly; } .place-content-stretch { place-content: stretch; } .place-items-start { place-items: start; } .place-items-end { place-items: end; } .place-items-center { place-items: center; } .place-items-stretch { place-items: stretch; } .content-center { align-content: center; } .content-start { align-content: flex-start; } .content-end { align-content: flex-end; } .content-between { align-content: space-between; } .content-around { align-content: space-around; } .content-evenly { align-content: space-evenly; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-evenly { justify-content: space-evenly; } .justify-items-start { justify-items: start; } .justify-items-end { justify-items: end; } .justify-items-center { justify-items: center; } .justify-items-stretch { justify-items: stretch; } .gap-\[20px\] { gap: 20px; } .gap-\[var\(--value\)\] { gap: var(--value); } .gap-4 { gap: 1rem; } .gap-x-\[20px\] { -moz-column-gap: 20px; column-gap: 20px; } .gap-x-\[var\(--value\)\] { -moz-column-gap: var(--value); column-gap: var(--value); } .gap-y-\[20px\] { row-gap: 20px; } .gap-y-\[var\(--value\)\] { row-gap: var(--value); } .gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-y-3 { row-gap: 0.75rem; } .space-x-\[20cm\] > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(20cm * var(--tw-space-x-reverse)); margin-left: calc(20cm * calc(1 - var(--tw-space-x-reverse))); } .space-x-\[calc\(20\%-1cm\)\] > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(calc(20% - 1cm) * var(--tw-space-x-reverse)); margin-left: calc(calc(20% - 1cm) * calc(1 - var(--tw-space-x-reverse))); } .space-y-\[20cm\] > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(20cm * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(20cm * var(--tw-space-y-reverse)); } .space-y-\[calc\(20\%-1cm\)\] > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(calc(20% - 1cm) * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(calc(20% - 1cm) * var(--tw-space-y-reverse)); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 1; } .space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-x-\[20cm\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(20cm * var(--tw-divide-x-reverse)); border-left-width: calc(20cm * calc(1 - var(--tw-divide-x-reverse))); } .divide-x-\[calc\(20\%-1cm\)\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(calc(20% - 1cm) * var(--tw-divide-x-reverse)); border-left-width: calc(calc(20% - 1cm) * calc(1 - var(--tw-divide-x-reverse))); } .divide-y-\[20cm\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(20cm * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(20cm * var(--tw-divide-y-reverse)); } .divide-y-\[calc\(20\%-1cm\)\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(calc(20% - 1cm) * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(calc(20% - 1cm) * var(--tw-divide-y-reverse)); } .divide-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(2px * var(--tw-divide-x-reverse)); border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); } .divide-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(0px * var(--tw-divide-x-reverse)); border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } .divide-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 1; } .divide-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 1; } .divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid; } .divide-dashed > :not([hidden]) ~ :not([hidden]) { border-style: dashed; } .divide-dotted > :not([hidden]) ~ :not([hidden]) { border-style: dotted; } .divide-double > :not([hidden]) ~ :not([hidden]) { border-style: double; } .divide-none > :not([hidden]) ~ :not([hidden]) { border-style: none; } .divide-\[black\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(0 0 0 / var(--tw-divide-opacity)); } .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } .divide-black > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(0 0 0 / var(--tw-divide-opacity)); } .divide-opacity-\[0\.8\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 0.8; } .divide-opacity-\[var\(--value\)\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: var(--value); } .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 0.5; } .place-self-auto { place-self: auto; } .place-self-start { place-self: start; } .place-self-end { place-self: end; } .place-self-center { place-self: center; } .place-self-stretch { place-self: stretch; } .self-auto { align-self: auto; } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .self-stretch { align-self: stretch; } .self-baseline { align-self: baseline; } .justify-self-auto { justify-self: auto; } .justify-self-start { justify-self: start; } .justify-self-end { justify-self: end; } .justify-self-center { justify-self: center; } .justify-self-stretch { justify-self: stretch; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-clip { overflow: clip; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-clip { overflow-x: clip; } .overflow-y-clip { overflow-y: clip; } .overflow-x-visible { overflow-x: visible; } .overflow-y-visible { overflow-y: visible; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-scroll { overflow-y: scroll; } .overscroll-auto { -ms-scroll-chaining: chained; overscroll-behavior: auto; } .overscroll-contain { -ms-scroll-chaining: none; overscroll-behavior: contain; } .overscroll-none { -ms-scroll-chaining: none; overscroll-behavior: none; } .overscroll-y-auto { overscroll-behavior-y: auto; } .overscroll-y-contain { overscroll-behavior-y: contain; } .overscroll-y-none { overscroll-behavior-y: none; } .overscroll-x-auto { overscroll-behavior-x: auto; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-x-none { overscroll-behavior-x: none; } .scroll-auto { scroll-behavior: auto; } .scroll-smooth { scroll-behavior: smooth; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-ellipsis { text-overflow: ellipsis; } .text-ellipsis { text-overflow: ellipsis; } .text-clip { text-overflow: clip; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-normal { overflow-wrap: normal; word-break: normal; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .\!rounded-md { border-radius: 0.375rem !important; } .rounded-\[11px\] { border-radius: 11px; } .rounded-\[0px_4px_4px_0px\] { border-radius: 0px 4px 4px 0px; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-t-\[var\(--radius\)\] { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .rounded-r-\[var\(--radius\)\] { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); } .rounded-b-\[var\(--radius\)\] { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); } .rounded-l-\[var\(--radius\)\] { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); } .rounded-tl { border-top-left-radius: 0.25rem; } .rounded-tr { border-top-right-radius: 0.25rem; } .rounded-br { border-bottom-right-radius: 0.25rem; } .rounded-bl { border-bottom-left-radius: 0.25rem; } .rounded-tr-\[var\(--radius\)\] { border-top-right-radius: var(--radius); } .rounded-br-\[var\(--radius\)\] { border-bottom-right-radius: var(--radius); } .rounded-bl-\[var\(--radius\)\] { border-bottom-left-radius: var(--radius); } .rounded-tl-\[var\(--radius\)\] { border-top-left-radius: var(--radius); } .border { border-width: 1px; } .border-\[2\.5px\] { border-width: 2.5px; } .border-\[length\:var\(--value\)\] { border-width: var(--value); } .border-2 { border-width: 2px; } .border-x { border-left-width: 1px; border-right-width: 1px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-x-4 { border-left-width: 4px; border-right-width: 4px; } .border-y-4 { border-top-width: 4px; border-bottom-width: 4px; } .border-t { border-top-width: 1px; } .border-r { border-right-width: 1px; } .border-b { border-bottom-width: 1px; } .border-l { border-left-width: 1px; } .border-t-\[2\.5px\] { border-top-width: 2.5px; } .border-t-\[length\:var\(--value\)\] { border-top-width: var(--value); } .border-r-\[2\.5px\] { border-right-width: 2.5px; } .border-r-\[length\:var\(--value\)\] { border-right-width: var(--value); } .border-b-\[2\.5px\] { border-bottom-width: 2.5px; } .border-b-\[length\:var\(--value\)\] { border-bottom-width: var(--value); } .border-l-\[2\.5px\] { border-left-width: 2.5px; } .border-l-\[length\:var\(--value\)\] { border-left-width: var(--value); } .border-b-4 { border-bottom-width: 4px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-dotted { border-style: dotted; } .border-double { border-style: double; } .border-hidden { border-style: hidden; } .border-none { border-style: none; } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .border-\[\#f00\] { --tw-border-opacity: 1; border-color: rgb(255 0 0 / var(--tw-border-opacity)); } .border-\[red_black\] { border-color: red black; } .border-\[color\:var\(--value\)\] { border-color: var(--value); } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity)); } .border-x-black { --tw-border-opacity: 1; border-left-color: rgb(0 0 0 / var(--tw-border-opacity)); border-right-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-y-black { --tw-border-opacity: 1; border-top-color: rgb(0 0 0 / var(--tw-border-opacity)); border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-t-\[\#f00\] { --tw-border-opacity: 1; border-top-color: rgb(255 0 0 / var(--tw-border-opacity)); } .border-t-\[color\:var\(--value\)\] { border-top-color: var(--value); } .border-r-\[\#f00\] { --tw-border-opacity: 1; border-right-color: rgb(255 0 0 / var(--tw-border-opacity)); } .border-r-\[color\:var\(--value\)\] { border-right-color: var(--value); } .border-b-\[\#f00\] { --tw-border-opacity: 1; border-bottom-color: rgb(255 0 0 / var(--tw-border-opacity)); } .border-b-\[color\:var\(--value\)\] { border-bottom-color: var(--value); } .border-l-\[\#f00\] { --tw-border-opacity: 1; border-left-color: rgb(255 0 0 / var(--tw-border-opacity)); } .border-l-\[color\:var\(--value\)\] { border-left-color: var(--value); } .border-t-black { --tw-border-opacity: 1; border-top-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-r-black { --tw-border-opacity: 1; border-right-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-b-black { --tw-border-opacity: 1; border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-l-black { --tw-border-opacity: 1; border-left-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-opacity-\[0\.8\] { --tw-border-opacity: 0.8; } .border-opacity-\[var\(--value\)\] { --tw-border-opacity: var(--value); } .border-opacity-10 { --tw-border-opacity: 0.1; } .bg-\[rgb\(255\2c 0\2c 0\)\] { --tw-bg-opacity: 1; background-color: rgb(255 0 0 / var(--tw-bg-opacity)); } .bg-yellow-600 { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } .bg-\[\#0f0\] { --tw-bg-opacity: 1; background-color: rgb(0 255 0 / var(--tw-bg-opacity)); } .bg-\[\#ff0000\] { --tw-bg-opacity: 1; background-color: rgb(255 0 0 / var(--tw-bg-opacity)); } .bg-\[\#0000ffcc\] { background-color: #0000ffcc; } .bg-\[rgb\(123\2c 123\2c 123\)\] { --tw-bg-opacity: 1; background-color: rgb(123 123 123 / var(--tw-bg-opacity)); } .bg-\[rgba\(123\2c 123\2c 123\2c 0\.5\)\] { background-color: rgba(123,123,123,0.5); } .bg-\[rgb\(123\2c _456\2c _123\)_black\] { background-color: rgb(123, 456, 123) black; } .bg-\[rgb\(123_456_789\)\] { --tw-bg-opacity: 1; background-color: rgb(123 456 789 / var(--tw-bg-opacity)); } .bg-\[hsl\(0\2c 100\%\2c 50\%\)\] { --tw-bg-opacity: 1; background-color: hsl(0 100% 50% / var(--tw-bg-opacity)); } .bg-\[hsla\(0\2c 100\%\2c 50\%\2c 0\.3\)\] { background-color: hsla(0,100%,50%,0.3); } .bg-\[hsl\(0rad\2c 100\%\2c 50\%\)\] { --tw-bg-opacity: 1; background-color: hsl(0rad 100% 50% / var(--tw-bg-opacity)); } .bg-\[hsla\(0turn\2c 100\%\2c 50\%\2c 0\.3\)\] { background-color: hsla(0turn,100%,50%,0.3); } .bg-\[\#0f0_var\(--value\)\] { background-color: #0f0 var(--value); } .bg-\[color\:var\(--value1\)_var\(--value2\)\] { background-color: var(--value1) var(--value2); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } .bg-\[color\:var\(--bg-color\)\] { background-color: var(--bg-color); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } .bg-red-500\/50 { background-color: rgb(239 68 68 / 0.5); } .bg-red-500\/\[var\(--opacity\)\] { background-color: rgb(239 68 68 / var(--opacity)); } .bg-\[wheat\]\/50 { background-color: rgb(245 222 179 / 0.5); } .bg-\[\#bada55\]\/\[0\.2\] { background-color: rgb(186 218 85 / 0.2); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-pink-500 { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity)); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); } .bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .bg-blue-400 { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity)); } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)); } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .bg-opacity-\[0\.11\] { --tw-bg-opacity: 0.11; } .bg-opacity-\[var\(--value\)\] { --tw-bg-opacity: var(--value); } .bg-opacity-20 { --tw-bg-opacity: 0.2; } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .bg-\[url\(\'\.\.\.\'\)\] { background-image: url('...'); } .bg-\[url\(\"\.\.\.\"\)\] { background-image: url("..."); } .bg-\[url\(\'\.\.\.\'\)\2c url\(\'\.\.\.\'\)\] { background-image: url('...'),url('...'); } .bg-\[url\(\"\.\.\.\"\)\2c url\(\"\.\.\.\"\)\] { background-image: url("..."),url("..."); } .bg-\[url\(\'\/path-to-image\.png\'\)\] { background-image: url('/path-to-image.png'); } .bg-\[url\:var\(--url\)\] { background-image: var(--url); } .bg-\[linear-gradient\(\#eee\2c \#fff\)\] { background-image: linear-gradient(#eee,#fff); } .bg-\[linear-gradient\(\#eee\2c \#fff\)\2c conic-gradient\(red\2c orange\2c yellow\2c green\2c blue\)\] { background-image: linear-gradient(#eee,#fff),conic-gradient(red,orange,yellow,green,blue); } .bg-\[image\(\)\2c var\(--value\)\] { background-image: image(),var(--value); } .bg-\[image\:var\(--value\)\2c var\(--value\)\] { background-image: var(--value),var(--value); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-\[url\(\'\/image-1-0\.png\'\)\] { background-image: url('/image-1-0.png'); } .bg-\[url\:var\(--image-url\)\] { background-image: var(--image-url); } .bg-\[url\(\'https\:\/\/www\.spacejam\.com\/1996\/img\/bg_stars\.gif\'\)\] { background-image: url('https://www.spacejam.com/1996/img/bg_stars.gif'); } .bg-\[url\(\'brown_potato\.jpg\'\)\2c _url\(\'red_tomato\.png\'\)\] { background-image: url('brown_potato.jpg'), url('red_tomato.png'); } .from-\[\#da5b66\] { --tw-gradient-from: #da5b66; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(218 91 102 / 0)); } .from-\[var\(--color\)\] { --tw-gradient-from: var(--color); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)); } .from-red-300 { --tw-gradient-from: #fca5a5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(252 165 165 / 0)); } .from-red-500\/50 { --tw-gradient-from: rgb(239 68 68 / 0.5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(239 68 68 / 0)); } .via-\[\#da5b66\] { --tw-gradient-stops: var(--tw-gradient-from), #da5b66, var(--tw-gradient-to, rgb(218 91 102 / 0)); } .via-\[var\(--color\)\] { --tw-gradient-stops: var(--tw-gradient-from), var(--color), var(--tw-gradient-to, rgb(255 255 255 / 0)); } .via-purple-200 { --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff, var(--tw-gradient-to, rgb(233 213 255 / 0)); } .to-\[\#da5b66\] { --tw-gradient-to: #da5b66; } .to-\[var\(--color\)\] { --tw-gradient-to: var(--color); } .to-blue-400 { --tw-gradient-to: #60a5fa; } .decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; } .decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .box-decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; } .box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .bg-\[length\:200px_100px\] { background-size: 200px 100px; } .bg-\[length\:var\(--value\)\] { background-size: var(--value); } .bg-cover { background-size: cover; } .bg-fixed { background-attachment: fixed; } .bg-local { background-attachment: local; } .bg-scroll { background-attachment: scroll; } .bg-clip-border { background-clip: border-box; } .bg-clip-padding { background-clip: padding-box; } .bg-clip-content { background-clip: content-box; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-\[center_top_1rem\] { background-position: center top 1rem; } .bg-\[position\:200px_100px\] { background-position: 200px 100px; } .bg-\[position\:var\(--value\)\] { background-position: var(--value); } .bg-top { background-position: top; } .bg-repeat { background-repeat: repeat; } .bg-no-repeat { background-repeat: no-repeat; } .bg-repeat-x { background-repeat: repeat-x; } .bg-repeat-y { background-repeat: repeat-y; } .bg-repeat-round { background-repeat: round; } .bg-repeat-space { background-repeat: space; } .bg-origin-border { background-origin: border-box; } .bg-origin-padding { background-origin: padding-box; } .bg-origin-content { background-origin: content-box; } .fill-\[\#bada55\] { fill: #bada55; } .fill-\[\#bada55\]\/50 { fill: rgb(186 218 85 / 0.5); } .fill-\[\#da5b66\] { fill: #da5b66; } .fill-\[var\(--value\)\] { fill: var(--value); } .fill-\[url\(\#icon-gradient\)\] { fill: url(#icon-gradient); } .fill-current { fill: currentColor; } .fill-red-500\/25 { fill: rgb(239 68 68 / 0.25); } .fill-\[var\(--my-color\)\] { fill: var(--my-color); } .stroke-\[\#da5b66\] { stroke: #da5b66; } .stroke-\[color\:var\(--value\)\] { stroke: var(--value); } .stroke-\[url\(\#icon-gradient\)\] { stroke: url(#icon-gradient); } .stroke-current { stroke: currentColor; } .stroke-\[20px\] { stroke-width: 20px; } .stroke-\[length\:var\(--value\)\] { stroke-width: var(--value); } .stroke-2 { stroke-width: 2; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-fill { -o-object-fit: fill; object-fit: fill; } .object-none { -o-object-fit: none; object-fit: none; } .object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; } .object-\[50\%\2c 50\%\] { -o-object-position: 50% 50%; object-position: 50% 50%; } .object-\[top\2c right\] { -o-object-position: top right; object-position: top right; } .object-\[var\(--position\)\] { -o-object-position: var(--position); object-position: var(--position); } .object-bottom { -o-object-position: bottom; object-position: bottom; } .p-1 { padding: 0.25rem; } .p-20 { padding: 5rem; } .p-16 { padding: 4rem; } .p-8 { padding: 2rem; } .p-\[7px\] { padding: 7px; } .p-\[8px_4px\] { padding: 8px 4px; } .p-4 { padding: 1rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .px-\[7px\] { padding-left: 7px; padding-right: 7px; } .py-\[7px\] { padding-top: 7px; padding-bottom: 7px; } .px-\[25px\] { padding-left: 25px; padding-right: 25px; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .\!py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .pt-56 { padding-top: 14rem; } .pb-56 { padding-bottom: 14rem; } .pt-10 { padding-top: 2.5rem; } .pb-20 { padding-bottom: 5rem; } .pt-4 { padding-top: 1rem; } .pt-\[7px\] { padding-top: 7px; } .pr-\[7px\] { padding-right: 7px; } .pb-\[7px\] { padding-bottom: 7px; } .pl-\[7px\] { padding-left: 7px; } .pt-\[clamp\(30px\2c 100px\)\] { padding-top: clamp(30px,100px); } .pt-1 { padding-top: 0.25rem; } .pr-2 { padding-right: 0.5rem; } .pb-3 { padding-bottom: 0.75rem; } .pl-4 { padding-left: 1rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .indent-\[50\%\] { text-indent: 50%; } .indent-\[var\(--indent\)\] { text-indent: var(--indent); } .indent-6 { text-indent: 1.5rem; } .-indent-12 { text-indent: -3rem; } .align-baseline { vertical-align: baseline; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .align-text-top { vertical-align: text-top; } .align-text-bottom { vertical-align: text-bottom; } .align-sub { vertical-align: sub; } .align-super { vertical-align: super; } .align-\[10em\] { vertical-align: 10em; } .font-\[\'some_font\'\2c sans-serif\] { font-family: 'some font',sans-serif; } .font-\[\"some_font\"\2c sans-serif\] { font-family: "some font",sans-serif; } .font-\[Georgia\2c serif\] { font-family: Georgia,serif; } .font-\[\'Gill_Sans\'\] { font-family: 'Gill Sans'; } .font-\[sans-serif\2c serif\] { font-family: sans-serif,serif; } .font-\[family-name\:var\(--value\)\] { font-family: var(--value); } .font-\[serif\2c var\(--value\)\] { font-family: serif,var(--value); } .font-\[\'Some_Font\'\2c sans-serif\] { font-family: 'Some Font',sans-serif; } .font-\[\'Some_Font\'\2c \'Some_Other_Font\'\] { font-family: 'Some Font','Some Other Font'; } .font-\[\'Some_Font\'\2c var\(--other-font\)\] { font-family: 'Some Font',var(--other-font); } .font-sans { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .font-\[\'Open_Sans\'\2c _system-ui\2c _sans-serif\] { font-family: 'Open Sans', system-ui, sans-serif; } .font-\[\"Open_Sans\"\2c _system-ui\2c _sans-serif\] { font-family: "Open Sans", system-ui, sans-serif; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-\[0\] { font-size: 0; } .text-\[2\.23rem\] { font-size: 2.23rem; } .text-\[length\:var\(--font-size\)\] { font-size: var(--font-size); } .text-\[min\(10vh\2c 100px\)\] { font-size: min(10vh,100px); } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-\[10px\] { font-size: 10px; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-\[11px\] { font-size: 11px; } .text-\[21px\] { font-size: 21px; } .text-\[22px\] { font-size: 22px; } .text-\[31px\] { font-size: 31px; } .text-\[32px\] { font-size: 32px; } .text-\[51px\] { font-size: 51px; } .text-\[52px\] { font-size: 52px; } .text-\[61px\] { font-size: 61px; } .text-\[62px\] { font-size: 62px; } .text-\[41px\] { font-size: 41px; } .text-\[42px\] { font-size: 42px; } .text-\[71px\] { font-size: 71px; } .text-\[72px\] { font-size: 72px; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .font-semibold { font-weight: 600; } .font-black { font-weight: 900; } .font-bold { font-weight: 700; } .font-\[300\] { font-weight: 300; } .font-\[number\:lighter\] { font-weight: lighter; } .font-\[number\:var\(--value\)\] { font-weight: var(--value); } .font-medium { font-weight: 500; } .\!font-bold { font-weight: 700 !important; } .font-normal { font-weight: 400; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .not-italic { font-style: normal; } .normal-nums { font-variant-numeric: normal; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .slashed-zero { --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .proportional-nums { --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .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); } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-\[var\(--leading\)\] { line-height: var(--leading); } .leading-relaxed { line-height: 1.625; } .leading-5 { line-height: 1.25rem; } .tracking-\[var\(--tracking\)\] { letter-spacing: var(--tracking); } .tracking-tight { letter-spacing: -0.025em; } .text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-\[black\] { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-\[rgb\(123\2c 123\2c 123\)\] { --tw-text-opacity: 1; color: rgb(123 123 123 / var(--tw-text-opacity)); } .text-\[rgb\(123\2c _123\2c _123\)\] { --tw-text-opacity: 1; color: rgb(123 123 123 / var(--tw-text-opacity)); } .text-\[rgb\(123_123_123\)\] { --tw-text-opacity: 1; color: rgb(123 123 123 / var(--tw-text-opacity)); } .text-\[color\:var\(--color\)\] { color: var(--color); } .text-indigo-500 { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .text-red-500\/25 { color: rgb(239 68 68 / 0.25); } .text-\[\#bada55\]\/25 { color: rgb(186 218 85 / 0.25); } .text-\[color\:var\(--my-color\)\] { color: var(--my-color); } .text-red-500\/\[\.25\] { color: rgb(239 68 68 / .25); } .text-\[\#bada55\]\/\[\.25\] { color: rgb(186 218 85 / .25); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); } .text-opacity-\[0\.8\] { --tw-text-opacity: 0.8; } .text-opacity-\[var\(--value\)\] { --tw-text-opacity: var(--value); } .text-opacity-10 { --tw-text-opacity: 0.1; } .text-opacity-50 { --tw-text-opacity: 0.5; } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .overline { -webkit-text-decoration-line: overline; text-decoration-line: overline; } .line-through { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .no-underline { -webkit-text-decoration-line: none; text-decoration-line: none; } .decoration-\[black\] { -webkit-text-decoration-color: black; text-decoration-color: black; } .decoration-\[rgb\(123\2c 123\2c 123\)\] { -webkit-text-decoration-color: rgb(123,123,123); text-decoration-color: rgb(123,123,123); } .decoration-\[rgb\(123\2c _123\2c _123\)\] { -webkit-text-decoration-color: rgb(123, 123, 123); text-decoration-color: rgb(123, 123, 123); } .decoration-\[rgb\(123_123_123\)\] { -webkit-text-decoration-color: rgb(123 123 123); text-decoration-color: rgb(123 123 123); } .decoration-\[color\:var\(--color\)\] { -webkit-text-decoration-color: var(--color); text-decoration-color: var(--color); } .decoration-\[\#ccc\] { -webkit-text-decoration-color: #ccc; text-decoration-color: #ccc; } .decoration-red-600 { -webkit-text-decoration-color: #dc2626; text-decoration-color: #dc2626; } .decoration-solid { -webkit-text-decoration-style: solid; text-decoration-style: solid; } .decoration-double { -webkit-text-decoration-style: double; text-decoration-style: double; } .decoration-dotted { -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } .decoration-dashed { -webkit-text-decoration-style: dashed; text-decoration-style: dashed; } .decoration-wavy { -webkit-text-decoration-style: wavy; text-decoration-style: wavy; } .decoration-\[length\:10px\] { text-decoration-thickness: 10px; } .decoration-\[3px\] { text-decoration-thickness: 3px; } .decoration-1 { text-decoration-thickness: 1px; } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-\[10px\] { text-underline-offset: 10px; } .underline-offset-1 { text-underline-offset: 1px; } .underline-offset-2 { text-underline-offset: 2px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .placeholder-\[var\(--placeholder\)\]::-moz-placeholder { color: var(--placeholder); } .placeholder-\[var\(--placeholder\)\]:-ms-input-placeholder { color: var(--placeholder); } .placeholder-\[var\(--placeholder\)\]::placeholder { color: var(--placeholder); } .placeholder-green-300::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(134 239 172 / var(--tw-placeholder-opacity)); } .placeholder-green-300:-ms-input-placeholder { --tw-placeholder-opacity: 1; color: rgb(134 239 172 / var(--tw-placeholder-opacity)); } .placeholder-green-300::placeholder { --tw-placeholder-opacity: 1; color: rgb(134 239 172 / var(--tw-placeholder-opacity)); } .placeholder-red-500\/75::-moz-placeholder { color: rgb(239 68 68 / 0.75); } .placeholder-red-500\/75:-ms-input-placeholder { color: rgb(239 68 68 / 0.75); } .placeholder-red-500\/75::placeholder { color: rgb(239 68 68 / 0.75); } .placeholder-black::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(0 0 0 / var(--tw-placeholder-opacity)); } .placeholder-black:-ms-input-placeholder { --tw-placeholder-opacity: 1; color: rgb(0 0 0 / var(--tw-placeholder-opacity)); } .placeholder-black::placeholder { --tw-placeholder-opacity: 1; color: rgb(0 0 0 / var(--tw-placeholder-opacity)); } .placeholder-opacity-\[var\(--placeholder-opacity\)\]::-moz-placeholder { --tw-placeholder-opacity: var(--placeholder-opacity); } .placeholder-opacity-\[var\(--placeholder-opacity\)\]:-ms-input-placeholder { --tw-placeholder-opacity: var(--placeholder-opacity); } .placeholder-opacity-\[var\(--placeholder-opacity\)\]::placeholder { --tw-placeholder-opacity: var(--placeholder-opacity); } .placeholder-opacity-60::-moz-placeholder { --tw-placeholder-opacity: 0.6; } .placeholder-opacity-60:-ms-input-placeholder { --tw-placeholder-opacity: 0.6; } .placeholder-opacity-60::placeholder { --tw-placeholder-opacity: 0.6; } .caret-\[black\] { caret-color: black; } .caret-\[var\(--value\)\] { caret-color: var(--value); } .caret-red-600 { caret-color: #dc2626; } .accent-\[\#bada55\] { accent-color: #bada55; } .accent-\[var\(--accent-color\)\] { accent-color: var(--accent-color); } .accent-red-600 { accent-color: #dc2626; } .opacity-\[0\.8\] { opacity: 0.8; } .opacity-\[var\(--opacity\)\] { opacity: var(--opacity); } .opacity-90 { opacity: 0.9; } .bg-blend-normal { background-blend-mode: normal; } .bg-blend-multiply { background-blend-mode: multiply; } .bg-blend-screen { background-blend-mode: screen; } .bg-blend-overlay { background-blend-mode: overlay; } .bg-blend-darken { background-blend-mode: darken; } .bg-blend-lighten { background-blend-mode: lighten; } .bg-blend-color-dodge { background-blend-mode: color-dodge; } .bg-blend-color-burn { background-blend-mode: color-burn; } .bg-blend-hard-light { background-blend-mode: hard-light; } .bg-blend-soft-light { background-blend-mode: soft-light; } .bg-blend-difference { background-blend-mode: difference; } .bg-blend-exclusion { background-blend-mode: exclusion; } .bg-blend-hue { background-blend-mode: hue; } .bg-blend-saturation { background-blend-mode: saturation; } .bg-blend-color { background-blend-mode: color; } .bg-blend-luminosity { background-blend-mode: luminosity; } .mix-blend-normal { mix-blend-mode: normal; } .mix-blend-multiply { mix-blend-mode: multiply; } .mix-blend-screen { mix-blend-mode: screen; } .mix-blend-overlay { mix-blend-mode: overlay; } .mix-blend-darken { mix-blend-mode: darken; } .mix-blend-lighten { mix-blend-mode: lighten; } .mix-blend-color-dodge { mix-blend-mode: color-dodge; } .mix-blend-color-burn { mix-blend-mode: color-burn; } .mix-blend-hard-light { mix-blend-mode: hard-light; } .mix-blend-soft-light { mix-blend-mode: soft-light; } .mix-blend-difference { mix-blend-mode: difference; } .mix-blend-exclusion { mix-blend-mode: exclusion; } .mix-blend-hue { mix-blend-mode: hue; } .mix-blend-saturation { mix-blend-mode: saturation; } .mix-blend-color { mix-blend-mode: color; } .mix-blend-luminosity { mix-blend-mode: luminosity; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\!shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_1px_2px_black\] { --tw-shadow: 0px 1px 2px black; --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[shadow\:var\(--value\)\] { --tw-shadow: var(--value); --tw-shadow-colored: var(--value); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_0px_4px_black\] { --tw-shadow: 0px 0px 4px black; --tw-shadow-colored: 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-black { --tw-shadow-color: #000; --tw-shadow: var(--tw-shadow-colored); } .shadow-red-500\/25 { --tw-shadow-color: rgb(239 68 68 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-100\/10 { --tw-shadow-color: rgb(219 234 254 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .outline-dashed { outline-style: dashed; } .outline-dotted { outline-style: dotted; } .outline-double { outline-style: double; } .outline-hidden { outline-style: hidden; } .outline-\[10px\] { outline-width: 10px; } .outline-\[length\:var\(--outline\)\] { outline-width: var(--outline); } .outline-4 { outline-width: 4px; } .outline-offset-\[10px\] { outline-offset: 10px; } .outline-offset-2 { outline-offset: 2px; } .outline-\[black\] { outline-color: black; } .outline-\[color\:var\(--outline\)\] { outline-color: var(--outline); } .outline-black { outline-color: #000; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-\[10px\] { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(10px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-\[length\:\(var\(--value\)\)\] { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc((var(--value)) + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-4 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset { --tw-ring-inset: inset; } .ring-\[\#76ad65\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(118 173 101 / var(--tw-ring-opacity)); } .ring-\[color\:var\(--value\)\] { --tw-ring-color: var(--value); } .ring-white { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } .ring-black\/25 { --tw-ring-color: rgb(0 0 0 / 0.25); } .ring-opacity-\[var\(--ring-opacity\)\] { --tw-ring-opacity: var(--ring-opacity); } .ring-opacity-40 { --tw-ring-opacity: 0.4; } .ring-offset-\[19rem\] { --tw-ring-offset-width: 19rem; } .ring-offset-\[length\:var\(--value\)\] { --tw-ring-offset-width: var(--value); } .ring-offset-2 { --tw-ring-offset-width: 2px; } .ring-offset-\[\#76ad65\] { --tw-ring-offset-color: #76ad65; } .ring-offset-\[\#ad672f\] { --tw-ring-offset-color: #ad672f; } .ring-offset-\[color\:var\(--value\)\] { --tw-ring-offset-color: var(--value); } .ring-offset-blue-300 { --tw-ring-offset-color: #93c5fd; } .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-\[15px\] { --tw-blur: blur(15px); 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-md { --tw-blur: blur(12px); 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); } .brightness-\[300\%\] { --tw-brightness: brightness(300%); 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); } .brightness-150 { --tw-brightness: brightness(1.5); 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); } .contrast-\[2\.4\] { --tw-contrast: contrast(2.4); 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); } .contrast-50 { --tw-contrast: contrast(.5); 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); } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); 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); } .drop-shadow-\[0px_1px_2px_black\] { --tw-drop-shadow: drop-shadow(0px 1px 2px black); 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); } .drop-shadow-\[0px_1px_3px_black\] { --tw-drop-shadow: drop-shadow(0px 1px 3px black); 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); } .drop-shadow-md { --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); } .grayscale { --tw-grayscale: grayscale(100%); 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); } .grayscale-\[0\.55\] { --tw-grayscale: grayscale(0.55); 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); } .hue-rotate-\[0\.8turn\] { --tw-hue-rotate: hue-rotate(0.8turn); 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); } .hue-rotate-60 { --tw-hue-rotate: hue-rotate(60deg); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert-\[0\.75\] { --tw-invert: invert(0.75); 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-\[180\%\] { --tw-saturate: saturate(180%); 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-200 { --tw-saturate: saturate(2); 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); } .sepia { --tw-sepia: sepia(100%); 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); } .sepia-\[0\.2\] { --tw-sepia: sepia(0.2); 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); } .\!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) !important; } .filter-none { filter: none; } .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-\[11px\] { --tw-backdrop-blur: blur(11px); -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(16px); -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-brightness-\[1\.23\] { --tw-backdrop-brightness: brightness(1.23); -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-brightness-50 { --tw-backdrop-brightness: brightness(.5); -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-contrast-\[0\.87\] { --tw-backdrop-contrast: contrast(0.87); -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-contrast-0 { --tw-backdrop-contrast: contrast(0); -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-grayscale { --tw-backdrop-grayscale: grayscale(100%); -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-grayscale-\[0\.42\] { --tw-backdrop-grayscale: grayscale(0.42); -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-hue-rotate-\[1\.57rad\] { --tw-backdrop-hue-rotate: hue-rotate(1.57rad); -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-hue-rotate-90 { --tw-backdrop-hue-rotate: hue-rotate(90deg); -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-invert { --tw-backdrop-invert: invert(100%); -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-invert-\[0\.66\] { --tw-backdrop-invert: invert(0.66); -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-\[22\%\] { --tw-backdrop-opacity: opacity(22%); -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-75 { --tw-backdrop-opacity: opacity(0.75); -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-\[144\%\] { --tw-backdrop-saturate: saturate(144%); -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(1.5); -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-sepia { --tw-backdrop-sepia: sepia(100%); -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-sepia-\[0\.38\] { --tw-backdrop-sepia: sepia(0.38); -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-filter { -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-filter-none { -webkit-backdrop-filter: none; backdrop-filter: none; } .transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[opacity\2c width\] { transition-property: opacity,width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-\[var\(--delay\)\] { transition-delay: var(--delay); } .delay-300 { transition-delay: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-\[2s\] { transition-duration: 2s; } .duration-\[var\(--app-duration\)\] { transition-duration: var(--app-duration); } .duration-200 { transition-duration: 200ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .will-change-\[top\2c left\] { will-change: top,left; } .will-change-\[var\(--will-change\)\] { will-change: var(--will-change); } .will-change-scroll { will-change: scroll-position; } .will-change-transform { will-change: transform; } .content-\[\'hello\'\] { --tw-content: 'hello'; content: var(--tw-content); } .content-\[\"hello\"\] { --tw-content: "hello"; content: var(--tw-content); } .content-\[\'this-is-also-valid\]-weirdly-enough\'\] { --tw-content: 'this-is-also-valid]-weirdly-enough'; content: var(--tw-content); } .content-none { --tw-content: none; content: var(--tw-content); } .content-\[attr\(content-before\)\] { --tw-content: attr(content-before); content: var(--tw-content); } .content-\[\'\>\'\] { --tw-content: '>'; content: var(--tw-content); } .content-\[_hello_world_\] { --tw-content: hello world; content: var(--tw-content); } .content-\[___abc____\] { --tw-content: abc; content: var(--tw-content); } .content-\[\'__hello__world__\'\] { --tw-content: ' hello world '; content: var(--tw-content); } .content-\[\'snake\\\\_case\'\] { --tw-content: 'snake\_case'; content: var(--tw-content); } .content-\[\'hello_world\'\] { --tw-content: 'hello world'; content: var(--tw-content); } .content-\[\"hello_world\"\] { --tw-content: "hello world"; content: var(--tw-content); } .content-\[\'hello\\\\_world\'\] { --tw-content: 'hello\_world'; content: var(--tw-content); } .content-\[\>\] { --tw-content: >; content: var(--tw-content); } .content-\[\"\>\"\] { --tw-content: ">"; content: var(--tw-content); } .content-\[\'hello\]\'\] { --tw-content: 'hello]'; content: var(--tw-content); } .\[attr\:value\] { attr: value; } .\[content\:\'hello\'\] { content: 'hello'; } .\[content\:\"hello\"\] { content: "hello"; } .\[_\:\=\>\<\%\#\@\] { _: =><%#@; } .\[paint-order\:markers\] { paint-order: markers; } .\[--my-var\:auto\] { --my-var: auto; } .\[--my-var\:2px_4px\] { --my-var: 2px 4px; } .\!\[--my-var\:2px_4px\] { --my-var: 2px 4px !important; } .\[content\:\'foo\:bar\'\] { content: 'foo:bar'; } .\[background-image\:url\(http\:\/\/example\.com\/picture\.jpg\)\] { background-image: url(http://example.com/picture.jpg); } .\[--a\:theme\(colors\.blue\.500\)\] { --a: #3b82f6; } .\[color\:var\(--a\)\] { color: var(--a); } .\[--a\:theme\(\'colors\.blue\.500\'\)\] { --a: #3b82f6; } .\[stillworks\:\/example\] { stillworks: /example; } .\[--y\:theme\(colors\.blue\.500\)\] { --y: #3b82f6; } .\[--y\:theme\(\'colors\.blue\.500\'\)\] { --y: #3b82f6; } .\[color\:var\(--y\)\] { color: var(--y); } .first-letter\:text-2xl::first-letter { font-size: 1.5rem; line-height: 2rem; } .first-letter\:text-red-500::first-letter { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .first-line\:bg-yellow-300::first-line { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } .first-line\:underline::first-line { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .marker\:text-lg *::marker { font-size: 1.125rem; line-height: 1.75rem; } .marker\:text-red-500 *::marker { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .marker\:text-lg::marker { font-size: 1.125rem; line-height: 1.75rem; } .marker\:text-red-500::marker { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .selection\:bg-blue-500 *::-moz-selection { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .selection\:bg-blue-500 *::selection { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .selection\:text-white *::-moz-selection { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .selection\:text-white *::selection { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .selection\:bg-blue-500::-moz-selection { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .selection\:bg-blue-500::selection { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .selection\:text-white::-moz-selection { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .selection\:text-white::selection { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .file\:bg-blue-500::-webkit-file-upload-button { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .file\:bg-blue-500::file-selector-button { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .file\:text-white::-webkit-file-upload-button { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .file\:text-white::file-selector-button { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .placeholder\:font-bold::-moz-placeholder { font-weight: 700; } .placeholder\:font-bold:-ms-input-placeholder { font-weight: 700; } .placeholder\:font-bold::placeholder { font-weight: 700; } .placeholder\:text-red-500::-moz-placeholder { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .placeholder\:text-red-500:-ms-input-placeholder { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .placeholder\:text-red-500::placeholder { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .before\:block::before { content: var(--tw-content); display: block; } .before\:scale-x-110::before { content: var(--tw-content); --tw-scale-x: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:bg-red-500::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } .after\:flex::after { content: var(--tw-content); display: flex; } .after\:rotate-3::after { content: var(--tw-content); --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:uppercase::after { content: var(--tw-content); text-transform: uppercase; } .first\:pt-0:first-child { padding-top: 0px; } .first\:shadow-md:first-child { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .last\:shadow-md:last-child { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .only\:shadow-md:only-child { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .odd\:shadow-md:nth-child(odd) { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .even\:shadow-md:nth-child(even) { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .first-of-type\:shadow-md:first-of-type { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .last-of-type\:shadow-md:last-of-type { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .only-of-type\:shadow-md:only-of-type { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .visited\:border-red-500:visited { border-color: rgb(239 68 68 ); } .visited\:bg-red-500:visited { background-color: rgb(239 68 68 ); } .visited\:text-red-500:visited { color: rgb(239 68 68 ); } .visited\:shadow-md:visited { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .target\:shadow-md:target { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .open\:bg-red-200[open] { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .default\:shadow-md:default { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .checked\:shadow-md:checked { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .indeterminate\:shadow-md:indeterminate { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .placeholder-shown\:shadow-md:-moz-placeholder-shown { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .placeholder-shown\:shadow-md:-ms-input-placeholder { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .placeholder-shown\:shadow-md:placeholder-shown { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .autofill\:shadow-md:-webkit-autofill { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .autofill\:shadow-md:autofill { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .required\:shadow-md:required { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .valid\:shadow-md:valid { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .invalid\:shadow-md:invalid { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .in-range\:shadow-md:in-range { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .out-of-range\:shadow-md:out-of-range { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .read-only\:shadow-md:-moz-read-only { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .read-only\:shadow-md:read-only { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .empty\:shadow-md:empty { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus-within\:shadow-md:focus-within { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:container:hover { width: 100%; } @media (min-width: 640px) { .hover\:container:hover { max-width: 640px; } } @media (min-width: 768px) { .hover\:container:hover { max-width: 768px; } } @media (min-width: 1024px) { .hover\:container:hover { max-width: 1024px; } } @media (min-width: 1280px) { .hover\:container:hover { max-width: 1280px; } } @media (min-width: 1536px) { .hover\:container:hover { max-width: 1536px; } } .hover\:pointer-events-none:hover { pointer-events: none; } .hover\:scale-75:hover { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-x-110:hover { --tw-scale-x: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @-webkit-keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .hover\:animate-ping:hover { -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .hover\:animate-spin:hover { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); animation-timing-function: cubic-bezier(0,0,0.2,1); } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); animation-timing-function: cubic-bezier(0,0,0.2,1); } } .hover\:animate-bounce:hover { -webkit-animation: bounce 1s infinite; animation: bounce 1s infinite; } .hover\:space-x-4:hover > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .hover\:divide-y:hover > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .hover\:bg-\[rgba\(0\2c 0\2c 0\)\]:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .hover\:bg-blue-600:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .hover\:bg-\[url\(\'https\:\/\/github\.com\/tailwindlabs\.png\'\)\]:hover { background-image: url('https://github.com/tailwindlabs.png'); } .hover\:fill-\[var\(--my-color-2\)\]:hover { fill: var(--my-color-2); } .hover\:p-1:hover { padding: 0.25rem; } .hover\:px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; } .hover\:px-\[40rem\]:hover { padding-left: 40rem; padding-right: 40rem; } .hover\:text-center:hover { text-align: center; } .hover\:\!text-center:hover { text-align: center !important; } .hover\:font-\[\'Proxima_Nova\'\2c _system-ui\2c _sans-serif\]:hover { font-family: 'Proxima Nova', system-ui, sans-serif; } .hover\:font-\[\"Proxima_Nova\"\2c _system-ui\2c _sans-serif\]:hover { font-family: "Proxima Nova", system-ui, sans-serif; } .hover\:font-bold:hover { font-weight: 700; } .hover\:font-medium:hover { font-weight: 500; } .hover\:text-red-500\/50:hover { color: rgb(239 68 68 / 0.5); } .hover\:text-\[\#bada55\]\/50:hover { color: rgb(186 218 85 / 0.5); } .hover\:text-\[color\:var\(--my-color-2\)\]:hover { color: var(--my-color-2); } .hover\:text-red-500\/\[\.5\]:hover { color: rgb(239 68 68 / .5); } .hover\:text-\[\#bada55\]\/\[\.5\]:hover { color: rgb(186 218 85 / .5); } .hover\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .hover\:placeholder-red-500:hover::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(239 68 68 / var(--tw-placeholder-opacity)); } .hover\:placeholder-red-500:hover:-ms-input-placeholder { --tw-placeholder-opacity: 1; color: rgb(239 68 68 / var(--tw-placeholder-opacity)); } .hover\:placeholder-red-500:hover::placeholder { --tw-placeholder-opacity: 1; color: rgb(239 68 68 / var(--tw-placeholder-opacity)); } .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow:hover { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:content-\[\'hello_world_2\'\]:hover { --tw-content: 'hello world 2'; content: var(--tw-content); } .hover\:content-\[\"hello_world_2\"\]:hover { --tw-content: "hello world 2"; content: var(--tw-content); } .hover\:content-\[\'hello\\\\_world\\\\_2\'\]:hover { --tw-content: 'hello\_world\_2'; content: var(--tw-content); } .hover\:content-\[\<\]:hover { --tw-content: <; content: var(--tw-content); } .hover\:content-\[\'\<\'\]:hover { --tw-content: '<'; content: var(--tw-content); } .hover\:content-\[\"\<\"\]:hover { --tw-content: "<"; content: var(--tw-content); } .file\:hover\:bg-blue-600:hover::-webkit-file-upload-button { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .file\:hover\:bg-blue-600:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .hover\:file\:bg-pink-600::-webkit-file-upload-button:hover { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)); } .hover\:file\:bg-pink-600::file-selector-button:hover { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)); } .file\:hover\:bg-pink-600:hover::-webkit-file-upload-button { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)); } .file\:hover\:bg-pink-600:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)); } .before\:hover\:text-center:hover::before { content: var(--tw-content); text-align: center; } .hover\:before\:text-center:hover::before { content: var(--tw-content); text-align: center; } .open\:hover\:bg-red-200:hover[open] { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .focus\:rotate-3:focus { --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes spin { to { transform: rotate(360deg); } } .focus\:animate-spin:focus { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); animation-timing-function: cubic-bezier(0,0,0.2,1); } } .focus\:animate-bounce:focus { -webkit-animation: bounce 1s infinite; animation: bounce 1s infinite; } .focus\:p-1:focus { padding: 0.25rem; } .focus\:font-medium:focus { font-weight: 500; } .focus\:font-normal:focus { font-weight: 400; } .focus\:shadow-md:focus { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } .focus\:hover\:container:hover:focus { width: 100%; } @media (min-width: 640px) { .focus\:hover\:container:hover:focus { max-width: 640px; } } @media (min-width: 768px) { .focus\:hover\:container:hover:focus { max-width: 768px; } } @media (min-width: 1024px) { .focus\:hover\:container:hover:focus { max-width: 1024px; } } @media (min-width: 1280px) { .focus\:hover\:container:hover:focus { max-width: 1280px; } } @media (min-width: 1536px) { .focus\:hover\:container:hover:focus { max-width: 1536px; } } .hover\:focus\:skew-y-6:focus:hover { --tw-skew-y: 6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:focus\:fill-\[var\(--my-color-3\)\]:focus:hover { fill: var(--my-color-3); } .focus\:hover\:p-3:hover:focus { padding: 0.75rem; } .hover\:focus\:px-3\.5:focus:hover { padding-left: 0.875rem; padding-right: 0.875rem; } .hover\:focus\:px-3:focus:hover { padding-left: 0.75rem; padding-right: 0.75rem; } .hover\:focus\:px-\[23vh\]:focus:hover { padding-left: 23vh; padding-right: 23vh; } .hover\:focus\:text-center:focus:hover { text-align: center; } .focus\:hover\:text-center:hover:focus { text-align: center; } .hover\:focus\:font-\[\'Inter_var\'\2c _system-ui\2c _sans-serif\]:focus:hover { font-family: 'Inter var', system-ui, sans-serif; } .hover\:focus\:font-\[\"Inter_var\"\2c _system-ui\2c _sans-serif\]:focus:hover { font-family: "Inter var", system-ui, sans-serif; } .hover\:focus\:font-bold:focus:hover { font-weight: 700; } .focus\:hover\:font-light:hover:focus { font-weight: 300; } .focus\:hover\:font-bold:hover:focus { font-weight: 700; } .hover\:focus\:text-\[color\:var\(--my-color-3\)\]:focus:hover { color: var(--my-color-3); } .focus\:hover\:shadow-md:hover:focus { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:focus\:content-\[\'hello_world_3\'\]:focus:hover { --tw-content: 'hello world 3'; content: var(--tw-content); } .hover\:focus\:content-\[\"hello_world_3\"\]:focus:hover { --tw-content: "hello world 3"; content: var(--tw-content); } .hover\:focus\:content-\[\'hello\\\\_world\\\\_3\'\]:focus:hover { --tw-content: 'hello\_world\_3'; content: var(--tw-content); } .hover\:focus\:content-\[\>\]:focus:hover { --tw-content: >; content: var(--tw-content); } .hover\:focus\:content-\[\'\>\'\]:focus:hover { --tw-content: '>'; content: var(--tw-content); } .hover\:focus\:content-\[\"\>\"\]:focus:hover { --tw-content: ">"; content: var(--tw-content); } .focus-visible\:shadow-md:focus-visible { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .active\:px-2\.5:active { padding-left: 0.625rem; padding-right: 0.625rem; } .active\:px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; } .active\:text-right:active { text-align: right; } .active\:shadow-md:active { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:active\:text-red-500\/75:active:hover { color: rgb(239 68 68 / 0.75); } .hover\:active\:text-\[\#bada55\]\/75:active:hover { color: rgb(186 218 85 / 0.75); } .hover\:active\:text-red-500\/\[\.75\]:active:hover { color: rgb(239 68 68 / .75); } .hover\:active\:text-\[\#bada55\]\/\[\.75\]:active:hover { color: rgb(186 218 85 / .75); } .disabled\:font-bold:disabled { font-weight: 700; } .disabled\:shadow-md:disabled { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .disabled\:focus\:hover\:space-x-4:hover:focus:disabled > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .group:first-child .group-first\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:last-child .group-last\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:only-child .group-only\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:nth-child(odd) .group-odd\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:nth-child(even) .group-even\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:first-of-type .group-first-of-type\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:last-of-type .group-last-of-type\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:only-of-type .group-only-of-type\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:visited .group-visited\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:target .group-target\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group[open] .group-open\:bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .group:default .group-default\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:checked .group-checked\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:indeterminate .group-indeterminate\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:-moz-placeholder-shown .group-placeholder-shown\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:-ms-input-placeholder .group-placeholder-shown\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:placeholder-shown .group-placeholder-shown\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:-webkit-autofill .group-autofill\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:autofill .group-autofill\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:required .group-required\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:valid .group-valid\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:invalid .group-invalid\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:in-range .group-in-range\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:out-of-range .group-out-of-range\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:-moz-read-only .group-read-only\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:read-only .group-read-only\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:empty .group-empty\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:focus-within .group-focus-within\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:hover .group-hover\:scale-x-110 { --tw-scale-x: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); animation-timing-function: cubic-bezier(0,0,0.2,1); } } .group:hover .group-hover\:animate-bounce { -webkit-animation: bounce 1s infinite; animation: bounce 1s infinite; } .group:hover .group-hover\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .group:hover .group-hover\:text-center { text-align: center; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:hover .group-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:hover .group-hover\:before\:scale-x-110::before { content: var(--tw-content); --tw-scale-x: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:focus-within\:text-left:focus-within { text-align: left; } .group:hover .group-hover\:hover\:space-x-4:hover > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .group:hover .group-hover\:hover\:before\:scale-x-110:hover::before { content: var(--tw-content); --tw-scale-x: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[open]:hover .group-open\:group-hover\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .group:focus .group-focus\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group[open]:focus .group-open\:group-focus\:bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .group:focus:hover .group-focus\:group-hover\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .group:focus:hover .group-focus\:group-hover\:text-center { text-align: center; } .group:focus:hover .group-focus\:group-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:focus-visible .group-focus-visible\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:active .group-active\:opacity-10 { opacity: 0.1; } .group:active .group-active\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:disabled .group-disabled\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:disabled:focus:hover .group-disabled\:group-focus\:group-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:disabled:focus:hover .group-disabled\:group-focus\:group-hover\:first\:shadow-md:first-child { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:first-child ~ .peer-first\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:last-child ~ .peer-last\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:only-child ~ .peer-only\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:nth-child(odd) ~ .peer-odd\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:nth-child(even) ~ .peer-even\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:first-of-type ~ .peer-first-of-type\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:last-of-type ~ .peer-last-of-type\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:only-of-type ~ .peer-only-of-type\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:visited ~ .peer-visited\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:target ~ .peer-target\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:default ~ .peer-default\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:checked ~ .peer-checked\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:indeterminate ~ .peer-indeterminate\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:-ms-input-placeholder ~ .peer-placeholder-shown\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:placeholder-shown ~ .peer-placeholder-shown\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:-webkit-autofill ~ .peer-autofill\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:autofill ~ .peer-autofill\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:required ~ .peer-required\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:valid ~ .peer-valid\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:invalid ~ .peer-invalid\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:in-range ~ .peer-in-range\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:out-of-range ~ .peer-out-of-range\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:-moz-read-only ~ .peer-read-only\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:read-only ~ .peer-read-only\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:empty ~ .peer-empty\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:focus-within ~ .peer-focus-within\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:hover ~ .peer-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:focus ~ .peer-focus\:rotate-3 { --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:focus ~ .peer-focus\:after\:rotate-3::after { content: var(--tw-content); --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:focus\:after\:rotate-3:focus::after { content: var(--tw-content); --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .group:hover .peer-focus\:group-hover\:text-center { text-align: center; } .group:hover .peer:focus ~ .group-hover\:peer-focus\:text-center { text-align: center; } .peer:focus:hover ~ .peer-focus\:peer-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:focus-visible ~ .peer-focus-visible\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:active ~ .peer-active\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:disabled ~ .peer-disabled\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:disabled:focus:hover ~ .peer-disabled\:peer-focus\:peer-hover\:border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } .peer:disabled:focus:hover ~ .peer-disabled\:peer-focus\:peer-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:disabled:focus:hover ~ .peer-disabled\:peer-focus\:peer-hover\:first\:shadow-md:first-child { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [dir="ltr"] .ltr\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [dir="rtl"] .rtl\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [dir="rtl"] .rtl\:active\:text-center:active { text-align: center; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .motion-safe\:transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .motion-safe\:hover\:text-center:hover { text-align: center; } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .motion-reduce\:transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } } @media (prefers-color-scheme: dark) { .dark\:text-center { text-align: center; } .dark\:font-bold { font-weight: 700; } .dark\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:hover\:text-right:hover { text-align: right; } .dark\:focus\:text-left:focus { text-align: left; } .group:hover .dark\:group-hover\:text-center { text-align: center; } .group:hover .group-hover\:dark\:text-center { text-align: center; } .group:disabled:focus:hover .dark\:group-disabled\:group-focus\:group-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .peer:disabled:focus:hover ~ .dark\:peer-disabled\:peer-focus\:peer-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media print { .print\:bg-yellow-300 { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } } @media (min-width: 640px) { .sm\:container { width: 100%; } @media (min-width: 640px) { .sm\:container { max-width: 640px; } } @media (min-width: 768px) { .sm\:container { max-width: 768px; } } @media (min-width: 1024px) { .sm\:container { max-width: 1024px; } } @media (min-width: 1280px) { .sm\:container { max-width: 1280px; } } @media (min-width: 1536px) { .sm\:container { max-width: 1536px; } } .sm\:bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } .sm\:text-center { text-align: center; } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .sm\:font-bold { font-weight: 700; } .sm\: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); } .sm\:underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .sm\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .sm\:active\:shadow-md:active { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (prefers-reduced-motion: no-preference) { .group:active .sm\:motion-safe\:group-active\:focus\:opacity-10:focus { opacity: 0.1; } } } @media (min-width: 768px) { .md\:container { width: 100%; } @media (min-width: 640px) { .md\:container { max-width: 640px; } } @media (min-width: 768px) { .md\:container { max-width: 768px; } } @media (min-width: 1024px) { .md\:container { max-width: 1024px; } } @media (min-width: 1280px) { .md\:container { max-width: 1280px; } } @media (min-width: 1536px) { .md\:container { max-width: 1536px; } } .md\:flow-root { display: flow-root; } .md\:grid-cols-\[2fr_100px_1fr\] { grid-template-columns: 2fr 100px 1fr; } .md\:border-2 { border-width: 2px; } .md\:bg-blue-300 { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity)); } .md\:text-center { text-align: center; } .md\:font-bold { font-weight: 700; } .md\:font-medium { font-weight: 500; } .md\:opacity-50 { opacity: 0.5; } .md\:shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .md\:shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .md\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .md\:hover\:border-r-blue-500\/30:hover { border-right-color: rgb(59 130 246 / 0.3); } .md\:hover\:text-center:hover { text-align: center; } .md\:hover\:text-right:hover { text-align: right; } .md\:hover\:opacity-20:hover { opacity: 0.2; } .group:focus .md\:group-focus\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (prefers-reduced-motion: no-preference) { .md\:motion-safe\:hover\:transition:hover { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } } @media (min-width: 640px) { .md\:sm\:text-center { text-align: center; } } } @media (min-width: 1024px) { @-webkit-keyframes spin { to { transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } .lg\:animate-spin { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } .lg\:grid-cols-\[200px\2c repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)\2c 300px\] { grid-template-columns: 200px repeat(auto-fill,minmax(15%,100px)) 300px; } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:text-center { text-align: center; } .lg\:text-\[24px\] { font-size: 24px; } .lg\:text-\[4px\] { font-size: 4px; } .lg\:font-light { font-weight: 300; } .lg\:font-bold { font-weight: 700; } .lg\:\!opacity-50 { opacity: 0.5 !important; } .lg\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .open\:lg\:grid-cols-\[3fr_300px_1fr\][open] { grid-template-columns: 3fr 300px 1fr; } .lg\:hover\:container:hover { width: 100%; } @media (min-width: 640px) { .lg\:hover\:container:hover { max-width: 640px; } } @media (min-width: 768px) { .lg\:hover\:container:hover { max-width: 768px; } } @media (min-width: 1024px) { .lg\:hover\:container:hover { max-width: 1024px; } } @media (min-width: 1280px) { .lg\:hover\:container:hover { max-width: 1280px; } } @media (min-width: 1536px) { .lg\:hover\:container:hover { max-width: 1536px; } } @media (prefers-color-scheme: dark) { .lg\:dark\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } } @media (prefers-color-scheme: dark) { @media (min-width: 1024px) { .dark\:lg\:hover\:\[paint-order\:markers\]:hover { paint-order: markers; } } } @media (min-width: 1280px) { .xl\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .xl\:focus\:disabled\:\!float-right:disabled:focus { float: right !important; } } @media (min-width: 1536px) { .\32xl\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (prefers-color-scheme: dark) { @media (prefers-reduced-motion: no-preference) { .\32xl\:dark\:motion-safe\:focus-within\:shadow-md:focus-within { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } } } @media (orientation: portrait) { .portrait\:bg-yellow-300 { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } } @media (orientation: landscape) { .landscape\:bg-yellow-300 { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } }

97视频在线观看,欧美激情精品久久久久久,无码超乳爆乳中文字幕久久,丰满老师引诱我进她身体

品牌简介

{תÂëÖ÷´Ê}