├── .gitignore
├── .nojekyll
├── CHANGELOG.md
├── README.md
├── dist
    └── index.js
├── docs
    ├── index.html
    ├── tailwind.css
    └── tailwind.min.css
├── package.json
├── scripts
    └── build-docs.js
└── src
    └── index.js


/.gitignore:
--------------------------------------------------------------------------------
1 | dist
2 | node_modules
3 | yarn.lock
4 | package-lock.json
5 | 


--------------------------------------------------------------------------------
/.nojekyll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bustoutsolutions/tailwindcss-container-bleed/ceb92e8cb29ce799c91823ba9d66f2d17b99d508/.nojekyll


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Changelog
 2 | All notable changes to this project will be documented in this file.
 3 | 
 4 | The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 5 | 
 6 | ## [0.1.3] - 2021-03-03
 7 | 
 8 | * Transpile plugin with Babel
 9 | 
10 | ## [0.1.2] - 2021-03-02
11 | 
12 | * Support container padding as string
13 | * Support Tailwind 1 default container padding syntax where "default" key is lowercase
14 | 
15 | ## [0.1.1] - 2021-03-01
16 | 
17 | * Add npm installation
18 | 
19 | ## [0.1.0] - 2021-02-26
20 | 
21 | Initial release
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Tailwind CSS Container Bleed Plugin
  2 | 
  3 | This plugin generates utilities classes to bleed into container padding and margin at each screen breakpoint.
  4 | 
  5 | [View live demo](https://bustoutsolutions.github.io/tailwindcss-container-bleed)
  6 | 
  7 | ```html
  8 | <main class="container">
  9 |   <section class="bx-container">
 10 |     This element breaks out of the container to the edges of the browser
 11 |     window. Padding is applied so this content will remain inline with other
 12 |     container content.
 13 |   </section>
 14 |   <section class="bx-container-padding">
 15 |     This element breaks out of the container padding only. Padding is applied
 16 |     so this content will remain inline with other container content.
 17 |   </section>
 18 |   <!-- See more utilities in demo -->
 19 | </main>
 20 | ```
 21 | 
 22 | ## Installation
 23 | 
 24 | Install the plugin from npm:
 25 | 
 26 | ```sh
 27 | # Using npm
 28 | npm install --save-dev tailwindcss-container-bleed
 29 | 
 30 | # Using Yarn
 31 | yarn add -D tailwindcss-container-bleed
 32 | ```
 33 | 
 34 | Then add the plugin to your `tailwind.config.js` file:
 35 | 
 36 | ```js
 37 | // tailwind.config.js
 38 | module.exports = {
 39 |   theme: {
 40 |     // ...
 41 |   },
 42 |   plugins: [
 43 |     require('tailwindcss-container-bleed'),
 44 |     // ...
 45 |   ],
 46 | }
 47 | ```
 48 | 
 49 | ## Usage
 50 | 
 51 | This plugin works in conjunction with the native [container](https://tailwindcss.com/docs/container) component and its [horizontal padding options](https://tailwindcss.com/docs/container#horizontal-padding). There are no additional options to be configured in the theme.
 52 | 
 53 | There are, however, a few options that can be configured when the plugin is included:
 54 | 
 55 | ```js
 56 | // tailwind.config.js
 57 | module.exports = {
 58 |   plugins: [
 59 |     require('tailwindcss-container-bleed', {
 60 |       // Defaults
 61 |       rootSelector: ':root',
 62 |       screenWidthVar: '--screen-width',
 63 |       screenWidthDefault: theme('width.screen'),
 64 |       currentScreenVar: '--current-screen',
 65 |       currentScreenDefault: screenWidthDefault,
 66 |       paddingVar: '--container-padding'
 67 |     })
 68 |   ]
 69 | }
 70 | ```
 71 | 
 72 | **Notes:**
 73 | * Requires Tailwind CSS v1.3+
 74 | * Fully works best when `container.center = true`
 75 | * Relies on CSS custom properties
 76 | 
 77 | ## Utilities
 78 | 
 79 | The following utility classes are generated. They can also be used with `@apply`.
 80 | 
 81 | ### Bleed
 82 | 
 83 | The bleed classes are a combination of the respective negative margin and padding utilites below. For example, `.bx-container` is equal to `.-mx-container .px-container`.
 84 | 
 85 | ```
 86 | .bl-container
 87 | .br-container
 88 | .bx-container
 89 | 
 90 | .b-container-padding
 91 | .bl-container-padding
 92 | .br-container-padding
 93 | .bt-container-padding
 94 | .bb-container-padding
 95 | .bx-container-padding
 96 | .by-container-padding
 97 | 
 98 | .bl-container-margin
 99 | .br-container-margin
100 | .bx-container-margin
101 | ```
102 | 
103 | ### Negative Margins
104 | 
105 | ```
106 | .-ml-container
107 | .-mr-container
108 | .-mx-container
109 | 
110 | .-m-container-padding
111 | .-ml-container-padding
112 | .-mr-container-padding
113 | .-mt-container-padding
114 | .-mb-container-padding
115 | .-mx-container-padding
116 | .-my-container-padding
117 | 
118 | .-ml-container-margin
119 | .-mr-container-margin
120 | .-mx-container-margin
121 | ```
122 | 
123 | ### Padding
124 | 
125 | ```
126 | .pl-container
127 | .pr-container
128 | .px-container
129 | 
130 | .p-container-padding
131 | .pl-container-padding
132 | .pr-container-padding
133 | .pt-container-padding
134 | .pb-container-padding
135 | .px-container-padding
136 | .py-container-padding
137 | 
138 | .pl-container-margin
139 | .pr-container-margin
140 | .px-container-margin
141 | ```
142 | 


--------------------------------------------------------------------------------
/dist/index.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
  4 | 
  5 | function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
  6 | 
  7 | function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
  8 | 
  9 | function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 10 | 
 11 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 12 | 
 13 | function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 14 | 
 15 | function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 16 | 
 17 | function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 18 | 
 19 | function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 20 | 
 21 | function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 22 | 
 23 | function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 24 | 
 25 | var plugin = require('tailwindcss/plugin');
 26 | 
 27 | module.exports = plugin.withOptions(function () {
 28 |   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 29 |   return function (_ref) {
 30 |     var _options$rootSelector, _options$screenWidthV, _options$screenWidthD, _options$currentScree, _options$currentScree2, _options$paddingVar;
 31 | 
 32 |     var theme = _ref.theme,
 33 |         addBase = _ref.addBase,
 34 |         addUtilities = _ref.addUtilities;
 35 |     var screens = theme('container.screens', theme('screens')),
 36 |         padding = theme('container.padding', {}),
 37 |         rootSelector = (_options$rootSelector = options.rootSelector) !== null && _options$rootSelector !== void 0 ? _options$rootSelector : ':root',
 38 |         screenWidthVar = (_options$screenWidthV = options.screenWidthVar) !== null && _options$screenWidthV !== void 0 ? _options$screenWidthV : '--screen-width',
 39 |         screenWidthDefault = (_options$screenWidthD = options.screenWidthDefault) !== null && _options$screenWidthD !== void 0 ? _options$screenWidthD : theme('width.screen'),
 40 |         currentScreenVar = (_options$currentScree = options.currentScreenVar) !== null && _options$currentScree !== void 0 ? _options$currentScree : '--current-screen',
 41 |         currentScreenDefault = (_options$currentScree2 = options.currentScreenDefault) !== null && _options$currentScree2 !== void 0 ? _options$currentScree2 : screenWidthDefault,
 42 |         paddingVar = (_options$paddingVar = options.paddingVar) !== null && _options$paddingVar !== void 0 ? _options$paddingVar : '--container-padding',
 43 |         paddingDefault = typeof theme('container.padding') === 'string' ? theme('container.padding') : theme('container.padding.DEFAULT', theme('container.padding.default'));
 44 |     /* Base */
 45 | 
 46 |     var base = _defineProperty({}, rootSelector, Object.assign.apply(Object, [_defineProperty({}, screenWidthVar, screenWidthDefault), _defineProperty({}, currentScreenVar, currentScreenDefault), paddingDefault ? _defineProperty({}, paddingVar, paddingDefault) : {}].concat(_toConsumableArray(Object.entries(screens).map(function (_ref5) {
 47 |       var _ref6 = _slicedToArray(_ref5, 2),
 48 |           screenKey = _ref6[0],
 49 |           screenValue = _ref6[1];
 50 | 
 51 |       return _defineProperty({}, "@screen ".concat(screenKey), Object.assign(_defineProperty({}, currentScreenVar, screenValue), Object.keys(padding).includes(screenKey) ? _defineProperty({}, paddingVar, padding[screenKey]) : {}));
 52 |     })))));
 53 | 
 54 |     addBase(base);
 55 |     /* Margin */
 56 | 
 57 |     var mContainerPadding = "calc(var(".concat(paddingVar, ") / -1)"),
 58 |         mContainerMargin = "calc((var(".concat(screenWidthVar, ") - var(").concat(currentScreenVar, ")) / -2)"),
 59 |         mContainer = "calc((var(".concat(screenWidthVar, ") - var(").concat(currentScreenVar, ")) / -2 - var(").concat(paddingVar, "))");
 60 |     var m = {
 61 |       '.-m-container-padding': {
 62 |         margin: mContainerPadding
 63 |       },
 64 |       '.-ml-container-padding': {
 65 |         marginLeft: mContainerPadding
 66 |       },
 67 |       '.-mr-container-padding': {
 68 |         marginRight: mContainerPadding
 69 |       },
 70 |       '.-mt-container-padding': {
 71 |         marginTop: mContainerPadding
 72 |       },
 73 |       '.-mb-container-padding': {
 74 |         marginBottom: mContainerPadding
 75 |       },
 76 |       '.-mx-container-padding': {
 77 |         marginLeft: mContainerPadding,
 78 |         marginRight: mContainerPadding
 79 |       },
 80 |       '.-my-container-padding': {
 81 |         marginTop: mContainerPadding,
 82 |         marginBottom: mContainerPadding
 83 |       },
 84 |       '.-ml-container-margin': {
 85 |         marginLeft: mContainerMargin
 86 |       },
 87 |       '.-mr-container-margin': {
 88 |         marginRight: mContainerMargin
 89 |       },
 90 |       '.-mx-container-margin': {
 91 |         marginLeft: mContainerMargin,
 92 |         marginRight: mContainerMargin
 93 |       },
 94 |       '.-ml-container': {
 95 |         marginLeft: mContainer
 96 |       },
 97 |       '.-mr-container': {
 98 |         marginRight: mContainer
 99 |       },
100 |       '.-mx-container': {
101 |         marginLeft: mContainer,
102 |         marginRight: mContainer
103 |       }
104 |     };
105 |     addUtilities(m);
106 |     /* Padding */
107 | 
108 |     var pContainerPadding = "var(".concat(paddingVar, ")"),
109 |         pContainerMargin = "calc((var(".concat(screenWidthVar, ") - var(").concat(currentScreenVar, ")) / 2)"),
110 |         pContainer = "calc((var(".concat(screenWidthVar, ") - var(").concat(currentScreenVar, ")) / 2 + var(").concat(paddingVar, "))");
111 |     var p = {
112 |       '.p-container-padding': {
113 |         padding: pContainerPadding
114 |       },
115 |       '.pl-container-padding': {
116 |         paddingLeft: pContainerPadding
117 |       },
118 |       '.pr-container-padding': {
119 |         paddingRight: pContainerPadding
120 |       },
121 |       '.pt-container-padding': {
122 |         paddingTop: pContainerPadding
123 |       },
124 |       '.pb-container-padding': {
125 |         paddingBottom: pContainerPadding
126 |       },
127 |       '.px-container-padding': {
128 |         paddingLeft: pContainerPadding,
129 |         paddingRight: pContainerPadding
130 |       },
131 |       '.py-container-padding': {
132 |         paddingTop: pContainerPadding,
133 |         paddingBottom: pContainerPadding
134 |       },
135 |       '.pl-container-margin': {
136 |         paddingLeft: pContainerMargin
137 |       },
138 |       '.pr-container-margin': {
139 |         paddingRight: pContainerMargin
140 |       },
141 |       '.px-container-margin': {
142 |         paddingLeft: pContainerMargin,
143 |         paddingRight: pContainerMargin
144 |       },
145 |       '.pl-container': {
146 |         paddingLeft: pContainer
147 |       },
148 |       '.pr-container': {
149 |         paddingRight: pContainer
150 |       },
151 |       '.px-container': {
152 |         paddingLeft: pContainer,
153 |         paddingRight: pContainer
154 |       }
155 |     };
156 |     addUtilities(p);
157 |     /* Bleed */
158 | 
159 |     var b = {
160 |       '.b-container-padding': {
161 |         margin: mContainerPadding,
162 |         padding: pContainerPadding
163 |       },
164 |       '.bl-container-padding': {
165 |         marginLeft: mContainerPadding,
166 |         paddingLeft: pContainerPadding
167 |       },
168 |       '.br-container-padding': {
169 |         marginRight: mContainerPadding,
170 |         paddingRight: pContainerPadding
171 |       },
172 |       '.bt-container-padding': {
173 |         marginTop: mContainerPadding,
174 |         paddingTop: pContainerPadding
175 |       },
176 |       '.bb-container-padding': {
177 |         marginBottom: mContainerPadding,
178 |         paddingBottom: pContainerPadding
179 |       },
180 |       '.bx-container-padding': {
181 |         marginLeft: mContainerPadding,
182 |         paddingLeft: pContainerPadding,
183 |         marginRight: mContainerPadding,
184 |         paddingRight: pContainerPadding
185 |       },
186 |       '.by-container-padding': {
187 |         marginTop: mContainerPadding,
188 |         paddingTop: pContainerPadding,
189 |         marginBottom: mContainerPadding,
190 |         paddingBottom: pContainerPadding
191 |       },
192 |       '.bl-container-margin': {
193 |         marginLeft: mContainerMargin,
194 |         paddingLeft: pContainerMargin
195 |       },
196 |       '.br-container-margin': {
197 |         marginRight: mContainerMargin,
198 |         paddingRight: pContainerMargin
199 |       },
200 |       '.bx-container-margin': {
201 |         marginLeft: mContainerMargin,
202 |         paddingLeft: pContainerMargin,
203 |         marginRight: mContainerMargin,
204 |         paddingRight: pContainerMargin
205 |       },
206 |       '.bl-container': {
207 |         marginLeft: mContainer,
208 |         paddingLeft: pContainer
209 |       },
210 |       '.br-container': {
211 |         marginRight: mContainer,
212 |         paddingRight: pContainer
213 |       },
214 |       '.bx-container': {
215 |         marginLeft: mContainer,
216 |         paddingLeft: pContainer,
217 |         marginRight: mContainer,
218 |         paddingRight: pContainer
219 |       }
220 |     };
221 |     addUtilities(b);
222 |   };
223 | });


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
  1 | <html lang="en">
  2 |   <head>
  3 |     <meta charset="UTF-8" />
  4 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  5 |     <title>tailwindcss-container-bleed demo</title>
  6 | 
  7 |     <link rel="stylesheet" href="tailwind.min.css" />
  8 |   </head>
  9 |   <body>
 10 |     <header class="container py-12">
 11 |       <p class="mb-1 text-xl font-bold"><a class="text-blue-500" href="https://tailwindcss.com">Tailwind CSS</a></p>
 12 |       <h1 class="mb-12 text-5xl font-bold">Container Bleed Plugin</h1>
 13 |       <div class="max-w-2xl">
 14 |         <p class="mt-6"><a class="text-blue-500" href="https://github.com/bustoutsolutions/tailwindcss-container-bleed">View on GitHub</a></p>
 15 |         <p class="mt-6">This plugin generates utilities classes to bleed into container padding and margin at each screen breakpoint. There are no screen-specific variants, just simple classes that will automatically account for padding changes at different screen sizes. <em>Padding</em> refers to the interior space between the container edge and its content; <em>margin</em> refers to the exterior space between the container edge and the browser window.</p>
 16 |         <p class="mt-6">This demo has the following <a href="https://tailwindcss.com/docs/container">container</a> configuration:</p>
 17 | <pre class="mt-6 p-6 text-white bg-gray-800 rounded-2xl"><code class="text-pink-500">container: {
 18 |   center: true,
 19 |   padding: {
 20 |     DEFAULT: '1rem',
 21 |     md: '2rem',
 22 |     lg: '4rem'
 23 |   }
 24 | }</code></pre>
 25 |         <p class="mt-6"><strong>Note:</strong> The default <code>xl</code> and <code>2xl</code> screen breakpoints are disabled in this demo.</p>
 26 |       </div>
 27 |     </header>
 28 |     <main class="container py-12 bg-gray-100 rounded-2xl">
 29 |       <h2 class="text-4xl font-bold">Container</h2>
 30 |       <code class="text-pink-500">.container</code>
 31 |       <section>
 32 |         <div class="mt-6 py-4 bg-gray-300">
 33 |           <h5 class="text-xl">No Bleed</h5>
 34 |         </div>
 35 |       </section>
 36 |       <section class="mt-12">
 37 |         <div class="max-w-2xl">
 38 |           <h3 class="text-3xl font-bold">Bleed</h3>
 39 |           <p class="text-gray-500">Uses a negative margin to bleed into the container padding and margin. Then applies the container padding and margin back to itself as padding so the content remains aligned. Use the classes in parentheses to apply the negative margin or padding individually.</p>
 40 |         </div>
 41 |         <div class="bx-container mt-6 py-4 bg-gray-300">
 42 |           <h5 class="text-xl">Bleed Left & Right</h5>
 43 |           <code class="text-pink-500">.bx-container</code> <code class="ml-3 text-gray-500"><small>( .-mx-container .px-container )</small></code>
 44 |         </div>
 45 |         <div class="bl-container mt-6 py-4 bg-gray-300">
 46 |           <h5 class="text-xl">Bleed Left</h5>
 47 |           <code class="text-pink-500">.bl-container</code> <code class="ml-3 text-gray-500"><small>( .-ml-container .pl-container )</small></code>
 48 |         </div>
 49 |         <div class="br-container mt-6 py-4 bg-gray-300">
 50 |           <h5 class="text-xl">Bleed Right</h5>
 51 |           <code class="text-pink-500">.br-container</code> <code class="ml-3 text-gray-500"><small>( .-mr-container .pr-container )</small></code>
 52 |         </div>
 53 |       </section>
 54 |       <section class="mt-12">
 55 |         <div class="max-w-2xl">
 56 |           <h3 class="text-3xl font-bold">Bleed – Padding Only</h3>
 57 |           <p class="text-gray-500">Uses a negative margin to bleed into the container padding. Then applies the container padding back to itself as padding so the content remains aligned. Use the classes in parentheses to apply the negative margin or padding individually.</p>
 58 |         </div>
 59 |         <div class="bx-container-padding mt-6 py-4 bg-gray-300">
 60 |           <h5 class="text-xl">Bleed Left & Right – Padding Only</h5>
 61 |           <code class="text-pink-500">.bx-container-padding</code> <code class="ml-3 text-gray-500"><small>( .-mx-container-padding .px-container-padding )</small></code>
 62 |         </div>
 63 |         <div class="bl-container-padding mt-6 py-4 bg-gray-300">
 64 |           <h5 class="text-xl">Bleed Left – Padding-Only</h5>
 65 |           <code class="text-pink-500">.bl-container-padding</code> <code class="ml-3 text-gray-500"><small>( .-ml-container-padding .pl-container-padding )</small></code>
 66 |         </div>
 67 |         <div class="br-container-padding mt-6 py-4 bg-gray-300">
 68 |           <h5 class="text-xl">Bleed Right – Padding-Only</h5>
 69 |           <code class="text-pink-500">.br-container-padding</code> <code class="ml-3 text-gray-500"><small>( .-mr-container-padding .pr-container-padding )</small></code>
 70 |         </div>
 71 |       </section>
 72 |       <section class="mt-12">
 73 |         <div class="max-w-2xl">
 74 |           <h3 class="text-3xl font-bold">Bleed – Margin Only</h3>
 75 |           <p class="text-gray-500">Uses a negative margin to bleed into the container margin. Then applies the container margin back to itself as padding so the content remains aligned. Use the classes in parentheses to apply the negative margin or padding individually.</p>
 76 |         </div>
 77 |         <div class="bx-container-margin mt-6 py-4 bg-gray-300">
 78 |           <h5 class="text-xl">Bleed Left & Right – Margin Only</h5>
 79 |           <code class="text-pink-500">.bx-container-margin</code> <code class="ml-3 text-gray-500"><small>( .-mx-container-margin .px-container-margin )</small></code>
 80 |         </div>
 81 |         <div class="bl-container-margin mt-6 py-4 bg-gray-300">
 82 |           <h5 class="text-xl">Bleed Left – Margin-Only</h5>
 83 |           <code class="text-pink-500">.bl-container-margin</code> <code class="ml-3 text-gray-500"><small>( .-mx-container-margin .px-container-margin )</small></code>
 84 |         </div>
 85 |         <div class="br-container-margin mt-6 py-4 bg-gray-300">
 86 |           <h5 class="text-xl">Bleed Right – Margin-Only</h5>
 87 |           <code class="text-pink-500">.br-container-margin</code> <code class="ml-3 text-gray-500"><small>( .-mx-container-margin .px-container-margin )</small></code>
 88 |         </div>
 89 |       </section>
 90 |     </main>
 91 |     <main class="container mt-12 py-12 bg-gray-100 rounded-t-2xl">
 92 |       <h2 class="text-4xl font-bold">More Examples</h2>
 93 |       <div class="mt-6 max-w-2xl">
 94 |         <p class="text-gray-500 text-xl leading-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dolor mauris, ultrices quis lacinia eu, aliquam eu odio. Nulla facilisi. Fusce accumsan scelerisque felis, et efficitur elit. Sed gravida nunc congue neque.</p>
 95 |       </div>
 96 |       <section class="bx-container relative flex items-center h-96 mt-12">
 97 |         <div class="relative z-10 flex-1 text-center">
 98 |           <h3 class="text-white text-5xl font-bold">Full Bleed</h3>
 99 |           <p class="mt-6 text-white text-xl leading-8">This section has the class <code>.bx-container</code> applied to break out of the container to the edges of the browser window. The padding re-applied to the section keeps the content width consistent with the rest of the container.</code></p>
100 |         </div>
101 |         <img class="absolute left-0 top-0 w-full h-full object-cover" src="https://placekitten.com/1440/384">
102 |       </section>
103 |       <section class="bx-container-padding relative flex items-center h-96 mt-12 bg-pink-500">
104 |         <div class="relative z-10 flex-1 text-center">
105 |           <h3 class="text-white text-5xl font-bold">Full Bleed – Padding Only</h3>
106 |           <p class="mt-6 text-white text-xl leading-8">This section has the class <code>.bx-container-padding</code> applied to break out of the container padding only. The padding re-applied to the section keeps the content width consistent with the rest of the container.</code></p>
107 |         </div>
108 |       </section>
109 |     </main>
110 |   </body>
111 | </html>
112 | 


--------------------------------------------------------------------------------
/docs/tailwind.css:
--------------------------------------------------------------------------------
   1 | /*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */
   2 | 
   3 | /*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
   4 | 
   5 | /*
   6 | Document
   7 | ========
   8 | */
   9 | 
  10 | /**
  11 | Use a better box model (opinionated).
  12 | */
  13 | 
  14 | *,
  15 | *::before,
  16 | *::after {
  17 |   box-sizing: border-box;
  18 | }
  19 | 
  20 | /**
  21 | Use a more readable tab size (opinionated).
  22 | */
  23 | 
  24 | :root {
  25 |   -moz-tab-size: 4;
  26 |   -o-tab-size: 4;
  27 |      tab-size: 4;
  28 | }
  29 | 
  30 | /**
  31 | 1. Correct the line height in all browsers.
  32 | 2. Prevent adjustments of font size after orientation changes in iOS.
  33 | */
  34 | 
  35 | html {
  36 |   line-height: 1.15; /* 1 */
  37 |   -webkit-text-size-adjust: 100%; /* 2 */
  38 | }
  39 | 
  40 | /*
  41 | Sections
  42 | ========
  43 | */
  44 | 
  45 | /**
  46 | Remove the margin in all browsers.
  47 | */
  48 | 
  49 | body {
  50 |   margin: 0;
  51 | }
  52 | 
  53 | /**
  54 | Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
  55 | */
  56 | 
  57 | body {
  58 |   font-family:
  59 | 		system-ui,
  60 | 		-apple-system, /* Firefox supports this but not yet `system-ui` */
  61 | 		'Segoe UI',
  62 | 		Roboto,
  63 | 		Helvetica,
  64 | 		Arial,
  65 | 		sans-serif,
  66 | 		'Apple Color Emoji',
  67 | 		'Segoe UI Emoji';
  68 | }
  69 | 
  70 | /*
  71 | Grouping content
  72 | ================
  73 | */
  74 | 
  75 | /**
  76 | 1. Add the correct height in Firefox.
  77 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  78 | */
  79 | 
  80 | hr {
  81 |   height: 0; /* 1 */
  82 |   color: inherit; /* 2 */
  83 | }
  84 | 
  85 | /*
  86 | Text-level semantics
  87 | ====================
  88 | */
  89 | 
  90 | /**
  91 | Add the correct text decoration in Chrome, Edge, and Safari.
  92 | */
  93 | 
  94 | abbr[title] {
  95 |   -webkit-text-decoration: underline dotted;
  96 |           text-decoration: underline dotted;
  97 | }
  98 | 
  99 | /**
 100 | Add the correct font weight in Edge and Safari.
 101 | */
 102 | 
 103 | b,
 104 | strong {
 105 |   font-weight: bolder;
 106 | }
 107 | 
 108 | /**
 109 | 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 110 | 2. Correct the odd 'em' font sizing in all browsers.
 111 | */
 112 | 
 113 | code,
 114 | kbd,
 115 | samp,
 116 | pre {
 117 |   font-family:
 118 | 		ui-monospace,
 119 | 		SFMono-Regular,
 120 | 		Consolas,
 121 | 		'Liberation Mono',
 122 | 		Menlo,
 123 | 		monospace; /* 1 */
 124 |   font-size: 1em; /* 2 */
 125 | }
 126 | 
 127 | /**
 128 | Add the correct font size in all browsers.
 129 | */
 130 | 
 131 | small {
 132 |   font-size: 80%;
 133 | }
 134 | 
 135 | /**
 136 | Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
 137 | */
 138 | 
 139 | sub,
 140 | sup {
 141 |   font-size: 75%;
 142 |   line-height: 0;
 143 |   position: relative;
 144 |   vertical-align: baseline;
 145 | }
 146 | 
 147 | sub {
 148 |   bottom: -0.25em;
 149 | }
 150 | 
 151 | sup {
 152 |   top: -0.5em;
 153 | }
 154 | 
 155 | /*
 156 | Tabular data
 157 | ============
 158 | */
 159 | 
 160 | /**
 161 | 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)
 162 | 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)
 163 | */
 164 | 
 165 | table {
 166 |   text-indent: 0; /* 1 */
 167 |   border-color: inherit; /* 2 */
 168 | }
 169 | 
 170 | /*
 171 | Forms
 172 | =====
 173 | */
 174 | 
 175 | /**
 176 | 1. Change the font styles in all browsers.
 177 | 2. Remove the margin in Firefox and Safari.
 178 | */
 179 | 
 180 | button,
 181 | input,
 182 | optgroup,
 183 | select,
 184 | textarea {
 185 |   font-family: inherit; /* 1 */
 186 |   font-size: 100%; /* 1 */
 187 |   line-height: 1.15; /* 1 */
 188 |   margin: 0; /* 2 */
 189 | }
 190 | 
 191 | /**
 192 | Remove the inheritance of text transform in Edge and Firefox.
 193 | 1. Remove the inheritance of text transform in Firefox.
 194 | */
 195 | 
 196 | button,
 197 | select { /* 1 */
 198 |   text-transform: none;
 199 | }
 200 | 
 201 | /**
 202 | Correct the inability to style clickable types in iOS and Safari.
 203 | */
 204 | 
 205 | button,
 206 | [type='button'],
 207 | [type='reset'],
 208 | [type='submit'] {
 209 |   -webkit-appearance: button;
 210 | }
 211 | 
 212 | /**
 213 | Remove the inner border and padding in Firefox.
 214 | */
 215 | 
 216 | ::-moz-focus-inner {
 217 |   border-style: none;
 218 |   padding: 0;
 219 | }
 220 | 
 221 | /**
 222 | Restore the focus styles unset by the previous rule.
 223 | */
 224 | 
 225 | :-moz-focusring {
 226 |   outline: 1px dotted ButtonText;
 227 | }
 228 | 
 229 | /**
 230 | Remove the additional ':invalid' styles in Firefox.
 231 | See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
 232 | */
 233 | 
 234 | :-moz-ui-invalid {
 235 |   box-shadow: none;
 236 | }
 237 | 
 238 | /**
 239 | Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
 240 | */
 241 | 
 242 | legend {
 243 |   padding: 0;
 244 | }
 245 | 
 246 | /**
 247 | Add the correct vertical alignment in Chrome and Firefox.
 248 | */
 249 | 
 250 | progress {
 251 |   vertical-align: baseline;
 252 | }
 253 | 
 254 | /**
 255 | Correct the cursor style of increment and decrement buttons in Safari.
 256 | */
 257 | 
 258 | ::-webkit-inner-spin-button,
 259 | ::-webkit-outer-spin-button {
 260 |   height: auto;
 261 | }
 262 | 
 263 | /**
 264 | 1. Correct the odd appearance in Chrome and Safari.
 265 | 2. Correct the outline style in Safari.
 266 | */
 267 | 
 268 | [type='search'] {
 269 |   -webkit-appearance: textfield; /* 1 */
 270 |   outline-offset: -2px; /* 2 */
 271 | }
 272 | 
 273 | /**
 274 | Remove the inner padding in Chrome and Safari on macOS.
 275 | */
 276 | 
 277 | ::-webkit-search-decoration {
 278 |   -webkit-appearance: none;
 279 | }
 280 | 
 281 | /**
 282 | 1. Correct the inability to style clickable types in iOS and Safari.
 283 | 2. Change font properties to 'inherit' in Safari.
 284 | */
 285 | 
 286 | ::-webkit-file-upload-button {
 287 |   -webkit-appearance: button; /* 1 */
 288 |   font: inherit; /* 2 */
 289 | }
 290 | 
 291 | /*
 292 | Interactive
 293 | ===========
 294 | */
 295 | 
 296 | /*
 297 | Add the correct display in Chrome and Safari.
 298 | */
 299 | 
 300 | summary {
 301 |   display: list-item;
 302 | }
 303 | 
 304 | /**
 305 |  * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 306 |  * A thin layer on top of normalize.css that provides a starting point more
 307 |  * suitable for web applications.
 308 |  */
 309 | 
 310 | /**
 311 |  * Removes the default spacing and border for appropriate elements.
 312 |  */
 313 | 
 314 | blockquote,
 315 | dl,
 316 | dd,
 317 | h1,
 318 | h2,
 319 | h3,
 320 | h4,
 321 | h5,
 322 | h6,
 323 | hr,
 324 | figure,
 325 | p,
 326 | pre {
 327 |   margin: 0;
 328 | }
 329 | 
 330 | button {
 331 |   background-color: transparent;
 332 |   background-image: none;
 333 | }
 334 | 
 335 | /**
 336 |  * Work around a Firefox/IE bug where the transparent `button` background
 337 |  * results in a loss of the default `button` focus styles.
 338 |  */
 339 | 
 340 | button:focus {
 341 |   outline: 1px dotted;
 342 |   outline: 5px auto -webkit-focus-ring-color;
 343 | }
 344 | 
 345 | fieldset {
 346 |   margin: 0;
 347 |   padding: 0;
 348 | }
 349 | 
 350 | ol,
 351 | ul {
 352 |   list-style: none;
 353 |   margin: 0;
 354 |   padding: 0;
 355 | }
 356 | 
 357 | /**
 358 |  * Tailwind custom reset styles
 359 |  */
 360 | 
 361 | /**
 362 |  * 1. Use the user's configured `sans` font-family (with Tailwind's default
 363 |  *    sans-serif font stack as a fallback) as a sane default.
 364 |  * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 365 |  *    to override it to ensure consistency even when using the default theme.
 366 |  */
 367 | 
 368 | html {
 369 |   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 */
 370 |   line-height: 1.5; /* 2 */
 371 | }
 372 | 
 373 | /**
 374 |  * Inherit font-family and line-height from `html` so users can set them as
 375 |  * a class directly on the `html` element.
 376 |  */
 377 | 
 378 | body {
 379 |   font-family: inherit;
 380 |   line-height: inherit;
 381 | }
 382 | 
 383 | /**
 384 |  * 1. Prevent padding and border from affecting element width.
 385 |  *
 386 |  *    We used to set this in the html element and inherit from
 387 |  *    the parent element for everything else. This caused issues
 388 |  *    in shadow-dom-enhanced elements like <details> where the content
 389 |  *    is wrapped by a div with box-sizing set to `content-box`.
 390 |  *
 391 |  *    https://github.com/mozdevs/cssremedy/issues/4
 392 |  *
 393 |  *
 394 |  * 2. Allow adding a border to an element by just adding a border-width.
 395 |  *
 396 |  *    By default, the way the browser specifies that an element should have no
 397 |  *    border is by setting it's border-style to `none` in the user-agent
 398 |  *    stylesheet.
 399 |  *
 400 |  *    In order to easily add borders to elements by just setting the `border-width`
 401 |  *    property, we change the default border-style for all elements to `solid`, and
 402 |  *    use border-width to hide them instead. This way our `border` utilities only
 403 |  *    need to set the `border-width` property instead of the entire `border`
 404 |  *    shorthand, making our border utilities much more straightforward to compose.
 405 |  *
 406 |  *    https://github.com/tailwindcss/tailwindcss/pull/116
 407 |  */
 408 | 
 409 | *,
 410 | ::before,
 411 | ::after {
 412 |   box-sizing: border-box; /* 1 */
 413 |   border-width: 0; /* 2 */
 414 |   border-style: solid; /* 2 */
 415 |   border-color: #e5e7eb; /* 2 */
 416 | }
 417 | 
 418 | /*
 419 |  * Ensure horizontal rules are visible by default
 420 |  */
 421 | 
 422 | hr {
 423 |   border-top-width: 1px;
 424 | }
 425 | 
 426 | /**
 427 |  * Undo the `border-style: none` reset that Normalize applies to images so that
 428 |  * our `border-{width}` utilities have the expected effect.
 429 |  *
 430 |  * The Normalize reset is unnecessary for us since we default the border-width
 431 |  * to 0 on all elements.
 432 |  *
 433 |  * https://github.com/tailwindcss/tailwindcss/issues/362
 434 |  */
 435 | 
 436 | img {
 437 |   border-style: solid;
 438 | }
 439 | 
 440 | textarea {
 441 |   resize: vertical;
 442 | }
 443 | 
 444 | input::-moz-placeholder, textarea::-moz-placeholder {
 445 |   opacity: 1;
 446 |   color: #9ca3af;
 447 | }
 448 | 
 449 | input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 450 |   opacity: 1;
 451 |   color: #9ca3af;
 452 | }
 453 | 
 454 | input::placeholder,
 455 | textarea::placeholder {
 456 |   opacity: 1;
 457 |   color: #9ca3af;
 458 | }
 459 | 
 460 | button,
 461 | [role="button"] {
 462 |   cursor: pointer;
 463 | }
 464 | 
 465 | table {
 466 |   border-collapse: collapse;
 467 | }
 468 | 
 469 | h1,
 470 | h2,
 471 | h3,
 472 | h4,
 473 | h5,
 474 | h6 {
 475 |   font-size: inherit;
 476 |   font-weight: inherit;
 477 | }
 478 | 
 479 | /**
 480 |  * Reset links to optimize for opt-in styling instead of
 481 |  * opt-out.
 482 |  */
 483 | 
 484 | a {
 485 |   color: inherit;
 486 |   text-decoration: inherit;
 487 | }
 488 | 
 489 | /**
 490 |  * Reset form element properties that are easy to forget to
 491 |  * style explicitly so you don't inadvertently introduce
 492 |  * styles that deviate from your design system. These styles
 493 |  * supplement a partial reset that is already applied by
 494 |  * normalize.css.
 495 |  */
 496 | 
 497 | button,
 498 | input,
 499 | optgroup,
 500 | select,
 501 | textarea {
 502 |   padding: 0;
 503 |   line-height: inherit;
 504 |   color: inherit;
 505 | }
 506 | 
 507 | /**
 508 |  * Use the configured 'mono' font family for elements that
 509 |  * are expected to be rendered with a monospace font, falling
 510 |  * back to the system monospace stack if there is no configured
 511 |  * 'mono' font family.
 512 |  */
 513 | 
 514 | pre,
 515 | code,
 516 | kbd,
 517 | samp {
 518 |   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 519 | }
 520 | 
 521 | /**
 522 |  * Make replaced elements `display: block` by default as that's
 523 |  * the behavior you want almost all of the time. Inspired by
 524 |  * CSS Remedy, with `svg` added as well.
 525 |  *
 526 |  * https://github.com/mozdevs/cssremedy/issues/14
 527 |  */
 528 | 
 529 | img,
 530 | svg,
 531 | video,
 532 | canvas,
 533 | audio,
 534 | iframe,
 535 | embed,
 536 | object {
 537 |   display: block;
 538 |   vertical-align: middle;
 539 | }
 540 | 
 541 | /**
 542 |  * Constrain images and videos to the parent width and preserve
 543 |  * their instrinsic aspect ratio.
 544 |  *
 545 |  * https://github.com/mozdevs/cssremedy/issues/14
 546 |  */
 547 | 
 548 | img,
 549 | video {
 550 |   max-width: 100%;
 551 |   height: auto;
 552 | }
 553 | 
 554 | :root {
 555 |   --screen-width: 100vw;
 556 |   --current-screen: 100vw;
 557 |   --container-padding: 1rem;
 558 | }
 559 | 
 560 | @media (min-width: 640px) {
 561 |   :root {
 562 |     --current-screen: 640px;
 563 |   }
 564 | }
 565 | 
 566 | @media (min-width: 768px) {
 567 |   :root {
 568 |     --current-screen: 768px;
 569 |     --container-padding: 2rem;
 570 |   }
 571 | }
 572 | 
 573 | @media (min-width: 1024px) {
 574 |   :root {
 575 |     --current-screen: 1024px;
 576 |     --container-padding: 4rem;
 577 |   }
 578 | }
 579 | 
 580 | @media {
 581 | }
 582 | 
 583 | @media {
 584 | } .container {
 585 |   width: 100%;
 586 |   margin-right: auto;
 587 |   margin-left: auto;
 588 |   padding-right: 1rem;
 589 |   padding-left: 1rem;
 590 | } @media (min-width: 640px) {
 591 |   .container {
 592 |     max-width: 640px;
 593 |   }
 594 | } @media (min-width: 768px) {
 595 |   .container {
 596 |     max-width: 768px;
 597 |     padding-right: 2rem;
 598 |     padding-left: 2rem;
 599 |   }
 600 | } @media (min-width: 1024px) {
 601 |   .container {
 602 |     max-width: 1024px;
 603 |     padding-right: 4rem;
 604 |     padding-left: 4rem;
 605 |   }
 606 | } .items-start {
 607 |   align-items: flex-start;
 608 | } .items-end {
 609 |   align-items: flex-end;
 610 | } .items-center {
 611 |   align-items: center;
 612 | } .items-baseline {
 613 |   align-items: baseline;
 614 | } .items-stretch {
 615 |   align-items: stretch;
 616 | } .bg-transparent {
 617 |   background-color: transparent;
 618 | } .bg-current {
 619 |   background-color: currentColor;
 620 | } .bg-black {
 621 |   background-color: #000;
 622 | } .bg-white {
 623 |   background-color: #fff;
 624 | } .bg-gray-50 {
 625 |   background-color: #f9fafb;
 626 | } .bg-gray-100 {
 627 |   background-color: #f3f4f6;
 628 | } .bg-gray-200 {
 629 |   background-color: #e5e7eb;
 630 | } .bg-gray-300 {
 631 |   background-color: #d1d5db;
 632 | } .bg-gray-400 {
 633 |   background-color: #9ca3af;
 634 | } .bg-gray-500 {
 635 |   background-color: #6b7280;
 636 | } .bg-gray-600 {
 637 |   background-color: #4b5563;
 638 | } .bg-gray-700 {
 639 |   background-color: #374151;
 640 | } .bg-gray-800 {
 641 |   background-color: #1f2937;
 642 | } .bg-gray-900 {
 643 |   background-color: #111827;
 644 | } .bg-red-50 {
 645 |   background-color: #fef2f2;
 646 | } .bg-red-100 {
 647 |   background-color: #fee2e2;
 648 | } .bg-red-200 {
 649 |   background-color: #fecaca;
 650 | } .bg-red-300 {
 651 |   background-color: #fca5a5;
 652 | } .bg-red-400 {
 653 |   background-color: #f87171;
 654 | } .bg-red-500 {
 655 |   background-color: #ef4444;
 656 | } .bg-red-600 {
 657 |   background-color: #dc2626;
 658 | } .bg-red-700 {
 659 |   background-color: #b91c1c;
 660 | } .bg-red-800 {
 661 |   background-color: #991b1b;
 662 | } .bg-red-900 {
 663 |   background-color: #7f1d1d;
 664 | } .bg-yellow-50 {
 665 |   background-color: #fffbeb;
 666 | } .bg-yellow-100 {
 667 |   background-color: #fef3c7;
 668 | } .bg-yellow-200 {
 669 |   background-color: #fde68a;
 670 | } .bg-yellow-300 {
 671 |   background-color: #fcd34d;
 672 | } .bg-yellow-400 {
 673 |   background-color: #fbbf24;
 674 | } .bg-yellow-500 {
 675 |   background-color: #f59e0b;
 676 | } .bg-yellow-600 {
 677 |   background-color: #d97706;
 678 | } .bg-yellow-700 {
 679 |   background-color: #b45309;
 680 | } .bg-yellow-800 {
 681 |   background-color: #92400e;
 682 | } .bg-yellow-900 {
 683 |   background-color: #78350f;
 684 | } .bg-green-50 {
 685 |   background-color: #ecfdf5;
 686 | } .bg-green-100 {
 687 |   background-color: #d1fae5;
 688 | } .bg-green-200 {
 689 |   background-color: #a7f3d0;
 690 | } .bg-green-300 {
 691 |   background-color: #6ee7b7;
 692 | } .bg-green-400 {
 693 |   background-color: #34d399;
 694 | } .bg-green-500 {
 695 |   background-color: #10b981;
 696 | } .bg-green-600 {
 697 |   background-color: #059669;
 698 | } .bg-green-700 {
 699 |   background-color: #047857;
 700 | } .bg-green-800 {
 701 |   background-color: #065f46;
 702 | } .bg-green-900 {
 703 |   background-color: #064e3b;
 704 | } .bg-blue-50 {
 705 |   background-color: #eff6ff;
 706 | } .bg-blue-100 {
 707 |   background-color: #dbeafe;
 708 | } .bg-blue-200 {
 709 |   background-color: #bfdbfe;
 710 | } .bg-blue-300 {
 711 |   background-color: #93c5fd;
 712 | } .bg-blue-400 {
 713 |   background-color: #60a5fa;
 714 | } .bg-blue-500 {
 715 |   background-color: #3b82f6;
 716 | } .bg-blue-600 {
 717 |   background-color: #2563eb;
 718 | } .bg-blue-700 {
 719 |   background-color: #1d4ed8;
 720 | } .bg-blue-800 {
 721 |   background-color: #1e40af;
 722 | } .bg-blue-900 {
 723 |   background-color: #1e3a8a;
 724 | } .bg-indigo-50 {
 725 |   background-color: #eef2ff;
 726 | } .bg-indigo-100 {
 727 |   background-color: #e0e7ff;
 728 | } .bg-indigo-200 {
 729 |   background-color: #c7d2fe;
 730 | } .bg-indigo-300 {
 731 |   background-color: #a5b4fc;
 732 | } .bg-indigo-400 {
 733 |   background-color: #818cf8;
 734 | } .bg-indigo-500 {
 735 |   background-color: #6366f1;
 736 | } .bg-indigo-600 {
 737 |   background-color: #4f46e5;
 738 | } .bg-indigo-700 {
 739 |   background-color: #4338ca;
 740 | } .bg-indigo-800 {
 741 |   background-color: #3730a3;
 742 | } .bg-indigo-900 {
 743 |   background-color: #312e81;
 744 | } .bg-purple-50 {
 745 |   background-color: #f5f3ff;
 746 | } .bg-purple-100 {
 747 |   background-color: #ede9fe;
 748 | } .bg-purple-200 {
 749 |   background-color: #ddd6fe;
 750 | } .bg-purple-300 {
 751 |   background-color: #c4b5fd;
 752 | } .bg-purple-400 {
 753 |   background-color: #a78bfa;
 754 | } .bg-purple-500 {
 755 |   background-color: #8b5cf6;
 756 | } .bg-purple-600 {
 757 |   background-color: #7c3aed;
 758 | } .bg-purple-700 {
 759 |   background-color: #6d28d9;
 760 | } .bg-purple-800 {
 761 |   background-color: #5b21b6;
 762 | } .bg-purple-900 {
 763 |   background-color: #4c1d95;
 764 | } .bg-pink-50 {
 765 |   background-color: #fdf2f8;
 766 | } .bg-pink-100 {
 767 |   background-color: #fce7f3;
 768 | } .bg-pink-200 {
 769 |   background-color: #fbcfe8;
 770 | } .bg-pink-300 {
 771 |   background-color: #f9a8d4;
 772 | } .bg-pink-400 {
 773 |   background-color: #f472b6;
 774 | } .bg-pink-500 {
 775 |   background-color: #ec4899;
 776 | } .bg-pink-600 {
 777 |   background-color: #db2777;
 778 | } .bg-pink-700 {
 779 |   background-color: #be185d;
 780 | } .bg-pink-800 {
 781 |   background-color: #9d174d;
 782 | } .bg-pink-900 {
 783 |   background-color: #831843;
 784 | } .rounded-none {
 785 |   border-radius: 0px;
 786 | } .rounded-sm {
 787 |   border-radius: 0.125rem;
 788 | } .rounded {
 789 |   border-radius: 0.25rem;
 790 | } .rounded-md {
 791 |   border-radius: 0.375rem;
 792 | } .rounded-lg {
 793 |   border-radius: 0.5rem;
 794 | } .rounded-xl {
 795 |   border-radius: 0.75rem;
 796 | } .rounded-2xl {
 797 |   border-radius: 1rem;
 798 | } .rounded-3xl {
 799 |   border-radius: 1.5rem;
 800 | } .rounded-full {
 801 |   border-radius: 9999px;
 802 | } .rounded-t-none {
 803 |   border-top-left-radius: 0px;
 804 |   border-top-right-radius: 0px;
 805 | } .rounded-r-none {
 806 |   border-top-right-radius: 0px;
 807 |   border-bottom-right-radius: 0px;
 808 | } .rounded-b-none {
 809 |   border-bottom-right-radius: 0px;
 810 |   border-bottom-left-radius: 0px;
 811 | } .rounded-l-none {
 812 |   border-top-left-radius: 0px;
 813 |   border-bottom-left-radius: 0px;
 814 | } .rounded-t-sm {
 815 |   border-top-left-radius: 0.125rem;
 816 |   border-top-right-radius: 0.125rem;
 817 | } .rounded-r-sm {
 818 |   border-top-right-radius: 0.125rem;
 819 |   border-bottom-right-radius: 0.125rem;
 820 | } .rounded-b-sm {
 821 |   border-bottom-right-radius: 0.125rem;
 822 |   border-bottom-left-radius: 0.125rem;
 823 | } .rounded-l-sm {
 824 |   border-top-left-radius: 0.125rem;
 825 |   border-bottom-left-radius: 0.125rem;
 826 | } .rounded-t {
 827 |   border-top-left-radius: 0.25rem;
 828 |   border-top-right-radius: 0.25rem;
 829 | } .rounded-r {
 830 |   border-top-right-radius: 0.25rem;
 831 |   border-bottom-right-radius: 0.25rem;
 832 | } .rounded-b {
 833 |   border-bottom-right-radius: 0.25rem;
 834 |   border-bottom-left-radius: 0.25rem;
 835 | } .rounded-l {
 836 |   border-top-left-radius: 0.25rem;
 837 |   border-bottom-left-radius: 0.25rem;
 838 | } .rounded-t-md {
 839 |   border-top-left-radius: 0.375rem;
 840 |   border-top-right-radius: 0.375rem;
 841 | } .rounded-r-md {
 842 |   border-top-right-radius: 0.375rem;
 843 |   border-bottom-right-radius: 0.375rem;
 844 | } .rounded-b-md {
 845 |   border-bottom-right-radius: 0.375rem;
 846 |   border-bottom-left-radius: 0.375rem;
 847 | } .rounded-l-md {
 848 |   border-top-left-radius: 0.375rem;
 849 |   border-bottom-left-radius: 0.375rem;
 850 | } .rounded-t-lg {
 851 |   border-top-left-radius: 0.5rem;
 852 |   border-top-right-radius: 0.5rem;
 853 | } .rounded-r-lg {
 854 |   border-top-right-radius: 0.5rem;
 855 |   border-bottom-right-radius: 0.5rem;
 856 | } .rounded-b-lg {
 857 |   border-bottom-right-radius: 0.5rem;
 858 |   border-bottom-left-radius: 0.5rem;
 859 | } .rounded-l-lg {
 860 |   border-top-left-radius: 0.5rem;
 861 |   border-bottom-left-radius: 0.5rem;
 862 | } .rounded-t-xl {
 863 |   border-top-left-radius: 0.75rem;
 864 |   border-top-right-radius: 0.75rem;
 865 | } .rounded-r-xl {
 866 |   border-top-right-radius: 0.75rem;
 867 |   border-bottom-right-radius: 0.75rem;
 868 | } .rounded-b-xl {
 869 |   border-bottom-right-radius: 0.75rem;
 870 |   border-bottom-left-radius: 0.75rem;
 871 | } .rounded-l-xl {
 872 |   border-top-left-radius: 0.75rem;
 873 |   border-bottom-left-radius: 0.75rem;
 874 | } .rounded-t-2xl {
 875 |   border-top-left-radius: 1rem;
 876 |   border-top-right-radius: 1rem;
 877 | } .rounded-r-2xl {
 878 |   border-top-right-radius: 1rem;
 879 |   border-bottom-right-radius: 1rem;
 880 | } .rounded-b-2xl {
 881 |   border-bottom-right-radius: 1rem;
 882 |   border-bottom-left-radius: 1rem;
 883 | } .rounded-l-2xl {
 884 |   border-top-left-radius: 1rem;
 885 |   border-bottom-left-radius: 1rem;
 886 | } .rounded-t-3xl {
 887 |   border-top-left-radius: 1.5rem;
 888 |   border-top-right-radius: 1.5rem;
 889 | } .rounded-r-3xl {
 890 |   border-top-right-radius: 1.5rem;
 891 |   border-bottom-right-radius: 1.5rem;
 892 | } .rounded-b-3xl {
 893 |   border-bottom-right-radius: 1.5rem;
 894 |   border-bottom-left-radius: 1.5rem;
 895 | } .rounded-l-3xl {
 896 |   border-top-left-radius: 1.5rem;
 897 |   border-bottom-left-radius: 1.5rem;
 898 | } .rounded-t-full {
 899 |   border-top-left-radius: 9999px;
 900 |   border-top-right-radius: 9999px;
 901 | } .rounded-r-full {
 902 |   border-top-right-radius: 9999px;
 903 |   border-bottom-right-radius: 9999px;
 904 | } .rounded-b-full {
 905 |   border-bottom-right-radius: 9999px;
 906 |   border-bottom-left-radius: 9999px;
 907 | } .rounded-l-full {
 908 |   border-top-left-radius: 9999px;
 909 |   border-bottom-left-radius: 9999px;
 910 | } .rounded-tl-none {
 911 |   border-top-left-radius: 0px;
 912 | } .rounded-tr-none {
 913 |   border-top-right-radius: 0px;
 914 | } .rounded-br-none {
 915 |   border-bottom-right-radius: 0px;
 916 | } .rounded-bl-none {
 917 |   border-bottom-left-radius: 0px;
 918 | } .rounded-tl-sm {
 919 |   border-top-left-radius: 0.125rem;
 920 | } .rounded-tr-sm {
 921 |   border-top-right-radius: 0.125rem;
 922 | } .rounded-br-sm {
 923 |   border-bottom-right-radius: 0.125rem;
 924 | } .rounded-bl-sm {
 925 |   border-bottom-left-radius: 0.125rem;
 926 | } .rounded-tl {
 927 |   border-top-left-radius: 0.25rem;
 928 | } .rounded-tr {
 929 |   border-top-right-radius: 0.25rem;
 930 | } .rounded-br {
 931 |   border-bottom-right-radius: 0.25rem;
 932 | } .rounded-bl {
 933 |   border-bottom-left-radius: 0.25rem;
 934 | } .rounded-tl-md {
 935 |   border-top-left-radius: 0.375rem;
 936 | } .rounded-tr-md {
 937 |   border-top-right-radius: 0.375rem;
 938 | } .rounded-br-md {
 939 |   border-bottom-right-radius: 0.375rem;
 940 | } .rounded-bl-md {
 941 |   border-bottom-left-radius: 0.375rem;
 942 | } .rounded-tl-lg {
 943 |   border-top-left-radius: 0.5rem;
 944 | } .rounded-tr-lg {
 945 |   border-top-right-radius: 0.5rem;
 946 | } .rounded-br-lg {
 947 |   border-bottom-right-radius: 0.5rem;
 948 | } .rounded-bl-lg {
 949 |   border-bottom-left-radius: 0.5rem;
 950 | } .rounded-tl-xl {
 951 |   border-top-left-radius: 0.75rem;
 952 | } .rounded-tr-xl {
 953 |   border-top-right-radius: 0.75rem;
 954 | } .rounded-br-xl {
 955 |   border-bottom-right-radius: 0.75rem;
 956 | } .rounded-bl-xl {
 957 |   border-bottom-left-radius: 0.75rem;
 958 | } .rounded-tl-2xl {
 959 |   border-top-left-radius: 1rem;
 960 | } .rounded-tr-2xl {
 961 |   border-top-right-radius: 1rem;
 962 | } .rounded-br-2xl {
 963 |   border-bottom-right-radius: 1rem;
 964 | } .rounded-bl-2xl {
 965 |   border-bottom-left-radius: 1rem;
 966 | } .rounded-tl-3xl {
 967 |   border-top-left-radius: 1.5rem;
 968 | } .rounded-tr-3xl {
 969 |   border-top-right-radius: 1.5rem;
 970 | } .rounded-br-3xl {
 971 |   border-bottom-right-radius: 1.5rem;
 972 | } .rounded-bl-3xl {
 973 |   border-bottom-left-radius: 1.5rem;
 974 | } .rounded-tl-full {
 975 |   border-top-left-radius: 9999px;
 976 | } .rounded-tr-full {
 977 |   border-top-right-radius: 9999px;
 978 | } .rounded-br-full {
 979 |   border-bottom-right-radius: 9999px;
 980 | } .rounded-bl-full {
 981 |   border-bottom-left-radius: 9999px;
 982 | } .block {
 983 |   display: block;
 984 | } .inline-block {
 985 |   display: inline-block;
 986 | } .inline {
 987 |   display: inline;
 988 | } .flex {
 989 |   display: flex;
 990 | } .inline-flex {
 991 |   display: inline-flex;
 992 | } .table {
 993 |   display: table;
 994 | } .table-caption {
 995 |   display: table-caption;
 996 | } .table-cell {
 997 |   display: table-cell;
 998 | } .table-column {
 999 |   display: table-column;
1000 | } .table-column-group {
1001 |   display: table-column-group;
1002 | } .table-footer-group {
1003 |   display: table-footer-group;
1004 | } .table-header-group {
1005 |   display: table-header-group;
1006 | } .table-row-group {
1007 |   display: table-row-group;
1008 | } .table-row {
1009 |   display: table-row;
1010 | } .flow-root {
1011 |   display: flow-root;
1012 | } .grid {
1013 |   display: grid;
1014 | } .inline-grid {
1015 |   display: inline-grid;
1016 | } .contents {
1017 |   display: contents;
1018 | } .hidden {
1019 |   display: none;
1020 | } .flex-1 {
1021 |   flex: 1 1 0%;
1022 | } .flex-auto {
1023 |   flex: 1 1 auto;
1024 | } .flex-initial {
1025 |   flex: 0 1 auto;
1026 | } .flex-none {
1027 |   flex: none;
1028 | } .font-sans {
1029 |   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";
1030 | } .font-serif {
1031 |   font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
1032 | } .font-mono {
1033 |   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1034 | } .text-xs {
1035 |   font-size: 0.75rem;
1036 |   line-height: 1rem;
1037 | } .text-sm {
1038 |   font-size: 0.875rem;
1039 |   line-height: 1.25rem;
1040 | } .text-base {
1041 |   font-size: 1rem;
1042 |   line-height: 1.5rem;
1043 | } .text-lg {
1044 |   font-size: 1.125rem;
1045 |   line-height: 1.75rem;
1046 | } .text-xl {
1047 |   font-size: 1.25rem;
1048 |   line-height: 1.75rem;
1049 | } .text-2xl {
1050 |   font-size: 1.5rem;
1051 |   line-height: 2rem;
1052 | } .text-3xl {
1053 |   font-size: 1.875rem;
1054 |   line-height: 2.25rem;
1055 | } .text-4xl {
1056 |   font-size: 2.25rem;
1057 |   line-height: 2.5rem;
1058 | } .text-5xl {
1059 |   font-size: 3rem;
1060 |   line-height: 1;
1061 | } .text-6xl {
1062 |   font-size: 3.75rem;
1063 |   line-height: 1;
1064 | } .text-7xl {
1065 |   font-size: 4.5rem;
1066 |   line-height: 1;
1067 | } .text-8xl {
1068 |   font-size: 6rem;
1069 |   line-height: 1;
1070 | } .text-9xl {
1071 |   font-size: 8rem;
1072 |   line-height: 1;
1073 | } .font-thin {
1074 |   font-weight: 100;
1075 | } .font-extralight {
1076 |   font-weight: 200;
1077 | } .font-light {
1078 |   font-weight: 300;
1079 | } .font-normal {
1080 |   font-weight: 400;
1081 | } .font-medium {
1082 |   font-weight: 500;
1083 | } .font-semibold {
1084 |   font-weight: 600;
1085 | } .font-bold {
1086 |   font-weight: 700;
1087 | } .font-extrabold {
1088 |   font-weight: 800;
1089 | } .font-black {
1090 |   font-weight: 900;
1091 | } .h-0 {
1092 |   height: 0px;
1093 | } .h-1 {
1094 |   height: 0.25rem;
1095 | } .h-2 {
1096 |   height: 0.5rem;
1097 | } .h-3 {
1098 |   height: 0.75rem;
1099 | } .h-4 {
1100 |   height: 1rem;
1101 | } .h-5 {
1102 |   height: 1.25rem;
1103 | } .h-6 {
1104 |   height: 1.5rem;
1105 | } .h-7 {
1106 |   height: 1.75rem;
1107 | } .h-8 {
1108 |   height: 2rem;
1109 | } .h-9 {
1110 |   height: 2.25rem;
1111 | } .h-10 {
1112 |   height: 2.5rem;
1113 | } .h-11 {
1114 |   height: 2.75rem;
1115 | } .h-12 {
1116 |   height: 3rem;
1117 | } .h-14 {
1118 |   height: 3.5rem;
1119 | } .h-16 {
1120 |   height: 4rem;
1121 | } .h-20 {
1122 |   height: 5rem;
1123 | } .h-24 {
1124 |   height: 6rem;
1125 | } .h-28 {
1126 |   height: 7rem;
1127 | } .h-32 {
1128 |   height: 8rem;
1129 | } .h-36 {
1130 |   height: 9rem;
1131 | } .h-40 {
1132 |   height: 10rem;
1133 | } .h-44 {
1134 |   height: 11rem;
1135 | } .h-48 {
1136 |   height: 12rem;
1137 | } .h-52 {
1138 |   height: 13rem;
1139 | } .h-56 {
1140 |   height: 14rem;
1141 | } .h-60 {
1142 |   height: 15rem;
1143 | } .h-64 {
1144 |   height: 16rem;
1145 | } .h-72 {
1146 |   height: 18rem;
1147 | } .h-80 {
1148 |   height: 20rem;
1149 | } .h-96 {
1150 |   height: 24rem;
1151 | } .h-auto {
1152 |   height: auto;
1153 | } .h-px {
1154 |   height: 1px;
1155 | } .h-0\.5 {
1156 |   height: 0.125rem;
1157 | } .h-1\.5 {
1158 |   height: 0.375rem;
1159 | } .h-2\.5 {
1160 |   height: 0.625rem;
1161 | } .h-3\.5 {
1162 |   height: 0.875rem;
1163 | } .h-1\/2 {
1164 |   height: 50%;
1165 | } .h-1\/3 {
1166 |   height: 33.333333%;
1167 | } .h-2\/3 {
1168 |   height: 66.666667%;
1169 | } .h-1\/4 {
1170 |   height: 25%;
1171 | } .h-2\/4 {
1172 |   height: 50%;
1173 | } .h-3\/4 {
1174 |   height: 75%;
1175 | } .h-1\/5 {
1176 |   height: 20%;
1177 | } .h-2\/5 {
1178 |   height: 40%;
1179 | } .h-3\/5 {
1180 |   height: 60%;
1181 | } .h-4\/5 {
1182 |   height: 80%;
1183 | } .h-1\/6 {
1184 |   height: 16.666667%;
1185 | } .h-2\/6 {
1186 |   height: 33.333333%;
1187 | } .h-3\/6 {
1188 |   height: 50%;
1189 | } .h-4\/6 {
1190 |   height: 66.666667%;
1191 | } .h-5\/6 {
1192 |   height: 83.333333%;
1193 | } .h-full {
1194 |   height: 100%;
1195 | } .h-screen {
1196 |   height: 100vh;
1197 | } .inset-0 {
1198 |   top: 0px;
1199 |   right: 0px;
1200 |   bottom: 0px;
1201 |   left: 0px;
1202 | } .inset-1 {
1203 |   top: 0.25rem;
1204 |   right: 0.25rem;
1205 |   bottom: 0.25rem;
1206 |   left: 0.25rem;
1207 | } .inset-2 {
1208 |   top: 0.5rem;
1209 |   right: 0.5rem;
1210 |   bottom: 0.5rem;
1211 |   left: 0.5rem;
1212 | } .inset-3 {
1213 |   top: 0.75rem;
1214 |   right: 0.75rem;
1215 |   bottom: 0.75rem;
1216 |   left: 0.75rem;
1217 | } .inset-4 {
1218 |   top: 1rem;
1219 |   right: 1rem;
1220 |   bottom: 1rem;
1221 |   left: 1rem;
1222 | } .inset-5 {
1223 |   top: 1.25rem;
1224 |   right: 1.25rem;
1225 |   bottom: 1.25rem;
1226 |   left: 1.25rem;
1227 | } .inset-6 {
1228 |   top: 1.5rem;
1229 |   right: 1.5rem;
1230 |   bottom: 1.5rem;
1231 |   left: 1.5rem;
1232 | } .inset-7 {
1233 |   top: 1.75rem;
1234 |   right: 1.75rem;
1235 |   bottom: 1.75rem;
1236 |   left: 1.75rem;
1237 | } .inset-8 {
1238 |   top: 2rem;
1239 |   right: 2rem;
1240 |   bottom: 2rem;
1241 |   left: 2rem;
1242 | } .inset-9 {
1243 |   top: 2.25rem;
1244 |   right: 2.25rem;
1245 |   bottom: 2.25rem;
1246 |   left: 2.25rem;
1247 | } .inset-10 {
1248 |   top: 2.5rem;
1249 |   right: 2.5rem;
1250 |   bottom: 2.5rem;
1251 |   left: 2.5rem;
1252 | } .inset-11 {
1253 |   top: 2.75rem;
1254 |   right: 2.75rem;
1255 |   bottom: 2.75rem;
1256 |   left: 2.75rem;
1257 | } .inset-12 {
1258 |   top: 3rem;
1259 |   right: 3rem;
1260 |   bottom: 3rem;
1261 |   left: 3rem;
1262 | } .inset-14 {
1263 |   top: 3.5rem;
1264 |   right: 3.5rem;
1265 |   bottom: 3.5rem;
1266 |   left: 3.5rem;
1267 | } .inset-16 {
1268 |   top: 4rem;
1269 |   right: 4rem;
1270 |   bottom: 4rem;
1271 |   left: 4rem;
1272 | } .inset-20 {
1273 |   top: 5rem;
1274 |   right: 5rem;
1275 |   bottom: 5rem;
1276 |   left: 5rem;
1277 | } .inset-24 {
1278 |   top: 6rem;
1279 |   right: 6rem;
1280 |   bottom: 6rem;
1281 |   left: 6rem;
1282 | } .inset-28 {
1283 |   top: 7rem;
1284 |   right: 7rem;
1285 |   bottom: 7rem;
1286 |   left: 7rem;
1287 | } .inset-32 {
1288 |   top: 8rem;
1289 |   right: 8rem;
1290 |   bottom: 8rem;
1291 |   left: 8rem;
1292 | } .inset-36 {
1293 |   top: 9rem;
1294 |   right: 9rem;
1295 |   bottom: 9rem;
1296 |   left: 9rem;
1297 | } .inset-40 {
1298 |   top: 10rem;
1299 |   right: 10rem;
1300 |   bottom: 10rem;
1301 |   left: 10rem;
1302 | } .inset-44 {
1303 |   top: 11rem;
1304 |   right: 11rem;
1305 |   bottom: 11rem;
1306 |   left: 11rem;
1307 | } .inset-48 {
1308 |   top: 12rem;
1309 |   right: 12rem;
1310 |   bottom: 12rem;
1311 |   left: 12rem;
1312 | } .inset-52 {
1313 |   top: 13rem;
1314 |   right: 13rem;
1315 |   bottom: 13rem;
1316 |   left: 13rem;
1317 | } .inset-56 {
1318 |   top: 14rem;
1319 |   right: 14rem;
1320 |   bottom: 14rem;
1321 |   left: 14rem;
1322 | } .inset-60 {
1323 |   top: 15rem;
1324 |   right: 15rem;
1325 |   bottom: 15rem;
1326 |   left: 15rem;
1327 | } .inset-64 {
1328 |   top: 16rem;
1329 |   right: 16rem;
1330 |   bottom: 16rem;
1331 |   left: 16rem;
1332 | } .inset-72 {
1333 |   top: 18rem;
1334 |   right: 18rem;
1335 |   bottom: 18rem;
1336 |   left: 18rem;
1337 | } .inset-80 {
1338 |   top: 20rem;
1339 |   right: 20rem;
1340 |   bottom: 20rem;
1341 |   left: 20rem;
1342 | } .inset-96 {
1343 |   top: 24rem;
1344 |   right: 24rem;
1345 |   bottom: 24rem;
1346 |   left: 24rem;
1347 | } .inset-auto {
1348 |   top: auto;
1349 |   right: auto;
1350 |   bottom: auto;
1351 |   left: auto;
1352 | } .inset-px {
1353 |   top: 1px;
1354 |   right: 1px;
1355 |   bottom: 1px;
1356 |   left: 1px;
1357 | } .inset-0\.5 {
1358 |   top: 0.125rem;
1359 |   right: 0.125rem;
1360 |   bottom: 0.125rem;
1361 |   left: 0.125rem;
1362 | } .inset-1\.5 {
1363 |   top: 0.375rem;
1364 |   right: 0.375rem;
1365 |   bottom: 0.375rem;
1366 |   left: 0.375rem;
1367 | } .inset-2\.5 {
1368 |   top: 0.625rem;
1369 |   right: 0.625rem;
1370 |   bottom: 0.625rem;
1371 |   left: 0.625rem;
1372 | } .inset-3\.5 {
1373 |   top: 0.875rem;
1374 |   right: 0.875rem;
1375 |   bottom: 0.875rem;
1376 |   left: 0.875rem;
1377 | } .-inset-0 {
1378 |   top: 0px;
1379 |   right: 0px;
1380 |   bottom: 0px;
1381 |   left: 0px;
1382 | } .-inset-1 {
1383 |   top: -0.25rem;
1384 |   right: -0.25rem;
1385 |   bottom: -0.25rem;
1386 |   left: -0.25rem;
1387 | } .-inset-2 {
1388 |   top: -0.5rem;
1389 |   right: -0.5rem;
1390 |   bottom: -0.5rem;
1391 |   left: -0.5rem;
1392 | } .-inset-3 {
1393 |   top: -0.75rem;
1394 |   right: -0.75rem;
1395 |   bottom: -0.75rem;
1396 |   left: -0.75rem;
1397 | } .-inset-4 {
1398 |   top: -1rem;
1399 |   right: -1rem;
1400 |   bottom: -1rem;
1401 |   left: -1rem;
1402 | } .-inset-5 {
1403 |   top: -1.25rem;
1404 |   right: -1.25rem;
1405 |   bottom: -1.25rem;
1406 |   left: -1.25rem;
1407 | } .-inset-6 {
1408 |   top: -1.5rem;
1409 |   right: -1.5rem;
1410 |   bottom: -1.5rem;
1411 |   left: -1.5rem;
1412 | } .-inset-7 {
1413 |   top: -1.75rem;
1414 |   right: -1.75rem;
1415 |   bottom: -1.75rem;
1416 |   left: -1.75rem;
1417 | } .-inset-8 {
1418 |   top: -2rem;
1419 |   right: -2rem;
1420 |   bottom: -2rem;
1421 |   left: -2rem;
1422 | } .-inset-9 {
1423 |   top: -2.25rem;
1424 |   right: -2.25rem;
1425 |   bottom: -2.25rem;
1426 |   left: -2.25rem;
1427 | } .-inset-10 {
1428 |   top: -2.5rem;
1429 |   right: -2.5rem;
1430 |   bottom: -2.5rem;
1431 |   left: -2.5rem;
1432 | } .-inset-11 {
1433 |   top: -2.75rem;
1434 |   right: -2.75rem;
1435 |   bottom: -2.75rem;
1436 |   left: -2.75rem;
1437 | } .-inset-12 {
1438 |   top: -3rem;
1439 |   right: -3rem;
1440 |   bottom: -3rem;
1441 |   left: -3rem;
1442 | } .-inset-14 {
1443 |   top: -3.5rem;
1444 |   right: -3.5rem;
1445 |   bottom: -3.5rem;
1446 |   left: -3.5rem;
1447 | } .-inset-16 {
1448 |   top: -4rem;
1449 |   right: -4rem;
1450 |   bottom: -4rem;
1451 |   left: -4rem;
1452 | } .-inset-20 {
1453 |   top: -5rem;
1454 |   right: -5rem;
1455 |   bottom: -5rem;
1456 |   left: -5rem;
1457 | } .-inset-24 {
1458 |   top: -6rem;
1459 |   right: -6rem;
1460 |   bottom: -6rem;
1461 |   left: -6rem;
1462 | } .-inset-28 {
1463 |   top: -7rem;
1464 |   right: -7rem;
1465 |   bottom: -7rem;
1466 |   left: -7rem;
1467 | } .-inset-32 {
1468 |   top: -8rem;
1469 |   right: -8rem;
1470 |   bottom: -8rem;
1471 |   left: -8rem;
1472 | } .-inset-36 {
1473 |   top: -9rem;
1474 |   right: -9rem;
1475 |   bottom: -9rem;
1476 |   left: -9rem;
1477 | } .-inset-40 {
1478 |   top: -10rem;
1479 |   right: -10rem;
1480 |   bottom: -10rem;
1481 |   left: -10rem;
1482 | } .-inset-44 {
1483 |   top: -11rem;
1484 |   right: -11rem;
1485 |   bottom: -11rem;
1486 |   left: -11rem;
1487 | } .-inset-48 {
1488 |   top: -12rem;
1489 |   right: -12rem;
1490 |   bottom: -12rem;
1491 |   left: -12rem;
1492 | } .-inset-52 {
1493 |   top: -13rem;
1494 |   right: -13rem;
1495 |   bottom: -13rem;
1496 |   left: -13rem;
1497 | } .-inset-56 {
1498 |   top: -14rem;
1499 |   right: -14rem;
1500 |   bottom: -14rem;
1501 |   left: -14rem;
1502 | } .-inset-60 {
1503 |   top: -15rem;
1504 |   right: -15rem;
1505 |   bottom: -15rem;
1506 |   left: -15rem;
1507 | } .-inset-64 {
1508 |   top: -16rem;
1509 |   right: -16rem;
1510 |   bottom: -16rem;
1511 |   left: -16rem;
1512 | } .-inset-72 {
1513 |   top: -18rem;
1514 |   right: -18rem;
1515 |   bottom: -18rem;
1516 |   left: -18rem;
1517 | } .-inset-80 {
1518 |   top: -20rem;
1519 |   right: -20rem;
1520 |   bottom: -20rem;
1521 |   left: -20rem;
1522 | } .-inset-96 {
1523 |   top: -24rem;
1524 |   right: -24rem;
1525 |   bottom: -24rem;
1526 |   left: -24rem;
1527 | } .-inset-px {
1528 |   top: -1px;
1529 |   right: -1px;
1530 |   bottom: -1px;
1531 |   left: -1px;
1532 | } .-inset-0\.5 {
1533 |   top: -0.125rem;
1534 |   right: -0.125rem;
1535 |   bottom: -0.125rem;
1536 |   left: -0.125rem;
1537 | } .-inset-1\.5 {
1538 |   top: -0.375rem;
1539 |   right: -0.375rem;
1540 |   bottom: -0.375rem;
1541 |   left: -0.375rem;
1542 | } .-inset-2\.5 {
1543 |   top: -0.625rem;
1544 |   right: -0.625rem;
1545 |   bottom: -0.625rem;
1546 |   left: -0.625rem;
1547 | } .-inset-3\.5 {
1548 |   top: -0.875rem;
1549 |   right: -0.875rem;
1550 |   bottom: -0.875rem;
1551 |   left: -0.875rem;
1552 | } .inset-1\/2 {
1553 |   top: 50%;
1554 |   right: 50%;
1555 |   bottom: 50%;
1556 |   left: 50%;
1557 | } .inset-1\/3 {
1558 |   top: 33.333333%;
1559 |   right: 33.333333%;
1560 |   bottom: 33.333333%;
1561 |   left: 33.333333%;
1562 | } .inset-2\/3 {
1563 |   top: 66.666667%;
1564 |   right: 66.666667%;
1565 |   bottom: 66.666667%;
1566 |   left: 66.666667%;
1567 | } .inset-1\/4 {
1568 |   top: 25%;
1569 |   right: 25%;
1570 |   bottom: 25%;
1571 |   left: 25%;
1572 | } .inset-2\/4 {
1573 |   top: 50%;
1574 |   right: 50%;
1575 |   bottom: 50%;
1576 |   left: 50%;
1577 | } .inset-3\/4 {
1578 |   top: 75%;
1579 |   right: 75%;
1580 |   bottom: 75%;
1581 |   left: 75%;
1582 | } .inset-full {
1583 |   top: 100%;
1584 |   right: 100%;
1585 |   bottom: 100%;
1586 |   left: 100%;
1587 | } .-inset-1\/2 {
1588 |   top: -50%;
1589 |   right: -50%;
1590 |   bottom: -50%;
1591 |   left: -50%;
1592 | } .-inset-1\/3 {
1593 |   top: -33.333333%;
1594 |   right: -33.333333%;
1595 |   bottom: -33.333333%;
1596 |   left: -33.333333%;
1597 | } .-inset-2\/3 {
1598 |   top: -66.666667%;
1599 |   right: -66.666667%;
1600 |   bottom: -66.666667%;
1601 |   left: -66.666667%;
1602 | } .-inset-1\/4 {
1603 |   top: -25%;
1604 |   right: -25%;
1605 |   bottom: -25%;
1606 |   left: -25%;
1607 | } .-inset-2\/4 {
1608 |   top: -50%;
1609 |   right: -50%;
1610 |   bottom: -50%;
1611 |   left: -50%;
1612 | } .-inset-3\/4 {
1613 |   top: -75%;
1614 |   right: -75%;
1615 |   bottom: -75%;
1616 |   left: -75%;
1617 | } .-inset-full {
1618 |   top: -100%;
1619 |   right: -100%;
1620 |   bottom: -100%;
1621 |   left: -100%;
1622 | } .inset-y-0 {
1623 |   top: 0px;
1624 |   bottom: 0px;
1625 | } .inset-x-0 {
1626 |   right: 0px;
1627 |   left: 0px;
1628 | } .inset-y-1 {
1629 |   top: 0.25rem;
1630 |   bottom: 0.25rem;
1631 | } .inset-x-1 {
1632 |   right: 0.25rem;
1633 |   left: 0.25rem;
1634 | } .inset-y-2 {
1635 |   top: 0.5rem;
1636 |   bottom: 0.5rem;
1637 | } .inset-x-2 {
1638 |   right: 0.5rem;
1639 |   left: 0.5rem;
1640 | } .inset-y-3 {
1641 |   top: 0.75rem;
1642 |   bottom: 0.75rem;
1643 | } .inset-x-3 {
1644 |   right: 0.75rem;
1645 |   left: 0.75rem;
1646 | } .inset-y-4 {
1647 |   top: 1rem;
1648 |   bottom: 1rem;
1649 | } .inset-x-4 {
1650 |   right: 1rem;
1651 |   left: 1rem;
1652 | } .inset-y-5 {
1653 |   top: 1.25rem;
1654 |   bottom: 1.25rem;
1655 | } .inset-x-5 {
1656 |   right: 1.25rem;
1657 |   left: 1.25rem;
1658 | } .inset-y-6 {
1659 |   top: 1.5rem;
1660 |   bottom: 1.5rem;
1661 | } .inset-x-6 {
1662 |   right: 1.5rem;
1663 |   left: 1.5rem;
1664 | } .inset-y-7 {
1665 |   top: 1.75rem;
1666 |   bottom: 1.75rem;
1667 | } .inset-x-7 {
1668 |   right: 1.75rem;
1669 |   left: 1.75rem;
1670 | } .inset-y-8 {
1671 |   top: 2rem;
1672 |   bottom: 2rem;
1673 | } .inset-x-8 {
1674 |   right: 2rem;
1675 |   left: 2rem;
1676 | } .inset-y-9 {
1677 |   top: 2.25rem;
1678 |   bottom: 2.25rem;
1679 | } .inset-x-9 {
1680 |   right: 2.25rem;
1681 |   left: 2.25rem;
1682 | } .inset-y-10 {
1683 |   top: 2.5rem;
1684 |   bottom: 2.5rem;
1685 | } .inset-x-10 {
1686 |   right: 2.5rem;
1687 |   left: 2.5rem;
1688 | } .inset-y-11 {
1689 |   top: 2.75rem;
1690 |   bottom: 2.75rem;
1691 | } .inset-x-11 {
1692 |   right: 2.75rem;
1693 |   left: 2.75rem;
1694 | } .inset-y-12 {
1695 |   top: 3rem;
1696 |   bottom: 3rem;
1697 | } .inset-x-12 {
1698 |   right: 3rem;
1699 |   left: 3rem;
1700 | } .inset-y-14 {
1701 |   top: 3.5rem;
1702 |   bottom: 3.5rem;
1703 | } .inset-x-14 {
1704 |   right: 3.5rem;
1705 |   left: 3.5rem;
1706 | } .inset-y-16 {
1707 |   top: 4rem;
1708 |   bottom: 4rem;
1709 | } .inset-x-16 {
1710 |   right: 4rem;
1711 |   left: 4rem;
1712 | } .inset-y-20 {
1713 |   top: 5rem;
1714 |   bottom: 5rem;
1715 | } .inset-x-20 {
1716 |   right: 5rem;
1717 |   left: 5rem;
1718 | } .inset-y-24 {
1719 |   top: 6rem;
1720 |   bottom: 6rem;
1721 | } .inset-x-24 {
1722 |   right: 6rem;
1723 |   left: 6rem;
1724 | } .inset-y-28 {
1725 |   top: 7rem;
1726 |   bottom: 7rem;
1727 | } .inset-x-28 {
1728 |   right: 7rem;
1729 |   left: 7rem;
1730 | } .inset-y-32 {
1731 |   top: 8rem;
1732 |   bottom: 8rem;
1733 | } .inset-x-32 {
1734 |   right: 8rem;
1735 |   left: 8rem;
1736 | } .inset-y-36 {
1737 |   top: 9rem;
1738 |   bottom: 9rem;
1739 | } .inset-x-36 {
1740 |   right: 9rem;
1741 |   left: 9rem;
1742 | } .inset-y-40 {
1743 |   top: 10rem;
1744 |   bottom: 10rem;
1745 | } .inset-x-40 {
1746 |   right: 10rem;
1747 |   left: 10rem;
1748 | } .inset-y-44 {
1749 |   top: 11rem;
1750 |   bottom: 11rem;
1751 | } .inset-x-44 {
1752 |   right: 11rem;
1753 |   left: 11rem;
1754 | } .inset-y-48 {
1755 |   top: 12rem;
1756 |   bottom: 12rem;
1757 | } .inset-x-48 {
1758 |   right: 12rem;
1759 |   left: 12rem;
1760 | } .inset-y-52 {
1761 |   top: 13rem;
1762 |   bottom: 13rem;
1763 | } .inset-x-52 {
1764 |   right: 13rem;
1765 |   left: 13rem;
1766 | } .inset-y-56 {
1767 |   top: 14rem;
1768 |   bottom: 14rem;
1769 | } .inset-x-56 {
1770 |   right: 14rem;
1771 |   left: 14rem;
1772 | } .inset-y-60 {
1773 |   top: 15rem;
1774 |   bottom: 15rem;
1775 | } .inset-x-60 {
1776 |   right: 15rem;
1777 |   left: 15rem;
1778 | } .inset-y-64 {
1779 |   top: 16rem;
1780 |   bottom: 16rem;
1781 | } .inset-x-64 {
1782 |   right: 16rem;
1783 |   left: 16rem;
1784 | } .inset-y-72 {
1785 |   top: 18rem;
1786 |   bottom: 18rem;
1787 | } .inset-x-72 {
1788 |   right: 18rem;
1789 |   left: 18rem;
1790 | } .inset-y-80 {
1791 |   top: 20rem;
1792 |   bottom: 20rem;
1793 | } .inset-x-80 {
1794 |   right: 20rem;
1795 |   left: 20rem;
1796 | } .inset-y-96 {
1797 |   top: 24rem;
1798 |   bottom: 24rem;
1799 | } .inset-x-96 {
1800 |   right: 24rem;
1801 |   left: 24rem;
1802 | } .inset-y-auto {
1803 |   top: auto;
1804 |   bottom: auto;
1805 | } .inset-x-auto {
1806 |   right: auto;
1807 |   left: auto;
1808 | } .inset-y-px {
1809 |   top: 1px;
1810 |   bottom: 1px;
1811 | } .inset-x-px {
1812 |   right: 1px;
1813 |   left: 1px;
1814 | } .inset-y-0\.5 {
1815 |   top: 0.125rem;
1816 |   bottom: 0.125rem;
1817 | } .inset-x-0\.5 {
1818 |   right: 0.125rem;
1819 |   left: 0.125rem;
1820 | } .inset-y-1\.5 {
1821 |   top: 0.375rem;
1822 |   bottom: 0.375rem;
1823 | } .inset-x-1\.5 {
1824 |   right: 0.375rem;
1825 |   left: 0.375rem;
1826 | } .inset-y-2\.5 {
1827 |   top: 0.625rem;
1828 |   bottom: 0.625rem;
1829 | } .inset-x-2\.5 {
1830 |   right: 0.625rem;
1831 |   left: 0.625rem;
1832 | } .inset-y-3\.5 {
1833 |   top: 0.875rem;
1834 |   bottom: 0.875rem;
1835 | } .inset-x-3\.5 {
1836 |   right: 0.875rem;
1837 |   left: 0.875rem;
1838 | } .-inset-y-0 {
1839 |   top: 0px;
1840 |   bottom: 0px;
1841 | } .-inset-x-0 {
1842 |   right: 0px;
1843 |   left: 0px;
1844 | } .-inset-y-1 {
1845 |   top: -0.25rem;
1846 |   bottom: -0.25rem;
1847 | } .-inset-x-1 {
1848 |   right: -0.25rem;
1849 |   left: -0.25rem;
1850 | } .-inset-y-2 {
1851 |   top: -0.5rem;
1852 |   bottom: -0.5rem;
1853 | } .-inset-x-2 {
1854 |   right: -0.5rem;
1855 |   left: -0.5rem;
1856 | } .-inset-y-3 {
1857 |   top: -0.75rem;
1858 |   bottom: -0.75rem;
1859 | } .-inset-x-3 {
1860 |   right: -0.75rem;
1861 |   left: -0.75rem;
1862 | } .-inset-y-4 {
1863 |   top: -1rem;
1864 |   bottom: -1rem;
1865 | } .-inset-x-4 {
1866 |   right: -1rem;
1867 |   left: -1rem;
1868 | } .-inset-y-5 {
1869 |   top: -1.25rem;
1870 |   bottom: -1.25rem;
1871 | } .-inset-x-5 {
1872 |   right: -1.25rem;
1873 |   left: -1.25rem;
1874 | } .-inset-y-6 {
1875 |   top: -1.5rem;
1876 |   bottom: -1.5rem;
1877 | } .-inset-x-6 {
1878 |   right: -1.5rem;
1879 |   left: -1.5rem;
1880 | } .-inset-y-7 {
1881 |   top: -1.75rem;
1882 |   bottom: -1.75rem;
1883 | } .-inset-x-7 {
1884 |   right: -1.75rem;
1885 |   left: -1.75rem;
1886 | } .-inset-y-8 {
1887 |   top: -2rem;
1888 |   bottom: -2rem;
1889 | } .-inset-x-8 {
1890 |   right: -2rem;
1891 |   left: -2rem;
1892 | } .-inset-y-9 {
1893 |   top: -2.25rem;
1894 |   bottom: -2.25rem;
1895 | } .-inset-x-9 {
1896 |   right: -2.25rem;
1897 |   left: -2.25rem;
1898 | } .-inset-y-10 {
1899 |   top: -2.5rem;
1900 |   bottom: -2.5rem;
1901 | } .-inset-x-10 {
1902 |   right: -2.5rem;
1903 |   left: -2.5rem;
1904 | } .-inset-y-11 {
1905 |   top: -2.75rem;
1906 |   bottom: -2.75rem;
1907 | } .-inset-x-11 {
1908 |   right: -2.75rem;
1909 |   left: -2.75rem;
1910 | } .-inset-y-12 {
1911 |   top: -3rem;
1912 |   bottom: -3rem;
1913 | } .-inset-x-12 {
1914 |   right: -3rem;
1915 |   left: -3rem;
1916 | } .-inset-y-14 {
1917 |   top: -3.5rem;
1918 |   bottom: -3.5rem;
1919 | } .-inset-x-14 {
1920 |   right: -3.5rem;
1921 |   left: -3.5rem;
1922 | } .-inset-y-16 {
1923 |   top: -4rem;
1924 |   bottom: -4rem;
1925 | } .-inset-x-16 {
1926 |   right: -4rem;
1927 |   left: -4rem;
1928 | } .-inset-y-20 {
1929 |   top: -5rem;
1930 |   bottom: -5rem;
1931 | } .-inset-x-20 {
1932 |   right: -5rem;
1933 |   left: -5rem;
1934 | } .-inset-y-24 {
1935 |   top: -6rem;
1936 |   bottom: -6rem;
1937 | } .-inset-x-24 {
1938 |   right: -6rem;
1939 |   left: -6rem;
1940 | } .-inset-y-28 {
1941 |   top: -7rem;
1942 |   bottom: -7rem;
1943 | } .-inset-x-28 {
1944 |   right: -7rem;
1945 |   left: -7rem;
1946 | } .-inset-y-32 {
1947 |   top: -8rem;
1948 |   bottom: -8rem;
1949 | } .-inset-x-32 {
1950 |   right: -8rem;
1951 |   left: -8rem;
1952 | } .-inset-y-36 {
1953 |   top: -9rem;
1954 |   bottom: -9rem;
1955 | } .-inset-x-36 {
1956 |   right: -9rem;
1957 |   left: -9rem;
1958 | } .-inset-y-40 {
1959 |   top: -10rem;
1960 |   bottom: -10rem;
1961 | } .-inset-x-40 {
1962 |   right: -10rem;
1963 |   left: -10rem;
1964 | } .-inset-y-44 {
1965 |   top: -11rem;
1966 |   bottom: -11rem;
1967 | } .-inset-x-44 {
1968 |   right: -11rem;
1969 |   left: -11rem;
1970 | } .-inset-y-48 {
1971 |   top: -12rem;
1972 |   bottom: -12rem;
1973 | } .-inset-x-48 {
1974 |   right: -12rem;
1975 |   left: -12rem;
1976 | } .-inset-y-52 {
1977 |   top: -13rem;
1978 |   bottom: -13rem;
1979 | } .-inset-x-52 {
1980 |   right: -13rem;
1981 |   left: -13rem;
1982 | } .-inset-y-56 {
1983 |   top: -14rem;
1984 |   bottom: -14rem;
1985 | } .-inset-x-56 {
1986 |   right: -14rem;
1987 |   left: -14rem;
1988 | } .-inset-y-60 {
1989 |   top: -15rem;
1990 |   bottom: -15rem;
1991 | } .-inset-x-60 {
1992 |   right: -15rem;
1993 |   left: -15rem;
1994 | } .-inset-y-64 {
1995 |   top: -16rem;
1996 |   bottom: -16rem;
1997 | } .-inset-x-64 {
1998 |   right: -16rem;
1999 |   left: -16rem;
2000 | } .-inset-y-72 {
2001 |   top: -18rem;
2002 |   bottom: -18rem;
2003 | } .-inset-x-72 {
2004 |   right: -18rem;
2005 |   left: -18rem;
2006 | } .-inset-y-80 {
2007 |   top: -20rem;
2008 |   bottom: -20rem;
2009 | } .-inset-x-80 {
2010 |   right: -20rem;
2011 |   left: -20rem;
2012 | } .-inset-y-96 {
2013 |   top: -24rem;
2014 |   bottom: -24rem;
2015 | } .-inset-x-96 {
2016 |   right: -24rem;
2017 |   left: -24rem;
2018 | } .-inset-y-px {
2019 |   top: -1px;
2020 |   bottom: -1px;
2021 | } .-inset-x-px {
2022 |   right: -1px;
2023 |   left: -1px;
2024 | } .-inset-y-0\.5 {
2025 |   top: -0.125rem;
2026 |   bottom: -0.125rem;
2027 | } .-inset-x-0\.5 {
2028 |   right: -0.125rem;
2029 |   left: -0.125rem;
2030 | } .-inset-y-1\.5 {
2031 |   top: -0.375rem;
2032 |   bottom: -0.375rem;
2033 | } .-inset-x-1\.5 {
2034 |   right: -0.375rem;
2035 |   left: -0.375rem;
2036 | } .-inset-y-2\.5 {
2037 |   top: -0.625rem;
2038 |   bottom: -0.625rem;
2039 | } .-inset-x-2\.5 {
2040 |   right: -0.625rem;
2041 |   left: -0.625rem;
2042 | } .-inset-y-3\.5 {
2043 |   top: -0.875rem;
2044 |   bottom: -0.875rem;
2045 | } .-inset-x-3\.5 {
2046 |   right: -0.875rem;
2047 |   left: -0.875rem;
2048 | } .inset-y-1\/2 {
2049 |   top: 50%;
2050 |   bottom: 50%;
2051 | } .inset-x-1\/2 {
2052 |   right: 50%;
2053 |   left: 50%;
2054 | } .inset-y-1\/3 {
2055 |   top: 33.333333%;
2056 |   bottom: 33.333333%;
2057 | } .inset-x-1\/3 {
2058 |   right: 33.333333%;
2059 |   left: 33.333333%;
2060 | } .inset-y-2\/3 {
2061 |   top: 66.666667%;
2062 |   bottom: 66.666667%;
2063 | } .inset-x-2\/3 {
2064 |   right: 66.666667%;
2065 |   left: 66.666667%;
2066 | } .inset-y-1\/4 {
2067 |   top: 25%;
2068 |   bottom: 25%;
2069 | } .inset-x-1\/4 {
2070 |   right: 25%;
2071 |   left: 25%;
2072 | } .inset-y-2\/4 {
2073 |   top: 50%;
2074 |   bottom: 50%;
2075 | } .inset-x-2\/4 {
2076 |   right: 50%;
2077 |   left: 50%;
2078 | } .inset-y-3\/4 {
2079 |   top: 75%;
2080 |   bottom: 75%;
2081 | } .inset-x-3\/4 {
2082 |   right: 75%;
2083 |   left: 75%;
2084 | } .inset-y-full {
2085 |   top: 100%;
2086 |   bottom: 100%;
2087 | } .inset-x-full {
2088 |   right: 100%;
2089 |   left: 100%;
2090 | } .-inset-y-1\/2 {
2091 |   top: -50%;
2092 |   bottom: -50%;
2093 | } .-inset-x-1\/2 {
2094 |   right: -50%;
2095 |   left: -50%;
2096 | } .-inset-y-1\/3 {
2097 |   top: -33.333333%;
2098 |   bottom: -33.333333%;
2099 | } .-inset-x-1\/3 {
2100 |   right: -33.333333%;
2101 |   left: -33.333333%;
2102 | } .-inset-y-2\/3 {
2103 |   top: -66.666667%;
2104 |   bottom: -66.666667%;
2105 | } .-inset-x-2\/3 {
2106 |   right: -66.666667%;
2107 |   left: -66.666667%;
2108 | } .-inset-y-1\/4 {
2109 |   top: -25%;
2110 |   bottom: -25%;
2111 | } .-inset-x-1\/4 {
2112 |   right: -25%;
2113 |   left: -25%;
2114 | } .-inset-y-2\/4 {
2115 |   top: -50%;
2116 |   bottom: -50%;
2117 | } .-inset-x-2\/4 {
2118 |   right: -50%;
2119 |   left: -50%;
2120 | } .-inset-y-3\/4 {
2121 |   top: -75%;
2122 |   bottom: -75%;
2123 | } .-inset-x-3\/4 {
2124 |   right: -75%;
2125 |   left: -75%;
2126 | } .-inset-y-full {
2127 |   top: -100%;
2128 |   bottom: -100%;
2129 | } .-inset-x-full {
2130 |   right: -100%;
2131 |   left: -100%;
2132 | } .top-0 {
2133 |   top: 0px;
2134 | } .right-0 {
2135 |   right: 0px;
2136 | } .bottom-0 {
2137 |   bottom: 0px;
2138 | } .left-0 {
2139 |   left: 0px;
2140 | } .top-1 {
2141 |   top: 0.25rem;
2142 | } .right-1 {
2143 |   right: 0.25rem;
2144 | } .bottom-1 {
2145 |   bottom: 0.25rem;
2146 | } .left-1 {
2147 |   left: 0.25rem;
2148 | } .top-2 {
2149 |   top: 0.5rem;
2150 | } .right-2 {
2151 |   right: 0.5rem;
2152 | } .bottom-2 {
2153 |   bottom: 0.5rem;
2154 | } .left-2 {
2155 |   left: 0.5rem;
2156 | } .top-3 {
2157 |   top: 0.75rem;
2158 | } .right-3 {
2159 |   right: 0.75rem;
2160 | } .bottom-3 {
2161 |   bottom: 0.75rem;
2162 | } .left-3 {
2163 |   left: 0.75rem;
2164 | } .top-4 {
2165 |   top: 1rem;
2166 | } .right-4 {
2167 |   right: 1rem;
2168 | } .bottom-4 {
2169 |   bottom: 1rem;
2170 | } .left-4 {
2171 |   left: 1rem;
2172 | } .top-5 {
2173 |   top: 1.25rem;
2174 | } .right-5 {
2175 |   right: 1.25rem;
2176 | } .bottom-5 {
2177 |   bottom: 1.25rem;
2178 | } .left-5 {
2179 |   left: 1.25rem;
2180 | } .top-6 {
2181 |   top: 1.5rem;
2182 | } .right-6 {
2183 |   right: 1.5rem;
2184 | } .bottom-6 {
2185 |   bottom: 1.5rem;
2186 | } .left-6 {
2187 |   left: 1.5rem;
2188 | } .top-7 {
2189 |   top: 1.75rem;
2190 | } .right-7 {
2191 |   right: 1.75rem;
2192 | } .bottom-7 {
2193 |   bottom: 1.75rem;
2194 | } .left-7 {
2195 |   left: 1.75rem;
2196 | } .top-8 {
2197 |   top: 2rem;
2198 | } .right-8 {
2199 |   right: 2rem;
2200 | } .bottom-8 {
2201 |   bottom: 2rem;
2202 | } .left-8 {
2203 |   left: 2rem;
2204 | } .top-9 {
2205 |   top: 2.25rem;
2206 | } .right-9 {
2207 |   right: 2.25rem;
2208 | } .bottom-9 {
2209 |   bottom: 2.25rem;
2210 | } .left-9 {
2211 |   left: 2.25rem;
2212 | } .top-10 {
2213 |   top: 2.5rem;
2214 | } .right-10 {
2215 |   right: 2.5rem;
2216 | } .bottom-10 {
2217 |   bottom: 2.5rem;
2218 | } .left-10 {
2219 |   left: 2.5rem;
2220 | } .top-11 {
2221 |   top: 2.75rem;
2222 | } .right-11 {
2223 |   right: 2.75rem;
2224 | } .bottom-11 {
2225 |   bottom: 2.75rem;
2226 | } .left-11 {
2227 |   left: 2.75rem;
2228 | } .top-12 {
2229 |   top: 3rem;
2230 | } .right-12 {
2231 |   right: 3rem;
2232 | } .bottom-12 {
2233 |   bottom: 3rem;
2234 | } .left-12 {
2235 |   left: 3rem;
2236 | } .top-14 {
2237 |   top: 3.5rem;
2238 | } .right-14 {
2239 |   right: 3.5rem;
2240 | } .bottom-14 {
2241 |   bottom: 3.5rem;
2242 | } .left-14 {
2243 |   left: 3.5rem;
2244 | } .top-16 {
2245 |   top: 4rem;
2246 | } .right-16 {
2247 |   right: 4rem;
2248 | } .bottom-16 {
2249 |   bottom: 4rem;
2250 | } .left-16 {
2251 |   left: 4rem;
2252 | } .top-20 {
2253 |   top: 5rem;
2254 | } .right-20 {
2255 |   right: 5rem;
2256 | } .bottom-20 {
2257 |   bottom: 5rem;
2258 | } .left-20 {
2259 |   left: 5rem;
2260 | } .top-24 {
2261 |   top: 6rem;
2262 | } .right-24 {
2263 |   right: 6rem;
2264 | } .bottom-24 {
2265 |   bottom: 6rem;
2266 | } .left-24 {
2267 |   left: 6rem;
2268 | } .top-28 {
2269 |   top: 7rem;
2270 | } .right-28 {
2271 |   right: 7rem;
2272 | } .bottom-28 {
2273 |   bottom: 7rem;
2274 | } .left-28 {
2275 |   left: 7rem;
2276 | } .top-32 {
2277 |   top: 8rem;
2278 | } .right-32 {
2279 |   right: 8rem;
2280 | } .bottom-32 {
2281 |   bottom: 8rem;
2282 | } .left-32 {
2283 |   left: 8rem;
2284 | } .top-36 {
2285 |   top: 9rem;
2286 | } .right-36 {
2287 |   right: 9rem;
2288 | } .bottom-36 {
2289 |   bottom: 9rem;
2290 | } .left-36 {
2291 |   left: 9rem;
2292 | } .top-40 {
2293 |   top: 10rem;
2294 | } .right-40 {
2295 |   right: 10rem;
2296 | } .bottom-40 {
2297 |   bottom: 10rem;
2298 | } .left-40 {
2299 |   left: 10rem;
2300 | } .top-44 {
2301 |   top: 11rem;
2302 | } .right-44 {
2303 |   right: 11rem;
2304 | } .bottom-44 {
2305 |   bottom: 11rem;
2306 | } .left-44 {
2307 |   left: 11rem;
2308 | } .top-48 {
2309 |   top: 12rem;
2310 | } .right-48 {
2311 |   right: 12rem;
2312 | } .bottom-48 {
2313 |   bottom: 12rem;
2314 | } .left-48 {
2315 |   left: 12rem;
2316 | } .top-52 {
2317 |   top: 13rem;
2318 | } .right-52 {
2319 |   right: 13rem;
2320 | } .bottom-52 {
2321 |   bottom: 13rem;
2322 | } .left-52 {
2323 |   left: 13rem;
2324 | } .top-56 {
2325 |   top: 14rem;
2326 | } .right-56 {
2327 |   right: 14rem;
2328 | } .bottom-56 {
2329 |   bottom: 14rem;
2330 | } .left-56 {
2331 |   left: 14rem;
2332 | } .top-60 {
2333 |   top: 15rem;
2334 | } .right-60 {
2335 |   right: 15rem;
2336 | } .bottom-60 {
2337 |   bottom: 15rem;
2338 | } .left-60 {
2339 |   left: 15rem;
2340 | } .top-64 {
2341 |   top: 16rem;
2342 | } .right-64 {
2343 |   right: 16rem;
2344 | } .bottom-64 {
2345 |   bottom: 16rem;
2346 | } .left-64 {
2347 |   left: 16rem;
2348 | } .top-72 {
2349 |   top: 18rem;
2350 | } .right-72 {
2351 |   right: 18rem;
2352 | } .bottom-72 {
2353 |   bottom: 18rem;
2354 | } .left-72 {
2355 |   left: 18rem;
2356 | } .top-80 {
2357 |   top: 20rem;
2358 | } .right-80 {
2359 |   right: 20rem;
2360 | } .bottom-80 {
2361 |   bottom: 20rem;
2362 | } .left-80 {
2363 |   left: 20rem;
2364 | } .top-96 {
2365 |   top: 24rem;
2366 | } .right-96 {
2367 |   right: 24rem;
2368 | } .bottom-96 {
2369 |   bottom: 24rem;
2370 | } .left-96 {
2371 |   left: 24rem;
2372 | } .top-auto {
2373 |   top: auto;
2374 | } .right-auto {
2375 |   right: auto;
2376 | } .bottom-auto {
2377 |   bottom: auto;
2378 | } .left-auto {
2379 |   left: auto;
2380 | } .top-px {
2381 |   top: 1px;
2382 | } .right-px {
2383 |   right: 1px;
2384 | } .bottom-px {
2385 |   bottom: 1px;
2386 | } .left-px {
2387 |   left: 1px;
2388 | } .top-0\.5 {
2389 |   top: 0.125rem;
2390 | } .right-0\.5 {
2391 |   right: 0.125rem;
2392 | } .bottom-0\.5 {
2393 |   bottom: 0.125rem;
2394 | } .left-0\.5 {
2395 |   left: 0.125rem;
2396 | } .top-1\.5 {
2397 |   top: 0.375rem;
2398 | } .right-1\.5 {
2399 |   right: 0.375rem;
2400 | } .bottom-1\.5 {
2401 |   bottom: 0.375rem;
2402 | } .left-1\.5 {
2403 |   left: 0.375rem;
2404 | } .top-2\.5 {
2405 |   top: 0.625rem;
2406 | } .right-2\.5 {
2407 |   right: 0.625rem;
2408 | } .bottom-2\.5 {
2409 |   bottom: 0.625rem;
2410 | } .left-2\.5 {
2411 |   left: 0.625rem;
2412 | } .top-3\.5 {
2413 |   top: 0.875rem;
2414 | } .right-3\.5 {
2415 |   right: 0.875rem;
2416 | } .bottom-3\.5 {
2417 |   bottom: 0.875rem;
2418 | } .left-3\.5 {
2419 |   left: 0.875rem;
2420 | } .-top-0 {
2421 |   top: 0px;
2422 | } .-right-0 {
2423 |   right: 0px;
2424 | } .-bottom-0 {
2425 |   bottom: 0px;
2426 | } .-left-0 {
2427 |   left: 0px;
2428 | } .-top-1 {
2429 |   top: -0.25rem;
2430 | } .-right-1 {
2431 |   right: -0.25rem;
2432 | } .-bottom-1 {
2433 |   bottom: -0.25rem;
2434 | } .-left-1 {
2435 |   left: -0.25rem;
2436 | } .-top-2 {
2437 |   top: -0.5rem;
2438 | } .-right-2 {
2439 |   right: -0.5rem;
2440 | } .-bottom-2 {
2441 |   bottom: -0.5rem;
2442 | } .-left-2 {
2443 |   left: -0.5rem;
2444 | } .-top-3 {
2445 |   top: -0.75rem;
2446 | } .-right-3 {
2447 |   right: -0.75rem;
2448 | } .-bottom-3 {
2449 |   bottom: -0.75rem;
2450 | } .-left-3 {
2451 |   left: -0.75rem;
2452 | } .-top-4 {
2453 |   top: -1rem;
2454 | } .-right-4 {
2455 |   right: -1rem;
2456 | } .-bottom-4 {
2457 |   bottom: -1rem;
2458 | } .-left-4 {
2459 |   left: -1rem;
2460 | } .-top-5 {
2461 |   top: -1.25rem;
2462 | } .-right-5 {
2463 |   right: -1.25rem;
2464 | } .-bottom-5 {
2465 |   bottom: -1.25rem;
2466 | } .-left-5 {
2467 |   left: -1.25rem;
2468 | } .-top-6 {
2469 |   top: -1.5rem;
2470 | } .-right-6 {
2471 |   right: -1.5rem;
2472 | } .-bottom-6 {
2473 |   bottom: -1.5rem;
2474 | } .-left-6 {
2475 |   left: -1.5rem;
2476 | } .-top-7 {
2477 |   top: -1.75rem;
2478 | } .-right-7 {
2479 |   right: -1.75rem;
2480 | } .-bottom-7 {
2481 |   bottom: -1.75rem;
2482 | } .-left-7 {
2483 |   left: -1.75rem;
2484 | } .-top-8 {
2485 |   top: -2rem;
2486 | } .-right-8 {
2487 |   right: -2rem;
2488 | } .-bottom-8 {
2489 |   bottom: -2rem;
2490 | } .-left-8 {
2491 |   left: -2rem;
2492 | } .-top-9 {
2493 |   top: -2.25rem;
2494 | } .-right-9 {
2495 |   right: -2.25rem;
2496 | } .-bottom-9 {
2497 |   bottom: -2.25rem;
2498 | } .-left-9 {
2499 |   left: -2.25rem;
2500 | } .-top-10 {
2501 |   top: -2.5rem;
2502 | } .-right-10 {
2503 |   right: -2.5rem;
2504 | } .-bottom-10 {
2505 |   bottom: -2.5rem;
2506 | } .-left-10 {
2507 |   left: -2.5rem;
2508 | } .-top-11 {
2509 |   top: -2.75rem;
2510 | } .-right-11 {
2511 |   right: -2.75rem;
2512 | } .-bottom-11 {
2513 |   bottom: -2.75rem;
2514 | } .-left-11 {
2515 |   left: -2.75rem;
2516 | } .-top-12 {
2517 |   top: -3rem;
2518 | } .-right-12 {
2519 |   right: -3rem;
2520 | } .-bottom-12 {
2521 |   bottom: -3rem;
2522 | } .-left-12 {
2523 |   left: -3rem;
2524 | } .-top-14 {
2525 |   top: -3.5rem;
2526 | } .-right-14 {
2527 |   right: -3.5rem;
2528 | } .-bottom-14 {
2529 |   bottom: -3.5rem;
2530 | } .-left-14 {
2531 |   left: -3.5rem;
2532 | } .-top-16 {
2533 |   top: -4rem;
2534 | } .-right-16 {
2535 |   right: -4rem;
2536 | } .-bottom-16 {
2537 |   bottom: -4rem;
2538 | } .-left-16 {
2539 |   left: -4rem;
2540 | } .-top-20 {
2541 |   top: -5rem;
2542 | } .-right-20 {
2543 |   right: -5rem;
2544 | } .-bottom-20 {
2545 |   bottom: -5rem;
2546 | } .-left-20 {
2547 |   left: -5rem;
2548 | } .-top-24 {
2549 |   top: -6rem;
2550 | } .-right-24 {
2551 |   right: -6rem;
2552 | } .-bottom-24 {
2553 |   bottom: -6rem;
2554 | } .-left-24 {
2555 |   left: -6rem;
2556 | } .-top-28 {
2557 |   top: -7rem;
2558 | } .-right-28 {
2559 |   right: -7rem;
2560 | } .-bottom-28 {
2561 |   bottom: -7rem;
2562 | } .-left-28 {
2563 |   left: -7rem;
2564 | } .-top-32 {
2565 |   top: -8rem;
2566 | } .-right-32 {
2567 |   right: -8rem;
2568 | } .-bottom-32 {
2569 |   bottom: -8rem;
2570 | } .-left-32 {
2571 |   left: -8rem;
2572 | } .-top-36 {
2573 |   top: -9rem;
2574 | } .-right-36 {
2575 |   right: -9rem;
2576 | } .-bottom-36 {
2577 |   bottom: -9rem;
2578 | } .-left-36 {
2579 |   left: -9rem;
2580 | } .-top-40 {
2581 |   top: -10rem;
2582 | } .-right-40 {
2583 |   right: -10rem;
2584 | } .-bottom-40 {
2585 |   bottom: -10rem;
2586 | } .-left-40 {
2587 |   left: -10rem;
2588 | } .-top-44 {
2589 |   top: -11rem;
2590 | } .-right-44 {
2591 |   right: -11rem;
2592 | } .-bottom-44 {
2593 |   bottom: -11rem;
2594 | } .-left-44 {
2595 |   left: -11rem;
2596 | } .-top-48 {
2597 |   top: -12rem;
2598 | } .-right-48 {
2599 |   right: -12rem;
2600 | } .-bottom-48 {
2601 |   bottom: -12rem;
2602 | } .-left-48 {
2603 |   left: -12rem;
2604 | } .-top-52 {
2605 |   top: -13rem;
2606 | } .-right-52 {
2607 |   right: -13rem;
2608 | } .-bottom-52 {
2609 |   bottom: -13rem;
2610 | } .-left-52 {
2611 |   left: -13rem;
2612 | } .-top-56 {
2613 |   top: -14rem;
2614 | } .-right-56 {
2615 |   right: -14rem;
2616 | } .-bottom-56 {
2617 |   bottom: -14rem;
2618 | } .-left-56 {
2619 |   left: -14rem;
2620 | } .-top-60 {
2621 |   top: -15rem;
2622 | } .-right-60 {
2623 |   right: -15rem;
2624 | } .-bottom-60 {
2625 |   bottom: -15rem;
2626 | } .-left-60 {
2627 |   left: -15rem;
2628 | } .-top-64 {
2629 |   top: -16rem;
2630 | } .-right-64 {
2631 |   right: -16rem;
2632 | } .-bottom-64 {
2633 |   bottom: -16rem;
2634 | } .-left-64 {
2635 |   left: -16rem;
2636 | } .-top-72 {
2637 |   top: -18rem;
2638 | } .-right-72 {
2639 |   right: -18rem;
2640 | } .-bottom-72 {
2641 |   bottom: -18rem;
2642 | } .-left-72 {
2643 |   left: -18rem;
2644 | } .-top-80 {
2645 |   top: -20rem;
2646 | } .-right-80 {
2647 |   right: -20rem;
2648 | } .-bottom-80 {
2649 |   bottom: -20rem;
2650 | } .-left-80 {
2651 |   left: -20rem;
2652 | } .-top-96 {
2653 |   top: -24rem;
2654 | } .-right-96 {
2655 |   right: -24rem;
2656 | } .-bottom-96 {
2657 |   bottom: -24rem;
2658 | } .-left-96 {
2659 |   left: -24rem;
2660 | } .-top-px {
2661 |   top: -1px;
2662 | } .-right-px {
2663 |   right: -1px;
2664 | } .-bottom-px {
2665 |   bottom: -1px;
2666 | } .-left-px {
2667 |   left: -1px;
2668 | } .-top-0\.5 {
2669 |   top: -0.125rem;
2670 | } .-right-0\.5 {
2671 |   right: -0.125rem;
2672 | } .-bottom-0\.5 {
2673 |   bottom: -0.125rem;
2674 | } .-left-0\.5 {
2675 |   left: -0.125rem;
2676 | } .-top-1\.5 {
2677 |   top: -0.375rem;
2678 | } .-right-1\.5 {
2679 |   right: -0.375rem;
2680 | } .-bottom-1\.5 {
2681 |   bottom: -0.375rem;
2682 | } .-left-1\.5 {
2683 |   left: -0.375rem;
2684 | } .-top-2\.5 {
2685 |   top: -0.625rem;
2686 | } .-right-2\.5 {
2687 |   right: -0.625rem;
2688 | } .-bottom-2\.5 {
2689 |   bottom: -0.625rem;
2690 | } .-left-2\.5 {
2691 |   left: -0.625rem;
2692 | } .-top-3\.5 {
2693 |   top: -0.875rem;
2694 | } .-right-3\.5 {
2695 |   right: -0.875rem;
2696 | } .-bottom-3\.5 {
2697 |   bottom: -0.875rem;
2698 | } .-left-3\.5 {
2699 |   left: -0.875rem;
2700 | } .top-1\/2 {
2701 |   top: 50%;
2702 | } .right-1\/2 {
2703 |   right: 50%;
2704 | } .bottom-1\/2 {
2705 |   bottom: 50%;
2706 | } .left-1\/2 {
2707 |   left: 50%;
2708 | } .top-1\/3 {
2709 |   top: 33.333333%;
2710 | } .right-1\/3 {
2711 |   right: 33.333333%;
2712 | } .bottom-1\/3 {
2713 |   bottom: 33.333333%;
2714 | } .left-1\/3 {
2715 |   left: 33.333333%;
2716 | } .top-2\/3 {
2717 |   top: 66.666667%;
2718 | } .right-2\/3 {
2719 |   right: 66.666667%;
2720 | } .bottom-2\/3 {
2721 |   bottom: 66.666667%;
2722 | } .left-2\/3 {
2723 |   left: 66.666667%;
2724 | } .top-1\/4 {
2725 |   top: 25%;
2726 | } .right-1\/4 {
2727 |   right: 25%;
2728 | } .bottom-1\/4 {
2729 |   bottom: 25%;
2730 | } .left-1\/4 {
2731 |   left: 25%;
2732 | } .top-2\/4 {
2733 |   top: 50%;
2734 | } .right-2\/4 {
2735 |   right: 50%;
2736 | } .bottom-2\/4 {
2737 |   bottom: 50%;
2738 | } .left-2\/4 {
2739 |   left: 50%;
2740 | } .top-3\/4 {
2741 |   top: 75%;
2742 | } .right-3\/4 {
2743 |   right: 75%;
2744 | } .bottom-3\/4 {
2745 |   bottom: 75%;
2746 | } .left-3\/4 {
2747 |   left: 75%;
2748 | } .top-full {
2749 |   top: 100%;
2750 | } .right-full {
2751 |   right: 100%;
2752 | } .bottom-full {
2753 |   bottom: 100%;
2754 | } .left-full {
2755 |   left: 100%;
2756 | } .-top-1\/2 {
2757 |   top: -50%;
2758 | } .-right-1\/2 {
2759 |   right: -50%;
2760 | } .-bottom-1\/2 {
2761 |   bottom: -50%;
2762 | } .-left-1\/2 {
2763 |   left: -50%;
2764 | } .-top-1\/3 {
2765 |   top: -33.333333%;
2766 | } .-right-1\/3 {
2767 |   right: -33.333333%;
2768 | } .-bottom-1\/3 {
2769 |   bottom: -33.333333%;
2770 | } .-left-1\/3 {
2771 |   left: -33.333333%;
2772 | } .-top-2\/3 {
2773 |   top: -66.666667%;
2774 | } .-right-2\/3 {
2775 |   right: -66.666667%;
2776 | } .-bottom-2\/3 {
2777 |   bottom: -66.666667%;
2778 | } .-left-2\/3 {
2779 |   left: -66.666667%;
2780 | } .-top-1\/4 {
2781 |   top: -25%;
2782 | } .-right-1\/4 {
2783 |   right: -25%;
2784 | } .-bottom-1\/4 {
2785 |   bottom: -25%;
2786 | } .-left-1\/4 {
2787 |   left: -25%;
2788 | } .-top-2\/4 {
2789 |   top: -50%;
2790 | } .-right-2\/4 {
2791 |   right: -50%;
2792 | } .-bottom-2\/4 {
2793 |   bottom: -50%;
2794 | } .-left-2\/4 {
2795 |   left: -50%;
2796 | } .-top-3\/4 {
2797 |   top: -75%;
2798 | } .-right-3\/4 {
2799 |   right: -75%;
2800 | } .-bottom-3\/4 {
2801 |   bottom: -75%;
2802 | } .-left-3\/4 {
2803 |   left: -75%;
2804 | } .-top-full {
2805 |   top: -100%;
2806 | } .-right-full {
2807 |   right: -100%;
2808 | } .-bottom-full {
2809 |   bottom: -100%;
2810 | } .-left-full {
2811 |   left: -100%;
2812 | } .m-0 {
2813 |   margin: 0px;
2814 | } .m-1 {
2815 |   margin: 0.25rem;
2816 | } .m-2 {
2817 |   margin: 0.5rem;
2818 | } .m-3 {
2819 |   margin: 0.75rem;
2820 | } .m-4 {
2821 |   margin: 1rem;
2822 | } .m-5 {
2823 |   margin: 1.25rem;
2824 | } .m-6 {
2825 |   margin: 1.5rem;
2826 | } .m-7 {
2827 |   margin: 1.75rem;
2828 | } .m-8 {
2829 |   margin: 2rem;
2830 | } .m-9 {
2831 |   margin: 2.25rem;
2832 | } .m-10 {
2833 |   margin: 2.5rem;
2834 | } .m-11 {
2835 |   margin: 2.75rem;
2836 | } .m-12 {
2837 |   margin: 3rem;
2838 | } .m-14 {
2839 |   margin: 3.5rem;
2840 | } .m-16 {
2841 |   margin: 4rem;
2842 | } .m-20 {
2843 |   margin: 5rem;
2844 | } .m-24 {
2845 |   margin: 6rem;
2846 | } .m-28 {
2847 |   margin: 7rem;
2848 | } .m-32 {
2849 |   margin: 8rem;
2850 | } .m-36 {
2851 |   margin: 9rem;
2852 | } .m-40 {
2853 |   margin: 10rem;
2854 | } .m-44 {
2855 |   margin: 11rem;
2856 | } .m-48 {
2857 |   margin: 12rem;
2858 | } .m-52 {
2859 |   margin: 13rem;
2860 | } .m-56 {
2861 |   margin: 14rem;
2862 | } .m-60 {
2863 |   margin: 15rem;
2864 | } .m-64 {
2865 |   margin: 16rem;
2866 | } .m-72 {
2867 |   margin: 18rem;
2868 | } .m-80 {
2869 |   margin: 20rem;
2870 | } .m-96 {
2871 |   margin: 24rem;
2872 | } .m-auto {
2873 |   margin: auto;
2874 | } .m-px {
2875 |   margin: 1px;
2876 | } .m-0\.5 {
2877 |   margin: 0.125rem;
2878 | } .m-1\.5 {
2879 |   margin: 0.375rem;
2880 | } .m-2\.5 {
2881 |   margin: 0.625rem;
2882 | } .m-3\.5 {
2883 |   margin: 0.875rem;
2884 | } .-m-0 {
2885 |   margin: 0px;
2886 | } .-m-1 {
2887 |   margin: -0.25rem;
2888 | } .-m-2 {
2889 |   margin: -0.5rem;
2890 | } .-m-3 {
2891 |   margin: -0.75rem;
2892 | } .-m-4 {
2893 |   margin: -1rem;
2894 | } .-m-5 {
2895 |   margin: -1.25rem;
2896 | } .-m-6 {
2897 |   margin: -1.5rem;
2898 | } .-m-7 {
2899 |   margin: -1.75rem;
2900 | } .-m-8 {
2901 |   margin: -2rem;
2902 | } .-m-9 {
2903 |   margin: -2.25rem;
2904 | } .-m-10 {
2905 |   margin: -2.5rem;
2906 | } .-m-11 {
2907 |   margin: -2.75rem;
2908 | } .-m-12 {
2909 |   margin: -3rem;
2910 | } .-m-14 {
2911 |   margin: -3.5rem;
2912 | } .-m-16 {
2913 |   margin: -4rem;
2914 | } .-m-20 {
2915 |   margin: -5rem;
2916 | } .-m-24 {
2917 |   margin: -6rem;
2918 | } .-m-28 {
2919 |   margin: -7rem;
2920 | } .-m-32 {
2921 |   margin: -8rem;
2922 | } .-m-36 {
2923 |   margin: -9rem;
2924 | } .-m-40 {
2925 |   margin: -10rem;
2926 | } .-m-44 {
2927 |   margin: -11rem;
2928 | } .-m-48 {
2929 |   margin: -12rem;
2930 | } .-m-52 {
2931 |   margin: -13rem;
2932 | } .-m-56 {
2933 |   margin: -14rem;
2934 | } .-m-60 {
2935 |   margin: -15rem;
2936 | } .-m-64 {
2937 |   margin: -16rem;
2938 | } .-m-72 {
2939 |   margin: -18rem;
2940 | } .-m-80 {
2941 |   margin: -20rem;
2942 | } .-m-96 {
2943 |   margin: -24rem;
2944 | } .-m-px {
2945 |   margin: -1px;
2946 | } .-m-0\.5 {
2947 |   margin: -0.125rem;
2948 | } .-m-1\.5 {
2949 |   margin: -0.375rem;
2950 | } .-m-2\.5 {
2951 |   margin: -0.625rem;
2952 | } .-m-3\.5 {
2953 |   margin: -0.875rem;
2954 | } .my-0 {
2955 |   margin-top: 0px;
2956 |   margin-bottom: 0px;
2957 | } .mx-0 {
2958 |   margin-left: 0px;
2959 |   margin-right: 0px;
2960 | } .my-1 {
2961 |   margin-top: 0.25rem;
2962 |   margin-bottom: 0.25rem;
2963 | } .mx-1 {
2964 |   margin-left: 0.25rem;
2965 |   margin-right: 0.25rem;
2966 | } .my-2 {
2967 |   margin-top: 0.5rem;
2968 |   margin-bottom: 0.5rem;
2969 | } .mx-2 {
2970 |   margin-left: 0.5rem;
2971 |   margin-right: 0.5rem;
2972 | } .my-3 {
2973 |   margin-top: 0.75rem;
2974 |   margin-bottom: 0.75rem;
2975 | } .mx-3 {
2976 |   margin-left: 0.75rem;
2977 |   margin-right: 0.75rem;
2978 | } .my-4 {
2979 |   margin-top: 1rem;
2980 |   margin-bottom: 1rem;
2981 | } .mx-4 {
2982 |   margin-left: 1rem;
2983 |   margin-right: 1rem;
2984 | } .my-5 {
2985 |   margin-top: 1.25rem;
2986 |   margin-bottom: 1.25rem;
2987 | } .mx-5 {
2988 |   margin-left: 1.25rem;
2989 |   margin-right: 1.25rem;
2990 | } .my-6 {
2991 |   margin-top: 1.5rem;
2992 |   margin-bottom: 1.5rem;
2993 | } .mx-6 {
2994 |   margin-left: 1.5rem;
2995 |   margin-right: 1.5rem;
2996 | } .my-7 {
2997 |   margin-top: 1.75rem;
2998 |   margin-bottom: 1.75rem;
2999 | } .mx-7 {
3000 |   margin-left: 1.75rem;
3001 |   margin-right: 1.75rem;
3002 | } .my-8 {
3003 |   margin-top: 2rem;
3004 |   margin-bottom: 2rem;
3005 | } .mx-8 {
3006 |   margin-left: 2rem;
3007 |   margin-right: 2rem;
3008 | } .my-9 {
3009 |   margin-top: 2.25rem;
3010 |   margin-bottom: 2.25rem;
3011 | } .mx-9 {
3012 |   margin-left: 2.25rem;
3013 |   margin-right: 2.25rem;
3014 | } .my-10 {
3015 |   margin-top: 2.5rem;
3016 |   margin-bottom: 2.5rem;
3017 | } .mx-10 {
3018 |   margin-left: 2.5rem;
3019 |   margin-right: 2.5rem;
3020 | } .my-11 {
3021 |   margin-top: 2.75rem;
3022 |   margin-bottom: 2.75rem;
3023 | } .mx-11 {
3024 |   margin-left: 2.75rem;
3025 |   margin-right: 2.75rem;
3026 | } .my-12 {
3027 |   margin-top: 3rem;
3028 |   margin-bottom: 3rem;
3029 | } .mx-12 {
3030 |   margin-left: 3rem;
3031 |   margin-right: 3rem;
3032 | } .my-14 {
3033 |   margin-top: 3.5rem;
3034 |   margin-bottom: 3.5rem;
3035 | } .mx-14 {
3036 |   margin-left: 3.5rem;
3037 |   margin-right: 3.5rem;
3038 | } .my-16 {
3039 |   margin-top: 4rem;
3040 |   margin-bottom: 4rem;
3041 | } .mx-16 {
3042 |   margin-left: 4rem;
3043 |   margin-right: 4rem;
3044 | } .my-20 {
3045 |   margin-top: 5rem;
3046 |   margin-bottom: 5rem;
3047 | } .mx-20 {
3048 |   margin-left: 5rem;
3049 |   margin-right: 5rem;
3050 | } .my-24 {
3051 |   margin-top: 6rem;
3052 |   margin-bottom: 6rem;
3053 | } .mx-24 {
3054 |   margin-left: 6rem;
3055 |   margin-right: 6rem;
3056 | } .my-28 {
3057 |   margin-top: 7rem;
3058 |   margin-bottom: 7rem;
3059 | } .mx-28 {
3060 |   margin-left: 7rem;
3061 |   margin-right: 7rem;
3062 | } .my-32 {
3063 |   margin-top: 8rem;
3064 |   margin-bottom: 8rem;
3065 | } .mx-32 {
3066 |   margin-left: 8rem;
3067 |   margin-right: 8rem;
3068 | } .my-36 {
3069 |   margin-top: 9rem;
3070 |   margin-bottom: 9rem;
3071 | } .mx-36 {
3072 |   margin-left: 9rem;
3073 |   margin-right: 9rem;
3074 | } .my-40 {
3075 |   margin-top: 10rem;
3076 |   margin-bottom: 10rem;
3077 | } .mx-40 {
3078 |   margin-left: 10rem;
3079 |   margin-right: 10rem;
3080 | } .my-44 {
3081 |   margin-top: 11rem;
3082 |   margin-bottom: 11rem;
3083 | } .mx-44 {
3084 |   margin-left: 11rem;
3085 |   margin-right: 11rem;
3086 | } .my-48 {
3087 |   margin-top: 12rem;
3088 |   margin-bottom: 12rem;
3089 | } .mx-48 {
3090 |   margin-left: 12rem;
3091 |   margin-right: 12rem;
3092 | } .my-52 {
3093 |   margin-top: 13rem;
3094 |   margin-bottom: 13rem;
3095 | } .mx-52 {
3096 |   margin-left: 13rem;
3097 |   margin-right: 13rem;
3098 | } .my-56 {
3099 |   margin-top: 14rem;
3100 |   margin-bottom: 14rem;
3101 | } .mx-56 {
3102 |   margin-left: 14rem;
3103 |   margin-right: 14rem;
3104 | } .my-60 {
3105 |   margin-top: 15rem;
3106 |   margin-bottom: 15rem;
3107 | } .mx-60 {
3108 |   margin-left: 15rem;
3109 |   margin-right: 15rem;
3110 | } .my-64 {
3111 |   margin-top: 16rem;
3112 |   margin-bottom: 16rem;
3113 | } .mx-64 {
3114 |   margin-left: 16rem;
3115 |   margin-right: 16rem;
3116 | } .my-72 {
3117 |   margin-top: 18rem;
3118 |   margin-bottom: 18rem;
3119 | } .mx-72 {
3120 |   margin-left: 18rem;
3121 |   margin-right: 18rem;
3122 | } .my-80 {
3123 |   margin-top: 20rem;
3124 |   margin-bottom: 20rem;
3125 | } .mx-80 {
3126 |   margin-left: 20rem;
3127 |   margin-right: 20rem;
3128 | } .my-96 {
3129 |   margin-top: 24rem;
3130 |   margin-bottom: 24rem;
3131 | } .mx-96 {
3132 |   margin-left: 24rem;
3133 |   margin-right: 24rem;
3134 | } .my-auto {
3135 |   margin-top: auto;
3136 |   margin-bottom: auto;
3137 | } .mx-auto {
3138 |   margin-left: auto;
3139 |   margin-right: auto;
3140 | } .my-px {
3141 |   margin-top: 1px;
3142 |   margin-bottom: 1px;
3143 | } .mx-px {
3144 |   margin-left: 1px;
3145 |   margin-right: 1px;
3146 | } .my-0\.5 {
3147 |   margin-top: 0.125rem;
3148 |   margin-bottom: 0.125rem;
3149 | } .mx-0\.5 {
3150 |   margin-left: 0.125rem;
3151 |   margin-right: 0.125rem;
3152 | } .my-1\.5 {
3153 |   margin-top: 0.375rem;
3154 |   margin-bottom: 0.375rem;
3155 | } .mx-1\.5 {
3156 |   margin-left: 0.375rem;
3157 |   margin-right: 0.375rem;
3158 | } .my-2\.5 {
3159 |   margin-top: 0.625rem;
3160 |   margin-bottom: 0.625rem;
3161 | } .mx-2\.5 {
3162 |   margin-left: 0.625rem;
3163 |   margin-right: 0.625rem;
3164 | } .my-3\.5 {
3165 |   margin-top: 0.875rem;
3166 |   margin-bottom: 0.875rem;
3167 | } .mx-3\.5 {
3168 |   margin-left: 0.875rem;
3169 |   margin-right: 0.875rem;
3170 | } .-my-0 {
3171 |   margin-top: 0px;
3172 |   margin-bottom: 0px;
3173 | } .-mx-0 {
3174 |   margin-left: 0px;
3175 |   margin-right: 0px;
3176 | } .-my-1 {
3177 |   margin-top: -0.25rem;
3178 |   margin-bottom: -0.25rem;
3179 | } .-mx-1 {
3180 |   margin-left: -0.25rem;
3181 |   margin-right: -0.25rem;
3182 | } .-my-2 {
3183 |   margin-top: -0.5rem;
3184 |   margin-bottom: -0.5rem;
3185 | } .-mx-2 {
3186 |   margin-left: -0.5rem;
3187 |   margin-right: -0.5rem;
3188 | } .-my-3 {
3189 |   margin-top: -0.75rem;
3190 |   margin-bottom: -0.75rem;
3191 | } .-mx-3 {
3192 |   margin-left: -0.75rem;
3193 |   margin-right: -0.75rem;
3194 | } .-my-4 {
3195 |   margin-top: -1rem;
3196 |   margin-bottom: -1rem;
3197 | } .-mx-4 {
3198 |   margin-left: -1rem;
3199 |   margin-right: -1rem;
3200 | } .-my-5 {
3201 |   margin-top: -1.25rem;
3202 |   margin-bottom: -1.25rem;
3203 | } .-mx-5 {
3204 |   margin-left: -1.25rem;
3205 |   margin-right: -1.25rem;
3206 | } .-my-6 {
3207 |   margin-top: -1.5rem;
3208 |   margin-bottom: -1.5rem;
3209 | } .-mx-6 {
3210 |   margin-left: -1.5rem;
3211 |   margin-right: -1.5rem;
3212 | } .-my-7 {
3213 |   margin-top: -1.75rem;
3214 |   margin-bottom: -1.75rem;
3215 | } .-mx-7 {
3216 |   margin-left: -1.75rem;
3217 |   margin-right: -1.75rem;
3218 | } .-my-8 {
3219 |   margin-top: -2rem;
3220 |   margin-bottom: -2rem;
3221 | } .-mx-8 {
3222 |   margin-left: -2rem;
3223 |   margin-right: -2rem;
3224 | } .-my-9 {
3225 |   margin-top: -2.25rem;
3226 |   margin-bottom: -2.25rem;
3227 | } .-mx-9 {
3228 |   margin-left: -2.25rem;
3229 |   margin-right: -2.25rem;
3230 | } .-my-10 {
3231 |   margin-top: -2.5rem;
3232 |   margin-bottom: -2.5rem;
3233 | } .-mx-10 {
3234 |   margin-left: -2.5rem;
3235 |   margin-right: -2.5rem;
3236 | } .-my-11 {
3237 |   margin-top: -2.75rem;
3238 |   margin-bottom: -2.75rem;
3239 | } .-mx-11 {
3240 |   margin-left: -2.75rem;
3241 |   margin-right: -2.75rem;
3242 | } .-my-12 {
3243 |   margin-top: -3rem;
3244 |   margin-bottom: -3rem;
3245 | } .-mx-12 {
3246 |   margin-left: -3rem;
3247 |   margin-right: -3rem;
3248 | } .-my-14 {
3249 |   margin-top: -3.5rem;
3250 |   margin-bottom: -3.5rem;
3251 | } .-mx-14 {
3252 |   margin-left: -3.5rem;
3253 |   margin-right: -3.5rem;
3254 | } .-my-16 {
3255 |   margin-top: -4rem;
3256 |   margin-bottom: -4rem;
3257 | } .-mx-16 {
3258 |   margin-left: -4rem;
3259 |   margin-right: -4rem;
3260 | } .-my-20 {
3261 |   margin-top: -5rem;
3262 |   margin-bottom: -5rem;
3263 | } .-mx-20 {
3264 |   margin-left: -5rem;
3265 |   margin-right: -5rem;
3266 | } .-my-24 {
3267 |   margin-top: -6rem;
3268 |   margin-bottom: -6rem;
3269 | } .-mx-24 {
3270 |   margin-left: -6rem;
3271 |   margin-right: -6rem;
3272 | } .-my-28 {
3273 |   margin-top: -7rem;
3274 |   margin-bottom: -7rem;
3275 | } .-mx-28 {
3276 |   margin-left: -7rem;
3277 |   margin-right: -7rem;
3278 | } .-my-32 {
3279 |   margin-top: -8rem;
3280 |   margin-bottom: -8rem;
3281 | } .-mx-32 {
3282 |   margin-left: -8rem;
3283 |   margin-right: -8rem;
3284 | } .-my-36 {
3285 |   margin-top: -9rem;
3286 |   margin-bottom: -9rem;
3287 | } .-mx-36 {
3288 |   margin-left: -9rem;
3289 |   margin-right: -9rem;
3290 | } .-my-40 {
3291 |   margin-top: -10rem;
3292 |   margin-bottom: -10rem;
3293 | } .-mx-40 {
3294 |   margin-left: -10rem;
3295 |   margin-right: -10rem;
3296 | } .-my-44 {
3297 |   margin-top: -11rem;
3298 |   margin-bottom: -11rem;
3299 | } .-mx-44 {
3300 |   margin-left: -11rem;
3301 |   margin-right: -11rem;
3302 | } .-my-48 {
3303 |   margin-top: -12rem;
3304 |   margin-bottom: -12rem;
3305 | } .-mx-48 {
3306 |   margin-left: -12rem;
3307 |   margin-right: -12rem;
3308 | } .-my-52 {
3309 |   margin-top: -13rem;
3310 |   margin-bottom: -13rem;
3311 | } .-mx-52 {
3312 |   margin-left: -13rem;
3313 |   margin-right: -13rem;
3314 | } .-my-56 {
3315 |   margin-top: -14rem;
3316 |   margin-bottom: -14rem;
3317 | } .-mx-56 {
3318 |   margin-left: -14rem;
3319 |   margin-right: -14rem;
3320 | } .-my-60 {
3321 |   margin-top: -15rem;
3322 |   margin-bottom: -15rem;
3323 | } .-mx-60 {
3324 |   margin-left: -15rem;
3325 |   margin-right: -15rem;
3326 | } .-my-64 {
3327 |   margin-top: -16rem;
3328 |   margin-bottom: -16rem;
3329 | } .-mx-64 {
3330 |   margin-left: -16rem;
3331 |   margin-right: -16rem;
3332 | } .-my-72 {
3333 |   margin-top: -18rem;
3334 |   margin-bottom: -18rem;
3335 | } .-mx-72 {
3336 |   margin-left: -18rem;
3337 |   margin-right: -18rem;
3338 | } .-my-80 {
3339 |   margin-top: -20rem;
3340 |   margin-bottom: -20rem;
3341 | } .-mx-80 {
3342 |   margin-left: -20rem;
3343 |   margin-right: -20rem;
3344 | } .-my-96 {
3345 |   margin-top: -24rem;
3346 |   margin-bottom: -24rem;
3347 | } .-mx-96 {
3348 |   margin-left: -24rem;
3349 |   margin-right: -24rem;
3350 | } .-my-px {
3351 |   margin-top: -1px;
3352 |   margin-bottom: -1px;
3353 | } .-mx-px {
3354 |   margin-left: -1px;
3355 |   margin-right: -1px;
3356 | } .-my-0\.5 {
3357 |   margin-top: -0.125rem;
3358 |   margin-bottom: -0.125rem;
3359 | } .-mx-0\.5 {
3360 |   margin-left: -0.125rem;
3361 |   margin-right: -0.125rem;
3362 | } .-my-1\.5 {
3363 |   margin-top: -0.375rem;
3364 |   margin-bottom: -0.375rem;
3365 | } .-mx-1\.5 {
3366 |   margin-left: -0.375rem;
3367 |   margin-right: -0.375rem;
3368 | } .-my-2\.5 {
3369 |   margin-top: -0.625rem;
3370 |   margin-bottom: -0.625rem;
3371 | } .-mx-2\.5 {
3372 |   margin-left: -0.625rem;
3373 |   margin-right: -0.625rem;
3374 | } .-my-3\.5 {
3375 |   margin-top: -0.875rem;
3376 |   margin-bottom: -0.875rem;
3377 | } .-mx-3\.5 {
3378 |   margin-left: -0.875rem;
3379 |   margin-right: -0.875rem;
3380 | } .mt-0 {
3381 |   margin-top: 0px;
3382 | } .mr-0 {
3383 |   margin-right: 0px;
3384 | } .mb-0 {
3385 |   margin-bottom: 0px;
3386 | } .ml-0 {
3387 |   margin-left: 0px;
3388 | } .mt-1 {
3389 |   margin-top: 0.25rem;
3390 | } .mr-1 {
3391 |   margin-right: 0.25rem;
3392 | } .mb-1 {
3393 |   margin-bottom: 0.25rem;
3394 | } .ml-1 {
3395 |   margin-left: 0.25rem;
3396 | } .mt-2 {
3397 |   margin-top: 0.5rem;
3398 | } .mr-2 {
3399 |   margin-right: 0.5rem;
3400 | } .mb-2 {
3401 |   margin-bottom: 0.5rem;
3402 | } .ml-2 {
3403 |   margin-left: 0.5rem;
3404 | } .mt-3 {
3405 |   margin-top: 0.75rem;
3406 | } .mr-3 {
3407 |   margin-right: 0.75rem;
3408 | } .mb-3 {
3409 |   margin-bottom: 0.75rem;
3410 | } .ml-3 {
3411 |   margin-left: 0.75rem;
3412 | } .mt-4 {
3413 |   margin-top: 1rem;
3414 | } .mr-4 {
3415 |   margin-right: 1rem;
3416 | } .mb-4 {
3417 |   margin-bottom: 1rem;
3418 | } .ml-4 {
3419 |   margin-left: 1rem;
3420 | } .mt-5 {
3421 |   margin-top: 1.25rem;
3422 | } .mr-5 {
3423 |   margin-right: 1.25rem;
3424 | } .mb-5 {
3425 |   margin-bottom: 1.25rem;
3426 | } .ml-5 {
3427 |   margin-left: 1.25rem;
3428 | } .mt-6 {
3429 |   margin-top: 1.5rem;
3430 | } .mr-6 {
3431 |   margin-right: 1.5rem;
3432 | } .mb-6 {
3433 |   margin-bottom: 1.5rem;
3434 | } .ml-6 {
3435 |   margin-left: 1.5rem;
3436 | } .mt-7 {
3437 |   margin-top: 1.75rem;
3438 | } .mr-7 {
3439 |   margin-right: 1.75rem;
3440 | } .mb-7 {
3441 |   margin-bottom: 1.75rem;
3442 | } .ml-7 {
3443 |   margin-left: 1.75rem;
3444 | } .mt-8 {
3445 |   margin-top: 2rem;
3446 | } .mr-8 {
3447 |   margin-right: 2rem;
3448 | } .mb-8 {
3449 |   margin-bottom: 2rem;
3450 | } .ml-8 {
3451 |   margin-left: 2rem;
3452 | } .mt-9 {
3453 |   margin-top: 2.25rem;
3454 | } .mr-9 {
3455 |   margin-right: 2.25rem;
3456 | } .mb-9 {
3457 |   margin-bottom: 2.25rem;
3458 | } .ml-9 {
3459 |   margin-left: 2.25rem;
3460 | } .mt-10 {
3461 |   margin-top: 2.5rem;
3462 | } .mr-10 {
3463 |   margin-right: 2.5rem;
3464 | } .mb-10 {
3465 |   margin-bottom: 2.5rem;
3466 | } .ml-10 {
3467 |   margin-left: 2.5rem;
3468 | } .mt-11 {
3469 |   margin-top: 2.75rem;
3470 | } .mr-11 {
3471 |   margin-right: 2.75rem;
3472 | } .mb-11 {
3473 |   margin-bottom: 2.75rem;
3474 | } .ml-11 {
3475 |   margin-left: 2.75rem;
3476 | } .mt-12 {
3477 |   margin-top: 3rem;
3478 | } .mr-12 {
3479 |   margin-right: 3rem;
3480 | } .mb-12 {
3481 |   margin-bottom: 3rem;
3482 | } .ml-12 {
3483 |   margin-left: 3rem;
3484 | } .mt-14 {
3485 |   margin-top: 3.5rem;
3486 | } .mr-14 {
3487 |   margin-right: 3.5rem;
3488 | } .mb-14 {
3489 |   margin-bottom: 3.5rem;
3490 | } .ml-14 {
3491 |   margin-left: 3.5rem;
3492 | } .mt-16 {
3493 |   margin-top: 4rem;
3494 | } .mr-16 {
3495 |   margin-right: 4rem;
3496 | } .mb-16 {
3497 |   margin-bottom: 4rem;
3498 | } .ml-16 {
3499 |   margin-left: 4rem;
3500 | } .mt-20 {
3501 |   margin-top: 5rem;
3502 | } .mr-20 {
3503 |   margin-right: 5rem;
3504 | } .mb-20 {
3505 |   margin-bottom: 5rem;
3506 | } .ml-20 {
3507 |   margin-left: 5rem;
3508 | } .mt-24 {
3509 |   margin-top: 6rem;
3510 | } .mr-24 {
3511 |   margin-right: 6rem;
3512 | } .mb-24 {
3513 |   margin-bottom: 6rem;
3514 | } .ml-24 {
3515 |   margin-left: 6rem;
3516 | } .mt-28 {
3517 |   margin-top: 7rem;
3518 | } .mr-28 {
3519 |   margin-right: 7rem;
3520 | } .mb-28 {
3521 |   margin-bottom: 7rem;
3522 | } .ml-28 {
3523 |   margin-left: 7rem;
3524 | } .mt-32 {
3525 |   margin-top: 8rem;
3526 | } .mr-32 {
3527 |   margin-right: 8rem;
3528 | } .mb-32 {
3529 |   margin-bottom: 8rem;
3530 | } .ml-32 {
3531 |   margin-left: 8rem;
3532 | } .mt-36 {
3533 |   margin-top: 9rem;
3534 | } .mr-36 {
3535 |   margin-right: 9rem;
3536 | } .mb-36 {
3537 |   margin-bottom: 9rem;
3538 | } .ml-36 {
3539 |   margin-left: 9rem;
3540 | } .mt-40 {
3541 |   margin-top: 10rem;
3542 | } .mr-40 {
3543 |   margin-right: 10rem;
3544 | } .mb-40 {
3545 |   margin-bottom: 10rem;
3546 | } .ml-40 {
3547 |   margin-left: 10rem;
3548 | } .mt-44 {
3549 |   margin-top: 11rem;
3550 | } .mr-44 {
3551 |   margin-right: 11rem;
3552 | } .mb-44 {
3553 |   margin-bottom: 11rem;
3554 | } .ml-44 {
3555 |   margin-left: 11rem;
3556 | } .mt-48 {
3557 |   margin-top: 12rem;
3558 | } .mr-48 {
3559 |   margin-right: 12rem;
3560 | } .mb-48 {
3561 |   margin-bottom: 12rem;
3562 | } .ml-48 {
3563 |   margin-left: 12rem;
3564 | } .mt-52 {
3565 |   margin-top: 13rem;
3566 | } .mr-52 {
3567 |   margin-right: 13rem;
3568 | } .mb-52 {
3569 |   margin-bottom: 13rem;
3570 | } .ml-52 {
3571 |   margin-left: 13rem;
3572 | } .mt-56 {
3573 |   margin-top: 14rem;
3574 | } .mr-56 {
3575 |   margin-right: 14rem;
3576 | } .mb-56 {
3577 |   margin-bottom: 14rem;
3578 | } .ml-56 {
3579 |   margin-left: 14rem;
3580 | } .mt-60 {
3581 |   margin-top: 15rem;
3582 | } .mr-60 {
3583 |   margin-right: 15rem;
3584 | } .mb-60 {
3585 |   margin-bottom: 15rem;
3586 | } .ml-60 {
3587 |   margin-left: 15rem;
3588 | } .mt-64 {
3589 |   margin-top: 16rem;
3590 | } .mr-64 {
3591 |   margin-right: 16rem;
3592 | } .mb-64 {
3593 |   margin-bottom: 16rem;
3594 | } .ml-64 {
3595 |   margin-left: 16rem;
3596 | } .mt-72 {
3597 |   margin-top: 18rem;
3598 | } .mr-72 {
3599 |   margin-right: 18rem;
3600 | } .mb-72 {
3601 |   margin-bottom: 18rem;
3602 | } .ml-72 {
3603 |   margin-left: 18rem;
3604 | } .mt-80 {
3605 |   margin-top: 20rem;
3606 | } .mr-80 {
3607 |   margin-right: 20rem;
3608 | } .mb-80 {
3609 |   margin-bottom: 20rem;
3610 | } .ml-80 {
3611 |   margin-left: 20rem;
3612 | } .mt-96 {
3613 |   margin-top: 24rem;
3614 | } .mr-96 {
3615 |   margin-right: 24rem;
3616 | } .mb-96 {
3617 |   margin-bottom: 24rem;
3618 | } .ml-96 {
3619 |   margin-left: 24rem;
3620 | } .mt-auto {
3621 |   margin-top: auto;
3622 | } .mr-auto {
3623 |   margin-right: auto;
3624 | } .mb-auto {
3625 |   margin-bottom: auto;
3626 | } .ml-auto {
3627 |   margin-left: auto;
3628 | } .mt-px {
3629 |   margin-top: 1px;
3630 | } .mr-px {
3631 |   margin-right: 1px;
3632 | } .mb-px {
3633 |   margin-bottom: 1px;
3634 | } .ml-px {
3635 |   margin-left: 1px;
3636 | } .mt-0\.5 {
3637 |   margin-top: 0.125rem;
3638 | } .mr-0\.5 {
3639 |   margin-right: 0.125rem;
3640 | } .mb-0\.5 {
3641 |   margin-bottom: 0.125rem;
3642 | } .ml-0\.5 {
3643 |   margin-left: 0.125rem;
3644 | } .mt-1\.5 {
3645 |   margin-top: 0.375rem;
3646 | } .mr-1\.5 {
3647 |   margin-right: 0.375rem;
3648 | } .mb-1\.5 {
3649 |   margin-bottom: 0.375rem;
3650 | } .ml-1\.5 {
3651 |   margin-left: 0.375rem;
3652 | } .mt-2\.5 {
3653 |   margin-top: 0.625rem;
3654 | } .mr-2\.5 {
3655 |   margin-right: 0.625rem;
3656 | } .mb-2\.5 {
3657 |   margin-bottom: 0.625rem;
3658 | } .ml-2\.5 {
3659 |   margin-left: 0.625rem;
3660 | } .mt-3\.5 {
3661 |   margin-top: 0.875rem;
3662 | } .mr-3\.5 {
3663 |   margin-right: 0.875rem;
3664 | } .mb-3\.5 {
3665 |   margin-bottom: 0.875rem;
3666 | } .ml-3\.5 {
3667 |   margin-left: 0.875rem;
3668 | } .-mt-0 {
3669 |   margin-top: 0px;
3670 | } .-mr-0 {
3671 |   margin-right: 0px;
3672 | } .-mb-0 {
3673 |   margin-bottom: 0px;
3674 | } .-ml-0 {
3675 |   margin-left: 0px;
3676 | } .-mt-1 {
3677 |   margin-top: -0.25rem;
3678 | } .-mr-1 {
3679 |   margin-right: -0.25rem;
3680 | } .-mb-1 {
3681 |   margin-bottom: -0.25rem;
3682 | } .-ml-1 {
3683 |   margin-left: -0.25rem;
3684 | } .-mt-2 {
3685 |   margin-top: -0.5rem;
3686 | } .-mr-2 {
3687 |   margin-right: -0.5rem;
3688 | } .-mb-2 {
3689 |   margin-bottom: -0.5rem;
3690 | } .-ml-2 {
3691 |   margin-left: -0.5rem;
3692 | } .-mt-3 {
3693 |   margin-top: -0.75rem;
3694 | } .-mr-3 {
3695 |   margin-right: -0.75rem;
3696 | } .-mb-3 {
3697 |   margin-bottom: -0.75rem;
3698 | } .-ml-3 {
3699 |   margin-left: -0.75rem;
3700 | } .-mt-4 {
3701 |   margin-top: -1rem;
3702 | } .-mr-4 {
3703 |   margin-right: -1rem;
3704 | } .-mb-4 {
3705 |   margin-bottom: -1rem;
3706 | } .-ml-4 {
3707 |   margin-left: -1rem;
3708 | } .-mt-5 {
3709 |   margin-top: -1.25rem;
3710 | } .-mr-5 {
3711 |   margin-right: -1.25rem;
3712 | } .-mb-5 {
3713 |   margin-bottom: -1.25rem;
3714 | } .-ml-5 {
3715 |   margin-left: -1.25rem;
3716 | } .-mt-6 {
3717 |   margin-top: -1.5rem;
3718 | } .-mr-6 {
3719 |   margin-right: -1.5rem;
3720 | } .-mb-6 {
3721 |   margin-bottom: -1.5rem;
3722 | } .-ml-6 {
3723 |   margin-left: -1.5rem;
3724 | } .-mt-7 {
3725 |   margin-top: -1.75rem;
3726 | } .-mr-7 {
3727 |   margin-right: -1.75rem;
3728 | } .-mb-7 {
3729 |   margin-bottom: -1.75rem;
3730 | } .-ml-7 {
3731 |   margin-left: -1.75rem;
3732 | } .-mt-8 {
3733 |   margin-top: -2rem;
3734 | } .-mr-8 {
3735 |   margin-right: -2rem;
3736 | } .-mb-8 {
3737 |   margin-bottom: -2rem;
3738 | } .-ml-8 {
3739 |   margin-left: -2rem;
3740 | } .-mt-9 {
3741 |   margin-top: -2.25rem;
3742 | } .-mr-9 {
3743 |   margin-right: -2.25rem;
3744 | } .-mb-9 {
3745 |   margin-bottom: -2.25rem;
3746 | } .-ml-9 {
3747 |   margin-left: -2.25rem;
3748 | } .-mt-10 {
3749 |   margin-top: -2.5rem;
3750 | } .-mr-10 {
3751 |   margin-right: -2.5rem;
3752 | } .-mb-10 {
3753 |   margin-bottom: -2.5rem;
3754 | } .-ml-10 {
3755 |   margin-left: -2.5rem;
3756 | } .-mt-11 {
3757 |   margin-top: -2.75rem;
3758 | } .-mr-11 {
3759 |   margin-right: -2.75rem;
3760 | } .-mb-11 {
3761 |   margin-bottom: -2.75rem;
3762 | } .-ml-11 {
3763 |   margin-left: -2.75rem;
3764 | } .-mt-12 {
3765 |   margin-top: -3rem;
3766 | } .-mr-12 {
3767 |   margin-right: -3rem;
3768 | } .-mb-12 {
3769 |   margin-bottom: -3rem;
3770 | } .-ml-12 {
3771 |   margin-left: -3rem;
3772 | } .-mt-14 {
3773 |   margin-top: -3.5rem;
3774 | } .-mr-14 {
3775 |   margin-right: -3.5rem;
3776 | } .-mb-14 {
3777 |   margin-bottom: -3.5rem;
3778 | } .-ml-14 {
3779 |   margin-left: -3.5rem;
3780 | } .-mt-16 {
3781 |   margin-top: -4rem;
3782 | } .-mr-16 {
3783 |   margin-right: -4rem;
3784 | } .-mb-16 {
3785 |   margin-bottom: -4rem;
3786 | } .-ml-16 {
3787 |   margin-left: -4rem;
3788 | } .-mt-20 {
3789 |   margin-top: -5rem;
3790 | } .-mr-20 {
3791 |   margin-right: -5rem;
3792 | } .-mb-20 {
3793 |   margin-bottom: -5rem;
3794 | } .-ml-20 {
3795 |   margin-left: -5rem;
3796 | } .-mt-24 {
3797 |   margin-top: -6rem;
3798 | } .-mr-24 {
3799 |   margin-right: -6rem;
3800 | } .-mb-24 {
3801 |   margin-bottom: -6rem;
3802 | } .-ml-24 {
3803 |   margin-left: -6rem;
3804 | } .-mt-28 {
3805 |   margin-top: -7rem;
3806 | } .-mr-28 {
3807 |   margin-right: -7rem;
3808 | } .-mb-28 {
3809 |   margin-bottom: -7rem;
3810 | } .-ml-28 {
3811 |   margin-left: -7rem;
3812 | } .-mt-32 {
3813 |   margin-top: -8rem;
3814 | } .-mr-32 {
3815 |   margin-right: -8rem;
3816 | } .-mb-32 {
3817 |   margin-bottom: -8rem;
3818 | } .-ml-32 {
3819 |   margin-left: -8rem;
3820 | } .-mt-36 {
3821 |   margin-top: -9rem;
3822 | } .-mr-36 {
3823 |   margin-right: -9rem;
3824 | } .-mb-36 {
3825 |   margin-bottom: -9rem;
3826 | } .-ml-36 {
3827 |   margin-left: -9rem;
3828 | } .-mt-40 {
3829 |   margin-top: -10rem;
3830 | } .-mr-40 {
3831 |   margin-right: -10rem;
3832 | } .-mb-40 {
3833 |   margin-bottom: -10rem;
3834 | } .-ml-40 {
3835 |   margin-left: -10rem;
3836 | } .-mt-44 {
3837 |   margin-top: -11rem;
3838 | } .-mr-44 {
3839 |   margin-right: -11rem;
3840 | } .-mb-44 {
3841 |   margin-bottom: -11rem;
3842 | } .-ml-44 {
3843 |   margin-left: -11rem;
3844 | } .-mt-48 {
3845 |   margin-top: -12rem;
3846 | } .-mr-48 {
3847 |   margin-right: -12rem;
3848 | } .-mb-48 {
3849 |   margin-bottom: -12rem;
3850 | } .-ml-48 {
3851 |   margin-left: -12rem;
3852 | } .-mt-52 {
3853 |   margin-top: -13rem;
3854 | } .-mr-52 {
3855 |   margin-right: -13rem;
3856 | } .-mb-52 {
3857 |   margin-bottom: -13rem;
3858 | } .-ml-52 {
3859 |   margin-left: -13rem;
3860 | } .-mt-56 {
3861 |   margin-top: -14rem;
3862 | } .-mr-56 {
3863 |   margin-right: -14rem;
3864 | } .-mb-56 {
3865 |   margin-bottom: -14rem;
3866 | } .-ml-56 {
3867 |   margin-left: -14rem;
3868 | } .-mt-60 {
3869 |   margin-top: -15rem;
3870 | } .-mr-60 {
3871 |   margin-right: -15rem;
3872 | } .-mb-60 {
3873 |   margin-bottom: -15rem;
3874 | } .-ml-60 {
3875 |   margin-left: -15rem;
3876 | } .-mt-64 {
3877 |   margin-top: -16rem;
3878 | } .-mr-64 {
3879 |   margin-right: -16rem;
3880 | } .-mb-64 {
3881 |   margin-bottom: -16rem;
3882 | } .-ml-64 {
3883 |   margin-left: -16rem;
3884 | } .-mt-72 {
3885 |   margin-top: -18rem;
3886 | } .-mr-72 {
3887 |   margin-right: -18rem;
3888 | } .-mb-72 {
3889 |   margin-bottom: -18rem;
3890 | } .-ml-72 {
3891 |   margin-left: -18rem;
3892 | } .-mt-80 {
3893 |   margin-top: -20rem;
3894 | } .-mr-80 {
3895 |   margin-right: -20rem;
3896 | } .-mb-80 {
3897 |   margin-bottom: -20rem;
3898 | } .-ml-80 {
3899 |   margin-left: -20rem;
3900 | } .-mt-96 {
3901 |   margin-top: -24rem;
3902 | } .-mr-96 {
3903 |   margin-right: -24rem;
3904 | } .-mb-96 {
3905 |   margin-bottom: -24rem;
3906 | } .-ml-96 {
3907 |   margin-left: -24rem;
3908 | } .-mt-px {
3909 |   margin-top: -1px;
3910 | } .-mr-px {
3911 |   margin-right: -1px;
3912 | } .-mb-px {
3913 |   margin-bottom: -1px;
3914 | } .-ml-px {
3915 |   margin-left: -1px;
3916 | } .-mt-0\.5 {
3917 |   margin-top: -0.125rem;
3918 | } .-mr-0\.5 {
3919 |   margin-right: -0.125rem;
3920 | } .-mb-0\.5 {
3921 |   margin-bottom: -0.125rem;
3922 | } .-ml-0\.5 {
3923 |   margin-left: -0.125rem;
3924 | } .-mt-1\.5 {
3925 |   margin-top: -0.375rem;
3926 | } .-mr-1\.5 {
3927 |   margin-right: -0.375rem;
3928 | } .-mb-1\.5 {
3929 |   margin-bottom: -0.375rem;
3930 | } .-ml-1\.5 {
3931 |   margin-left: -0.375rem;
3932 | } .-mt-2\.5 {
3933 |   margin-top: -0.625rem;
3934 | } .-mr-2\.5 {
3935 |   margin-right: -0.625rem;
3936 | } .-mb-2\.5 {
3937 |   margin-bottom: -0.625rem;
3938 | } .-ml-2\.5 {
3939 |   margin-left: -0.625rem;
3940 | } .-mt-3\.5 {
3941 |   margin-top: -0.875rem;
3942 | } .-mr-3\.5 {
3943 |   margin-right: -0.875rem;
3944 | } .-mb-3\.5 {
3945 |   margin-bottom: -0.875rem;
3946 | } .-ml-3\.5 {
3947 |   margin-left: -0.875rem;
3948 | } .max-w-0 {
3949 |   max-width: 0rem;
3950 | } .max-w-none {
3951 |   max-width: none;
3952 | } .max-w-xs {
3953 |   max-width: 20rem;
3954 | } .max-w-sm {
3955 |   max-width: 24rem;
3956 | } .max-w-md {
3957 |   max-width: 28rem;
3958 | } .max-w-lg {
3959 |   max-width: 32rem;
3960 | } .max-w-xl {
3961 |   max-width: 36rem;
3962 | } .max-w-2xl {
3963 |   max-width: 42rem;
3964 | } .max-w-3xl {
3965 |   max-width: 48rem;
3966 | } .max-w-4xl {
3967 |   max-width: 56rem;
3968 | } .max-w-5xl {
3969 |   max-width: 64rem;
3970 | } .max-w-6xl {
3971 |   max-width: 72rem;
3972 | } .max-w-7xl {
3973 |   max-width: 80rem;
3974 | } .max-w-full {
3975 |   max-width: 100%;
3976 | } .max-w-min {
3977 |   max-width: -webkit-min-content;
3978 |   max-width: -moz-min-content;
3979 |   max-width: min-content;
3980 | } .max-w-max {
3981 |   max-width: -webkit-max-content;
3982 |   max-width: -moz-max-content;
3983 |   max-width: max-content;
3984 | } .max-w-prose {
3985 |   max-width: 65ch;
3986 | } .max-w-screen-sm {
3987 |   max-width: 640px;
3988 | } .max-w-screen-md {
3989 |   max-width: 768px;
3990 | } .max-w-screen-lg {
3991 |   max-width: 1024px;
3992 | } .object-contain {
3993 |   -o-object-fit: contain;
3994 |      object-fit: contain;
3995 | } .object-cover {
3996 |   -o-object-fit: cover;
3997 |      object-fit: cover;
3998 | } .object-fill {
3999 |   -o-object-fit: fill;
4000 |      object-fit: fill;
4001 | } .object-none {
4002 |   -o-object-fit: none;
4003 |      object-fit: none;
4004 | } .object-scale-down {
4005 |   -o-object-fit: scale-down;
4006 |      object-fit: scale-down;
4007 | } .p-0 {
4008 |   padding: 0px;
4009 | } .p-1 {
4010 |   padding: 0.25rem;
4011 | } .p-2 {
4012 |   padding: 0.5rem;
4013 | } .p-3 {
4014 |   padding: 0.75rem;
4015 | } .p-4 {
4016 |   padding: 1rem;
4017 | } .p-5 {
4018 |   padding: 1.25rem;
4019 | } .p-6 {
4020 |   padding: 1.5rem;
4021 | } .p-7 {
4022 |   padding: 1.75rem;
4023 | } .p-8 {
4024 |   padding: 2rem;
4025 | } .p-9 {
4026 |   padding: 2.25rem;
4027 | } .p-10 {
4028 |   padding: 2.5rem;
4029 | } .p-11 {
4030 |   padding: 2.75rem;
4031 | } .p-12 {
4032 |   padding: 3rem;
4033 | } .p-14 {
4034 |   padding: 3.5rem;
4035 | } .p-16 {
4036 |   padding: 4rem;
4037 | } .p-20 {
4038 |   padding: 5rem;
4039 | } .p-24 {
4040 |   padding: 6rem;
4041 | } .p-28 {
4042 |   padding: 7rem;
4043 | } .p-32 {
4044 |   padding: 8rem;
4045 | } .p-36 {
4046 |   padding: 9rem;
4047 | } .p-40 {
4048 |   padding: 10rem;
4049 | } .p-44 {
4050 |   padding: 11rem;
4051 | } .p-48 {
4052 |   padding: 12rem;
4053 | } .p-52 {
4054 |   padding: 13rem;
4055 | } .p-56 {
4056 |   padding: 14rem;
4057 | } .p-60 {
4058 |   padding: 15rem;
4059 | } .p-64 {
4060 |   padding: 16rem;
4061 | } .p-72 {
4062 |   padding: 18rem;
4063 | } .p-80 {
4064 |   padding: 20rem;
4065 | } .p-96 {
4066 |   padding: 24rem;
4067 | } .p-px {
4068 |   padding: 1px;
4069 | } .p-0\.5 {
4070 |   padding: 0.125rem;
4071 | } .p-1\.5 {
4072 |   padding: 0.375rem;
4073 | } .p-2\.5 {
4074 |   padding: 0.625rem;
4075 | } .p-3\.5 {
4076 |   padding: 0.875rem;
4077 | } .py-0 {
4078 |   padding-top: 0px;
4079 |   padding-bottom: 0px;
4080 | } .px-0 {
4081 |   padding-left: 0px;
4082 |   padding-right: 0px;
4083 | } .py-1 {
4084 |   padding-top: 0.25rem;
4085 |   padding-bottom: 0.25rem;
4086 | } .px-1 {
4087 |   padding-left: 0.25rem;
4088 |   padding-right: 0.25rem;
4089 | } .py-2 {
4090 |   padding-top: 0.5rem;
4091 |   padding-bottom: 0.5rem;
4092 | } .px-2 {
4093 |   padding-left: 0.5rem;
4094 |   padding-right: 0.5rem;
4095 | } .py-3 {
4096 |   padding-top: 0.75rem;
4097 |   padding-bottom: 0.75rem;
4098 | } .px-3 {
4099 |   padding-left: 0.75rem;
4100 |   padding-right: 0.75rem;
4101 | } .py-4 {
4102 |   padding-top: 1rem;
4103 |   padding-bottom: 1rem;
4104 | } .px-4 {
4105 |   padding-left: 1rem;
4106 |   padding-right: 1rem;
4107 | } .py-5 {
4108 |   padding-top: 1.25rem;
4109 |   padding-bottom: 1.25rem;
4110 | } .px-5 {
4111 |   padding-left: 1.25rem;
4112 |   padding-right: 1.25rem;
4113 | } .py-6 {
4114 |   padding-top: 1.5rem;
4115 |   padding-bottom: 1.5rem;
4116 | } .px-6 {
4117 |   padding-left: 1.5rem;
4118 |   padding-right: 1.5rem;
4119 | } .py-7 {
4120 |   padding-top: 1.75rem;
4121 |   padding-bottom: 1.75rem;
4122 | } .px-7 {
4123 |   padding-left: 1.75rem;
4124 |   padding-right: 1.75rem;
4125 | } .py-8 {
4126 |   padding-top: 2rem;
4127 |   padding-bottom: 2rem;
4128 | } .px-8 {
4129 |   padding-left: 2rem;
4130 |   padding-right: 2rem;
4131 | } .py-9 {
4132 |   padding-top: 2.25rem;
4133 |   padding-bottom: 2.25rem;
4134 | } .px-9 {
4135 |   padding-left: 2.25rem;
4136 |   padding-right: 2.25rem;
4137 | } .py-10 {
4138 |   padding-top: 2.5rem;
4139 |   padding-bottom: 2.5rem;
4140 | } .px-10 {
4141 |   padding-left: 2.5rem;
4142 |   padding-right: 2.5rem;
4143 | } .py-11 {
4144 |   padding-top: 2.75rem;
4145 |   padding-bottom: 2.75rem;
4146 | } .px-11 {
4147 |   padding-left: 2.75rem;
4148 |   padding-right: 2.75rem;
4149 | } .py-12 {
4150 |   padding-top: 3rem;
4151 |   padding-bottom: 3rem;
4152 | } .px-12 {
4153 |   padding-left: 3rem;
4154 |   padding-right: 3rem;
4155 | } .py-14 {
4156 |   padding-top: 3.5rem;
4157 |   padding-bottom: 3.5rem;
4158 | } .px-14 {
4159 |   padding-left: 3.5rem;
4160 |   padding-right: 3.5rem;
4161 | } .py-16 {
4162 |   padding-top: 4rem;
4163 |   padding-bottom: 4rem;
4164 | } .px-16 {
4165 |   padding-left: 4rem;
4166 |   padding-right: 4rem;
4167 | } .py-20 {
4168 |   padding-top: 5rem;
4169 |   padding-bottom: 5rem;
4170 | } .px-20 {
4171 |   padding-left: 5rem;
4172 |   padding-right: 5rem;
4173 | } .py-24 {
4174 |   padding-top: 6rem;
4175 |   padding-bottom: 6rem;
4176 | } .px-24 {
4177 |   padding-left: 6rem;
4178 |   padding-right: 6rem;
4179 | } .py-28 {
4180 |   padding-top: 7rem;
4181 |   padding-bottom: 7rem;
4182 | } .px-28 {
4183 |   padding-left: 7rem;
4184 |   padding-right: 7rem;
4185 | } .py-32 {
4186 |   padding-top: 8rem;
4187 |   padding-bottom: 8rem;
4188 | } .px-32 {
4189 |   padding-left: 8rem;
4190 |   padding-right: 8rem;
4191 | } .py-36 {
4192 |   padding-top: 9rem;
4193 |   padding-bottom: 9rem;
4194 | } .px-36 {
4195 |   padding-left: 9rem;
4196 |   padding-right: 9rem;
4197 | } .py-40 {
4198 |   padding-top: 10rem;
4199 |   padding-bottom: 10rem;
4200 | } .px-40 {
4201 |   padding-left: 10rem;
4202 |   padding-right: 10rem;
4203 | } .py-44 {
4204 |   padding-top: 11rem;
4205 |   padding-bottom: 11rem;
4206 | } .px-44 {
4207 |   padding-left: 11rem;
4208 |   padding-right: 11rem;
4209 | } .py-48 {
4210 |   padding-top: 12rem;
4211 |   padding-bottom: 12rem;
4212 | } .px-48 {
4213 |   padding-left: 12rem;
4214 |   padding-right: 12rem;
4215 | } .py-52 {
4216 |   padding-top: 13rem;
4217 |   padding-bottom: 13rem;
4218 | } .px-52 {
4219 |   padding-left: 13rem;
4220 |   padding-right: 13rem;
4221 | } .py-56 {
4222 |   padding-top: 14rem;
4223 |   padding-bottom: 14rem;
4224 | } .px-56 {
4225 |   padding-left: 14rem;
4226 |   padding-right: 14rem;
4227 | } .py-60 {
4228 |   padding-top: 15rem;
4229 |   padding-bottom: 15rem;
4230 | } .px-60 {
4231 |   padding-left: 15rem;
4232 |   padding-right: 15rem;
4233 | } .py-64 {
4234 |   padding-top: 16rem;
4235 |   padding-bottom: 16rem;
4236 | } .px-64 {
4237 |   padding-left: 16rem;
4238 |   padding-right: 16rem;
4239 | } .py-72 {
4240 |   padding-top: 18rem;
4241 |   padding-bottom: 18rem;
4242 | } .px-72 {
4243 |   padding-left: 18rem;
4244 |   padding-right: 18rem;
4245 | } .py-80 {
4246 |   padding-top: 20rem;
4247 |   padding-bottom: 20rem;
4248 | } .px-80 {
4249 |   padding-left: 20rem;
4250 |   padding-right: 20rem;
4251 | } .py-96 {
4252 |   padding-top: 24rem;
4253 |   padding-bottom: 24rem;
4254 | } .px-96 {
4255 |   padding-left: 24rem;
4256 |   padding-right: 24rem;
4257 | } .py-px {
4258 |   padding-top: 1px;
4259 |   padding-bottom: 1px;
4260 | } .px-px {
4261 |   padding-left: 1px;
4262 |   padding-right: 1px;
4263 | } .py-0\.5 {
4264 |   padding-top: 0.125rem;
4265 |   padding-bottom: 0.125rem;
4266 | } .px-0\.5 {
4267 |   padding-left: 0.125rem;
4268 |   padding-right: 0.125rem;
4269 | } .py-1\.5 {
4270 |   padding-top: 0.375rem;
4271 |   padding-bottom: 0.375rem;
4272 | } .px-1\.5 {
4273 |   padding-left: 0.375rem;
4274 |   padding-right: 0.375rem;
4275 | } .py-2\.5 {
4276 |   padding-top: 0.625rem;
4277 |   padding-bottom: 0.625rem;
4278 | } .px-2\.5 {
4279 |   padding-left: 0.625rem;
4280 |   padding-right: 0.625rem;
4281 | } .py-3\.5 {
4282 |   padding-top: 0.875rem;
4283 |   padding-bottom: 0.875rem;
4284 | } .px-3\.5 {
4285 |   padding-left: 0.875rem;
4286 |   padding-right: 0.875rem;
4287 | } .pt-0 {
4288 |   padding-top: 0px;
4289 | } .pr-0 {
4290 |   padding-right: 0px;
4291 | } .pb-0 {
4292 |   padding-bottom: 0px;
4293 | } .pl-0 {
4294 |   padding-left: 0px;
4295 | } .pt-1 {
4296 |   padding-top: 0.25rem;
4297 | } .pr-1 {
4298 |   padding-right: 0.25rem;
4299 | } .pb-1 {
4300 |   padding-bottom: 0.25rem;
4301 | } .pl-1 {
4302 |   padding-left: 0.25rem;
4303 | } .pt-2 {
4304 |   padding-top: 0.5rem;
4305 | } .pr-2 {
4306 |   padding-right: 0.5rem;
4307 | } .pb-2 {
4308 |   padding-bottom: 0.5rem;
4309 | } .pl-2 {
4310 |   padding-left: 0.5rem;
4311 | } .pt-3 {
4312 |   padding-top: 0.75rem;
4313 | } .pr-3 {
4314 |   padding-right: 0.75rem;
4315 | } .pb-3 {
4316 |   padding-bottom: 0.75rem;
4317 | } .pl-3 {
4318 |   padding-left: 0.75rem;
4319 | } .pt-4 {
4320 |   padding-top: 1rem;
4321 | } .pr-4 {
4322 |   padding-right: 1rem;
4323 | } .pb-4 {
4324 |   padding-bottom: 1rem;
4325 | } .pl-4 {
4326 |   padding-left: 1rem;
4327 | } .pt-5 {
4328 |   padding-top: 1.25rem;
4329 | } .pr-5 {
4330 |   padding-right: 1.25rem;
4331 | } .pb-5 {
4332 |   padding-bottom: 1.25rem;
4333 | } .pl-5 {
4334 |   padding-left: 1.25rem;
4335 | } .pt-6 {
4336 |   padding-top: 1.5rem;
4337 | } .pr-6 {
4338 |   padding-right: 1.5rem;
4339 | } .pb-6 {
4340 |   padding-bottom: 1.5rem;
4341 | } .pl-6 {
4342 |   padding-left: 1.5rem;
4343 | } .pt-7 {
4344 |   padding-top: 1.75rem;
4345 | } .pr-7 {
4346 |   padding-right: 1.75rem;
4347 | } .pb-7 {
4348 |   padding-bottom: 1.75rem;
4349 | } .pl-7 {
4350 |   padding-left: 1.75rem;
4351 | } .pt-8 {
4352 |   padding-top: 2rem;
4353 | } .pr-8 {
4354 |   padding-right: 2rem;
4355 | } .pb-8 {
4356 |   padding-bottom: 2rem;
4357 | } .pl-8 {
4358 |   padding-left: 2rem;
4359 | } .pt-9 {
4360 |   padding-top: 2.25rem;
4361 | } .pr-9 {
4362 |   padding-right: 2.25rem;
4363 | } .pb-9 {
4364 |   padding-bottom: 2.25rem;
4365 | } .pl-9 {
4366 |   padding-left: 2.25rem;
4367 | } .pt-10 {
4368 |   padding-top: 2.5rem;
4369 | } .pr-10 {
4370 |   padding-right: 2.5rem;
4371 | } .pb-10 {
4372 |   padding-bottom: 2.5rem;
4373 | } .pl-10 {
4374 |   padding-left: 2.5rem;
4375 | } .pt-11 {
4376 |   padding-top: 2.75rem;
4377 | } .pr-11 {
4378 |   padding-right: 2.75rem;
4379 | } .pb-11 {
4380 |   padding-bottom: 2.75rem;
4381 | } .pl-11 {
4382 |   padding-left: 2.75rem;
4383 | } .pt-12 {
4384 |   padding-top: 3rem;
4385 | } .pr-12 {
4386 |   padding-right: 3rem;
4387 | } .pb-12 {
4388 |   padding-bottom: 3rem;
4389 | } .pl-12 {
4390 |   padding-left: 3rem;
4391 | } .pt-14 {
4392 |   padding-top: 3.5rem;
4393 | } .pr-14 {
4394 |   padding-right: 3.5rem;
4395 | } .pb-14 {
4396 |   padding-bottom: 3.5rem;
4397 | } .pl-14 {
4398 |   padding-left: 3.5rem;
4399 | } .pt-16 {
4400 |   padding-top: 4rem;
4401 | } .pr-16 {
4402 |   padding-right: 4rem;
4403 | } .pb-16 {
4404 |   padding-bottom: 4rem;
4405 | } .pl-16 {
4406 |   padding-left: 4rem;
4407 | } .pt-20 {
4408 |   padding-top: 5rem;
4409 | } .pr-20 {
4410 |   padding-right: 5rem;
4411 | } .pb-20 {
4412 |   padding-bottom: 5rem;
4413 | } .pl-20 {
4414 |   padding-left: 5rem;
4415 | } .pt-24 {
4416 |   padding-top: 6rem;
4417 | } .pr-24 {
4418 |   padding-right: 6rem;
4419 | } .pb-24 {
4420 |   padding-bottom: 6rem;
4421 | } .pl-24 {
4422 |   padding-left: 6rem;
4423 | } .pt-28 {
4424 |   padding-top: 7rem;
4425 | } .pr-28 {
4426 |   padding-right: 7rem;
4427 | } .pb-28 {
4428 |   padding-bottom: 7rem;
4429 | } .pl-28 {
4430 |   padding-left: 7rem;
4431 | } .pt-32 {
4432 |   padding-top: 8rem;
4433 | } .pr-32 {
4434 |   padding-right: 8rem;
4435 | } .pb-32 {
4436 |   padding-bottom: 8rem;
4437 | } .pl-32 {
4438 |   padding-left: 8rem;
4439 | } .pt-36 {
4440 |   padding-top: 9rem;
4441 | } .pr-36 {
4442 |   padding-right: 9rem;
4443 | } .pb-36 {
4444 |   padding-bottom: 9rem;
4445 | } .pl-36 {
4446 |   padding-left: 9rem;
4447 | } .pt-40 {
4448 |   padding-top: 10rem;
4449 | } .pr-40 {
4450 |   padding-right: 10rem;
4451 | } .pb-40 {
4452 |   padding-bottom: 10rem;
4453 | } .pl-40 {
4454 |   padding-left: 10rem;
4455 | } .pt-44 {
4456 |   padding-top: 11rem;
4457 | } .pr-44 {
4458 |   padding-right: 11rem;
4459 | } .pb-44 {
4460 |   padding-bottom: 11rem;
4461 | } .pl-44 {
4462 |   padding-left: 11rem;
4463 | } .pt-48 {
4464 |   padding-top: 12rem;
4465 | } .pr-48 {
4466 |   padding-right: 12rem;
4467 | } .pb-48 {
4468 |   padding-bottom: 12rem;
4469 | } .pl-48 {
4470 |   padding-left: 12rem;
4471 | } .pt-52 {
4472 |   padding-top: 13rem;
4473 | } .pr-52 {
4474 |   padding-right: 13rem;
4475 | } .pb-52 {
4476 |   padding-bottom: 13rem;
4477 | } .pl-52 {
4478 |   padding-left: 13rem;
4479 | } .pt-56 {
4480 |   padding-top: 14rem;
4481 | } .pr-56 {
4482 |   padding-right: 14rem;
4483 | } .pb-56 {
4484 |   padding-bottom: 14rem;
4485 | } .pl-56 {
4486 |   padding-left: 14rem;
4487 | } .pt-60 {
4488 |   padding-top: 15rem;
4489 | } .pr-60 {
4490 |   padding-right: 15rem;
4491 | } .pb-60 {
4492 |   padding-bottom: 15rem;
4493 | } .pl-60 {
4494 |   padding-left: 15rem;
4495 | } .pt-64 {
4496 |   padding-top: 16rem;
4497 | } .pr-64 {
4498 |   padding-right: 16rem;
4499 | } .pb-64 {
4500 |   padding-bottom: 16rem;
4501 | } .pl-64 {
4502 |   padding-left: 16rem;
4503 | } .pt-72 {
4504 |   padding-top: 18rem;
4505 | } .pr-72 {
4506 |   padding-right: 18rem;
4507 | } .pb-72 {
4508 |   padding-bottom: 18rem;
4509 | } .pl-72 {
4510 |   padding-left: 18rem;
4511 | } .pt-80 {
4512 |   padding-top: 20rem;
4513 | } .pr-80 {
4514 |   padding-right: 20rem;
4515 | } .pb-80 {
4516 |   padding-bottom: 20rem;
4517 | } .pl-80 {
4518 |   padding-left: 20rem;
4519 | } .pt-96 {
4520 |   padding-top: 24rem;
4521 | } .pr-96 {
4522 |   padding-right: 24rem;
4523 | } .pb-96 {
4524 |   padding-bottom: 24rem;
4525 | } .pl-96 {
4526 |   padding-left: 24rem;
4527 | } .pt-px {
4528 |   padding-top: 1px;
4529 | } .pr-px {
4530 |   padding-right: 1px;
4531 | } .pb-px {
4532 |   padding-bottom: 1px;
4533 | } .pl-px {
4534 |   padding-left: 1px;
4535 | } .pt-0\.5 {
4536 |   padding-top: 0.125rem;
4537 | } .pr-0\.5 {
4538 |   padding-right: 0.125rem;
4539 | } .pb-0\.5 {
4540 |   padding-bottom: 0.125rem;
4541 | } .pl-0\.5 {
4542 |   padding-left: 0.125rem;
4543 | } .pt-1\.5 {
4544 |   padding-top: 0.375rem;
4545 | } .pr-1\.5 {
4546 |   padding-right: 0.375rem;
4547 | } .pb-1\.5 {
4548 |   padding-bottom: 0.375rem;
4549 | } .pl-1\.5 {
4550 |   padding-left: 0.375rem;
4551 | } .pt-2\.5 {
4552 |   padding-top: 0.625rem;
4553 | } .pr-2\.5 {
4554 |   padding-right: 0.625rem;
4555 | } .pb-2\.5 {
4556 |   padding-bottom: 0.625rem;
4557 | } .pl-2\.5 {
4558 |   padding-left: 0.625rem;
4559 | } .pt-3\.5 {
4560 |   padding-top: 0.875rem;
4561 | } .pr-3\.5 {
4562 |   padding-right: 0.875rem;
4563 | } .pb-3\.5 {
4564 |   padding-bottom: 0.875rem;
4565 | } .pl-3\.5 {
4566 |   padding-left: 0.875rem;
4567 | } .static {
4568 |   position: static;
4569 | } .fixed {
4570 |   position: fixed;
4571 | } .absolute {
4572 |   position: absolute;
4573 | } .relative {
4574 |   position: relative;
4575 | } .sticky {
4576 |   position: -webkit-sticky;
4577 |   position: sticky;
4578 | } .text-transparent {
4579 |   color: transparent;
4580 | } .text-current {
4581 |   color: currentColor;
4582 | } .text-black {
4583 |   color: #000;
4584 | } .text-white {
4585 |   color: #fff;
4586 | } .text-gray-50 {
4587 |   color: #f9fafb;
4588 | } .text-gray-100 {
4589 |   color: #f3f4f6;
4590 | } .text-gray-200 {
4591 |   color: #e5e7eb;
4592 | } .text-gray-300 {
4593 |   color: #d1d5db;
4594 | } .text-gray-400 {
4595 |   color: #9ca3af;
4596 | } .text-gray-500 {
4597 |   color: #6b7280;
4598 | } .text-gray-600 {
4599 |   color: #4b5563;
4600 | } .text-gray-700 {
4601 |   color: #374151;
4602 | } .text-gray-800 {
4603 |   color: #1f2937;
4604 | } .text-gray-900 {
4605 |   color: #111827;
4606 | } .text-red-50 {
4607 |   color: #fef2f2;
4608 | } .text-red-100 {
4609 |   color: #fee2e2;
4610 | } .text-red-200 {
4611 |   color: #fecaca;
4612 | } .text-red-300 {
4613 |   color: #fca5a5;
4614 | } .text-red-400 {
4615 |   color: #f87171;
4616 | } .text-red-500 {
4617 |   color: #ef4444;
4618 | } .text-red-600 {
4619 |   color: #dc2626;
4620 | } .text-red-700 {
4621 |   color: #b91c1c;
4622 | } .text-red-800 {
4623 |   color: #991b1b;
4624 | } .text-red-900 {
4625 |   color: #7f1d1d;
4626 | } .text-yellow-50 {
4627 |   color: #fffbeb;
4628 | } .text-yellow-100 {
4629 |   color: #fef3c7;
4630 | } .text-yellow-200 {
4631 |   color: #fde68a;
4632 | } .text-yellow-300 {
4633 |   color: #fcd34d;
4634 | } .text-yellow-400 {
4635 |   color: #fbbf24;
4636 | } .text-yellow-500 {
4637 |   color: #f59e0b;
4638 | } .text-yellow-600 {
4639 |   color: #d97706;
4640 | } .text-yellow-700 {
4641 |   color: #b45309;
4642 | } .text-yellow-800 {
4643 |   color: #92400e;
4644 | } .text-yellow-900 {
4645 |   color: #78350f;
4646 | } .text-green-50 {
4647 |   color: #ecfdf5;
4648 | } .text-green-100 {
4649 |   color: #d1fae5;
4650 | } .text-green-200 {
4651 |   color: #a7f3d0;
4652 | } .text-green-300 {
4653 |   color: #6ee7b7;
4654 | } .text-green-400 {
4655 |   color: #34d399;
4656 | } .text-green-500 {
4657 |   color: #10b981;
4658 | } .text-green-600 {
4659 |   color: #059669;
4660 | } .text-green-700 {
4661 |   color: #047857;
4662 | } .text-green-800 {
4663 |   color: #065f46;
4664 | } .text-green-900 {
4665 |   color: #064e3b;
4666 | } .text-blue-50 {
4667 |   color: #eff6ff;
4668 | } .text-blue-100 {
4669 |   color: #dbeafe;
4670 | } .text-blue-200 {
4671 |   color: #bfdbfe;
4672 | } .text-blue-300 {
4673 |   color: #93c5fd;
4674 | } .text-blue-400 {
4675 |   color: #60a5fa;
4676 | } .text-blue-500 {
4677 |   color: #3b82f6;
4678 | } .text-blue-600 {
4679 |   color: #2563eb;
4680 | } .text-blue-700 {
4681 |   color: #1d4ed8;
4682 | } .text-blue-800 {
4683 |   color: #1e40af;
4684 | } .text-blue-900 {
4685 |   color: #1e3a8a;
4686 | } .text-indigo-50 {
4687 |   color: #eef2ff;
4688 | } .text-indigo-100 {
4689 |   color: #e0e7ff;
4690 | } .text-indigo-200 {
4691 |   color: #c7d2fe;
4692 | } .text-indigo-300 {
4693 |   color: #a5b4fc;
4694 | } .text-indigo-400 {
4695 |   color: #818cf8;
4696 | } .text-indigo-500 {
4697 |   color: #6366f1;
4698 | } .text-indigo-600 {
4699 |   color: #4f46e5;
4700 | } .text-indigo-700 {
4701 |   color: #4338ca;
4702 | } .text-indigo-800 {
4703 |   color: #3730a3;
4704 | } .text-indigo-900 {
4705 |   color: #312e81;
4706 | } .text-purple-50 {
4707 |   color: #f5f3ff;
4708 | } .text-purple-100 {
4709 |   color: #ede9fe;
4710 | } .text-purple-200 {
4711 |   color: #ddd6fe;
4712 | } .text-purple-300 {
4713 |   color: #c4b5fd;
4714 | } .text-purple-400 {
4715 |   color: #a78bfa;
4716 | } .text-purple-500 {
4717 |   color: #8b5cf6;
4718 | } .text-purple-600 {
4719 |   color: #7c3aed;
4720 | } .text-purple-700 {
4721 |   color: #6d28d9;
4722 | } .text-purple-800 {
4723 |   color: #5b21b6;
4724 | } .text-purple-900 {
4725 |   color: #4c1d95;
4726 | } .text-pink-50 {
4727 |   color: #fdf2f8;
4728 | } .text-pink-100 {
4729 |   color: #fce7f3;
4730 | } .text-pink-200 {
4731 |   color: #fbcfe8;
4732 | } .text-pink-300 {
4733 |   color: #f9a8d4;
4734 | } .text-pink-400 {
4735 |   color: #f472b6;
4736 | } .text-pink-500 {
4737 |   color: #ec4899;
4738 | } .text-pink-600 {
4739 |   color: #db2777;
4740 | } .text-pink-700 {
4741 |   color: #be185d;
4742 | } .text-pink-800 {
4743 |   color: #9d174d;
4744 | } .text-pink-900 {
4745 |   color: #831843;
4746 | } .text-left {
4747 |   text-align: left;
4748 | } .text-center {
4749 |   text-align: center;
4750 | } .text-right {
4751 |   text-align: right;
4752 | } .text-justify {
4753 |   text-align: justify;
4754 | } .w-0 {
4755 |   width: 0px;
4756 | } .w-1 {
4757 |   width: 0.25rem;
4758 | } .w-2 {
4759 |   width: 0.5rem;
4760 | } .w-3 {
4761 |   width: 0.75rem;
4762 | } .w-4 {
4763 |   width: 1rem;
4764 | } .w-5 {
4765 |   width: 1.25rem;
4766 | } .w-6 {
4767 |   width: 1.5rem;
4768 | } .w-7 {
4769 |   width: 1.75rem;
4770 | } .w-8 {
4771 |   width: 2rem;
4772 | } .w-9 {
4773 |   width: 2.25rem;
4774 | } .w-10 {
4775 |   width: 2.5rem;
4776 | } .w-11 {
4777 |   width: 2.75rem;
4778 | } .w-12 {
4779 |   width: 3rem;
4780 | } .w-14 {
4781 |   width: 3.5rem;
4782 | } .w-16 {
4783 |   width: 4rem;
4784 | } .w-20 {
4785 |   width: 5rem;
4786 | } .w-24 {
4787 |   width: 6rem;
4788 | } .w-28 {
4789 |   width: 7rem;
4790 | } .w-32 {
4791 |   width: 8rem;
4792 | } .w-36 {
4793 |   width: 9rem;
4794 | } .w-40 {
4795 |   width: 10rem;
4796 | } .w-44 {
4797 |   width: 11rem;
4798 | } .w-48 {
4799 |   width: 12rem;
4800 | } .w-52 {
4801 |   width: 13rem;
4802 | } .w-56 {
4803 |   width: 14rem;
4804 | } .w-60 {
4805 |   width: 15rem;
4806 | } .w-64 {
4807 |   width: 16rem;
4808 | } .w-72 {
4809 |   width: 18rem;
4810 | } .w-80 {
4811 |   width: 20rem;
4812 | } .w-96 {
4813 |   width: 24rem;
4814 | } .w-auto {
4815 |   width: auto;
4816 | } .w-px {
4817 |   width: 1px;
4818 | } .w-0\.5 {
4819 |   width: 0.125rem;
4820 | } .w-1\.5 {
4821 |   width: 0.375rem;
4822 | } .w-2\.5 {
4823 |   width: 0.625rem;
4824 | } .w-3\.5 {
4825 |   width: 0.875rem;
4826 | } .w-1\/2 {
4827 |   width: 50%;
4828 | } .w-1\/3 {
4829 |   width: 33.333333%;
4830 | } .w-2\/3 {
4831 |   width: 66.666667%;
4832 | } .w-1\/4 {
4833 |   width: 25%;
4834 | } .w-2\/4 {
4835 |   width: 50%;
4836 | } .w-3\/4 {
4837 |   width: 75%;
4838 | } .w-1\/5 {
4839 |   width: 20%;
4840 | } .w-2\/5 {
4841 |   width: 40%;
4842 | } .w-3\/5 {
4843 |   width: 60%;
4844 | } .w-4\/5 {
4845 |   width: 80%;
4846 | } .w-1\/6 {
4847 |   width: 16.666667%;
4848 | } .w-2\/6 {
4849 |   width: 33.333333%;
4850 | } .w-3\/6 {
4851 |   width: 50%;
4852 | } .w-4\/6 {
4853 |   width: 66.666667%;
4854 | } .w-5\/6 {
4855 |   width: 83.333333%;
4856 | } .w-1\/12 {
4857 |   width: 8.333333%;
4858 | } .w-2\/12 {
4859 |   width: 16.666667%;
4860 | } .w-3\/12 {
4861 |   width: 25%;
4862 | } .w-4\/12 {
4863 |   width: 33.333333%;
4864 | } .w-5\/12 {
4865 |   width: 41.666667%;
4866 | } .w-6\/12 {
4867 |   width: 50%;
4868 | } .w-7\/12 {
4869 |   width: 58.333333%;
4870 | } .w-8\/12 {
4871 |   width: 66.666667%;
4872 | } .w-9\/12 {
4873 |   width: 75%;
4874 | } .w-10\/12 {
4875 |   width: 83.333333%;
4876 | } .w-11\/12 {
4877 |   width: 91.666667%;
4878 | } .w-full {
4879 |   width: 100%;
4880 | } .w-screen {
4881 |   width: 100vw;
4882 | } .w-min {
4883 |   width: -webkit-min-content;
4884 |   width: -moz-min-content;
4885 |   width: min-content;
4886 | } .w-max {
4887 |   width: -webkit-max-content;
4888 |   width: -moz-max-content;
4889 |   width: max-content;
4890 | } .z-0 {
4891 |   z-index: 0;
4892 | } .z-10 {
4893 |   z-index: 10;
4894 | } .z-20 {
4895 |   z-index: 20;
4896 | } .z-30 {
4897 |   z-index: 30;
4898 | } .z-40 {
4899 |   z-index: 40;
4900 | } .z-50 {
4901 |   z-index: 50;
4902 | } .z-auto {
4903 |   z-index: auto;
4904 | } .-m-container-padding {
4905 |   margin: calc(var(--container-padding) / -1);
4906 | } .-ml-container-padding {
4907 |   margin-left: calc(var(--container-padding) / -1);
4908 | } .-mr-container-padding {
4909 |   margin-right: calc(var(--container-padding) / -1);
4910 | } .-mt-container-padding {
4911 |   margin-top: calc(var(--container-padding) / -1);
4912 | } .-mb-container-padding {
4913 |   margin-bottom: calc(var(--container-padding) / -1);
4914 | } .-mx-container-padding {
4915 |   margin-left: calc(var(--container-padding) / -1);
4916 |   margin-right: calc(var(--container-padding) / -1);
4917 | } .-my-container-padding {
4918 |   margin-top: calc(var(--container-padding) / -1);
4919 |   margin-bottom: calc(var(--container-padding) / -1);
4920 | } .-ml-container-margin {
4921 |   margin-left: calc((var(--screen-width) - var(--current-screen)) / -2);
4922 | } .-mr-container-margin {
4923 |   margin-right: calc((var(--screen-width) - var(--current-screen)) / -2);
4924 | } .-mx-container-margin {
4925 |   margin-left: calc((var(--screen-width) - var(--current-screen)) / -2);
4926 |   margin-right: calc((var(--screen-width) - var(--current-screen)) / -2);
4927 | } .-ml-container {
4928 |   margin-left: calc((var(--screen-width) - var(--current-screen)) / -2 - var(--container-padding));
4929 | } .-mr-container {
4930 |   margin-right: calc((var(--screen-width) - var(--current-screen)) / -2 - var(--container-padding));
4931 | } .-mx-container {
4932 |   margin-left: calc((var(--screen-width) - var(--current-screen)) / -2 - var(--container-padding));
4933 |   margin-right: calc((var(--screen-width) - var(--current-screen)) / -2 - var(--container-padding));
4934 | } .p-container-padding {
4935 |   padding: var(--container-padding);
4936 | } .pl-container-padding {
4937 |   padding-left: var(--container-padding);
4938 | } .pr-container-padding {
4939 |   padding-right: var(--container-padding);
4940 | } .pt-container-padding {
4941 |   padding-top: var(--container-padding);
4942 | } .pb-container-padding {
4943 |   padding-bottom: var(--container-padding);
4944 | } .px-container-padding {
4945 |   padding-left: var(--container-padding);
4946 |   padding-right: var(--container-padding);
4947 | } .py-container-padding {
4948 |   padding-top: var(--container-padding);
4949 |   padding-bottom: var(--container-padding);
4950 | } .pl-container-margin {
4951 |   padding-left: calc((var(--screen-width) - var(--current-screen)) / 2);
4952 | } .pr-container-margin {
4953 |   padding-right: calc((var(--screen-width) - var(--current-screen)) / 2);
4954 | } .px-container-margin {
4955 |   padding-left: calc((var(--screen-width) - var(--current-screen)) / 2);
4956 |   padding-right: calc((var(--screen-width) - var(--current-screen)) / 2);
4957 | } .pl-container {
4958 |   padding-left: calc((var(--screen-width) - var(--current-screen)) / 2 + var(--container-padding));
4959 | } .pr-container {
4960 |   padding-right: calc((var(--screen-width) - var(--current-screen)) / 2 + var(--container-padding));
4961 | } .px-container {
4962 |   padding-left: calc((var(--screen-width) - var(--current-screen)) / 2 + var(--container-padding));
4963 |   padding-right: calc((var(--screen-width) - var(--current-screen)) / 2 + var(--container-padding));
4964 | } .b-container-padding {
4965 |   margin: calc(var(--container-padding) / -1);
4966 |   padding: var(--container-padding);
4967 | } .bl-container-padding {
4968 |   margin-left: calc(var(--container-padding) / -1);
4969 |   padding-left: var(--container-padding);
4970 | } .br-container-padding {
4971 |   margin-right: calc(var(--container-padding) / -1);
4972 |   padding-right: var(--container-padding);
4973 | } .bt-container-padding {
4974 |   margin-top: calc(var(--container-padding) / -1);
4975 |   padding-top: var(--container-padding);
4976 | } .bb-container-padding {
4977 |   margin-bottom: calc(var(--container-padding) / -1);
4978 |   padding-bottom: var(--container-padding);
4979 | } .bx-container-padding {
4980 |   margin-left: calc(var(--container-padding) / -1);
4981 |   padding-left: var(--container-padding);
4982 |   margin-right: calc(var(--container-padding) / -1);
4983 |   padding-right: var(--container-padding);
4984 | } .by-container-padding {
4985 |   margin-top: calc(var(--container-padding) / -1);
4986 |   padding-top: var(--container-padding);
4987 |   margin-bottom: calc(var(--container-padding) / -1);
4988 |   padding-bottom: var(--container-padding);
4989 | } .bl-container-margin {
4990 |   margin-left: calc((var(--screen-width) - var(--current-screen)) / -2);
4991 |   padding-left: calc((var(--screen-width) - var(--current-screen)) / 2);
4992 | } .br-container-margin {
4993 |   margin-right: calc((var(--screen-width) - var(--current-screen)) / -2);
4994 |   padding-right: calc((var(--screen-width) - var(--current-screen)) / 2);
4995 | } .bx-container-margin {
4996 |   margin-left: calc((var(--screen-width) - var(--current-screen)) / -2);
4997 |   padding-left: calc((var(--screen-width) - var(--current-screen)) / 2);
4998 |   margin-right: calc((var(--screen-width) - var(--current-screen)) / -2);
4999 |   padding-right: calc((var(--screen-width) - var(--current-screen)) / 2);
5000 | } .bl-container {
5001 |   margin-left: calc((var(--screen-width) - var(--current-screen)) / -2 - var(--container-padding));
5002 |   padding-left: calc((var(--screen-width) - var(--current-screen)) / 2 + var(--container-padding));
5003 | } .br-container {
5004 |   margin-right: calc((var(--screen-width) - var(--current-screen)) / -2 - var(--container-padding));
5005 |   padding-right: calc((var(--screen-width) - var(--current-screen)) / 2 + var(--container-padding));
5006 | } .bx-container {
5007 |   margin-left: calc((var(--screen-width) - var(--current-screen)) / -2 - var(--container-padding));
5008 |   padding-left: calc((var(--screen-width) - var(--current-screen)) / 2 + var(--container-padding));
5009 |   margin-right: calc((var(--screen-width) - var(--current-screen)) / -2 - var(--container-padding));
5010 |   padding-right: calc((var(--screen-width) - var(--current-screen)) / 2 + var(--container-padding));
5011 | }


--------------------------------------------------------------------------------
/docs/tailwind.min.css:
--------------------------------------------------------------------------------
1 | /*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}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";line-height:1.5}body{font-family:inherit;line-height:inherit}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}:root{--screen-width:100vw;--current-screen:100vw;--container-padding:1rem}@media (min-width:640px){:root{--current-screen:640px}}@media (min-width:768px){:root{--current-screen:768px;--container-padding:2rem}}@media (min-width:1024px){:root{--current-screen:1024px;--container-padding:4rem}}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px;padding-right:2rem;padding-left:2rem}}@media (min-width:1024px){.container{max-width:1024px;padding-right:4rem;padding-left:4rem}}.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}.bg-transparent{background-color:transparent}.bg-current{background-color:currentColor}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.bg-gray-500{background-color:#6b7280}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-200{background-color:#fecaca}.bg-red-300{background-color:#fca5a5}.bg-red-400{background-color:#f87171}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-red-700{background-color:#b91c1c}.bg-red-800{background-color:#991b1b}.bg-red-900{background-color:#7f1d1d}.bg-yellow-50{background-color:#fffbeb}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-200{background-color:#fde68a}.bg-yellow-300{background-color:#fcd34d}.bg-yellow-400{background-color:#fbbf24}.bg-yellow-500{background-color:#f59e0b}.bg-yellow-600{background-color:#d97706}.bg-yellow-700{background-color:#b45309}.bg-yellow-800{background-color:#92400e}.bg-yellow-900{background-color:#78350f}.bg-green-50{background-color:#ecfdf5}.bg-green-100{background-color:#d1fae5}.bg-green-200{background-color:#a7f3d0}.bg-green-300{background-color:#6ee7b7}.bg-green-400{background-color:#34d399}.bg-green-500{background-color:#10b981}.bg-green-600{background-color:#059669}.bg-green-700{background-color:#047857}.bg-green-800{background-color:#065f46}.bg-green-900{background-color:#064e3b}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-200{background-color:#bfdbfe}.bg-blue-300{background-color:#93c5fd}.bg-blue-400{background-color:#60a5fa}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-blue-800{background-color:#1e40af}.bg-blue-900{background-color:#1e3a8a}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-200{background-color:#c7d2fe}.bg-indigo-300{background-color:#a5b4fc}.bg-indigo-400{background-color:#818cf8}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.bg-indigo-800{background-color:#3730a3}.bg-indigo-900{background-color:#312e81}.bg-purple-50{background-color:#f5f3ff}.bg-purple-100{background-color:#ede9fe}.bg-purple-200{background-color:#ddd6fe}.bg-purple-300{background-color:#c4b5fd}.bg-purple-400{background-color:#a78bfa}.bg-purple-500{background-color:#8b5cf6}.bg-purple-600{background-color:#7c3aed}.bg-purple-700{background-color:#6d28d9}.bg-purple-800{background-color:#5b21b6}.bg-purple-900{background-color:#4c1d95}.bg-pink-50{background-color:#fdf2f8}.bg-pink-100{background-color:#fce7f3}.bg-pink-200{background-color:#fbcfe8}.bg-pink-300{background-color:#f9a8d4}.bg-pink-400{background-color:#f472b6}.bg-pink-500{background-color:#ec4899}.bg-pink-600{background-color:#db2777}.bg-pink-700{background-color:#be185d}.bg-pink-800{background-color:#9d174d}.bg-pink-900{background-color:#831843}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem}.rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-l-xl{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-r-2xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-r-3xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-l-3xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tl-sm{border-top-left-radius:.125rem}.rounded-tr-sm{border-top-right-radius:.125rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tr-xl{border-top-right-radius:.75rem}.rounded-br-xl{border-bottom-right-radius:.75rem}.rounded-bl-xl{border-bottom-left-radius:.75rem}.rounded-tl-2xl{border-top-left-radius:1rem}.rounded-tr-2xl{border-top-right-radius:1rem}.rounded-br-2xl{border-bottom-right-radius:1rem}.rounded-bl-2xl{border-bottom-left-radius:1rem}.rounded-tl-3xl{border-top-left-radius:1.5rem}.rounded-tr-3xl{border-top-right-radius:1.5rem}.rounded-br-3xl{border-bottom-right-radius:1.5rem}.rounded-bl-3xl{border-bottom-left-radius:1.5rem}.rounded-tl-full{border-top-left-radius:9999px}.rounded-tr-full{border-top-right-radius:9999px}.rounded-br-full{border-bottom-right-radius:9999px}.rounded-bl-full{border-bottom-left-radius:9999px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display: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}.hidden{display:none}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.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-serif{font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.h-0{height:0}.h-1{height:.25rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-36{height:9rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-52{height:13rem}.h-56{height:14rem}.h-60{height:15rem}.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}.h-96{height:24rem}.h-auto{height:auto}.h-px{height:1px}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-2\/3{height:66.666667%}.h-1\/4{height:25%}.h-2\/4{height:50%}.h-3\/4{height:75%}.h-1\/5{height:20%}.h-2\/5{height:40%}.h-3\/5{height:60%}.h-4\/5{height:80%}.h-1\/6{height:16.666667%}.h-2\/6{height:33.333333%}.h-3\/6{height:50%}.h-4\/6{height:66.666667%}.h-5\/6{height:83.333333%}.h-full{height:100%}.h-screen{height:100vh}.inset-0{top:0;right:0;bottom:0;left:0}.inset-1{top:.25rem;right:.25rem;bottom:.25rem;left:.25rem}.inset-2{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem}.inset-3{top:.75rem;right:.75rem;bottom:.75rem;left:.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:.125rem;right:.125rem;bottom:.125rem;left:.125rem}.inset-1\.5{top:.375rem;right:.375rem;bottom:.375rem;left:.375rem}.inset-2\.5{top:.625rem;right:.625rem;bottom:.625rem;left:.625rem}.inset-3\.5{top:.875rem;right:.875rem;bottom:.875rem;left:.875rem}.-inset-0{top:0;right:0;bottom:0;left:0}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.-inset-2{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.-inset-3{top:-.75rem;right:-.75rem;bottom:-.75rem;left:-.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:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem}.-inset-1\.5{top:-.375rem;right:-.375rem;bottom:-.375rem;left:-.375rem}.-inset-2\.5{top:-.625rem;right:-.625rem;bottom:-.625rem;left:-.625rem}.-inset-3\.5{top:-.875rem;right:-.875rem;bottom:-.875rem;left:-.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-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.inset-y-1{top:.25rem;bottom:.25rem}.inset-x-1{right:.25rem;left:.25rem}.inset-y-2{top:.5rem;bottom:.5rem}.inset-x-2{right:.5rem;left:.5rem}.inset-y-3{top:.75rem;bottom:.75rem}.inset-x-3{right:.75rem;left:.75rem}.inset-y-4{top:1rem;bottom:1rem}.inset-x-4{right:1rem;left:1rem}.inset-y-5{top:1.25rem;bottom:1.25rem}.inset-x-5{right:1.25rem;left:1.25rem}.inset-y-6{top:1.5rem;bottom:1.5rem}.inset-x-6{right:1.5rem;left:1.5rem}.inset-y-7{top:1.75rem;bottom:1.75rem}.inset-x-7{right:1.75rem;left:1.75rem}.inset-y-8{top:2rem;bottom:2rem}.inset-x-8{right:2rem;left:2rem}.inset-y-9{top:2.25rem;bottom:2.25rem}.inset-x-9{right:2.25rem;left:2.25rem}.inset-y-10{top:2.5rem;bottom:2.5rem}.inset-x-10{right:2.5rem;left:2.5rem}.inset-y-11{top:2.75rem;bottom:2.75rem}.inset-x-11{right:2.75rem;left:2.75rem}.inset-y-12{top:3rem;bottom:3rem}.inset-x-12{right:3rem;left:3rem}.inset-y-14{top:3.5rem;bottom:3.5rem}.inset-x-14{right:3.5rem;left:3.5rem}.inset-y-16{top:4rem;bottom:4rem}.inset-x-16{right:4rem;left:4rem}.inset-y-20{top:5rem;bottom:5rem}.inset-x-20{right:5rem;left:5rem}.inset-y-24{top:6rem;bottom:6rem}.inset-x-24{right:6rem;left:6rem}.inset-y-28{top:7rem;bottom:7rem}.inset-x-28{right:7rem;left:7rem}.inset-y-32{top:8rem;bottom:8rem}.inset-x-32{right:8rem;left:8rem}.inset-y-36{top:9rem;bottom:9rem}.inset-x-36{right:9rem;left:9rem}.inset-y-40{top:10rem;bottom:10rem}.inset-x-40{right:10rem;left:10rem}.inset-y-44{top:11rem;bottom:11rem}.inset-x-44{right:11rem;left:11rem}.inset-y-48{top:12rem;bottom:12rem}.inset-x-48{right:12rem;left:12rem}.inset-y-52{top:13rem;bottom:13rem}.inset-x-52{right:13rem;left:13rem}.inset-y-56{top:14rem;bottom:14rem}.inset-x-56{right:14rem;left:14rem}.inset-y-60{top:15rem;bottom:15rem}.inset-x-60{right:15rem;left:15rem}.inset-y-64{top:16rem;bottom:16rem}.inset-x-64{right:16rem;left:16rem}.inset-y-72{top:18rem;bottom:18rem}.inset-x-72{right:18rem;left:18rem}.inset-y-80{top:20rem;bottom:20rem}.inset-x-80{right:20rem;left:20rem}.inset-y-96{top:24rem;bottom:24rem}.inset-x-96{right:24rem;left:24rem}.inset-y-auto{top:auto;bottom:auto}.inset-x-auto{right:auto;left:auto}.inset-y-px{top:1px;bottom:1px}.inset-x-px{right:1px;left:1px}.inset-y-0\.5{top:.125rem;bottom:.125rem}.inset-x-0\.5{right:.125rem;left:.125rem}.inset-y-1\.5{top:.375rem;bottom:.375rem}.inset-x-1\.5{right:.375rem;left:.375rem}.inset-y-2\.5{top:.625rem;bottom:.625rem}.inset-x-2\.5{right:.625rem;left:.625rem}.inset-y-3\.5{top:.875rem;bottom:.875rem}.inset-x-3\.5{right:.875rem;left:.875rem}.-inset-y-0{top:0;bottom:0}.-inset-x-0{right:0;left:0}.-inset-y-1{top:-.25rem;bottom:-.25rem}.-inset-x-1{right:-.25rem;left:-.25rem}.-inset-y-2{top:-.5rem;bottom:-.5rem}.-inset-x-2{right:-.5rem;left:-.5rem}.-inset-y-3{top:-.75rem;bottom:-.75rem}.-inset-x-3{right:-.75rem;left:-.75rem}.-inset-y-4{top:-1rem;bottom:-1rem}.-inset-x-4{right:-1rem;left:-1rem}.-inset-y-5{top:-1.25rem;bottom:-1.25rem}.-inset-x-5{right:-1.25rem;left:-1.25rem}.-inset-y-6{top:-1.5rem;bottom:-1.5rem}.-inset-x-6{right:-1.5rem;left:-1.5rem}.-inset-y-7{top:-1.75rem;bottom:-1.75rem}.-inset-x-7{right:-1.75rem;left:-1.75rem}.-inset-y-8{top:-2rem;bottom:-2rem}.-inset-x-8{right:-2rem;left:-2rem}.-inset-y-9{top:-2.25rem;bottom:-2.25rem}.-inset-x-9{right:-2.25rem;left:-2.25rem}.-inset-y-10{top:-2.5rem;bottom:-2.5rem}.-inset-x-10{right:-2.5rem;left:-2.5rem}.-inset-y-11{top:-2.75rem;bottom:-2.75rem}.-inset-x-11{right:-2.75rem;left:-2.75rem}.-inset-y-12{top:-3rem;bottom:-3rem}.-inset-x-12{right:-3rem;left:-3rem}.-inset-y-14{top:-3.5rem;bottom:-3.5rem}.-inset-x-14{right:-3.5rem;left:-3.5rem}.-inset-y-16{top:-4rem;bottom:-4rem}.-inset-x-16{right:-4rem;left:-4rem}.-inset-y-20{top:-5rem;bottom:-5rem}.-inset-x-20{right:-5rem;left:-5rem}.-inset-y-24{top:-6rem;bottom:-6rem}.-inset-x-24{right:-6rem;left:-6rem}.-inset-y-28{top:-7rem;bottom:-7rem}.-inset-x-28{right:-7rem;left:-7rem}.-inset-y-32{top:-8rem;bottom:-8rem}.-inset-x-32{right:-8rem;left:-8rem}.-inset-y-36{top:-9rem;bottom:-9rem}.-inset-x-36{right:-9rem;left:-9rem}.-inset-y-40{top:-10rem;bottom:-10rem}.-inset-x-40{right:-10rem;left:-10rem}.-inset-y-44{top:-11rem;bottom:-11rem}.-inset-x-44{right:-11rem;left:-11rem}.-inset-y-48{top:-12rem;bottom:-12rem}.-inset-x-48{right:-12rem;left:-12rem}.-inset-y-52{top:-13rem;bottom:-13rem}.-inset-x-52{right:-13rem;left:-13rem}.-inset-y-56{top:-14rem;bottom:-14rem}.-inset-x-56{right:-14rem;left:-14rem}.-inset-y-60{top:-15rem;bottom:-15rem}.-inset-x-60{right:-15rem;left:-15rem}.-inset-y-64{top:-16rem;bottom:-16rem}.-inset-x-64{right:-16rem;left:-16rem}.-inset-y-72{top:-18rem;bottom:-18rem}.-inset-x-72{right:-18rem;left:-18rem}.-inset-y-80{top:-20rem;bottom:-20rem}.-inset-x-80{right:-20rem;left:-20rem}.-inset-y-96{top:-24rem;bottom:-24rem}.-inset-x-96{right:-24rem;left:-24rem}.-inset-y-px{top:-1px;bottom:-1px}.-inset-x-px{right:-1px;left:-1px}.-inset-y-0\.5{top:-.125rem;bottom:-.125rem}.-inset-x-0\.5{right:-.125rem;left:-.125rem}.-inset-y-1\.5{top:-.375rem;bottom:-.375rem}.-inset-x-1\.5{right:-.375rem;left:-.375rem}.-inset-y-2\.5{top:-.625rem;bottom:-.625rem}.-inset-x-2\.5{right:-.625rem;left:-.625rem}.-inset-y-3\.5{top:-.875rem;bottom:-.875rem}.-inset-x-3\.5{right:-.875rem;left:-.875rem}.inset-y-1\/2{top:50%;bottom:50%}.inset-x-1\/2{right:50%;left:50%}.inset-y-1\/3{top:33.333333%;bottom:33.333333%}.inset-x-1\/3{right:33.333333%;left:33.333333%}.inset-y-2\/3{top:66.666667%;bottom:66.666667%}.inset-x-2\/3{right:66.666667%;left:66.666667%}.inset-y-1\/4{top:25%;bottom:25%}.inset-x-1\/4{right:25%;left:25%}.inset-y-2\/4{top:50%;bottom:50%}.inset-x-2\/4{right:50%;left:50%}.inset-y-3\/4{top:75%;bottom:75%}.inset-x-3\/4{right:75%;left:75%}.inset-y-full{top:100%;bottom:100%}.inset-x-full{right:100%;left:100%}.-inset-y-1\/2{top:-50%;bottom:-50%}.-inset-x-1\/2{right:-50%;left:-50%}.-inset-y-1\/3{top:-33.333333%;bottom:-33.333333%}.-inset-x-1\/3{right:-33.333333%;left:-33.333333%}.-inset-y-2\/3{top:-66.666667%;bottom:-66.666667%}.-inset-x-2\/3{right:-66.666667%;left:-66.666667%}.-inset-y-1\/4{top:-25%;bottom:-25%}.-inset-x-1\/4{right:-25%;left:-25%}.-inset-y-2\/4{top:-50%;bottom:-50%}.-inset-x-2\/4{right:-50%;left:-50%}.-inset-y-3\/4{top:-75%;bottom:-75%}.-inset-x-3\/4{right:-75%;left:-75%}.-inset-y-full{top:-100%;bottom:-100%}.-inset-x-full{right:-100%;left:-100%}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.top-2{top:.5rem}.right-2{right:.5rem}.bottom-2{bottom:.5rem}.left-2{left:.5rem}.top-3{top:.75rem}.right-3{right:.75rem}.bottom-3{bottom:.75rem}.left-3{left:.75rem}.top-4{top:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.top-5{top:1.25rem}.right-5{right:1.25rem}.bottom-5{bottom:1.25rem}.left-5{left:1.25rem}.top-6{top:1.5rem}.right-6{right:1.5rem}.bottom-6{bottom:1.5rem}.left-6{left:1.5rem}.top-7{top:1.75rem}.right-7{right:1.75rem}.bottom-7{bottom:1.75rem}.left-7{left:1.75rem}.top-8{top:2rem}.right-8{right:2rem}.bottom-8{bottom:2rem}.left-8{left:2rem}.top-9{top:2.25rem}.right-9{right:2.25rem}.bottom-9{bottom:2.25rem}.left-9{left:2.25rem}.top-10{top:2.5rem}.right-10{right:2.5rem}.bottom-10{bottom:2.5rem}.left-10{left:2.5rem}.top-11{top:2.75rem}.right-11{right:2.75rem}.bottom-11{bottom:2.75rem}.left-11{left:2.75rem}.top-12{top:3rem}.right-12{right:3rem}.bottom-12{bottom:3rem}.left-12{left:3rem}.top-14{top:3.5rem}.right-14{right:3.5rem}.bottom-14{bottom:3.5rem}.left-14{left:3.5rem}.top-16{top:4rem}.right-16{right:4rem}.bottom-16{bottom:4rem}.left-16{left:4rem}.top-20{top:5rem}.right-20{right:5rem}.bottom-20{bottom:5rem}.left-20{left:5rem}.top-24{top:6rem}.right-24{right:6rem}.bottom-24{bottom:6rem}.left-24{left:6rem}.top-28{top:7rem}.right-28{right:7rem}.bottom-28{bottom:7rem}.left-28{left:7rem}.top-32{top:8rem}.right-32{right:8rem}.bottom-32{bottom:8rem}.left-32{left:8rem}.top-36{top:9rem}.right-36{right:9rem}.bottom-36{bottom:9rem}.left-36{left:9rem}.top-40{top:10rem}.right-40{right:10rem}.bottom-40{bottom:10rem}.left-40{left:10rem}.top-44{top:11rem}.right-44{right:11rem}.bottom-44{bottom:11rem}.left-44{left:11rem}.top-48{top:12rem}.right-48{right:12rem}.bottom-48{bottom:12rem}.left-48{left:12rem}.top-52{top:13rem}.right-52{right:13rem}.bottom-52{bottom:13rem}.left-52{left:13rem}.top-56{top:14rem}.right-56{right:14rem}.bottom-56{bottom:14rem}.left-56{left:14rem}.top-60{top:15rem}.right-60{right:15rem}.bottom-60{bottom:15rem}.left-60{left:15rem}.top-64{top:16rem}.right-64{right:16rem}.bottom-64{bottom:16rem}.left-64{left:16rem}.top-72{top:18rem}.right-72{right:18rem}.bottom-72{bottom:18rem}.left-72{left:18rem}.top-80{top:20rem}.right-80{right:20rem}.bottom-80{bottom:20rem}.left-80{left:20rem}.top-96{top:24rem}.right-96{right:24rem}.bottom-96{bottom:24rem}.left-96{left:24rem}.top-auto{top:auto}.right-auto{right:auto}.bottom-auto{bottom:auto}.left-auto{left:auto}.top-px{top:1px}.right-px{right:1px}.bottom-px{bottom:1px}.left-px{left:1px}.top-0\.5{top:.125rem}.right-0\.5{right:.125rem}.bottom-0\.5{bottom:.125rem}.left-0\.5{left:.125rem}.top-1\.5{top:.375rem}.right-1\.5{right:.375rem}.bottom-1\.5{bottom:.375rem}.left-1\.5{left:.375rem}.top-2\.5{top:.625rem}.right-2\.5{right:.625rem}.bottom-2\.5{bottom:.625rem}.left-2\.5{left:.625rem}.top-3\.5{top:.875rem}.right-3\.5{right:.875rem}.bottom-3\.5{bottom:.875rem}.left-3\.5{left:.875rem}.-top-0{top:0}.-right-0{right:0}.-bottom-0{bottom:0}.-left-0{left:0}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.-bottom-2{bottom:-.5rem}.-left-2{left:-.5rem}.-top-3{top:-.75rem}.-right-3{right:-.75rem}.-bottom-3{bottom:-.75rem}.-left-3{left:-.75rem}.-top-4{top:-1rem}.-right-4{right:-1rem}.-bottom-4{bottom:-1rem}.-left-4{left:-1rem}.-top-5{top:-1.25rem}.-right-5{right:-1.25rem}.-bottom-5{bottom:-1.25rem}.-left-5{left:-1.25rem}.-top-6{top:-1.5rem}.-right-6{right:-1.5rem}.-bottom-6{bottom:-1.5rem}.-left-6{left:-1.5rem}.-top-7{top:-1.75rem}.-right-7{right:-1.75rem}.-bottom-7{bottom:-1.75rem}.-left-7{left:-1.75rem}.-top-8{top:-2rem}.-right-8{right:-2rem}.-bottom-8{bottom:-2rem}.-left-8{left:-2rem}.-top-9{top:-2.25rem}.-right-9{right:-2.25rem}.-bottom-9{bottom:-2.25rem}.-left-9{left:-2.25rem}.-top-10{top:-2.5rem}.-right-10{right:-2.5rem}.-bottom-10{bottom:-2.5rem}.-left-10{left:-2.5rem}.-top-11{top:-2.75rem}.-right-11{right:-2.75rem}.-bottom-11{bottom:-2.75rem}.-left-11{left:-2.75rem}.-top-12{top:-3rem}.-right-12{right:-3rem}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-top-14{top:-3.5rem}.-right-14{right:-3.5rem}.-bottom-14{bottom:-3.5rem}.-left-14{left:-3.5rem}.-top-16{top:-4rem}.-right-16{right:-4rem}.-bottom-16{bottom:-4rem}.-left-16{left:-4rem}.-top-20{top:-5rem}.-right-20{right:-5rem}.-bottom-20{bottom:-5rem}.-left-20{left:-5rem}.-top-24{top:-6rem}.-right-24{right:-6rem}.-bottom-24{bottom:-6rem}.-left-24{left:-6rem}.-top-28{top:-7rem}.-right-28{right:-7rem}.-bottom-28{bottom:-7rem}.-left-28{left:-7rem}.-top-32{top:-8rem}.-right-32{right:-8rem}.-bottom-32{bottom:-8rem}.-left-32{left:-8rem}.-top-36{top:-9rem}.-right-36{right:-9rem}.-bottom-36{bottom:-9rem}.-left-36{left:-9rem}.-top-40{top:-10rem}.-right-40{right:-10rem}.-bottom-40{bottom:-10rem}.-left-40{left:-10rem}.-top-44{top:-11rem}.-right-44{right:-11rem}.-bottom-44{bottom:-11rem}.-left-44{left:-11rem}.-top-48{top:-12rem}.-right-48{right:-12rem}.-bottom-48{bottom:-12rem}.-left-48{left:-12rem}.-top-52{top:-13rem}.-right-52{right:-13rem}.-bottom-52{bottom:-13rem}.-left-52{left:-13rem}.-top-56{top:-14rem}.-right-56{right:-14rem}.-bottom-56{bottom:-14rem}.-left-56{left:-14rem}.-top-60{top:-15rem}.-right-60{right:-15rem}.-bottom-60{bottom:-15rem}.-left-60{left:-15rem}.-top-64{top:-16rem}.-right-64{right:-16rem}.-bottom-64{bottom:-16rem}.-left-64{left:-16rem}.-top-72{top:-18rem}.-right-72{right:-18rem}.-bottom-72{bottom:-18rem}.-left-72{left:-18rem}.-top-80{top:-20rem}.-right-80{right:-20rem}.-bottom-80{bottom:-20rem}.-left-80{left:-20rem}.-top-96{top:-24rem}.-right-96{right:-24rem}.-bottom-96{bottom:-24rem}.-left-96{left:-24rem}.-top-px{top:-1px}.-right-px{right:-1px}.-bottom-px{bottom:-1px}.-left-px{left:-1px}.-top-0\.5{top:-.125rem}.-right-0\.5{right:-.125rem}.-bottom-0\.5{bottom:-.125rem}.-left-0\.5{left:-.125rem}.-top-1\.5{top:-.375rem}.-right-1\.5{right:-.375rem}.-bottom-1\.5{bottom:-.375rem}.-left-1\.5{left:-.375rem}.-top-2\.5{top:-.625rem}.-right-2\.5{right:-.625rem}.-bottom-2\.5{bottom:-.625rem}.-left-2\.5{left:-.625rem}.-top-3\.5{top:-.875rem}.-right-3\.5{right:-.875rem}.-bottom-3\.5{bottom:-.875rem}.-left-3\.5{left:-.875rem}.top-1\/2{top:50%}.right-1\/2{right:50%}.bottom-1\/2{bottom:50%}.left-1\/2{left:50%}.top-1\/3{top:33.333333%}.right-1\/3{right:33.333333%}.bottom-1\/3{bottom:33.333333%}.left-1\/3{left:33.333333%}.top-2\/3{top:66.666667%}.right-2\/3{right:66.666667%}.bottom-2\/3{bottom:66.666667%}.left-2\/3{left:66.666667%}.top-1\/4{top:25%}.right-1\/4{right:25%}.bottom-1\/4{bottom:25%}.left-1\/4{left:25%}.top-2\/4{top:50%}.right-2\/4{right:50%}.bottom-2\/4{bottom:50%}.left-2\/4{left:50%}.top-3\/4{top:75%}.right-3\/4{right:75%}.bottom-3\/4{bottom:75%}.left-3\/4{left:75%}.top-full{top:100%}.right-full{right:100%}.bottom-full{bottom:100%}.left-full{left:100%}.-top-1\/2{top:-50%}.-right-1\/2{right:-50%}.-bottom-1\/2{bottom:-50%}.-left-1\/2{left:-50%}.-top-1\/3{top:-33.333333%}.-right-1\/3{right:-33.333333%}.-bottom-1\/3{bottom:-33.333333%}.-left-1\/3{left:-33.333333%}.-top-2\/3{top:-66.666667%}.-right-2\/3{right:-66.666667%}.-bottom-2\/3{bottom:-66.666667%}.-left-2\/3{left:-66.666667%}.-top-1\/4{top:-25%}.-right-1\/4{right:-25%}.-bottom-1\/4{bottom:-25%}.-left-1\/4{left:-25%}.-top-2\/4{top:-50%}.-right-2\/4{right:-50%}.-bottom-2\/4{bottom:-50%}.-left-2\/4{left:-50%}.-top-3\/4{top:-75%}.-right-3\/4{right:-75%}.-bottom-3\/4{bottom:-75%}.-left-3\/4{left:-75%}.-top-full{top:-100%}.-right-full{right:-100%}.-bottom-full{bottom:-100%}.-left-full{left:-100%}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.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:.125rem}.m-1\.5{margin:.375rem}.m-2\.5{margin:.625rem}.m-3\.5{margin:.875rem}.-m-0{margin:0}.-m-1{margin:-.25rem}.-m-2{margin:-.5rem}.-m-3{margin:-.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:-.125rem}.-m-1\.5{margin:-.375rem}.-m-2\.5{margin:-.625rem}.-m-3\.5{margin:-.875rem}.my-0{margin-top:0;margin-bottom:0}.mx-0{margin-left:0;margin-right:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-9{margin-top:2.25rem;margin-bottom:2.25rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-11{margin-top:2.75rem;margin-bottom:2.75rem}.mx-11{margin-left:2.75rem;margin-right:2.75rem}.my-12{margin-top:3rem;margin-bottom:3rem}.mx-12{margin-left:3rem;margin-right:3rem}.my-14{margin-top:3.5rem;margin-bottom:3.5rem}.mx-14{margin-left:3.5rem;margin-right:3.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.mx-16{margin-left:4rem;margin-right:4rem}.my-20{margin-top:5rem;margin-bottom:5rem}.mx-20{margin-left:5rem;margin-right:5rem}.my-24{margin-top:6rem;margin-bottom:6rem}.mx-24{margin-left:6rem;margin-right:6rem}.my-28{margin-top:7rem;margin-bottom:7rem}.mx-28{margin-left:7rem;margin-right:7rem}.my-32{margin-top:8rem;margin-bottom:8rem}.mx-32{margin-left:8rem;margin-right:8rem}.my-36{margin-top:9rem;margin-bottom:9rem}.mx-36{margin-left:9rem;margin-right:9rem}.my-40{margin-top:10rem;margin-bottom:10rem}.mx-40{margin-left:10rem;margin-right:10rem}.my-44{margin-top:11rem;margin-bottom:11rem}.mx-44{margin-left:11rem;margin-right:11rem}.my-48{margin-top:12rem;margin-bottom:12rem}.mx-48{margin-left:12rem;margin-right:12rem}.my-52{margin-top:13rem;margin-bottom:13rem}.mx-52{margin-left:13rem;margin-right:13rem}.my-56{margin-top:14rem;margin-bottom:14rem}.mx-56{margin-left:14rem;margin-right:14rem}.my-60{margin-top:15rem;margin-bottom:15rem}.mx-60{margin-left:15rem;margin-right:15rem}.my-64{margin-top:16rem;margin-bottom:16rem}.mx-64{margin-left:16rem;margin-right:16rem}.my-72{margin-top:18rem;margin-bottom:18rem}.mx-72{margin-left:18rem;margin-right:18rem}.my-80{margin-top:20rem;margin-bottom:20rem}.mx-80{margin-left:20rem;margin-right:20rem}.my-96{margin-top:24rem;margin-bottom:24rem}.mx-96{margin-left:24rem;margin-right:24rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-px{margin-top:1px;margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.my-3\.5{margin-top:.875rem;margin-bottom:.875rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.-my-0{margin-top:0;margin-bottom:0}.-mx-0{margin-left:0;margin-right:0}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-my-3{margin-top:-.75rem;margin-bottom:-.75rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-my-4{margin-top:-1rem;margin-bottom:-1rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem}.-mx-7{margin-left:-1.75rem;margin-right:-1.75rem}.-my-8{margin-top:-2rem;margin-bottom:-2rem}.-mx-8{margin-left:-2rem;margin-right:-2rem}.-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem}.-mx-9{margin-left:-2.25rem;margin-right:-2.25rem}.-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem}.-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.-my-11{margin-top:-2.75rem;margin-bottom:-2.75rem}.-mx-11{margin-left:-2.75rem;margin-right:-2.75rem}.-my-12{margin-top:-3rem;margin-bottom:-3rem}.-mx-12{margin-left:-3rem;margin-right:-3rem}.-my-14{margin-top:-3.5rem;margin-bottom:-3.5rem}.-mx-14{margin-left:-3.5rem;margin-right:-3.5rem}.-my-16{margin-top:-4rem;margin-bottom:-4rem}.-mx-16{margin-left:-4rem;margin-right:-4rem}.-my-20{margin-top:-5rem;margin-bottom:-5rem}.-mx-20{margin-left:-5rem;margin-right:-5rem}.-my-24{margin-top:-6rem;margin-bottom:-6rem}.-mx-24{margin-left:-6rem;margin-right:-6rem}.-my-28{margin-top:-7rem;margin-bottom:-7rem}.-mx-28{margin-left:-7rem;margin-right:-7rem}.-my-32{margin-top:-8rem;margin-bottom:-8rem}.-mx-32{margin-left:-8rem;margin-right:-8rem}.-my-36{margin-top:-9rem;margin-bottom:-9rem}.-mx-36{margin-left:-9rem;margin-right:-9rem}.-my-40{margin-top:-10rem;margin-bottom:-10rem}.-mx-40{margin-left:-10rem;margin-right:-10rem}.-my-44{margin-top:-11rem;margin-bottom:-11rem}.-mx-44{margin-left:-11rem;margin-right:-11rem}.-my-48{margin-top:-12rem;margin-bottom:-12rem}.-mx-48{margin-left:-12rem;margin-right:-12rem}.-my-52{margin-top:-13rem;margin-bottom:-13rem}.-mx-52{margin-left:-13rem;margin-right:-13rem}.-my-56{margin-top:-14rem;margin-bottom:-14rem}.-mx-56{margin-left:-14rem;margin-right:-14rem}.-my-60{margin-top:-15rem;margin-bottom:-15rem}.-mx-60{margin-left:-15rem;margin-right:-15rem}.-my-64{margin-top:-16rem;margin-bottom:-16rem}.-mx-64{margin-left:-16rem;margin-right:-16rem}.-my-72{margin-top:-18rem;margin-bottom:-18rem}.-mx-72{margin-left:-18rem;margin-right:-18rem}.-my-80{margin-top:-20rem;margin-bottom:-20rem}.-mx-80{margin-left:-20rem;margin-right:-20rem}.-my-96{margin-top:-24rem;margin-bottom:-24rem}.-mx-96{margin-left:-24rem;margin-right:-24rem}.-my-px{margin-top:-1px;margin-bottom:-1px}.-mx-px{margin-left:-1px;margin-right:-1px}.-my-0\.5{margin-top:-.125rem;margin-bottom:-.125rem}.-mx-0\.5{margin-left:-.125rem;margin-right:-.125rem}.-my-1\.5{margin-top:-.375rem;margin-bottom:-.375rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-my-2\.5{margin-top:-.625rem;margin-bottom:-.625rem}.-mx-2\.5{margin-left:-.625rem;margin-right:-.625rem}.-my-3\.5{margin-top:-.875rem;margin-bottom:-.875rem}.-mx-3\.5{margin-left:-.875rem;margin-right:-.875rem}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mt-7{margin-top:1.75rem}.mr-7{margin-right:1.75rem}.mb-7{margin-bottom:1.75rem}.ml-7{margin-left:1.75rem}.mt-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mt-9{margin-top:2.25rem}.mr-9{margin-right:2.25rem}.mb-9{margin-bottom:2.25rem}.ml-9{margin-left:2.25rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mt-11{margin-top:2.75rem}.mr-11{margin-right:2.75rem}.mb-11{margin-bottom:2.75rem}.ml-11{margin-left:2.75rem}.mt-12{margin-top:3rem}.mr-12{margin-right:3rem}.mb-12{margin-bottom:3rem}.ml-12{margin-left:3rem}.mt-14{margin-top:3.5rem}.mr-14{margin-right:3.5rem}.mb-14{margin-bottom:3.5rem}.ml-14{margin-left:3.5rem}.mt-16{margin-top:4rem}.mr-16{margin-right:4rem}.mb-16{margin-bottom:4rem}.ml-16{margin-left:4rem}.mt-20{margin-top:5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.ml-20{margin-left:5rem}.mt-24{margin-top:6rem}.mr-24{margin-right:6rem}.mb-24{margin-bottom:6rem}.ml-24{margin-left:6rem}.mt-28{margin-top:7rem}.mr-28{margin-right:7rem}.mb-28{margin-bottom:7rem}.ml-28{margin-left:7rem}.mt-32{margin-top:8rem}.mr-32{margin-right:8rem}.mb-32{margin-bottom:8rem}.ml-32{margin-left:8rem}.mt-36{margin-top:9rem}.mr-36{margin-right:9rem}.mb-36{margin-bottom:9rem}.ml-36{margin-left:9rem}.mt-40{margin-top:10rem}.mr-40{margin-right:10rem}.mb-40{margin-bottom:10rem}.ml-40{margin-left:10rem}.mt-44{margin-top:11rem}.mr-44{margin-right:11rem}.mb-44{margin-bottom:11rem}.ml-44{margin-left:11rem}.mt-48{margin-top:12rem}.mr-48{margin-right:12rem}.mb-48{margin-bottom:12rem}.ml-48{margin-left:12rem}.mt-52{margin-top:13rem}.mr-52{margin-right:13rem}.mb-52{margin-bottom:13rem}.ml-52{margin-left:13rem}.mt-56{margin-top:14rem}.mr-56{margin-right:14rem}.mb-56{margin-bottom:14rem}.ml-56{margin-left:14rem}.mt-60{margin-top:15rem}.mr-60{margin-right:15rem}.mb-60{margin-bottom:15rem}.ml-60{margin-left:15rem}.mt-64{margin-top:16rem}.mr-64{margin-right:16rem}.mb-64{margin-bottom:16rem}.ml-64{margin-left:16rem}.mt-72{margin-top:18rem}.mr-72{margin-right:18rem}.mb-72{margin-bottom:18rem}.ml-72{margin-left:18rem}.mt-80{margin-top:20rem}.mr-80{margin-right:20rem}.mb-80{margin-bottom:20rem}.ml-80{margin-left:20rem}.mt-96{margin-top:24rem}.mr-96{margin-right:24rem}.mb-96{margin-bottom:24rem}.ml-96{margin-left:24rem}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mt-px{margin-top:1px}.mr-px{margin-right:1px}.mb-px{margin-bottom:1px}.ml-px{margin-left:1px}.mt-0\.5{margin-top:.125rem}.mr-0\.5{margin-right:.125rem}.mb-0\.5{margin-bottom:.125rem}.ml-0\.5{margin-left:.125rem}.mt-1\.5{margin-top:.375rem}.mr-1\.5{margin-right:.375rem}.mb-1\.5{margin-bottom:.375rem}.ml-1\.5{margin-left:.375rem}.mt-2\.5{margin-top:.625rem}.mr-2\.5{margin-right:.625rem}.mb-2\.5{margin-bottom:.625rem}.ml-2\.5{margin-left:.625rem}.mt-3\.5{margin-top:.875rem}.mr-3\.5{margin-right:.875rem}.mb-3\.5{margin-bottom:.875rem}.ml-3\.5{margin-left:.875rem}.-mt-0{margin-top:0}.-mr-0{margin-right:0}.-mb-0{margin-bottom:0}.-ml-0{margin-left:0}.-mt-1{margin-top:-.25rem}.-mr-1{margin-right:-.25rem}.-mb-1{margin-bottom:-.25rem}.-ml-1{margin-left:-.25rem}.-mt-2{margin-top:-.5rem}.-mr-2{margin-right:-.5rem}.-mb-2{margin-bottom:-.5rem}.-ml-2{margin-left:-.5rem}.-mt-3{margin-top:-.75rem}.-mr-3{margin-right:-.75rem}.-mb-3{margin-bottom:-.75rem}.-ml-3{margin-left:-.75rem}.-mt-4{margin-top:-1rem}.-mr-4{margin-right:-1rem}.-mb-4{margin-bottom:-1rem}.-ml-4{margin-left:-1rem}.-mt-5{margin-top:-1.25rem}.-mr-5{margin-right:-1.25rem}.-mb-5{margin-bottom:-1.25rem}.-ml-5{margin-left:-1.25rem}.-mt-6{margin-top:-1.5rem}.-mr-6{margin-right:-1.5rem}.-mb-6{margin-bottom:-1.5rem}.-ml-6{margin-left:-1.5rem}.-mt-7{margin-top:-1.75rem}.-mr-7{margin-right:-1.75rem}.-mb-7{margin-bottom:-1.75rem}.-ml-7{margin-left:-1.75rem}.-mt-8{margin-top:-2rem}.-mr-8{margin-right:-2rem}.-mb-8{margin-bottom:-2rem}.-ml-8{margin-left:-2rem}.-mt-9{margin-top:-2.25rem}.-mr-9{margin-right:-2.25rem}.-mb-9{margin-bottom:-2.25rem}.-ml-9{margin-left:-2.25rem}.-mt-10{margin-top:-2.5rem}.-mr-10{margin-right:-2.5rem}.-mb-10{margin-bottom:-2.5rem}.-ml-10{margin-left:-2.5rem}.-mt-11{margin-top:-2.75rem}.-mr-11{margin-right:-2.75rem}.-mb-11{margin-bottom:-2.75rem}.-ml-11{margin-left:-2.75rem}.-mt-12{margin-top:-3rem}.-mr-12{margin-right:-3rem}.-mb-12{margin-bottom:-3rem}.-ml-12{margin-left:-3rem}.-mt-14{margin-top:-3.5rem}.-mr-14{margin-right:-3.5rem}.-mb-14{margin-bottom:-3.5rem}.-ml-14{margin-left:-3.5rem}.-mt-16{margin-top:-4rem}.-mr-16{margin-right:-4rem}.-mb-16{margin-bottom:-4rem}.-ml-16{margin-left:-4rem}.-mt-20{margin-top:-5rem}.-mr-20{margin-right:-5rem}.-mb-20{margin-bottom:-5rem}.-ml-20{margin-left:-5rem}.-mt-24{margin-top:-6rem}.-mr-24{margin-right:-6rem}.-mb-24{margin-bottom:-6rem}.-ml-24{margin-left:-6rem}.-mt-28{margin-top:-7rem}.-mr-28{margin-right:-7rem}.-mb-28{margin-bottom:-7rem}.-ml-28{margin-left:-7rem}.-mt-32{margin-top:-8rem}.-mr-32{margin-right:-8rem}.-mb-32{margin-bottom:-8rem}.-ml-32{margin-left:-8rem}.-mt-36{margin-top:-9rem}.-mr-36{margin-right:-9rem}.-mb-36{margin-bottom:-9rem}.-ml-36{margin-left:-9rem}.-mt-40{margin-top:-10rem}.-mr-40{margin-right:-10rem}.-mb-40{margin-bottom:-10rem}.-ml-40{margin-left:-10rem}.-mt-44{margin-top:-11rem}.-mr-44{margin-right:-11rem}.-mb-44{margin-bottom:-11rem}.-ml-44{margin-left:-11rem}.-mt-48{margin-top:-12rem}.-mr-48{margin-right:-12rem}.-mb-48{margin-bottom:-12rem}.-ml-48{margin-left:-12rem}.-mt-52{margin-top:-13rem}.-mr-52{margin-right:-13rem}.-mb-52{margin-bottom:-13rem}.-ml-52{margin-left:-13rem}.-mt-56{margin-top:-14rem}.-mr-56{margin-right:-14rem}.-mb-56{margin-bottom:-14rem}.-ml-56{margin-left:-14rem}.-mt-60{margin-top:-15rem}.-mr-60{margin-right:-15rem}.-mb-60{margin-bottom:-15rem}.-ml-60{margin-left:-15rem}.-mt-64{margin-top:-16rem}.-mr-64{margin-right:-16rem}.-mb-64{margin-bottom:-16rem}.-ml-64{margin-left:-16rem}.-mt-72{margin-top:-18rem}.-mr-72{margin-right:-18rem}.-mb-72{margin-bottom:-18rem}.-ml-72{margin-left:-18rem}.-mt-80{margin-top:-20rem}.-mr-80{margin-right:-20rem}.-mb-80{margin-bottom:-20rem}.-ml-80{margin-left:-20rem}.-mt-96{margin-top:-24rem}.-mr-96{margin-right:-24rem}.-mb-96{margin-bottom:-24rem}.-ml-96{margin-left:-24rem}.-mt-px{margin-top:-1px}.-mr-px{margin-right:-1px}.-mb-px{margin-bottom:-1px}.-ml-px{margin-left:-1px}.-mt-0\.5{margin-top:-.125rem}.-mr-0\.5{margin-right:-.125rem}.-mb-0\.5{margin-bottom:-.125rem}.-ml-0\.5{margin-left:-.125rem}.-mt-1\.5{margin-top:-.375rem}.-mr-1\.5{margin-right:-.375rem}.-mb-1\.5{margin-bottom:-.375rem}.-ml-1\.5{margin-left:-.375rem}.-mt-2\.5{margin-top:-.625rem}.-mr-2\.5{margin-right:-.625rem}.-mb-2\.5{margin-bottom:-.625rem}.-ml-2\.5{margin-left:-.625rem}.-mt-3\.5{margin-top:-.875rem}.-mr-3\.5{margin-right:-.875rem}.-mb-3\.5{margin-bottom:-.875rem}.-ml-3\.5{margin-left:-.875rem}.max-w-0{max-width:0}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-min{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.max-w-max{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.max-w-prose{max-width:65ch}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.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}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-10{padding:2.5rem}.p-11{padding:2.75rem}.p-12{padding:3rem}.p-14{padding:3.5rem}.p-16{padding:4rem}.p-20{padding:5rem}.p-24{padding:6rem}.p-28{padding:7rem}.p-32{padding:8rem}.p-36{padding:9rem}.p-40{padding:10rem}.p-44{padding:11rem}.p-48{padding:12rem}.p-52{padding:13rem}.p-56{padding:14rem}.p-60{padding:15rem}.p-64{padding:16rem}.p-72{padding:18rem}.p-80{padding:20rem}.p-96{padding:24rem}.p-px{padding:1px}.p-0\.5{padding:.125rem}.p-1\.5{padding:.375rem}.p-2\.5{padding:.625rem}.p-3\.5{padding:.875rem}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-11{padding-top:2.75rem;padding-bottom:2.75rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-12{padding-left:3rem;padding-right:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-16{padding-left:4rem;padding-right:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.px-20{padding-left:5rem;padding-right:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.px-24{padding-left:6rem;padding-right:6rem}.py-28{padding-top:7rem;padding-bottom:7rem}.px-28{padding-left:7rem;padding-right:7rem}.py-32{padding-top:8rem;padding-bottom:8rem}.px-32{padding-left:8rem;padding-right:8rem}.py-36{padding-top:9rem;padding-bottom:9rem}.px-36{padding-left:9rem;padding-right:9rem}.py-40{padding-top:10rem;padding-bottom:10rem}.px-40{padding-left:10rem;padding-right:10rem}.py-44{padding-top:11rem;padding-bottom:11rem}.px-44{padding-left:11rem;padding-right:11rem}.py-48{padding-top:12rem;padding-bottom:12rem}.px-48{padding-left:12rem;padding-right:12rem}.py-52{padding-top:13rem;padding-bottom:13rem}.px-52{padding-left:13rem;padding-right:13rem}.py-56{padding-top:14rem;padding-bottom:14rem}.px-56{padding-left:14rem;padding-right:14rem}.py-60{padding-top:15rem;padding-bottom:15rem}.px-60{padding-left:15rem;padding-right:15rem}.py-64{padding-top:16rem;padding-bottom:16rem}.px-64{padding-left:16rem;padding-right:16rem}.py-72{padding-top:18rem;padding-bottom:18rem}.px-72{padding-left:18rem;padding-right:18rem}.py-80{padding-top:20rem;padding-bottom:20rem}.px-80{padding-left:20rem;padding-right:20rem}.py-96{padding-top:24rem;padding-bottom:24rem}.px-96{padding-left:24rem;padding-right:24rem}.py-px{padding-top:1px;padding-bottom:1px}.px-px{padding-left:1px;padding-right:1px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pt-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pt-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pt-7{padding-top:1.75rem}.pr-7{padding-right:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.pt-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pt-9{padding-top:2.25rem}.pr-9{padding-right:2.25rem}.pb-9{padding-bottom:2.25rem}.pl-9{padding-left:2.25rem}.pt-10{padding-top:2.5rem}.pr-10{padding-right:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.pt-11{padding-top:2.75rem}.pr-11{padding-right:2.75rem}.pb-11{padding-bottom:2.75rem}.pl-11{padding-left:2.75rem}.pt-12{padding-top:3rem}.pr-12{padding-right:3rem}.pb-12{padding-bottom:3rem}.pl-12{padding-left:3rem}.pt-14{padding-top:3.5rem}.pr-14{padding-right:3.5rem}.pb-14{padding-bottom:3.5rem}.pl-14{padding-left:3.5rem}.pt-16{padding-top:4rem}.pr-16{padding-right:4rem}.pb-16{padding-bottom:4rem}.pl-16{padding-left:4rem}.pt-20{padding-top:5rem}.pr-20{padding-right:5rem}.pb-20{padding-bottom:5rem}.pl-20{padding-left:5rem}.pt-24{padding-top:6rem}.pr-24{padding-right:6rem}.pb-24{padding-bottom:6rem}.pl-24{padding-left:6rem}.pt-28{padding-top:7rem}.pr-28{padding-right:7rem}.pb-28{padding-bottom:7rem}.pl-28{padding-left:7rem}.pt-32{padding-top:8rem}.pr-32{padding-right:8rem}.pb-32{padding-bottom:8rem}.pl-32{padding-left:8rem}.pt-36{padding-top:9rem}.pr-36{padding-right:9rem}.pb-36{padding-bottom:9rem}.pl-36{padding-left:9rem}.pt-40{padding-top:10rem}.pr-40{padding-right:10rem}.pb-40{padding-bottom:10rem}.pl-40{padding-left:10rem}.pt-44{padding-top:11rem}.pr-44{padding-right:11rem}.pb-44{padding-bottom:11rem}.pl-44{padding-left:11rem}.pt-48{padding-top:12rem}.pr-48{padding-right:12rem}.pb-48{padding-bottom:12rem}.pl-48{padding-left:12rem}.pt-52{padding-top:13rem}.pr-52{padding-right:13rem}.pb-52{padding-bottom:13rem}.pl-52{padding-left:13rem}.pt-56{padding-top:14rem}.pr-56{padding-right:14rem}.pb-56{padding-bottom:14rem}.pl-56{padding-left:14rem}.pt-60{padding-top:15rem}.pr-60{padding-right:15rem}.pb-60{padding-bottom:15rem}.pl-60{padding-left:15rem}.pt-64{padding-top:16rem}.pr-64{padding-right:16rem}.pb-64{padding-bottom:16rem}.pl-64{padding-left:16rem}.pt-72{padding-top:18rem}.pr-72{padding-right:18rem}.pb-72{padding-bottom:18rem}.pl-72{padding-left:18rem}.pt-80{padding-top:20rem}.pr-80{padding-right:20rem}.pb-80{padding-bottom:20rem}.pl-80{padding-left:20rem}.pt-96{padding-top:24rem}.pr-96{padding-right:24rem}.pb-96{padding-bottom:24rem}.pl-96{padding-left:24rem}.pt-px{padding-top:1px}.pr-px{padding-right:1px}.pb-px{padding-bottom:1px}.pl-px{padding-left:1px}.pt-0\.5{padding-top:.125rem}.pr-0\.5{padding-right:.125rem}.pb-0\.5{padding-bottom:.125rem}.pl-0\.5{padding-left:.125rem}.pt-1\.5{padding-top:.375rem}.pr-1\.5{padding-right:.375rem}.pb-1\.5{padding-bottom:.375rem}.pl-1\.5{padding-left:.375rem}.pt-2\.5{padding-top:.625rem}.pr-2\.5{padding-right:.625rem}.pb-2\.5{padding-bottom:.625rem}.pl-2\.5{padding-left:.625rem}.pt-3\.5{padding-top:.875rem}.pr-3\.5{padding-right:.875rem}.pb-3\.5{padding-bottom:.875rem}.pl-3\.5{padding-left:.875rem}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.text-transparent{color:transparent}.text-current{color:currentColor}.text-black{color:#000}.text-white{color:#fff}.text-gray-50{color:#f9fafb}.text-gray-100{color:#f3f4f6}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-red-50{color:#fef2f2}.text-red-100{color:#fee2e2}.text-red-200{color:#fecaca}.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-red-900{color:#7f1d1d}.text-yellow-50{color:#fffbeb}.text-yellow-100{color:#fef3c7}.text-yellow-200{color:#fde68a}.text-yellow-300{color:#fcd34d}.text-yellow-400{color:#fbbf24}.text-yellow-500{color:#f59e0b}.text-yellow-600{color:#d97706}.text-yellow-700{color:#b45309}.text-yellow-800{color:#92400e}.text-yellow-900{color:#78350f}.text-green-50{color:#ecfdf5}.text-green-100{color:#d1fae5}.text-green-200{color:#a7f3d0}.text-green-300{color:#6ee7b7}.text-green-400{color:#34d399}.text-green-500{color:#10b981}.text-green-600{color:#059669}.text-green-700{color:#047857}.text-green-800{color:#065f46}.text-green-900{color:#064e3b}.text-blue-50{color:#eff6ff}.text-blue-100{color:#dbeafe}.text-blue-200{color:#bfdbfe}.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-indigo-50{color:#eef2ff}.text-indigo-100{color:#e0e7ff}.text-indigo-200{color:#c7d2fe}.text-indigo-300{color:#a5b4fc}.text-indigo-400{color:#818cf8}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}.text-indigo-900{color:#312e81}.text-purple-50{color:#f5f3ff}.text-purple-100{color:#ede9fe}.text-purple-200{color:#ddd6fe}.text-purple-300{color:#c4b5fd}.text-purple-400{color:#a78bfa}.text-purple-500{color:#8b5cf6}.text-purple-600{color:#7c3aed}.text-purple-700{color:#6d28d9}.text-purple-800{color:#5b21b6}.text-purple-900{color:#4c1d95}.text-pink-50{color:#fdf2f8}.text-pink-100{color:#fce7f3}.text-pink-200{color:#fbcfe8}.text-pink-300{color:#f9a8d4}.text-pink-400{color:#f472b6}.text-pink-500{color:#ec4899}.text-pink-600{color:#db2777}.text-pink-700{color:#be185d}.text-pink-800{color:#9d174d}.text-pink-900{color:#831843}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.w-0{width:0}.w-1{width:.25rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-52{width:13rem}.w-56{width:14rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-auto{width:auto}.w-px{width:1px}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:-webkit-min-content;width:-moz-min-content;width:min-content}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.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}.-m-container-padding{margin:calc(var(--container-padding)/ -1)}.-ml-container-padding{margin-left:calc(var(--container-padding)/ -1)}.-mr-container-padding{margin-right:calc(var(--container-padding)/ -1)}.-mt-container-padding{margin-top:calc(var(--container-padding)/ -1)}.-mb-container-padding{margin-bottom:calc(var(--container-padding)/ -1)}.-mx-container-padding{margin-left:calc(var(--container-padding)/ -1);margin-right:calc(var(--container-padding)/ -1)}.-my-container-padding{margin-top:calc(var(--container-padding)/ -1);margin-bottom:calc(var(--container-padding)/ -1)}.-ml-container-margin{margin-left:calc((var(--screen-width) - var(--current-screen))/ -2)}.-mr-container-margin{margin-right:calc((var(--screen-width) - var(--current-screen))/ -2)}.-mx-container-margin{margin-left:calc((var(--screen-width) - var(--current-screen))/ -2);margin-right:calc((var(--screen-width) - var(--current-screen))/ -2)}.-ml-container{margin-left:calc((var(--screen-width) - var(--current-screen))/ -2 - var(--container-padding))}.-mr-container{margin-right:calc((var(--screen-width) - var(--current-screen))/ -2 - var(--container-padding))}.-mx-container{margin-left:calc((var(--screen-width) - var(--current-screen))/ -2 - var(--container-padding));margin-right:calc((var(--screen-width) - var(--current-screen))/ -2 - var(--container-padding))}.p-container-padding{padding:var(--container-padding)}.pl-container-padding{padding-left:var(--container-padding)}.pr-container-padding{padding-right:var(--container-padding)}.pt-container-padding{padding-top:var(--container-padding)}.pb-container-padding{padding-bottom:var(--container-padding)}.px-container-padding{padding-left:var(--container-padding);padding-right:var(--container-padding)}.py-container-padding{padding-top:var(--container-padding);padding-bottom:var(--container-padding)}.pl-container-margin{padding-left:calc((var(--screen-width) - var(--current-screen))/ 2)}.pr-container-margin{padding-right:calc((var(--screen-width) - var(--current-screen))/ 2)}.px-container-margin{padding-left:calc((var(--screen-width) - var(--current-screen))/ 2);padding-right:calc((var(--screen-width) - var(--current-screen))/ 2)}.pl-container{padding-left:calc((var(--screen-width) - var(--current-screen))/ 2 + var(--container-padding))}.pr-container{padding-right:calc((var(--screen-width) - var(--current-screen))/ 2 + var(--container-padding))}.px-container{padding-left:calc((var(--screen-width) - var(--current-screen))/ 2 + var(--container-padding));padding-right:calc((var(--screen-width) - var(--current-screen))/ 2 + var(--container-padding))}.b-container-padding{margin:calc(var(--container-padding)/ -1);padding:var(--container-padding)}.bl-container-padding{margin-left:calc(var(--container-padding)/ -1);padding-left:var(--container-padding)}.br-container-padding{margin-right:calc(var(--container-padding)/ -1);padding-right:var(--container-padding)}.bt-container-padding{margin-top:calc(var(--container-padding)/ -1);padding-top:var(--container-padding)}.bb-container-padding{margin-bottom:calc(var(--container-padding)/ -1);padding-bottom:var(--container-padding)}.bx-container-padding{margin-left:calc(var(--container-padding)/ -1);padding-left:var(--container-padding);margin-right:calc(var(--container-padding)/ -1);padding-right:var(--container-padding)}.by-container-padding{margin-top:calc(var(--container-padding)/ -1);padding-top:var(--container-padding);margin-bottom:calc(var(--container-padding)/ -1);padding-bottom:var(--container-padding)}.bl-container-margin{margin-left:calc((var(--screen-width) - var(--current-screen))/ -2);padding-left:calc((var(--screen-width) - var(--current-screen))/ 2)}.br-container-margin{margin-right:calc((var(--screen-width) - var(--current-screen))/ -2);padding-right:calc((var(--screen-width) - var(--current-screen))/ 2)}.bx-container-margin{margin-left:calc((var(--screen-width) - var(--current-screen))/ -2);padding-left:calc((var(--screen-width) - var(--current-screen))/ 2);margin-right:calc((var(--screen-width) - var(--current-screen))/ -2);padding-right:calc((var(--screen-width) - var(--current-screen))/ 2)}.bl-container{margin-left:calc((var(--screen-width) - var(--current-screen))/ -2 - var(--container-padding));padding-left:calc((var(--screen-width) - var(--current-screen))/ 2 + var(--container-padding))}.br-container{margin-right:calc((var(--screen-width) - var(--current-screen))/ -2 - var(--container-padding));padding-right:calc((var(--screen-width) - var(--current-screen))/ 2 + var(--container-padding))}.bx-container{margin-left:calc((var(--screen-width) - var(--current-screen))/ -2 - var(--container-padding));padding-left:calc((var(--screen-width) - var(--current-screen))/ 2 + var(--container-padding));margin-right:calc((var(--screen-width) - var(--current-screen))/ -2 - var(--container-padding));padding-right:calc((var(--screen-width) - var(--current-screen))/ 2 + var(--container-padding))}


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "tailwindcss-container-bleed",
 3 |   "version": "0.1.3",
 4 |   "main": "dist/index.js",
 5 |   "description": "Tailwind CSS plugin to generate container bleed utilities",
 6 |   "author": "Bust Out",
 7 |   "contributors": [
 8 |     "Eric Grossnickle"
 9 |   ],
10 |   "license": "MIT",
11 |   "repository": "https://github.com/bustoutsolutions/tailwindcss-container-bleed",
12 |   "publishConfig": {
13 |     "access": "public"
14 |   },
15 |   "keywords": [
16 |     "tailwind",
17 |     "tailwindcss",
18 |     "plugin",
19 |     "tailwindcss-plugin"
20 |   ],
21 |   "scripts": {
22 |     "build": "babel src --out-dir dist --presets=@babel/env",
23 |     "build:docs": "npm run build && node scripts/build-docs.js",
24 |     "prepare": "npm run build"
25 |   },
26 |   "peerDependencies": {
27 |     "tailwindcss": ">=1.3.0"
28 |   },
29 |   "devDependencies": {
30 |     "@babel/cli": "^7.13.0",
31 |     "@babel/core": "^7.13.8",
32 |     "@babel/preset-env": "^7.13.9",
33 |     "autoprefixer": "^10.0.2",
34 |     "clean-css": "^4.2.1",
35 |     "postcss": "^8.1.7",
36 |     "tailwindcss": "^2.0.3"
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/scripts/build-docs.js:
--------------------------------------------------------------------------------
 1 | const fs = require('fs')
 2 | const postcss = require('postcss')
 3 | const tailwind = require('tailwindcss')
 4 | const CleanCSS = require('clean-css')
 5 | 
 6 | function buildDocsFile(filename) {
 7 |   return postcss([
 8 |     tailwind({
 9 |       theme: {
10 |         container: {
11 |           center: true,
12 |           padding: {
13 |             DEFAULT: '1rem',
14 |             md: '2rem',
15 |             lg: '4rem'
16 |           }
17 |         },
18 |         extend: {
19 |           screens: {
20 |             'xl': false,
21 |             '2xl': false
22 |           }
23 |         }
24 |       },
25 |       corePlugins: [
26 |         'preflight',
27 |         'container',
28 |         'alignItems',
29 |         'backgroundColor',
30 |         'borderRadius',
31 |         'display',
32 |         'flex',
33 |         'fontFamily',
34 |         'fontSize',
35 |         'fontWeight',
36 |         'height',
37 |         'inset',
38 |         'margin',
39 |         'maxWidth',
40 |         'objectFit',
41 |         'padding',
42 |         'position',
43 |         'textColor',
44 |         'textAlign',
45 |         'width',
46 |         'zIndex'
47 |       ],
48 |       plugins: [require('../dist/index.js')],
49 |       variants: []
50 |     }),
51 |     require('autoprefixer'),
52 |   ])
53 |     .process('@tailwind base; @tailwind components; @tailwind utilities;', {
54 |       from: null,
55 |       to: `./docs/${filename}.css`,
56 |       map: false,
57 |     })
58 |     .then((result) => {
59 |       fs.writeFileSync(`./docs/${filename}.css`, result.css)
60 |       return result
61 |     })
62 |     .then((result) => {
63 |       const minified = new CleanCSS().minify(result.css)
64 |       fs.writeFileSync(`./docs/${filename}.min.css`, minified.styles)
65 |     })
66 |     .catch((error) => {
67 |       console.log(error)
68 |     })
69 | }
70 | 
71 | console.info('Building docs CSS...')
72 | 
73 | Promise.all([buildDocsFile('tailwind')]).then(() => {
74 |   console.log('Finished building docs CSS.')
75 | })
76 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
  1 | const plugin = require('tailwindcss/plugin')
  2 | 
  3 | module.exports = plugin.withOptions(function(options = {}) {
  4 |   return function({ theme, addBase, addUtilities }) {
  5 |     const
  6 |       screens = theme('container.screens', theme('screens')),
  7 |       padding = theme('container.padding', {}),
  8 |       rootSelector = options.rootSelector ?? ':root',
  9 |       screenWidthVar = options.screenWidthVar ?? '--screen-width',
 10 |       screenWidthDefault = options.screenWidthDefault ?? theme('width.screen'),
 11 |       currentScreenVar = options.currentScreenVar ?? '--current-screen',
 12 |       currentScreenDefault = options.currentScreenDefault ?? screenWidthDefault,
 13 |       paddingVar = options.paddingVar ?? '--container-padding',
 14 |       paddingDefault = typeof theme('container.padding') === 'string'
 15 |         ? theme('container.padding')
 16 |         : theme('container.padding.DEFAULT', theme('container.padding.default'))
 17 |     
 18 |     
 19 |     /* Base */
 20 | 
 21 |     const base = {
 22 |       [rootSelector]: Object.assign(
 23 |         { [screenWidthVar]: screenWidthDefault },
 24 |         { [currentScreenVar]: currentScreenDefault },
 25 |         paddingDefault ? { [paddingVar]: paddingDefault } : {},
 26 |         ...Object.entries(screens).map(([screenKey, screenValue]) => ({
 27 |           [`@screen ${screenKey}`]: Object.assign(
 28 |             { [currentScreenVar]: screenValue },
 29 |             Object.keys(padding).includes(screenKey) ? { [paddingVar]: padding[screenKey] } : {}
 30 |           )
 31 |         }))
 32 |       )
 33 |     }
 34 |     addBase(base)
 35 | 
 36 | 
 37 |     /* Margin */
 38 |     
 39 |     const
 40 |       mContainerPadding = `calc(var(${paddingVar}) / -1)`,
 41 |       mContainerMargin = `calc((var(${screenWidthVar}) - var(${currentScreenVar})) / -2)`,
 42 |       mContainer = `calc((var(${screenWidthVar}) - var(${currentScreenVar})) / -2 - var(${paddingVar}))`
 43 |     
 44 |     const m = {
 45 |       '.-m-container-padding': { margin: mContainerPadding },
 46 |       '.-ml-container-padding': { marginLeft: mContainerPadding },
 47 |       '.-mr-container-padding': { marginRight: mContainerPadding },
 48 |       '.-mt-container-padding': { marginTop: mContainerPadding },
 49 |       '.-mb-container-padding': { marginBottom: mContainerPadding },
 50 |       '.-mx-container-padding': { marginLeft: mContainerPadding, marginRight: mContainerPadding },
 51 |       '.-my-container-padding': { marginTop: mContainerPadding, marginBottom: mContainerPadding },
 52 | 
 53 |       '.-ml-container-margin': { marginLeft: mContainerMargin },
 54 |       '.-mr-container-margin': { marginRight: mContainerMargin },
 55 |       '.-mx-container-margin': { marginLeft: mContainerMargin, marginRight: mContainerMargin },
 56 | 
 57 |       '.-ml-container': { marginLeft: mContainer },
 58 |       '.-mr-container': { marginRight: mContainer },
 59 |       '.-mx-container': { marginLeft: mContainer, marginRight: mContainer }
 60 |     }
 61 |     addUtilities(m)
 62 | 
 63 | 
 64 |     /* Padding */
 65 |     
 66 |     const
 67 |       pContainerPadding = `var(${paddingVar})`,
 68 |       pContainerMargin = `calc((var(${screenWidthVar}) - var(${currentScreenVar})) / 2)`,
 69 |       pContainer = `calc((var(${screenWidthVar}) - var(${currentScreenVar})) / 2 + var(${paddingVar}))`
 70 |     
 71 |     const p = {
 72 |       '.p-container-padding': { padding: pContainerPadding },
 73 |       '.pl-container-padding': { paddingLeft: pContainerPadding },
 74 |       '.pr-container-padding': { paddingRight: pContainerPadding },
 75 |       '.pt-container-padding': { paddingTop: pContainerPadding },
 76 |       '.pb-container-padding': { paddingBottom: pContainerPadding },
 77 |       '.px-container-padding': { paddingLeft: pContainerPadding, paddingRight: pContainerPadding },
 78 |       '.py-container-padding': { paddingTop: pContainerPadding, paddingBottom: pContainerPadding },
 79 |       
 80 |       '.pl-container-margin': { paddingLeft: pContainerMargin },
 81 |       '.pr-container-margin': { paddingRight: pContainerMargin },
 82 |       '.px-container-margin': { paddingLeft: pContainerMargin, paddingRight: pContainerMargin },
 83 |       
 84 |       '.pl-container': { paddingLeft: pContainer },
 85 |       '.pr-container': { paddingRight: pContainer },
 86 |       '.px-container': { paddingLeft: pContainer, paddingRight: pContainer }
 87 |     }
 88 |     addUtilities(p)
 89 | 
 90 | 
 91 |     /* Bleed */
 92 |     
 93 |     const b = {
 94 |       '.b-container-padding': { margin: mContainerPadding, padding: pContainerPadding },
 95 |       '.bl-container-padding': { marginLeft: mContainerPadding, paddingLeft: pContainerPadding },
 96 |       '.br-container-padding': { marginRight: mContainerPadding, paddingRight: pContainerPadding },
 97 |       '.bt-container-padding': { marginTop: mContainerPadding, paddingTop: pContainerPadding },
 98 |       '.bb-container-padding': { marginBottom: mContainerPadding, paddingBottom: pContainerPadding },
 99 |       '.bx-container-padding': { marginLeft: mContainerPadding, paddingLeft: pContainerPadding, marginRight: mContainerPadding, paddingRight: pContainerPadding },
100 |       '.by-container-padding': { marginTop: mContainerPadding, paddingTop: pContainerPadding, marginBottom: mContainerPadding, paddingBottom: pContainerPadding },
101 |       
102 |       '.bl-container-margin': { marginLeft: mContainerMargin, paddingLeft: pContainerMargin },
103 |       '.br-container-margin': { marginRight: mContainerMargin, paddingRight: pContainerMargin },
104 |       '.bx-container-margin': { marginLeft: mContainerMargin, paddingLeft: pContainerMargin, marginRight: mContainerMargin, paddingRight: pContainerMargin },
105 |       
106 |       '.bl-container': { marginLeft: mContainer, paddingLeft: pContainer },
107 |       '.br-container': { marginRight: mContainer, paddingRight: pContainer },
108 |       '.bx-container': { marginLeft: mContainer, paddingLeft: pContainer, marginRight: mContainer, paddingRight: pContainer }
109 |     }
110 |     addUtilities(b)
111 |   }
112 | })
113 | 


--------------------------------------------------------------------------------