UNPKG

@tailwindcss/postcss7-compat

Version:

A utility-first CSS framework for rapidly building custom user interfaces.

4,664 lines (3,683 loc) 6.09 MB
/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /* Document ======== */ /** Use a better box model (opinionated). */ *, ::before, ::after { box-sizing: border-box; } /** Use a more readable tab size (opinionated). */ html { -moz-tab-size: 4; tab-size: 4; } /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ======== */ /** Remove the margin in all browsers. */ body { margin: 0; } /** Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ body { font-family: system-ui, -apple-system, /* Firefox supports this but not yet `system-ui` */ 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; } /* Grouping content ================ */ /** 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) */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ } /* Text-level semantics ==================== */ /** Add the correct text decoration in Chrome, Edge, and Safari. */ abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, 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; } /* Tabular data ============ */ /** 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) */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ } /* Forms ===== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Remove the inheritance of text transform in Edge and Firefox. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted ButtonText; } /** Remove the additional ':invalid' styles in Firefox. See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */ :-moz-ui-invalid { box-shadow: none; } /** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */ legend { padding: 0; } /** 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 */ } /* Interactive =========== */ /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /** * Manually forked from SUIT CSS Base: https://github.com/suitcss/base * A thin layer on top of normalize.css that provides a starting point more * suitable for web applications. */ /** * Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } button { background-color: transparent; background-image: none; } fieldset { margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } /** * Tailwind custom reset styles */ /** * 1. Use the user's configured `sans` font-family (with Tailwind's default * sans-serif font stack as a fallback) as a sane default. * 2. Use Tailwind's default "normal" line-height so the user isn't forced * to override it to ensure consistency even when using the default theme. */ html { 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"; /* 1 */ line-height: 1.5; /* 2 */ } /** * Inherit font-family and line-height from `html` so users can set them as * a class directly on the `html` element. */ body { font-family: inherit; line-height: inherit; } /** * 1. Prevent padding and border from affecting element width. * * We used to set this in the html element and inherit from * the parent element for everything else. This caused issues * in shadow-dom-enhanced elements like <details> where the content * is wrapped by a div with box-sizing set to `content-box`. * * https://github.com/mozdevs/cssremedy/issues/4 * * * 2. Allow adding a border to an element by just adding a border-width. * * By default, the way the browser specifies that an element should have no * border is by setting it's border-style to `none` in the user-agent * stylesheet. * * In order to easily add borders to elements by just setting the `border-width` * property, we change the default border-style for all elements to `solid`, and * use border-width to hide them instead. This way our `border` utilities only * need to set the `border-width` property instead of the entire `border` * shorthand, making our border utilities much more straightforward to compose. * * https://github.com/tailwindcss/tailwindcss/pull/116 */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } /* * Ensure horizontal rules are visible by default */ hr { border-top-width: 1px; } /** * Undo the `border-style: none` reset that Normalize applies to images so that * our `border-{width}` utilities have the expected effect. * * The Normalize reset is unnecessary for us since we default the border-width * to 0 on all elements. * * https://github.com/tailwindcss/tailwindcss/issues/362 */ img { border-style: solid; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role="button"] { cursor: pointer; } /** * Override legacy focus reset from Normalize with modern Firefox focus styles. * * This is actually an improvement over the new defaults in Firefox in our testing, * as it triggers the better focus styles even for links, which still use a dotted * outline in Firefox by default. */ :-moz-focusring { outline: auto; } table { border-collapse: collapse; } 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; } /** * Reset form element properties that are easy to forget to * style explicitly so you don't inadvertently introduce * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; } /** * Use the configured 'mono' font family for elements that * are expected to be rendered with a monospace font, falling * back to the system monospace stack if there is no configured * 'mono' font family. */ pre, code, kbd, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /** * 1. Make replaced elements `display: block` by default as that's * the behavior you want almost all of the time. Inspired by * CSS Remedy, with `svg` added as well. * * https://github.com/mozdevs/cssremedy/issues/14 * * 2. Add `vertical-align: middle` to align replaced elements more * sensibly by default when overriding `display` by adding a * utility like `inline`. * * This can trigger a poorly considered linting error in some * tools but is included by design. * * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 */ 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-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .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; } .focus-within\:sr-only:focus-within { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .focus-within\:not-sr-only:focus-within { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .focus\:sr-only:focus { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .focus\:not-sr-only:focus { 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; } .invisible { visibility: hidden; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; } .inset-1 { top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem; } .inset-2 { top: 0.5rem; right: 0.5rem; bottom: 0.5rem; left: 0.5rem; } .inset-3 { top: 0.75rem; right: 0.75rem; bottom: 0.75rem; left: 0.75rem; } .inset-4 { top: 1rem; right: 1rem; bottom: 1rem; left: 1rem; } .inset-5 { top: 1.25rem; right: 1.25rem; bottom: 1.25rem; left: 1.25rem; } .inset-6 { top: 1.5rem; right: 1.5rem; bottom: 1.5rem; left: 1.5rem; } .inset-7 { top: 1.75rem; right: 1.75rem; bottom: 1.75rem; left: 1.75rem; } .inset-8 { top: 2rem; right: 2rem; bottom: 2rem; left: 2rem; } .inset-9 { top: 2.25rem; right: 2.25rem; bottom: 2.25rem; left: 2.25rem; } .inset-10 { top: 2.5rem; right: 2.5rem; bottom: 2.5rem; left: 2.5rem; } .inset-11 { top: 2.75rem; right: 2.75rem; bottom: 2.75rem; left: 2.75rem; } .inset-12 { top: 3rem; right: 3rem; bottom: 3rem; left: 3rem; } .inset-14 { top: 3.5rem; right: 3.5rem; bottom: 3.5rem; left: 3.5rem; } .inset-16 { top: 4rem; right: 4rem; bottom: 4rem; left: 4rem; } .inset-20 { top: 5rem; right: 5rem; bottom: 5rem; left: 5rem; } .inset-24 { top: 6rem; right: 6rem; bottom: 6rem; left: 6rem; } .inset-28 { top: 7rem; right: 7rem; bottom: 7rem; left: 7rem; } .inset-32 { top: 8rem; right: 8rem; bottom: 8rem; left: 8rem; } .inset-36 { top: 9rem; right: 9rem; bottom: 9rem; left: 9rem; } .inset-40 { top: 10rem; right: 10rem; bottom: 10rem; left: 10rem; } .inset-44 { top: 11rem; right: 11rem; bottom: 11rem; left: 11rem; } .inset-48 { top: 12rem; right: 12rem; bottom: 12rem; left: 12rem; } .inset-52 { top: 13rem; right: 13rem; bottom: 13rem; left: 13rem; } .inset-56 { top: 14rem; right: 14rem; bottom: 14rem; left: 14rem; } .inset-60 { top: 15rem; right: 15rem; bottom: 15rem; left: 15rem; } .inset-64 { top: 16rem; right: 16rem; bottom: 16rem; left: 16rem; } .inset-72 { top: 18rem; right: 18rem; bottom: 18rem; left: 18rem; } .inset-80 { top: 20rem; right: 20rem; bottom: 20rem; left: 20rem; } .inset-96 { top: 24rem; right: 24rem; bottom: 24rem; left: 24rem; } .inset-auto { top: auto; right: auto; bottom: auto; left: auto; } .inset-px { top: 1px; right: 1px; bottom: 1px; left: 1px; } .inset-0\.5 { top: 0.125rem; right: 0.125rem; bottom: 0.125rem; left: 0.125rem; } .inset-1\.5 { top: 0.375rem; right: 0.375rem; bottom: 0.375rem; left: 0.375rem; } .inset-2\.5 { top: 0.625rem; right: 0.625rem; bottom: 0.625rem; left: 0.625rem; } .inset-3\.5 { top: 0.875rem; right: 0.875rem; bottom: 0.875rem; left: 0.875rem; } .-inset-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; } .-inset-1 { top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem; } .-inset-2 { top: -0.5rem; right: -0.5rem; bottom: -0.5rem; left: -0.5rem; } .-inset-3 { top: -0.75rem; right: -0.75rem; bottom: -0.75rem; left: -0.75rem; } .-inset-4 { top: -1rem; right: -1rem; bottom: -1rem; left: -1rem; } .-inset-5 { top: -1.25rem; right: -1.25rem; bottom: -1.25rem; left: -1.25rem; } .-inset-6 { top: -1.5rem; right: -1.5rem; bottom: -1.5rem; left: -1.5rem; } .-inset-7 { top: -1.75rem; right: -1.75rem; bottom: -1.75rem; left: -1.75rem; } .-inset-8 { top: -2rem; right: -2rem; bottom: -2rem; left: -2rem; } .-inset-9 { top: -2.25rem; right: -2.25rem; bottom: -2.25rem; left: -2.25rem; } .-inset-10 { top: -2.5rem; right: -2.5rem; bottom: -2.5rem; left: -2.5rem; } .-inset-11 { top: -2.75rem; right: -2.75rem; bottom: -2.75rem; left: -2.75rem; } .-inset-12 { top: -3rem; right: -3rem; bottom: -3rem; left: -3rem; } .-inset-14 { top: -3.5rem; right: -3.5rem; bottom: -3.5rem; left: -3.5rem; } .-inset-16 { top: -4rem; right: -4rem; bottom: -4rem; left: -4rem; } .-inset-20 { top: -5rem; right: -5rem; bottom: -5rem; left: -5rem; } .-inset-24 { top: -6rem; right: -6rem; bottom: -6rem; left: -6rem; } .-inset-28 { top: -7rem; right: -7rem; bottom: -7rem; left: -7rem; } .-inset-32 { top: -8rem; right: -8rem; bottom: -8rem; left: -8rem; } .-inset-36 { top: -9rem; right: -9rem; bottom: -9rem; left: -9rem; } .-inset-40 { top: -10rem; right: -10rem; bottom: -10rem; left: -10rem; } .-inset-44 { top: -11rem; right: -11rem; bottom: -11rem; left: -11rem; } .-inset-48 { top: -12rem; right: -12rem; bottom: -12rem; left: -12rem; } .-inset-52 { top: -13rem; right: -13rem; bottom: -13rem; left: -13rem; } .-inset-56 { top: -14rem; right: -14rem; bottom: -14rem; left: -14rem; } .-inset-60 { top: -15rem; right: -15rem; bottom: -15rem; left: -15rem; } .-inset-64 { top: -16rem; right: -16rem; bottom: -16rem; left: -16rem; } .-inset-72 { top: -18rem; right: -18rem; bottom: -18rem; left: -18rem; } .-inset-80 { top: -20rem; right: -20rem; bottom: -20rem; left: -20rem; } .-inset-96 { top: -24rem; right: -24rem; bottom: -24rem; left: -24rem; } .-inset-px { top: -1px; right: -1px; bottom: -1px; left: -1px; } .-inset-0\.5 { top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; } .-inset-1\.5 { top: -0.375rem; right: -0.375rem; bottom: -0.375rem; left: -0.375rem; } .-inset-2\.5 { top: -0.625rem; right: -0.625rem; bottom: -0.625rem; left: -0.625rem; } .-inset-3\.5 { top: -0.875rem; right: -0.875rem; bottom: -0.875rem; left: -0.875rem; } .inset-1\/2 { top: 50%; right: 50%; bottom: 50%; left: 50%; } .inset-1\/3 { top: 33.333333%; right: 33.333333%; bottom: 33.333333%; left: 33.333333%; } .inset-2\/3 { top: 66.666667%; right: 66.666667%; bottom: 66.666667%; left: 66.666667%; } .inset-1\/4 { top: 25%; right: 25%; bottom: 25%; left: 25%; } .inset-2\/4 { top: 50%; right: 50%; bottom: 50%; left: 50%; } .inset-3\/4 { top: 75%; right: 75%; bottom: 75%; left: 75%; } .inset-full { top: 100%; right: 100%; bottom: 100%; left: 100%; } .-inset-1\/2 { top: -50%; right: -50%; bottom: -50%; left: -50%; } .-inset-1\/3 { top: -33.333333%; right: -33.333333%; bottom: -33.333333%; left: -33.333333%; } .-inset-2\/3 { top: -66.666667%; right: -66.666667%; bottom: -66.666667%; left: -66.666667%; } .-inset-1\/4 { top: -25%; right: -25%; bottom: -25%; left: -25%; } .-inset-2\/4 { top: -50%; right: -50%; bottom: -50%; left: -50%; } .-inset-3\/4 { top: -75%; right: -75%; bottom: -75%; left: -75%; } .-inset-full { top: -100%; right: -100%; bottom: -100%; left: -100%; } .inset-x-0 { left: 0px; right: 0px; } .inset-x-1 { left: 0.25rem; right: 0.25rem; } .inset-x-2 { left: 0.5rem; right: 0.5rem; } .inset-x-3 { left: 0.75rem; right: 0.75rem; } .inset-x-4 { left: 1rem; right: 1rem; } .inset-x-5 { left: 1.25rem; right: 1.25rem; } .inset-x-6 { left: 1.5rem; right: 1.5rem; } .inset-x-7 { left: 1.75rem; right: 1.75rem; } .inset-x-8 { left: 2rem; right: 2rem; } .inset-x-9 { left: 2.25rem; right: 2.25rem; } .inset-x-10 { left: 2.5rem; right: 2.5rem; } .inset-x-11 { left: 2.75rem; right: 2.75rem; } .inset-x-12 { left: 3rem; right: 3rem; } .inset-x-14 { left: 3.5rem; right: 3.5rem; } .inset-x-16 { left: 4rem; right: 4rem; } .inset-x-20 { left: 5rem; right: 5rem; } .inset-x-24 { left: 6rem; right: 6rem; } .inset-x-28 { left: 7rem; right: 7rem; } .inset-x-32 { left: 8rem; right: 8rem; } .inset-x-36 { left: 9rem; right: 9rem; } .inset-x-40 { left: 10rem; right: 10rem; } .inset-x-44 { left: 11rem; right: 11rem; } .inset-x-48 { left: 12rem; right: 12rem; } .inset-x-52 { left: 13rem; right: 13rem; } .inset-x-56 { left: 14rem; right: 14rem; } .inset-x-60 { left: 15rem; right: 15rem; } .inset-x-64 { left: 16rem; right: 16rem; } .inset-x-72 { left: 18rem; right: 18rem; } .inset-x-80 { left: 20rem; right: 20rem; } .inset-x-96 { left: 24rem; right: 24rem; } .inset-x-auto { left: auto; right: auto; } .inset-x-px { left: 1px; right: 1px; } .inset-x-0\.5 { left: 0.125rem; right: 0.125rem; } .inset-x-1\.5 { left: 0.375rem; right: 0.375rem; } .inset-x-2\.5 { left: 0.625rem; right: 0.625rem; } .inset-x-3\.5 { left: 0.875rem; right: 0.875rem; } .-inset-x-0 { left: 0px; right: 0px; } .-inset-x-1 { left: -0.25rem; right: -0.25rem; } .-inset-x-2 { left: -0.5rem; right: -0.5rem; } .-inset-x-3 { left: -0.75rem; right: -0.75rem; } .-inset-x-4 { left: -1rem; right: -1rem; } .-inset-x-5 { left: -1.25rem; right: -1.25rem; } .-inset-x-6 { left: -1.5rem; right: -1.5rem; } .-inset-x-7 { left: -1.75rem; right: -1.75rem; } .-inset-x-8 { left: -2rem; right: -2rem; } .-inset-x-9 { left: -2.25rem; right: -2.25rem; } .-inset-x-10 { left: -2.5rem; right: -2.5rem; } .-inset-x-11 { left: -2.75rem; right: -2.75rem; } .-inset-x-12 { left: -3rem; right: -3rem; } .-inset-x-14 { left: -3.5rem; right: -3.5rem; } .-inset-x-16 { left: -4rem; right: -4rem; } .-inset-x-20 { left: -5rem; right: -5rem; } .-inset-x-24 { left: -6rem; right: -6rem; } .-inset-x-28 { left: -7rem; right: -7rem; } .-inset-x-32 { left: -8rem; right: -8rem; } .-inset-x-36 { left: -9rem; right: -9rem; } .-inset-x-40 { left: -10rem; right: -10rem; } .-inset-x-44 { left: -11rem; right: -11rem; } .-inset-x-48 { left: -12rem; right: -12rem; } .-inset-x-52 { left: -13rem; right: -13rem; } .-inset-x-56 { left: -14rem; right: -14rem; } .-inset-x-60 { left: -15rem; right: -15rem; } .-inset-x-64 { left: -16rem; right: -16rem; } .-inset-x-72 { left: -18rem; right: -18rem; } .-inset-x-80 { left: -20rem; right: -20rem; } .-inset-x-96 { left: -24rem; right: -24rem; } .-inset-x-px { left: -1px; right: -1px; } .-inset-x-0\.5 { left: -0.125rem; right: -0.125rem; } .-inset-x-1\.5 { left: -0.375rem; right: -0.375rem; } .-inset-x-2\.5 { left: -0.625rem; right: -0.625rem; } .-inset-x-3\.5 { left: -0.875rem; right: -0.875rem; } .inset-x-1\/2 { left: 50%; right: 50%; } .inset-x-1\/3 { left: 33.333333%; right: 33.333333%; } .inset-x-2\/3 { left: 66.666667%; right: 66.666667%; } .inset-x-1\/4 { left: 25%; right: 25%; } .inset-x-2\/4 { left: 50%; right: 50%; } .inset-x-3\/4 { left: 75%; right: 75%; } .inset-x-full { left: 100%; right: 100%; } .-inset-x-1\/2 { left: -50%; right: -50%; } .-inset-x-1\/3 { left: -33.333333%; right: -33.333333%; } .-inset-x-2\/3 { left: -66.666667%; right: -66.666667%; } .-inset-x-1\/4 { left: -25%; right: -25%; } .-inset-x-2\/4 { left: -50%; right: -50%; } .-inset-x-3\/4 { left: -75%; right: -75%; } .-inset-x-full { left: -100%; right: -100%; } .inset-y-0 { top: 0px; bottom: 0px; } .inset-y-1 { top: 0.25rem; bottom: 0.25rem; } .inset-y-2 { top: 0.5rem; bottom: 0.5rem; } .inset-y-3 { top: 0.75rem; bottom: 0.75rem; } .inset-y-4 { top: 1rem; bottom: 1rem; } .inset-y-5 { top: 1.25rem; bottom: 1.25rem; } .inset-y-6 { top: 1.5rem; bottom: 1.5rem; } .inset-y-7 { top: 1.75rem; bottom: 1.75rem; } .inset-y-8 { top: 2rem; bottom: 2rem; } .inset-y-9 { top: 2.25rem; bottom: 2.25rem; } .inset-y-10 { top: 2.5rem; bottom: 2.5rem; } .inset-y-11 { top: 2.75rem; bottom: 2.75rem; } .inset-y-12 { top: 3rem; bottom: 3rem; } .inset-y-14 { top: 3.5rem; bottom: 3.5rem; } .inset-y-16 { top: 4rem; bottom: 4rem; } .inset-y-20 { top: 5rem; bottom: 5rem; } .inset-y-24 { top: 6rem; bottom: 6rem; } .inset-y-28 { top: 7rem; bottom: 7rem; } .inset-y-32 { top: 8rem; bottom: 8rem; } .inset-y-36 { top: 9rem; bottom: 9rem; } .inset-y-40 { top: 10rem; bottom: 10rem; } .inset-y-44 { top: 11rem; bottom: 11rem; } .inset-y-48 { top: 12rem; bottom: 12rem; } .inset-y-52 { top: 13rem; bottom: 13rem; } .inset-y-56 { top: 14rem; bottom: 14rem; } .inset-y-60 { top: 15rem; bottom: 15rem; } .inset-y-64 { top: 16rem; bottom: 16rem; } .inset-y-72 { top: 18rem; bottom: 18rem; } .inset-y-80 { top: 20rem; bottom: 20rem; } .inset-y-96 { top: 24rem; bottom: 24rem; } .inset-y-auto { top: auto; bottom: auto; } .inset-y-px { top: 1px; bottom: 1px; } .inset-y-0\.5 { top: 0.125rem; bottom: 0.125rem; } .inset-y-1\.5 { top: 0.375rem; bottom: 0.375rem; } .inset-y-2\.5 { top: 0.625rem; bottom: 0.625rem; } .inset-y-3\.5 { top: 0.875rem; bottom: 0.875rem; } .-inset-y-0 { top: 0px; bottom: 0px; } .-inset-y-1 { top: -0.25rem; bottom: -0.25rem; } .-inset-y-2 { top: -0.5rem; bottom: -0.5rem; } .-inset-y-3 { top: -0.75rem; bottom: -0.75rem; } .-inset-y-4 { top: -1rem; bottom: -1rem; } .-inset-y-5 { top: -1.25rem; bottom: -1.25rem; } .-inset-y-6 { top: -1.5rem; bottom: -1.5rem; } .-inset-y-7 { top: -1.75rem; bottom: -1.75rem; } .-inset-y-8 { top: -2rem; bottom: -2rem; } .-inset-y-9 { top: -2.25rem; bottom: -2.25rem; } .-inset-y-10 { top: -2.5rem; bottom: -2.5rem; } .-inset-y-11 { top: -2.75rem; bottom: -2.75rem; } .-inset-y-12 { top: -3rem; bottom: -3rem; } .-inset-y-14 { top: -3.5rem; bottom: -3.5rem; } .-inset-y-16 { top: -4rem; bottom: -4rem; } .-inset-y-20 { top: -5rem; bottom: -5rem; } .-inset-y-24 { top: -6rem; bottom: -6rem; } .-inset-y-28 { top: -7rem; bottom: -7rem; } .-inset-y-32 { top: -8rem; bottom: -8rem; } .-inset-y-36 { top: -9rem; bottom: -9rem; } .-inset-y-40 { top: -10rem; bottom: -10rem; } .-inset-y-44 { top: -11rem; bottom: -11rem; } .-inset-y-48 { top: -12rem; bottom: -12rem; } .-inset-y-52 { top: -13rem; bottom: -13rem; } .-inset-y-56 { top: -14rem; bottom: -14rem; } .-inset-y-60 { top: -15rem; bottom: -15rem; } .-inset-y-64 { top: -16rem; bottom: -16rem; } .-inset-y-72 { top: -18rem; bottom: -18rem; } .-inset-y-80 { top: -20rem; bottom: -20rem; } .-inset-y-96 { top: -24rem; bottom: -24rem; } .-inset-y-px { top: -1px; bottom: -1px; } .-inset-y-0\.5 { top: -0.125rem; bottom: -0.125rem; } .-inset-y-1\.5 { top: -0.375rem; bottom: -0.375rem; } .-inset-y-2\.5 { top: -0.625rem; bottom: -0.625rem; } .-inset-y-3\.5 { top: -0.875rem; bottom: -0.875rem; } .inset-y-1\/2 { top: 50%; bottom: 50%; } .inset-y-1\/3 { top: 33.333333%; bottom: 33.333333%; } .inset-y-2\/3 { top: 66.666667%; bottom: 66.666667%; } .inset-y-1\/4 { top: 25%; bottom: 25%; } .inset-y-2\/4 { top: 50%; bottom: 50%; } .inset-y-3\/4 { top: 75%; bottom: 75%; } .inset-y-full { top: 100%; bottom: 100%; } .-inset-y-1\/2 { top: -50%; bottom: -50%; } .-inset-y-1\/3 { top: -33.333333%; bottom: -33.333333%; } .-inset-y-2\/3 { top: -66.666667%; bottom: -66.666667%; } .-inset-y-1\/4 { top: -25%; bottom: -25%; } .-inset-y-2\/4 { top: -50%; bottom: -50%; } .-inset-y-3\/4 { top: -75%; bottom: -75%; } .-inset-y-full { top: -100%; bottom: -100%; } .top-0 { top: 0px; } .top-1 { top: 0.25rem; } .top-2 { top: 0.5rem; } .top-3 { top: 0.75rem; } .top-4 { top: 1rem; } .top-5 { top: 1.25rem; } .top-6 { top: 1.5rem; } .top-7 { top: 1.75rem; } .top-8 { top: 2rem; } .top-9 { top: 2.25rem; } .top-10 { top: 2.5rem; } .top-11 { top: 2.75rem; } .top-12 { top: 3rem; } .top-14 { top: 3.5rem; } .top-16 { top: 4rem; } .top-20 { top: 5rem; } .top-24 { top: 6rem; } .top-28 { top: 7rem; } .top-32 { top: 8rem; } .top-36 { top: 9rem; } .top-40 { top: 10rem; } .top-44 { top: 11rem; } .top-48 { top: 12rem; } .top-52 { top: 13rem; } .top-56 { top: 14rem; } .top-60 { top: 15rem; } .top-64 { top: 16rem; } .top-72 { top: 18rem; } .top-80 { top: 20rem; } .top-96 { top: 24rem; } .top-auto { top: auto; } .top-px { top: 1px; } .top-0\.5 { top: 0.125rem; } .top-1\.5 { top: 0.375rem; } .top-2\.5 { top: 0.625rem; } .top-3\.5 { top: 0.875rem; } .-top-0 { top: 0px; } .-top-1 { top: -0.25rem; } .-top-2 { top: -0.5rem; } .-top-3 { top: -0.75rem; } .-top-4 { top: -1rem; } .-top-5 { top: -1.25rem; } .-top-6 { top: -1.5rem; } .-top-7 { top: -1.75rem; } .-top-8 { top: -2rem; } .-top-9 { top: -2.25rem; } .-top-10 { top: -2.5rem; } .-top-11 { top: -2.75rem; } .-top-12 { top: -3rem; } .-top-14 { top: -3.5rem; } .-top-16 { top: -4rem; } .-top-20 { top: -5rem; } .-top-24 { top: -6rem; } .-top-28 { top: -7rem; } .-top-32 { top: -8rem; } .-top-36 { top: -9rem; } .-top-40 { top: -10rem; } .-top-44 { top: -11rem; } .-top-48 { top: -12rem; } .-top-52 { top: -13rem; } .-top-56 { top: -14rem; } .-top-60 { top: -15rem; } .-top-64 { top: -16rem; } .-top-72 { top: -18rem; } .-top-80 { top: -20rem; } .-top-96 { top: -24rem; } .-top-px { top: -1px; } .-top-0\.5 { top: -0.125rem; } .-top-1\.5 { top: -0.375rem; } .-top-2\.5 { top: -0.625rem; } .-top-3\.5 { top: -0.875rem; } .top-1\/2 { top: 50%; } .top-1\/3 { top: 33.333333%; } .top-2\/3 { top: 66.666667%; } .top-1\/4 { top: 25%; } .top-2\/4 { top: 50%; } .top-3\/4 { top: 75%; } .top-full { top: 100%; } .-top-1\/2 { top: -50%; } .-top-1\/3 { top: -33.333333%; } .-top-2\/3 { top: -66.666667%; } .-top-1\/4 { top: -25%; } .-top-2\/4 { top: -50%; } .-top-3\/4 { top: -75%; } .-top-full { top: -100%; } .right-0 { right: 0px; } .right-1 { right: 0.25rem; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .right-6 { right: 1.5rem; } .right-7 { right: 1.75rem; } .right-8 { right: 2rem; } .right-9 { right: 2.25rem; } .right-10 { right: 2.5rem; } .right-11 { right: 2.75rem; } .right-12 { right: 3rem; } .right-14 { right: 3.5rem; } .right-16 { right: 4rem; } .right-20 { right: 5rem; } .right-24 { right: 6rem; } .right-28 { right: 7rem; } .right-32 { right: 8rem; } .right-36 { right: 9rem; } .right-40 { right: 10rem; } .right-44 { right: 11rem; } .right-48 { right: 12rem; } .right-52 { right: 13rem; } .right-56 { right: 14rem; } .right-60 { right: 15rem; } .right-64 { right: 16rem; } .right-72 { right: 18rem; } .right-80 { right: 20rem; } .right-96 { right: 24rem; } .right-auto { right: auto; } .right-px { right: 1px; } .right-0\.5 { right: 0.125rem; } .right-1\.5 { right: 0.375rem; } .right-2\.5 { right: 0.625rem; } .right-3\.5 { right: 0.875rem; } .-right-0 { right: 0px; } .-right-1 { right: -0.25rem; } .-right-2 { right: -0.5rem; } .-right-3 { right: -0.75rem; } .-right-4 { right: -1rem; } .-right-5 { right: -1.25rem; } .-right-6 { right: -1.5rem; } .-right-7 { right: -1.75rem; } .-right-8 { right: -2rem; } .-right-9 { right: -2.25rem; } .-right-10 { right: -2.5rem; } .-right-11 { right: -2.75rem; } .-right-12 { right: -3rem; } .-right-14 { right: -3.5rem; } .-right-16 { right: -4rem; } .-right-20 { right: -5rem; } .-right-24 { right: -6rem; } .-right-28 { right: -7rem; } .-right-32 { right: -8rem; } .-right-36 { right: -9rem; } .-right-40 { right: -10rem; } .-right-44 { right: -11rem; } .-right-48 { right: -12rem; } .-right-52 { right: -13rem; } .-right-56 { right: -14rem; } .-right-60 { right: -15rem; } .-right-64 { right: -16rem; } .-right-72 { right: -18rem; } .-right-80 { right: -20rem; } .-right-96 { right: -24rem; } .-right-px { right: -1px; } .-right-0\.5 { right: -0.125rem; } .-right-1\.5 { right: -0.375rem; } .-right-2\.5 { right: -0.625rem; } .-right-3\.5 { right: -0.875rem; } .right-1\/2 { right: 50%; } .right-1\/3 { right: 33.333333%; } .right-2\/3 { right: 66.666667%; } .right-1\/4 { right: 25%; } .right-2\/4 { right: 50%; } .right-3\/4 { right: 75%; } .right-full { right: 100%; } .-right-1\/2 { right: -50%; } .-right-1\/3 { right: -33.333333%; } .-right-2\/3 { right: -66.666667%; } .-right-1\/4 { right: -25%; } .-right-2\/4 { right: -50%; } .-right-3\/4 { right: -75%; } .-right-full { right: -100%; } .bottom-0 { bottom: 0px; } .bottom-1 { bottom: 0.25rem; } .bottom-2 { bottom: 0.5rem; } .bottom-3 { bottom: 0.75rem; } .bottom-4 { bottom: 1rem; } .bottom-5 { bottom: 1.25rem; } .bottom-6 { bottom: 1.5rem; } .bottom-7 { bottom: 1.75rem; } .bottom-8 { bottom: 2rem; } .bottom-9 { bottom: 2.25rem; } .bottom-10 { bottom: 2.5rem; } .bottom-11 { bottom: 2.75rem; } .bottom-12 { bottom: 3rem; } .bottom-14 { bottom: 3.5rem; } .bottom-16 { bottom: 4rem; } .bottom-20 { bottom: 5rem; } .bottom-24 { bottom: 6rem; } .bottom-28 { bottom: 7rem; } .bottom-32 { bottom: 8rem; } .bottom-36 { bottom: 9rem; } .bottom-40 { bottom: 10rem; } .bottom-44 { bottom: 11rem; } .bottom-48 { bottom: 12rem; } .bottom-52 { bottom: 13rem; } .bottom-56 { bottom: 14rem; } .bottom-60 { bottom: 15rem; } .bottom-64 { bottom: 16rem; } .bottom-72 { bottom: 18rem; } .bottom-80 { bottom: 20rem; } .bottom-96 { bottom: 24rem; } .bottom-auto { bottom: auto; } .bottom-px { bottom: 1px; } .bottom-0\.5 { bottom: 0.125rem; } .bottom-1\.5 { bottom: 0.375rem; } .bottom-2\.5 { bottom: 0.625rem; } .bottom-3\.5 { bottom: 0.875rem; } .-bottom-0 { bottom: 0px; } .-bottom-1 { bottom: -0.25rem; } .-bottom-2 { bottom: -0.5rem; } .-bottom-3 { bottom: -0.75rem; } .-bottom-4 { bottom: -1rem; } .-bottom-5 { bottom: -1.25rem; } .-bottom-6 { bottom: -1.5rem; } .-bottom-7 { bottom: -1.75rem; } .-bottom-8 { bottom: -2rem; } .-bottom-9 { bottom: -2.25rem; } .-bottom-10 { bottom: -2.5rem; } .-bottom-11 { bottom: -2.75rem; } .-bottom-12 { bottom: -3rem; } .-bottom-14 { bottom: -3.5rem; } .-bottom-16 { bottom: -4rem; } .-bottom-20 { bottom: -5rem; } .-bottom-24 { bottom: -6rem; } .-bottom-28 { bottom: -7rem; } .-bottom-32 { bottom: -8rem; } .-bottom-36 { bottom: -9rem; } .-bottom-40 { bottom: -10rem; } .-bottom-44 { bottom: -11rem; } .-bottom-48 { bottom: -12rem; } .-bottom-52 { bottom: -13rem; } .-bottom-56 { bottom: -14rem; } .-bottom-60 { bottom: -15rem; } .-bottom-64 { bottom: -16rem; } .-bottom-72 { bottom: -18rem; } .-bottom-80 { bottom: -20rem; } .-bottom-96 { bottom: -24rem; } .-bottom-px { bottom: -1px; } .-bottom-0\.5 { bottom: -0.125rem; } .-bottom-1\.5 { bottom: -0.375rem; } .-bottom-2\.5 { bottom: -0.625rem; } .-bottom-3\.5 { bottom: -0.875rem; } .bottom-1\/2 { bottom: 50%; } .bottom-1\/3 { bottom: 33.333333%; } .bottom-2\/3 { bottom: 66.666667%; } .bottom-1\/4 { bottom: 25%; } .bottom-2\/4 { bottom: 50%; } .bottom-3\/4 { bottom: 75%; } .bottom-full { bottom: 100%; } .-bottom-1\/2 { bottom: -50%; } .-bottom-1\/3 { bottom: -33.333333%; } .-bottom-2\/3 { bottom: -66.666667%; } .-bottom-1\/4 { bottom: -25%; } .-bottom-2\/4 { bottom: -50%; } .-bottom-3\/4 { bottom: -75%; } .-bottom-full { bottom: -100%; } .left-0 { left: 0px; } .left-1 { left: 0.25rem; } .left-2 { left: 0.5rem; } .left-3 { left: 0.75rem; } .left-4 { left: 1rem; } .left-5 { left: 1.25rem; } .left-6 { left: 1.5rem; } .left-7 { left: 1.75rem; } .left-8 { left: 2rem; } .left-9 { left: 2.25rem; } .left-10 { left: 2.5rem; } .left-11 { left: 2.75rem; } .left-12 { left: 3rem; } .left-14 { left: 3.5rem; } .left-16 { left: 4rem; } .left-20 { left: 5rem; } .left-24 { left: 6rem; } .left-28 { left: 7rem; } .left-32 { left: 8rem; } .left-36 { left: 9rem; } .left-40 { left: 10rem; } .left-44 { left: 11rem; } .left-48 { left: 12rem; } .left-52 { left: 13rem; } .left-56 { left: 14rem; } .left-60 { left: 15rem; } .left-64 { left: 16rem; } .left-72 { left: 18rem; } .left-80 { left: 20rem; } .left-96 { left: 24rem; } .left-auto { left: auto; } .left-px { left: 1px; } .left-0\.5 { left: 0.125rem; } .left-1\.5 { left: 0.375rem; } .left-2\.5 { left: 0.625rem; } .left-3\.5 { left: 0.875rem; } .-left-0 { left: 0px; } .-left-1 { left: -0.25rem; } .-left-2 { left: -0.5rem; } .-left-3 { left: -0.75rem; } .-left-4 { left: -1rem; } .-left-5 { left: -1.25rem; } .-left-6 { left: -1.5rem; } .-left-7 { left: -1.75rem; } .-left-8 { left: -2rem; } .-left-9 { left: -2.25rem; } .-left-10 { left: -2.5rem; } .-left-11 { left: -2.75rem; } .-left-12 { left: -3rem; } .-left-14 { left: -3.5rem; } .-left-16 { left: -4rem; } .-left-20 { left: -5rem; } .-left-24 { left: -6rem; } .-left-28 { left: -7rem; } .-left-32 { left: -8rem; } .-left-36 { left: -9rem; } .-left-40 { left: -10rem; } .-left-44 { left: -11rem; } .-left-48 { left: -12rem; } .-left-52 { left: -13rem; } .-left-56 { left: -14rem; } .-left-60 { left: -15rem; } .-left-64 { left: -16rem; } .-left-72 { left: -18rem; } .-left-80 { left: -20rem; } .-left-96 { left: -24rem; } .-left-px { left: -1px; } .-left-0\.5 { left: -0.125rem; } .-left-1\.5 { left: -0.375rem; } .-left-2\.5 { left: -0.625rem; } .-left-3\.5 { left: -0.875rem; } .left-1\/2 { left: 50%; } .left-1\/3 { left: 33.333333%; } .left-2\/3 { left: 66.666667%; } .left-1\/4 { left: 25%; } .left-2\/4 { left: 50%; } .left-3\/4 { left: 75%; } .left-full { left: 100%; } .-left-1\/2 { left: -50%; } .-left-1\/3 { left: -33.333333%; } .-left-2\/3 { left: -66.666667%; } .-left-1\/4 { left: -25%; } .-left-2\/4 { left: -50%; } .-left-3\/4 { left: -75%; } .-left-full { left: -100%; } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-auto { z-index: auto; } .focus-within\:z-0:focus-within { z-index: 0; } .focus-within\:z-10:focus-within { z-index: 10; } .focus-within\:z-20:focus-within { z-index: 20; } .focus-within\:z-30:focus-within { z-index: 30; } .focus-within\:z-40:focus-within { z-index: 40; } .focus-within\:z-50:focus-within { z-index: 50; } .focus-within\:z-auto:focus-within { z-index: auto; } .focus\:z-0:focus { z-index: 0; } .focus\:z-10:focus { z-index: 10; } .focus\:z-20:focus { z-index: 20; } .focus\:z-30:focus { z-index: 30; } .focus\:z-40:focus { z-index: 40; } .focus\:z-50:focus { z-index: 50; } .focus\:z-auto:focus { z-index: auto; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .order-first { order: -9999; } .order-last { order: 9999; } .order-none { order: 0; } .col-auto { grid-column: auto; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-8 { grid-column: span 8 / span 8; } .col-span-9 { grid-column: span 9 / span 9; } .col-span-10 { grid-column: span 10 / span 10; } .col-span-11 { grid-column: span 11 / span 11; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-start-4 { grid-column-start: 4; } .col-start-5 { grid-column-start: 5; } .col-start-6 { grid-column-start: 6; } .col-start-7 { grid-column-start: 7; } .col-start-8 { grid-column-start: 8; } .col-start-9 { grid-column-start: 9; } .col-start-10 { grid-column-start: 10; } .col-start-11 { grid-column-start: 11; } .col-start-12 { grid-column-start: 12; } .col-start-13 { grid-column-start: 13; } .col-start-auto { grid-column-start: auto; } .col-end-1 { grid-column-end: 1; } .col-end-2 { grid-column-end: 2; } .col-end-3 { grid-column-end: 3; } .col-end-4 { grid-column-end: 4; } .col-end-5 { grid-column-end: 5; } .col-end-6 { grid-column-end: 6; } .col-end-7 { grid-column-end: 7; } .col-end-8 { grid-column-end: 8; } .col-end-9 { grid-column-end: 9; } .col-end-10 { grid-column-end: 10; } .col-end-11 { grid-column-end: 11; } .col-end-12 { grid-column-end: 12; } .col-end-13 { grid-column-end: 13; } .col-end-auto { grid-column-end: auto; } .row-auto { grid-row: auto; } .row-span-1 { grid-row: span 1 / span 1; } .row-span-2 { grid-row: span 2 / span 2; } .row-span-3 { grid-row: span 3 / span 3; } .row-span-4 { grid-row: span 4 / span 4; } .row-span-5 { grid-row: span 5 / span 5; } .row-span-6 { grid-row: span 6 / span 6; } .row-span-full { grid-row: 1 / -1; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-start-3 { grid-row-start: 3; } .row-start-4 { grid-row-start: 4; } .row-start-5 { grid-row-start: 5; } .row-start-6 { grid-row-start: 6; } .row-start-7 { grid-row-start: 7; } .row-start-auto { grid-row-start: auto; } .row-end-1 { grid-row-end: 1; } .row-end-2 { grid-row-end: 2; } .row-end-3 { grid-row-end: 3; } .row-end-4 { grid-row-end: 4; } .row-end-5 { grid-row-end: 5; } .row-end-6 { grid-row-end: 6; } .row-end-7 { grid-row-end: 7; } .row-end-auto { grid-row-end: auto; } .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-0 { margin: 0px; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-3 { margin: 0.75rem; } .m-4 { margin: 1rem; } .m-5 { margin: 1.25rem; } .m-6 { margin: 1.5rem; } .m-7 { margin: 1.75rem; } .m-8 { margin: 2rem; } .m-9 { margin: 2.25rem; } .m-10 { margin: 2.5rem; } .m-11 { margin: 2.75rem; } .m-12 { margin: 3rem; } .m-14 { margin: 3.5rem; } .m-16 { margin: 4rem; } .m-20 { margin: 5rem; } .m-24 { margin: 6rem; } .m-28 { margin: 7rem; } .m-32 { margin: 8rem; } .m-36 { margin: 9rem; } .m-40 { margin: 10rem; } .m-44 { margin: 11rem; } .m-48 { margin: 12rem; } .m-52 { margin: 13rem; } .m-56 { margin: 14rem; } .m-60 { margin: 15rem; } .m-64 { margin: 16rem; } .m-72 { margin: 18rem; } .m-80 { margin: 20rem; } .m-96 { margin: 24rem; } .m-auto { margin: auto; } .m-px { margin: 1px; } .m-0\.5 { margin: 0.125rem; } .m-1\.5 { margin: 0.375rem; } .m-2\.5 { margin: 0.625rem; } .m-3\.5 { margin: 0.875rem; } .-m-0 { margin: 0px; } .-m-1 { margin: -0.25rem; } .-m-2 { margin: -0.5rem; } .-m-3 { margin: -0.75rem; } .-m-4 { margin: -1rem; } .-m-5 { margin: -1.25rem; } .-m-6 { margin: -1.5rem; } .-m-7 { margin: -1.75rem; } .-m-8 { margin: -2rem; } .-m-9 { margin: -2.25rem; } .-m-10 { margin: -2.5rem; } .-m-11 { margin: -2.75rem; } .-m-12 { margin: -3rem; } .-m-14 { margin: -3.5rem; } .-m-16 { margin: -4rem; } .-m-20 { margin: -5rem; } .-m-24 { margin: -6rem; } .-m-28 { margin: -7rem; } .-m-32 { margin: -8rem; } .-m-36 { margin: -9rem; } .-m-40 { margin: -10rem; } .-m-44 { margin: -11rem; } .-m-48 { margin: -12rem; } .-m-52 { margin: -13rem; } .-m-56 { margin: -14rem; } .-m-60 { margin: -15rem; } .-m-64 { margin: -16rem; } .-m-72 { margin: -18rem; } .-m-80 { margin: -20rem; } .-m-96 { margin: -24rem; } .-m-px { margin: -1px; } .-m-0\.5 { margin: -0.125rem; } .-m-1\.5 { margin: -0.375rem; } .-m-2\.5 { margin: -0.625rem; } .-m-3\.5 { margin: -0.875rem; } .mx-0 { margin-left: 0px; margin-right: 0px; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-7 { margin-left: 1.75rem; margin-right: 1.75rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .mx-9 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .mx-11 { margin-left: 2.75rem; margin-right: 2.75rem; } .mx-12 { margin-left: 3rem; margin-right: 3rem; } .mx-14 { margin-left: 3.5rem; margin-right: 3.5rem; } .mx-16 { margin-left: 4rem; margin-right: 4rem; } .mx-20 { margin-left: 5rem; margin-right: 5rem; } .mx-24 { margin-left: 6rem; margin-right: 6rem; } .mx-28 { margin-left: 7rem; margin-right: 7rem; } .mx-32 { margin-left: 8rem; margin-right: 8rem; } .mx-36 { margin-left: 9rem; margin-right: 9rem; } .mx-40 { margin-left: 10rem; margin-right: 10rem; } .mx-44 { margin-left: 11rem; margin-right: 11rem; } .mx-48 { margin-left: 12rem; margin-right: 12rem; } .mx-52 { margin-left: 13rem; margin-right: 13rem; } .mx-56 { margin-left: 14rem; margin-right: 14rem; } .mx-60 { margin-left: 15rem; margin-right: 15rem; } .mx-64 { margin-left: 16rem; margin-right: 16rem; } .mx-72 { margin-left: 18rem; margin-right: 18rem; } .mx-80 { margin-left: 20rem; margin-right: 20rem; } .mx-96 { margin-left: 24rem; margin-right: 24rem; } .mx-auto { margin-left: auto; margin-right: auto; } .mx-px { margin-left: 1px; margin-right: 1px; } .mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; } .mx-1\.5 { margin-left: 0.375rem; margin-right: 0.375rem; } .mx-2\.5 { margin-left: 0.625rem; margin-right: 0.625rem; } .mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; } .-mx-0 { margin-left: 0px; margin-right: 0px; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .-mx-7 { margin-left: -1.75rem; margin-right: -1.75rem; } .-mx-8 { margin-left: -2rem; margin-right: -2rem; } .-mx-9 { margin-left: -2.25rem; margin-right: -2.25rem; } .-mx-10 { margin-left: -2.5rem; margin-right: -2.5rem; } .-mx-11 { margin-left: -2.75rem; margin-right: -2.75rem; } .-mx-12 { margin-left: -3rem; margin-right: -3rem; } .-mx-14 { margin-left: -3.5rem; margin-right: -3.5rem; } .-mx-16 { margin-left: -4rem; margin-right: -4rem; } .-mx-20 { margin-left: -5rem; margin-right: -5rem; } .-mx-24 { margin-left: -6rem; margin-right: -6rem; } .-mx-28 { margin-left: -7rem; margin-right: -7rem; } .-mx-32 { margin-left: -8rem; margin-right: -8rem; } .-mx-36 { margin-left: -9rem; margin-right: -9rem; } .-mx-40 { margin-left: -10rem; margin-right: -10rem; } .-mx-44 { margin-left: -11rem; margin-right: -11rem; } .-mx-48 { margin-left: -12rem; margin-right: -12rem; } .-mx-52 { margin-left: -13rem; margin-right: -13rem; } .-mx-56 { margin-left: -14rem; margin-right: -14rem; } .-mx-60 { margin-left: -15rem; margin-right: -15rem; } .-mx-64 { margin-left: -16rem; margin-right: -16rem; } .-mx-72 { margin-left: -18rem; margin-right: -18rem; } .-mx-80 { margin-left: -20rem; margin-right: -20rem; } .-mx-96 { margin-left: -24rem; margin-right: -24rem; } .-mx-px { margin-left: -1px; margin-right: -1px; } .-mx-0\.5 { margin-left: -0.125rem; margin-right: -0.125rem; } .-mx-1\.5 { margin-left: -0.375rem; margin-right: -0.375rem; } .-mx-2\.5 { margin-left: -0.625rem; margin-right: -0.625rem; } .-mx-3\.5 { margin-left: -0.875rem; margin-right: -0.875rem; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .my-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .my-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .my-1