diff --git a/README.md b/README.md index 05c12d9..a7d28d3 100644 --- a/README.md +++ b/README.md @@ -28,6 +28,15 @@ yarn add @tiny-components/datepicker ## Using +``` +const dispatcher = observable() + +riot.register('tiny-datepicker', Datepicker) +riot.mount('tiny-datepicker', { + 'dispatcher': dispatcher +}) +``` + ``` ``` @@ -49,9 +58,7 @@ For setting date on start, If Date will "change", ``` -import store from './store.js' - -store.on('change', (data) => { +dispatcher.on('change', (data) => { console.log(data.date.format('YYYY-MM-DD')) }) @@ -60,9 +67,7 @@ store.on('change', (data) => { Send Datepicker a new Date, ``` -import store from './store.js' - -store.trigger('update', { +dispatcher.trigger('update', { date: '2012-10-20' }) diff --git a/bun.lockb b/bun.lockb new file mode 100755 index 0000000..3d7d73c Binary files /dev/null and b/bun.lockb differ diff --git a/example/assets-manifest.json b/example/assets-manifest.json new file mode 100644 index 0000000..b1e98e5 --- /dev/null +++ b/example/assets-manifest.json @@ -0,0 +1,6 @@ +{ + "/example/js/spritemap.js": "/example/js/spritemap.js?version=f464bb8bff227fdb32109459b97ac778", + "/example/symbol-defs.svg": "/example/symbol-defs.svg?version=a8d884258d50d4545fa128d8c1164151", + "/example/js/example.js": "/example/js/example.js?version=cc8851cc28fbd291bb48f30f0021d2a6", + "/example/css/styles.css": "/example/css/styles.css?version=265d430becfad1bc25c71c1ac373d0b1" +} \ No newline at end of file diff --git a/example/IBMPlexMono-Bold.eot b/example/css/IBMPlexMono-Bold.eot similarity index 100% rename from example/IBMPlexMono-Bold.eot rename to example/css/IBMPlexMono-Bold.eot diff --git a/example/IBMPlexMono-Bold.ttf b/example/css/IBMPlexMono-Bold.ttf similarity index 100% rename from example/IBMPlexMono-Bold.ttf rename to example/css/IBMPlexMono-Bold.ttf diff --git a/example/IBMPlexMono-Bold.woff b/example/css/IBMPlexMono-Bold.woff similarity index 100% rename from example/IBMPlexMono-Bold.woff rename to example/css/IBMPlexMono-Bold.woff diff --git a/example/IBMPlexMono-Bold.woff2 b/example/css/IBMPlexMono-Bold.woff2 similarity index 100% rename from example/IBMPlexMono-Bold.woff2 rename to example/css/IBMPlexMono-Bold.woff2 diff --git a/example/IBMPlexMono.eot b/example/css/IBMPlexMono.eot similarity index 100% rename from example/IBMPlexMono.eot rename to example/css/IBMPlexMono.eot diff --git a/example/IBMPlexMono.ttf b/example/css/IBMPlexMono.ttf similarity index 100% rename from example/IBMPlexMono.ttf rename to example/css/IBMPlexMono.ttf diff --git a/example/IBMPlexMono.woff b/example/css/IBMPlexMono.woff similarity index 100% rename from example/IBMPlexMono.woff rename to example/css/IBMPlexMono.woff diff --git a/example/IBMPlexMono.woff2 b/example/css/IBMPlexMono.woff2 similarity index 100% rename from example/IBMPlexMono.woff2 rename to example/css/IBMPlexMono.woff2 diff --git a/example/css/styles.css b/example/css/styles.css new file mode 100644 index 0000000..d4bf24f --- /dev/null +++ b/example/css/styles.css @@ -0,0 +1,2357 @@ +/*!***************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/example.scss ***! + \***************************************************************************************************************************************/ +@charset "UTF-8"; +@font-face { + font-family: "IBM Plex Mono"; + src: url("IBMPlexMono.eot"); + src: url("IBMPlexMono.eot?#iefix") format("embedded-opentype"), url("IBMPlexMono.woff2") format("woff2"), url("IBMPlexMono.woff") format("woff"), url("IBMPlexMono.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "IBM Plex Mono"; + src: url("IBMPlexMono-Bold.eot"); + src: url("IBMPlexMono-Bold.eot?#iefix") format("embedded-opentype"), url("IBMPlexMono-Bold.woff2") format("woff2"), url("IBMPlexMono-Bold.woff") format("woff"), url("IBMPlexMono-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; + font-display: swap; +} +/** + * functions + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * strip unit from value + * + * @param {mixed} $value + * @return {number} + * + */ +/** + * + * + * https://css-tricks.com/snippets/sass/str-replace-function/ + * + */ +/** + * get value of key "default" in map + * + * @param {map} $value + * @return {boolean|unit} + * + */ +/** + * factor + * + * + * + * @param {integer} $x + * @return {float} + * + */ +/** + * mixins + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * Clear Floats + * + * + * + */ +/** + * clear styles from list + * + * + */ +/** + * media-queries as mixins + * based on breakpoints from variables + * + * + * + */ +/** + * Set property and his value for each Breakpoint + * + * ( + * $md: 10px + * ) + * + * + * @param {css} $property + * @param {map} $breakpoints + * @param {Boolean} $important [false] + * + */ +/** + * Set property and his value with an factor for each Breakpoint + * + * ( + * $md: 10px + * ) + * + * @param {css} $property + * @param {number} $factor + * @param {map} $breakpoints + * @param {Boolean} $important [false] + * + */ +/** + * Set font-size from Breakpoints, use for calculating difference from font-size and default font-size + * + * ( + * $md: 1rem + * ) + * + * @param {map} $breakpoints + * @param {unit} $font-size + * @param {unit} $default + * @param {Boolean} $important [false] + * + */ +/** + * adding overlay with z-index and color + * + * @param {z-index} + * @param {color} + * + */ +/** + * variables + * + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * grid + * + */ +:root { + --grid-columns: 12; + --grid-grid-spacing: 15px; + --grid-xs: 576px; + --grid-sm: 768px; + --grid-md: 992px; + --grid-lg: 1200px; + --grid-xlg: 1600px; + --grid-xxs-max: 575px; + --grid-xs-max: 767px; + --grid-sm-max: 991px; + --grid-md-max: 1199px; + --grid-lg-max: 1599px; +} + +/** + * fonts + * + */ +/** + * colors + * + * + */ +/** + * margin + * + */ +/** + * padding + * + */ +/** + * border + * + */ +/** + * normalize + * + * Thanks to https://necolas.github.io/normalize.css/, use a lot from them + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +:root { + --body: #f9f9f9; + --text: #363636; + --text-contrast: #ffffff; + --primary: #3e3e3e; + --primary-contrast: #3e3e3e; + --active: #717171; + --active-contrast: #ffffff; + --link: #363636; + --link-hover: #d95959; + --danger: #d95959; + --danger-contrast: #ecacac; + --info: #0090d4; + --info-constrast: rgb(59, 192.1320754717, 255); + --success: #64ac64; + --success-contrast: rgb(166.4285714286, 207.5714285714, 166.4285714286); + --warning: #f0ad4e; + --warning-contrast: rgb(247.96875, 216.5625, 172.03125); + --background: #3e3e3e; + --background-contrast: #ffffff; + --background-alpha: rgba(0, 0, 0, 0.7); + --border: #3e3e3e; + --border-contrast: #ffffff; + --font-family: IBM Plex Mono, sans-serif; +} + +html { + font-size: 100%; + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body, +html { + margin: 0; + height: 100%; +} + +html, +legend { + box-sizing: border-box; +} + +body { + font-family: var(--font-family); + color: var(--text); + background-color: var(--body); + direction: ltr; + font-size: 0.9rem; +} +@media only screen and (min-width: 992px) { + body { + font-size: 1rem; + } +} +body { + line-height: 1.618; +} + +a { + color: var(--link); + transition: color 0.5s; + text-decoration: none; +} +a:hover { + color: var(--link-hover); +} +a:focus { + outline: none; +} + +main { + display: block; +} + +*, +*::after, +*::before { + box-sizing: inherit; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +figure { + margin: 0; +} + +figcaption { + margin: 0; +} + +p { + margin: 0; +} + +/** + * form elements + * + * + */ +button, +input, +optgroup, +select, +textarea { + margin: 0; +} + +fieldset { + margin: 0 0 1rem; +} + +button, +select { + text-transform: none; +} + +[type=button], +[type=reset], +[type=submit], +button { + -webkit-appearance: button; +} + +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0; +} + +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText; +} + +legend { + box-sizing: border-box; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +/** + * hr + * + */ +hr { + box-sizing: content-box; + height: 0; + overflow: visible; + border: 0; + border-top: 1px solid var(--border); + margin: 0 0 1rem; +} + +progress { + vertical-align: baseline; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +code, +kbd, +pre, +samp { + font-family: var(--font-family); + font-size: 0.9rem; +} + +/** + * Content + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.content p { + margin: 0 0 1rem; +} +@media only screen and (min-width: 992px) { + .content p { + margin: 0 0 1.2rem; + } +} +.content a, +.content ins, +.content u { + text-decoration-skip: ink edges; +} +.content a { + text-decoration: underline; +} +.content b, +.content strong { + font-weight: bolder; +} +.content small { + font-size: 80%; +} +.content { + /** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +} +.content sub, +.content sup { + font-size: 70%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +.content sub { + bottom: -0.25em; +} +.content sup { + top: -0.5em; +} +.content abbr[title] { + border-bottom: 1px dotted; + cursor: help; + text-decoration: none; +} +.content mark { + padding: 0.25rem; + background-color: var(--warning); +} +.content { + /** + * blockquote + * + * + */ +} +.content blockquote { + border-left: 1px solid var(--border); + margin-left: 0; + padding: 0.6rem 0.8rem; +} +.content blockquote p:last-child { + margin-bottom: 0; +} +.content { + /** + * lists + * + */ +} +.content dl, +.content ol, +.content ul { + padding: 0; + margin: 0 0 1rem; +} +@media only screen and (min-width: 992px) { + .content dl, + .content ol, + .content ul { + margin: 0 0 1.2rem; + } +} +.content ul { + margin-left: 1.5rem; +} +.content ol { + margin-left: 2.5rem; +} +.content ol ol, +.content ul ul { + margin-top: 0; + margin-left: 1.5rem; +} +.content ol { + list-style: decimal outside; +} +.content ul { + list-style: square outside; +} +.content dl { + margin-left: 0.5rem; +} +.content dd, +.content dt { + margin: 0; +} +.content dt { + font-weight: bold; +} +.content code { + white-space: pre; + display: block; + color: var(--text-contrast); + overflow-y: hidden; + overflow-x: auto; + border: 1px solid var(--border); + border-radius: 2px; + background-color: var(--background); + margin: 0 0 1rem; +} +@media only screen and (min-width: 992px) { + .content code { + margin: 0 0 1.2rem; + } +} +.content code { + padding: 0.6rem 0.8rem; +} +@media only screen and (min-width: 992px) { + .content code { + padding: 0.7rem 1rem 0.9rem; + } +} + +.highlight { + padding: 0.15rem 0.4rem 0.25rem; + background: var(--primary); + color: var(--text-contrast); + border-radius: 2px; +} + +/** + * Heading + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * add font-size for heading as class and element + * + * + */ +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "IBM Plex Mono", sans-serif; + font-weight: bold; + line-height: 1.2; + margin: 0 0 1rem; +} +h1.highlight, .h1.highlight, +h2.highlight, .h2.highlight, +h3.highlight, .h3.highlight, +h4.highlight, .h4.highlight, +h5.highlight, .h5.highlight, +h6.highlight, .h6.highlight { + display: table; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +@media only screen and (min-width: 992px) { + h1, .h1 { + font-size: 2.75rem; + } + h2, .h2 { + font-size: 2.5rem; + } + h3, .h3 { + font-size: 2rem; + } + h4, .h4 { + font-size: 1.75rem; + } + h5, .h5 { + font-size: 1.5rem; + } + h6, .h6 { + font-size: 1.2rem; + } +} +/** + * + * A + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.badge { + display: inline-block; + background-color: var(--background); + color: var(--text-contrast); + font-size: 0.85rem; + padding: 0.4rem 0.8rem; + border: 1px solid var(--border); + border-radius: 2px; +} +.badge--round { + display: inline-flex; + justify-content: center; + border-radius: 50%; + width: 2.8em; +} + +/** + * Button + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * + * + */ +/** + * + * + */ +/** + * + * + */ +.button { + appearance: none; + position: relative; + display: inline-flex; + align-items: center; + text-decoration: none; + font-family: var(--font-family); + font-size: 1rem; + border: 1px solid var(--border); + background-color: var(--background-contrast); + color: var(--text); + border-radius: 2px; + transition: background-color 0.1s; + margin: 0 0 1rem; + padding: 0.5rem 1.3rem; + width: 100%; +} +@media only screen and (min-width: 768px) { + .button { + width: auto; + } +} +.button--small { + padding: 0.3rem 1.1rem; + font-size: 0.8rem; +} +.button:hover, .button--selected { + cursor: pointer; + text-decoration: none; + color: white; + background-color: var(--active); +} +.button:focus, .button:active { + outline: 1px solid var(--active); +} +.button:disabled { + opacity: 0.5; +} +.button:disabled:hover { + cursor: not-allowed; + border: 1px solid var(--border); + background-color: var(--background-contrast); + color: var(--border); +} +.button--transparent { + margin: 0; + padding: 0; + border: none; + background: transparent; + border-radius: 0; +} +.button--transparent:focus, .button--transparent:active { + outline: none; +} +.button--danger { + border-color: var(--danger); +} +.button--danger:hover { + background-color: var(--danger); +} +.button--danger:focus, .button--danger:active { + outline: 2px solid var(--danger); +} +.button--info { + border-color: var(--info); +} +.button--info:hover { + background-color: var(--info); +} +.button--info:focus, .button--info:active { + outline: 2px solid var(--info); +} +.button--warning { + border-color: var(--warning); +} +.button--warning:hover { + background-color: var(--warning); +} +.button--warning:focus, .button--warning:active { + outline: 2px solid var(--warning); +} +.button--success { + border-color: var(--success); +} +.button--success:hover { + background-color: var(--success); +} +.button--success:focus, .button--success:active { + outline: 2px solid var(--success); +} +.button--outline { + background-color: transparent; +} +.button--outline:hover { + color: var(--border); + border-color: #a4a4a4; + background-color: transparent; +} +.button--danger.button--outline:hover { + border-color: #ecacac; +} +.button--info.button--outline:hover { + border-color: rgb(59, 192.1320754717, 255); +} +.button--warning.button--outline:hover { + border-color: rgb(247.96875, 216.5625, 172.03125); +} +.button--success.button--outline:hover { + border-color: rgb(166.4285714286, 207.5714285714, 166.4285714286); +} +.button--full { + background-color: var(--active); + color: white; +} +.button--full:hover { + background-color: var(--background-contrast); + color: var(--text); +} +.button--danger.button--full { + background-color: var(--danger); +} +.button--danger.button--full:hover { + background-color: var(--background-contrast); + border-color: var(--danger); +} +.button--danger.button--full:focus, .button--danger.button--full:active { + outline: 2px solid var(--danger); +} +.button--info.button--full { + background-color: var(--info); +} +.button--info.button--full:hover { + background-color: var(--background-contrast); + border-color: var(--info); +} +.button--info.button--full:focus, .button--info.button--full:active { + outline: 2px solid var(--info); +} +.button--warning.button--full { + background-color: var(--warning); +} +.button--warning.button--full:hover { + background-color: var(--background-contrast); + border-color: var(--warning); +} +.button--warning.button--full:focus, .button--warning.button--full:active { + outline: 2px solid var(--warning); +} +.button--success.button--full { + background-color: var(--success); +} +.button--success.button--full:hover { + background-color: var(--background-contrast); + border-color: var(--success); +} +.button--success.button--full:focus, .button--success.button--full:active { + outline: 2px solid var(--success); +} + +/** + * + * fields + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.field-group { + margin: 0 0 1rem; +} +.field-group--valid .field-text { + border-color: var(--success); +} +.field-group--valid .icon { + fill: var(--success); +} +.field-group--error .field-text { + border-color: var(--danger); +} +.field-group--error .icon { + fill: var(--danger); +} + +.field-label { + font-size: 1rem; + font-family: var(--font-family); +} +.field-label .icon { + vertical-align: text-bottom; +} +.field-label:hover { + cursor: pointer; +} + +.field-text, .field-choice { + font-family: var(--font-family); + font-size: 0.95rem; + width: 100%; + border: 1px solid #a4a4a4; + border-radius: 2px; + margin: 0.7rem 0 0; +} +.field-text:focus, .field-text:active, .field-choice:focus, .field-choice:active { + outline: 0; + border-color: var(--border); +} + +.field-text { + padding: 0.8em 1.1em; +} + +textarea.field-text { + height: 180px; +} + +/** + * field-choice + * + * + */ +.field-choice { + appearance: none; + padding: 0.8em; + background-image: linear-gradient(to right, #717171, #717171); + background-position: 100%; + background-size: 1.5rem 100%; + background-repeat: no-repeat; +} +.field-choice:active, .field-choice:focus { + background-image: linear-gradient(to right, #3e3e3e, #3e3e3e); +} + +/** + * radio & checkbox + * + *
+ * + *
+ * + */ +[type=checkbox].field-choice, +[type=radio].field-choice { + position: relative; + display: none; +} +[type=checkbox].field-choice ~ .field-choice__checked, +[type=radio].field-choice ~ .field-choice__checked { + display: none; +} +[type=checkbox].field-choice:checked ~ .field-choice__checked, +[type=radio].field-choice:checked ~ .field-choice__checked { + display: inline-block; +} +[type=checkbox].field-choice:checked ~ .field-choice__unchecked, +[type=radio].field-choice:checked ~ .field-choice__unchecked { + display: none; +} + +svg.field-choice__unchecked { + fill: var(--active); +} + +svg.field-choice__checked { + fill: var(--success); +} + + .field-error { + display: inline-block; + width: 100%; + padding: 0.6em 0.5em; + font-size: 0.8rem; +} + +/** + * + * + */ +.field-switch { + position: relative; + display: inline-block; + width: 75px; + height: 35px; + border: 1px solid var(--border); + border-radius: 2px; +} +.field-switch:after { + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 100%; + content: ""; + border: 1px solid var(--border); + border-color: var(--border-contrast); + border-radius: 2px; + background-color: var(--active); + transition: transform 0.25s; +} + +[type=checkbox].field-choice ~ .field-switch:after { + left: 0; +} +[type=checkbox].field-choice:checked ~ .field-switch { + border-color: var(--success); +} +[type=checkbox].field-choice:checked ~ .field-switch:after { + background-color: var(--success); + transform: translateX(100%); +} + +/** + * display error for fields + * + */ +.field-error { + color: var(--danger); +} + +/** + * + *
+ * + * A + * + *
+ * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.group__item { + width: auto; + display: inline-block; + margin: 0 0 1rem; + margin-right: 0.25rem; +} +.group__item:last-child { + margin-right: 0; +} + +/** + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.icon { + width: 1em; + height: 1em; + max-height: 100%; + max-width: 100%; + vertical-align: middle; + overflow: hidden; + font-size: 1.4rem; + fill: var(--text); +} + +/** + *
+ * image + *
+ * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.hero { + position: relative; +} +.hero img { + width: 100%; + object-fit: cover; + object-position: 50% 50%; +} + +/** + * + * tabs + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.tabs { + display: flex; + flex-direction: column; + width: 100%; + border-bottom: 1px solid var(--border); +} +@media only screen and (min-width: 768px) { + .tabs { + width: auto; + flex-direction: row; + } +} +.tabs__item { + min-height: 2.8em; + display: flex; + align-items: center; + padding: 0 1em; + color: var(--text); + transition: background-color 0.1s; + border-bottom: 3px solid transparent; + background-color: transparent; + width: 100%; +} +@media only screen and (min-width: 768px) { + .tabs__item { + width: auto; + display: inline-flex; + } +} +.tabs__item:hover { + cursor: pointer; + background-color: var(--active); + color: var(--text-contrast); + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} +.tabs__item--selected { + color: var(--text); + border-color: var(--border); +} +.tabs--contrast { + border: 0; +} +.tabs--contrast .tabs__item { + color: var(--text-contrast); +} +.tabs--contrast .tabs__item:hover { + background-color: var(--background-contrast); + color: var(--text); + border-radius: 0; +} +.tabs--contrast .tabs__item--selected { + border-color: var(--border-contrast); +} +.tabs--contrast .tabs__item--selected:hover { + border-color: var(--active); +} + +/** + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.panel, .sidebar__inner { + border: 1px solid var(--border); + border-radius: 2px; + background-color: var(--background-contrast); +} +.panel__body, .sidebar__body { + padding: 0.6rem 0.8rem; +} +@media only screen and (min-width: 992px) { + .panel__body, .sidebar__body { + padding: 0.7rem 1rem 0.9rem; + } +} +.panel--border-highlight { + border-left-width: 12px; +} + +/** + *
+ *
+ *
+ * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.progress { + height: 40px; + width: 100%; + border: 1px solid var(--border); +} +.progress__inner { + height: 100%; + border: 1px solid var(--background-contrast); + background-color: var(--background); +} + +/** + *
+ * + *
+ * food truck yr franzen pabst + *
+ *
+ * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.figure { + margin: 0; + display: inline-block; + line-height: 0; + border: 1px solid var(--border); + border-radius: 2px; + overflow: hidden; +} +.figure__caption { + padding: 0.75em 1.1em; + font-size: 0.7rem; + background: var(--background); + line-height: 1.618; + margin: 0; + color: var(--text-contrast); + border-top: 1px solid var(--border-contrast); +} +.figure .media { + border: 0; + border-radius: 0; +} + +.media { + border-radius: 2px; + border: 1px solid var(--border); + width: 100%; + height: auto; +} + +/** + * + * table + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.table { + width: 100%; + border: 1px solid var(--border); + background: var(--white); +} +.table__td { + color: var(--text); +} +.table__td, .table__th { + text-align: left; + border-bottom: 1px solid var(--border); + padding: 0.25em 0.75em; +} +@media only screen and (min-width: 992px) { + .table__td, .table__th { + padding: 0.5em 1.25em; + } +} +.table__th { + color: white; + background-color: var(--background); +} +.table--striped .table__tr:nth-child(even) .table__td { + background-color: rgb(227.75, 227.75, 227.75); +} +.table--hover .table__tr:hover .table__td { + color: white; + background-color: rgb(87.5, 87.5, 87.5); +} + +/** + *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.bar { + display: flex; + min-height: 2.8em; + background-color: var(--background); + color: var(--text-contrast); + border: 1px solid var(--border); + border-radius: 2px; +} +.bar__start { + justify-content: start; +} +.bar__main { + flex-grow: 1; +} +.bar__end { + justify-content: end; +} +.bar__start, .bar__main, .bar__end { + display: flex; + align-self: center; + align-items: center; + margin-left: 0.75em; +} +.bar__start:last-child, .bar__main:last-child, .bar__end:last-child { + margin-right: 0.75em; +} + +/** + *
+ * + *
+ * food truck yr franzen pabst + *
+ *
+ * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.modal { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: flex; + visibility: hidden; + transition: visibility 0s linear 0.5s; + padding: 1rem; + z-index: 20; + align-items: center; + justify-content: center; +} +.modal:before { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: transparent; + transition: background-color 0.5s; + z-index: 19; + content: ""; + transition: background-color 0.5s; +} +.modal__inner { + position: relative; + z-index: 21; + transition: transform 0.5s; + transform: scale(0); + max-width: 600px; + width: 100%; +} +.modal__title { + font-size: 2rem; + text-align: center; + white-space: pre-line; + margin-bottom: 2rem; +} +.modal__title .icon { + font-size: 3rem; +} +.modal__title, .modal__body { + color: var(--text-contrast); +} +.modal__body { + margin-bottom: 1.5rem; +} +.modal .button { + color: var(--text-contrast); +} +.modal--open { + display: flex; + visibility: visible; + transition: visibility 0s linear 0s; +} +.modal--open:before { + background-color: var(--background-alpha); +} +.modal--open .modal__inner { + transform: scale(1); +} + +/** + *
+ * + * + * + *
+ * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.loading { + height: 60px; + width: 47px; + margin: 0 auto; + display: flex; + align-items: center; +} +.loading span { + display: block; + width: 15px; + height: 80px; + background-color: var(--background); + animation-name: loading-animation; + animation-duration: 0.5s; + animation-iteration-count: infinite; + animation-delay: 0.15s; + border-top: 1px solid var(--background); + border-bottom: 1px solid var(--background); +} +.loading span:first-child { + margin-right: 1px; + animation-delay: 0s; +} +.loading span:last-child { + margin-left: 1px; + animation-delay: 0.3s; +} + +@keyframes loading-animation { + 0% { + height: 60px; + } + 50% { + height: 40px; + } + 100% { + height: 60px; + } +} +/** + *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.sidebar { + position: fixed; + z-index: 9; + top: 0; + left: 0; + width: 100%; + height: 100%; + max-width: 95%; + visibility: hidden; + transition: visibility 0s linear 0.5s; +} +.sidebar:before { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: transparent; + transition: background-color 0.5s; + z-index: 9; + content: ""; + transition: background-color 0.5s; +} +.sidebar__inner { + position: relative; + height: 100%; + z-index: 10; + transition: transform 0.2s; + transform: translateX(-100%); +} +.sidebar__footer { + position: fixed; + left: 0; + bottom: 0; + display: flex; + justify-content: space-between; + background: var(--background); + width: 100%; + padding: 1rem; +} +.sidebar--open { + visibility: visible; + transition: visibility 0s linear 0s; +} +.sidebar--open .sidebar__inner { + transform: translateX(0); +} +.sidebar--open:before { + background: var(--background-alpha); +} +@media only screen and (min-width: 992px) { + .sidebar { + max-width: 33%; + } +} + +/** + *
+ *
+ *
+ * + *
+ *
+ * + *
+ *
+ * + *
+ *
+ *
+ * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.toast { + display: flex; + background: var(--background); + border: 1px solid var(--border); + max-width: 800px; + width: max-content; + margin-top: 1.25rem; + position: relative; + left: calc(-100% - 2rem); + transition: left 0.1s; + pointer-events: auto; +} +.toast--animation { + left: 0; +} +.toast__body { + width: 100%; + padding: 1em 1.25em; +} +.toast__button { + border: 0; + appearance: none; + background: var(--background); +} +.toast__button:hover { + cursor: pointer; +} +.toast__body, .toast__button { + color: var(--text-contrast); +} +.toast__icon, .toast__button { + display: flex; + align-self: stretch; + align-items: center; + padding: 0 1em; +} +.toast__icon svg, .toast__button svg { + font-size: 2rem; +} +.toast--danger { + background: var(--danger); +} +.toast--danger .toast__button { + background: var(--danger); +} +.toast-wrapper { + position: fixed; + left: 0; + bottom: 0; + margin: 2rem; + z-index: 30; + pointer-events: none; +} + +/** + * masonry + * + *
+ *
+ * + *
+ *
+ * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.masonry { + display: flex; + width: 100%; + flex-flow: row wrap; + gap: 15px; +} +.masonry__item { + width: 100%; + height: 200px; +} +@media only screen and (min-width: 768px) { + .masonry__item { + height: 300px; + } + .masonry__item:nth-child(4n+1) { + width: calc(25% - 10px); + } + .masonry__item:nth-child(4n+2) { + width: calc(55% - 10px); + } + .masonry__item:nth-child(4n+3) { + width: calc(20% - 10px); + } + .masonry__item:nth-child(4n+4) { + width: calc(67% - 10px); + } + .masonry__item:nth-child(4n+5) { + width: calc(33% - 10px); + } +} + +/** + * slider + * + *
+ *
+ *
+ *
+ *
+ * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.slider { + position: relative; + overflow-x: visible; +} +.slider__inner { + display: flex; + white-space: nowrap; +} +.slider__item { + padding: 0 0.6em; + display: inline-block; + white-space: normal; + flex-shrink: 0; +} + +/** + * grid + * + * This Grid is mainly the Reflex Grid from Lee Gordon https://reflexgrid.com/, he has + * done a great work, for i few changes it was needed to integrated + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * grid: mixin + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * order class generation mixins + * + */ +/** + * offset class generation mixins + * + */ +/** + * modifier mixins + * + */ +/** + * justify-content + * + * Uses "text-align" for the fallback inline-block grid + * "text-align" is globally supported and works on all rows except the last + * "text-align-last", where supported, handles the last line (and, happily, grids with only one row) + * + */ +/** + * Responsible Visibility + * + */ +/** + * Breakpoint viewport sizes and media queries + * + * Breakpoints are defined as a map of (name: minimum width), order from small to large: + * (xs: 576px, sm: 768px, md: 992px) + * The map defined in the `$reflex-breakpoints` global variable is used as the `$breakpoints` argument by default. + * Name of the next breakpoint, or null for the last breakpoint. + * >> breakpoint-next(sm) -> md + * >> breakpoint-next(sm, $breakpoints: (xs: 576px, sm: 768px, md: 992px)) -> md + * >> breakpoint-next(sm, $breakpoint-names: (xs sm md)) -> md + * + */ +/** + * Minimum breakpoint width. Null for the smallest (first) breakpoint. + * breakpoint-min(sm, (xs: 576px, sm: 768px, md: 992px)) -> 768px + * + */ +/** + * Media of at most the maximum breakpoint width. No query for the largest breakpoint. + * Makes the @content apply to the given breakpoint and narrower. + * + */ +/** + * Media between the breakpoint's minimum and maximum widths. + * No minimum for the smallest breakpoint, and no maximum for the largest one. + * Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. + * + */ +/** + * grid: helpers + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.wrap { + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +.wrap-reverse { + -webkit-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; +} + +/** + * flex-direction + * + */ + +/** + * align items (cross axis) + * + */ + +/** + * align content (cross axis) + * + */ + +/** + * align-self + * + */ + +/** + * justify-content (main axis) + * + */ + +.justify-end { + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.justify-center { + -webkit-justify-content: center; + justify-content: center; +} + +/** + * cosmetic grid modifiers + * + */ + +/** + * col modifiers + * + */ + +/** + * col-grid contents + * + */ + +/** + * Responsive visibility modifiers + * + */ + +.container { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 30px; + padding-left: 30px; +} +.container .grid { + margin-right: -15px; + margin-left: -15px; +} + +@media (min-width: 576px) { + .container { + max-width: 576px; + } +} +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} +@media (min-width: 992px) { + .container { + max-width: 992px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1200px; + } +} +@media (min-width: 1600px) { + .container { + max-width: 1600px; + } +} + +.grid { + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin: 0 auto; + position: relative; +} +.grid::after, .grid::before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.grid { + list-style-type: none; +} + + .col-12 { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: relative; + width: 100%; + vertical-align: top; + padding: 15px; +} + .col-12::after, .col-12::before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + .col-12 .grid { + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + margin: -15px; +} + +/** + * grid generation + * + * + */ +.col-12 { + width: 100%; +} +@media (min-width: 992px) { + .col-md-6 { + width: 50%; + } +} +/** + * col-auto + * + * + */ +/** + * order helpers generation + * + * + */ +/** + * offset helpers generation + * + * + */ +/** + * core + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.border { + border: 1px solid var(--border); +} + +.round { + border-radius: 50%; +} + +/** + * z-index + * + * + */ + +/** + * floating + * + * + */ + +.float-right { + float: right; +} + +.centered { + margin-left: auto; + margin-right: auto; +} + +/** + * position + * + * + */ +.absolute { + position: absolute !important; +} + +.fixed { + position: fixed !important; +} + +.relative { + position: relative !important; +} + +/** + * + * + */ + +/** + * + * + */ +.overflow-x-hidden { + overflow-x: hidden; +} + +.object-fit-cover { + object-fit: cover; +} + +/** + * Sizing + * + * Width and Height Classes, + * Sizes with percentage will calculate with the Reflex Grid + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * mixin: sizing + * + */ +/** + * mixin: sizing for each breakpoint + * + * + */ +.w-1 { + width: 1px; +} +.h-1 { + height: 1px; +} +.h-100 { + height: 100%; +} +.w-col-12 { + width: 100%; +} +.w-1 { + width: 0.5rem; +} +.h-1 { + height: 0.5rem; +} +.h-2 { + height: 1rem; +} +.h-3 { + height: 1.5rem; +} +.h-6 { + height: 3rem; +} +.h-11 { + height: 5.5rem; +} +.h-70 { + height: 35rem; +} +/** + * Spacing + * + * creates margin and padding for each direction and for each breakpont + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * mixin: spacing for single padding or margin + * + * + */ +/** + * mixin: spacing for each breakpoint + * + * + */ +/** + * + * + * + */ +.marginless { + margin: 0; +} + +.m-last-child-0 > *:last-child { + margin: 0; +} + +.m-bottom-last-child-0 > *:last-child { + margin-bottom: 0; +} + +.m-1 { + margin: 1px; +} +.m-top-3 { + margin-top: 0.5rem; +} +.m-top-4 { + margin-top: 1.125rem; +} +.m-top-5 { + margin-top: 2rem; +} +.m-top-6 { + margin-top: 3.125rem; +} +.m-bottom-0 { + margin-bottom: 0; +} +.m-bottom-3 { + margin-bottom: 0.5rem; +} +.m-bottom-4 { + margin-bottom: 1.125rem; +} +.m-bottom-5 { + margin-bottom: 2rem; +} +.m-left-3 { + margin-left: 0.5rem; +} +@media only screen and (min-width: 768px) { + .m-left-sm-3 { + margin-left: 0.5rem; + } +} +.p-0 { + padding: 0; +} + +.p-1 { + padding: 1px; +} + +.p-0 { + padding: 0.125rem; +} +.p-1 { + padding: 0rem; +} +.p-2 { + padding: 0.125rem; +} +.p-3 { + padding: 0.5rem; +} +.p-8 { + padding: 6.125rem; +} +/** + * colors + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ + +.color-text-contrast { + color: var(--text-contrast); +} + +.fill-text { + fill: var(--text); +} +.fill-text svg { + fill: var(--text); +} + +.fill-text-contrast { + fill: var(--text-contrast); +} +.fill-text-contrast svg { + fill: var(--text-contrast); +} + +.fill-danger { + fill: var(--danger); +} +.fill-danger svg { + fill: var(--danger); +} + +.fill-success { + fill: var(--success); +} +.fill-success svg { + fill: var(--success); +} + +.fill-text-hover:hover { + fill: var(--text); +} +.fill-text-hover:hover svg { + fill: var(--text); +} + +.border-color-danger { + border-color: var(--danger); +} + +.border-color-info { + border-color: var(--info); +} + +.background-color-primary { + background-color: var(--primary); +} + +/** + * typography + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +.left { + text-align: left; +} +.right { + text-align: right; +} +.center { + text-align: center; +} +.justify { + text-align: justify; +} +.uppercase { + text-transform: uppercase; +} +.lowercase { + text-transform: lowercase; +} +.crossed { + text-decoration: line-through; +} +.underline { + text-decoration: underline; +} +.capitalize { + text-transform: capitalize; +} +.italic { + font-style: italic; +} +.light { + font-weight: lighter; +} +.normal { + font-weight: normal; +} +.medium { + font-weight: medium; +} +.bold { + font-weight: bolder; +} +/** + * font-sizes + * + * + */ +.size-big { + font-size: 2.7rem; +} +/** + * white-space + * + * + */ +/** + * visibility + * + * + * @author Björn Hase, me@herr-hase.wtf + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://gitea.node001.net/tiny-components/plain-ui.git + * + */ +/** + * display + * + * + */ +.display-flex { + display: flex; +} +/** + * for hidden-xs etc, show https://reflexgrid.com/#visibility-helpers + * + * @TODO full integration of reflexgrid will change this part + * + */ +/** + * Visibility + * + */ + +/** + * Opacity + * + * + */ + +/** + * + * + */ + +.tiny-datepicker { + max-width: fit-content; +} +.tiny-datepicker__week { + display: flex; +} +.tiny-datepicker__date { + font-weight: bold; + margin: 0 0 0.75em; + text-align: center; +} +.tiny-datepicker__days { + min-height: 200px; +} +.tiny-datepicker__day { + width: 100%; + text-align: center; + border: 1px solid transparent; +} +.tiny-datepicker__day:hover { + background-color: #717171; + cursor: pointer; +} +.tiny-datepicker__day--current { + border: 1px solid #3e3e3e; +} +.tiny-datepicker__day--not-current { + opacity: 0.5; +} +.tiny-datepicker__day--header:hover { + background-color: transparent; + cursor: auto; +} +.tiny-datepicker__select { + display: flex; + align-items: center; +} +.tiny-datepicker__select input.field-text, .tiny-datepicker__select select.field-choice { + margin: 0 0.5em 0 0.5em; + padding: 0.55em 1em; +} +.tiny-datepicker__select select.field-choice { + width: calc(100% - 1em); +} +.tiny-datepicker__select input.field-text { + width: auto; +} +.tiny-datepicker__label { + text-align: center; + width: 100%; +} +.tiny-datepicker__button { + padding: 0.5em 0.75em; +} + +.console { + overflow-y: scroll; + max-height: 350px; + background: gray; + padding: 1em 1.5em; + background: #ddd; + border: 1px solid #b3b3b3; + height: 100%; +} + +/*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/example/example.css b/example/example.css deleted file mode 100644 index 6d00d2c..0000000 --- a/example/example.css +++ /dev/null @@ -1,14851 +0,0 @@ -@charset "UTF-8"; -@font-face { - font-family: "IBM Plex Mono"; - src: url("IBMPlexMono.eot"); - src: url("IBMPlexMono.eot?#iefix") format("embedded-opentype"), url("IBMPlexMono.woff2") format("woff2"), url("IBMPlexMono.woff") format("woff"), url("IBMPlexMono.ttf") format("truetype"); - font-weight: normal; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: "IBM Plex Mono"; - src: url("IBMPlexMono-Bold.eot"); - src: url("IBMPlexMono-Bold.eot?#iefix") format("embedded-opentype"), url("IBMPlexMono-Bold.woff2") format("woff2"), url("IBMPlexMono-Bold.woff") format("woff"), url("IBMPlexMono-Bold.ttf") format("truetype"); - font-weight: bold; - font-style: normal; - font-display: swap; -} -/** - * functions - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * strip unit from value - * - * @param {mixed} $value - * @return {number} - * - */ -/** - * - * - * https://css-tricks.com/snippets/sass/str-replace-function/ - * - */ -/** - * get value of key "default" in map - * - * @param {map} $value - * @return {boolean|unit} - * - */ -/** - * factor - * - * - * - * @param {integer} $x - * @return {float} - * - */ -/** - * mixins - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * Clear Floats - * - * - * - */ -/** - * clear styles from list - * - * - */ -/** - * media-queries as mixins - * based on breakpoints from variables - * - * - * - */ -/** - * Set property and his value for each Breakpoint - * - * ( - * $md: 10px - * ) - * - * - * @param {css} $property - * @param {map} $breakpoints - * @param {Boolean} $important [false] - * - */ -/** - * Set property and his value with an factor for each Breakpoint - * - * ( - * $md: 10px - * ) - * - * @param {css} $property - * @param {number} $factor - * @param {map} $breakpoints - * @param {Boolean} $important [false] - * - */ -/** - * Set font-size from Breakpoints, use for calculating difference from font-size and default font-size - * - * ( - * $md: 1rem - * ) - * - * @param {map} $breakpoints - * @param {unit} $font-size - * @param {unit} $default - * @param {Boolean} $important [false] - * - */ -/** - * adding overlay with z-index and color - * - * @param {z-index} - * @param {color} - * - */ -/** - * variables - * - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * grid - * - */ -:root { - --grid-columns: 12; - --grid-grid-spacing: 15px; - --grid-xs: 576px; - --grid-sm: 768px; - --grid-md: 992px; - --grid-lg: 1200px; - --grid-xlg: 1600px; - --grid-xxs-max: 575px; - --grid-xs-max: 767px; - --grid-sm-max: 991px; - --grid-md-max: 1199px; - --grid-lg-max: 1599px; -} - -/** - * fonts - * - */ -/** - * colors - * - * - */ -/** - * margin - * - */ -/** - * padding - * - */ -/** - * border - * - */ -/** - * normalize - * - * Thanks to https://necolas.github.io/normalize.css/, use a lot from them - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -:root { - --body: #f9f9f9; - --text: #363636; - --text-contrast: #ffffff; - --primary: #3e3e3e; - --primary-contrast: #3e3e3e; - --active: #717171; - --active-contrast: #ffffff; - --link: #363636; - --link-hover: #d95959; - --danger: #d95959; - --danger-contrast: #ecacac; - --info: #0090d4; - --info-constrast: #3bc0ff; - --success: #64ac64; - --success-contrast: #a6d0a6; - --warning: #f0ad4e; - --warning-contrast: #f8d9ac; - --background: #3e3e3e; - --background-contrast: #ffffff; - --background-alpha: rgba(0, 0, 0, 0.7); - --border: #3e3e3e; - --border-contrast: #ffffff; - --font-family: IBM Plex Mono, sans-serif; -} - -html { - font-size: 100%; - line-height: 1.15; - -webkit-text-size-adjust: 100%; -} - -body, -html { - margin: 0; - height: 100%; -} - -html, -legend { - box-sizing: border-box; -} - -body { - font-family: var(--font-family); - color: var(--text); - background-color: var(--body); - direction: ltr; - font-size: 0.9rem; - line-height: 1.618; -} -@media only screen and (min-width: 992px) { - body { - font-size: 1rem; - } -} - -a { - color: var(--link); - transition: color 0.5s; - text-decoration: none; -} -a:hover { - color: var(--link-hover); -} -a:focus { - outline: none; -} - -main { - display: block; -} - -*, -*::after, -*::before { - box-sizing: inherit; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -figure { - margin: 0; -} - -figcaption { - margin: 0; -} - -p { - margin: 0; -} - -/** - * form elements - * - * - */ -button, -input, -optgroup, -select, -textarea { - margin: 0; -} - -fieldset { - margin: 0 0 1rem; -} - -button, -select { - text-transform: none; -} - -[type=button], -[type=reset], -[type=submit], -button { - -webkit-appearance: button; -} - -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner, -button::-moz-focus-inner { - border-style: none; - padding: 0; -} - -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring, -button:-moz-focusring { - outline: 1px dotted ButtonText; -} - -legend { - box-sizing: border-box; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -[type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -/** - * hr - * - */ -hr { - box-sizing: content-box; - height: 0; - overflow: visible; - border: 0; - border-top: 1px solid var(--border); - margin: 0 0 1rem; -} - -progress { - vertical-align: baseline; -} - -details { - display: block; -} - -summary { - display: list-item; -} - -code, -kbd, -pre, -samp { - font-family: var(--font-family); - font-size: 0.9rem; -} - -/** - * Content - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.content { - /** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - /** - * blockquote - * - * - */ - /** - * lists - * - */ -} -.content p { - margin: 0 0 1rem; -} -@media only screen and (min-width: 992px) { - .content p { - margin: 0 0 1.2rem; - } -} -.content a, -.content ins, -.content u { - -webkit-text-decoration-skip: ink edges; - text-decoration-skip: ink edges; -} -.content a { - text-decoration: underline; -} -.content b, -.content strong { - font-weight: bolder; -} -.content small { - font-size: 80%; -} -.content sub, -.content sup { - font-size: 70%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -.content sub { - bottom: -0.25em; -} -.content sup { - top: -0.5em; -} -.content abbr[title] { - border-bottom: 1px dotted; - cursor: help; - text-decoration: none; -} -.content mark { - padding: 0.25rem; - background-color: var(--warning); -} -.content blockquote { - border-left: 1px solid var(--border); - margin-left: 0; - padding: 0.6rem 0.8rem; -} -.content blockquote p:last-child { - margin-bottom: 0; -} -.content dl, -.content ol, -.content ul { - padding: 0; - margin: 0 0 1rem; -} -@media only screen and (min-width: 992px) { - .content dl, - .content ol, - .content ul { - margin: 0 0 1.2rem; - } -} -.content ul { - margin-left: 1.5rem; -} -.content ol { - margin-left: 2.5rem; -} -.content ol ol, -.content ul ul { - margin-top: 0; - margin-left: 1.5rem; -} -.content ol { - list-style: decimal outside; -} -.content ul { - list-style: square outside; -} -.content dl { - margin-left: 0.5rem; -} -.content dd, -.content dt { - margin: 0; -} -.content dt { - font-weight: bold; -} -.content code { - white-space: pre; - display: block; - color: var(--text-contrast); - overflow-y: hidden; - overflow-x: auto; - border: 1px solid var(--border); - border-radius: 2px; - background-color: var(--background); - margin: 0 0 1rem; - padding: 0.6rem 0.8rem; -} -@media only screen and (min-width: 992px) { - .content code { - margin: 0 0 1.2rem; - } -} -@media only screen and (min-width: 992px) { - .content code { - padding: 0.7rem 1rem 0.9rem; - } -} - -.highlight { - padding: 0.15rem 0.4rem 0.25rem; - background: var(--primary); - color: var(--text-contrast); - border-radius: 2px; -} - -/** - * Heading - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * add font-size for heading as class and element - * - * - */ -h1, .h1, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, .h6 { - font-family: "IBM Plex Mono", sans-serif; - font-weight: bold; - line-height: 1.2; - margin: 0 0 1rem; -} -h1.highlight, .h1.highlight, -h2.highlight, .h2.highlight, -h3.highlight, .h3.highlight, -h4.highlight, .h4.highlight, -h5.highlight, .h5.highlight, -h6.highlight, .h6.highlight { - display: table; -} - -h1, .h1 { - font-size: 2.5rem; -} - -h2, .h2 { - font-size: 2rem; -} - -h3, .h3 { - font-size: 1.75rem; -} - -h4, .h4 { - font-size: 1.5rem; -} - -h5, .h5 { - font-size: 1.25rem; -} - -h6, .h6 { - font-size: 1rem; -} - -@media only screen and (min-width: 992px) { - h1, .h1 { - font-size: 2.75rem; - } - h2, .h2 { - font-size: 2.5rem; - } - h3, .h3 { - font-size: 2rem; - } - h4, .h4 { - font-size: 1.75rem; - } - h5, .h5 { - font-size: 1.5rem; - } - h6, .h6 { - font-size: 1.2rem; - } -} -/** - * - * A - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.badge { - display: inline-block; - background-color: var(--background); - color: var(--text-contrast); - font-size: 0.85rem; - padding: 0.4rem 0.8rem; - border: 1px solid var(--border); - border-radius: 2px; -} -.badge--round { - display: inline-flex; - justify-content: center; - border-radius: 50%; - width: 2.8em; -} - -/** - * Button - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * - * - */ -/** - * - * - */ -/** - * - * - */ -.button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - position: relative; - display: inline-flex; - align-items: center; - text-decoration: none; - font-family: var(--font-family); - font-size: 1rem; - border: 1px solid var(--border); - background-color: var(--background-contrast); - color: var(--text); - border-radius: 2px; - transition: background-color 0.1s; - margin: 0 0 1rem; - padding: 0.5rem 1.3rem; - width: 100%; -} -@media only screen and (min-width: 768px) { - .button { - width: auto; - } -} -.button--small { - padding: 0.3rem 1.1rem; - font-size: 0.8rem; -} -.button:hover, .button--selected { - cursor: pointer; - text-decoration: none; - color: white; - background-color: var(--active); -} -.button:focus, .button:active { - outline: 1px solid var(--active); -} -.button:disabled { - opacity: 0.5; -} -.button:disabled:hover { - cursor: not-allowed; - border: 1px solid var(--border); - background-color: var(--background-contrast); - color: var(--border); -} -.button--transparent { - margin: 0; - padding: 0; - border: none; - background: transparent; - border-radius: 0; -} -.button--transparent:focus, .button--transparent:active { - outline: none; -} -.button--danger { - border-color: var(--danger); -} -.button--danger:hover { - background-color: var(--danger); -} -.button--danger:focus, .button--danger:active { - outline: 2px solid var(--danger); -} -.button--info { - border-color: var(--info); -} -.button--info:hover { - background-color: var(--info); -} -.button--info:focus, .button--info:active { - outline: 2px solid var(--info); -} -.button--warning { - border-color: var(--warning); -} -.button--warning:hover { - background-color: var(--warning); -} -.button--warning:focus, .button--warning:active { - outline: 2px solid var(--warning); -} -.button--success { - border-color: var(--success); -} -.button--success:hover { - background-color: var(--success); -} -.button--success:focus, .button--success:active { - outline: 2px solid var(--success); -} -.button--outline { - background-color: transparent; -} -.button--outline:hover { - color: var(--border); - border-color: #a4a4a4; - background-color: transparent; -} -.button--danger.button--outline:hover { - border-color: #ecacac; -} -.button--info.button--outline:hover { - border-color: #3bc0ff; -} -.button--warning.button--outline:hover { - border-color: #f8d9ac; -} -.button--success.button--outline:hover { - border-color: #a6d0a6; -} -.button--full { - background-color: var(--active); - color: white; -} -.button--full:hover { - background-color: var(--background-contrast); - color: var(--text); -} -.button--danger.button--full { - background-color: var(--danger); -} -.button--danger.button--full:hover { - background-color: var(--background-contrast); - border-color: var(--danger); -} -.button--danger.button--full:focus, .button--danger.button--full:active { - outline: 2px solid var(--danger); -} -.button--info.button--full { - background-color: var(--info); -} -.button--info.button--full:hover { - background-color: var(--background-contrast); - border-color: var(--info); -} -.button--info.button--full:focus, .button--info.button--full:active { - outline: 2px solid var(--info); -} -.button--warning.button--full { - background-color: var(--warning); -} -.button--warning.button--full:hover { - background-color: var(--background-contrast); - border-color: var(--warning); -} -.button--warning.button--full:focus, .button--warning.button--full:active { - outline: 2px solid var(--warning); -} -.button--success.button--full { - background-color: var(--success); -} -.button--success.button--full:hover { - background-color: var(--background-contrast); - border-color: var(--success); -} -.button--success.button--full:focus, .button--success.button--full:active { - outline: 2px solid var(--success); -} - -/** - * - * fields - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.field-group { - margin: 0 0 1rem; -} -.field-group--valid .field-text { - border-color: var(--success); -} -.field-group--valid .icon { - fill: var(--success); -} -.field-group--error .field-text { - border-color: var(--danger); -} -.field-group--error .icon { - fill: var(--danger); -} - -.field-label { - font-size: 1rem; - font-family: var(--font-family); -} -.field-label .icon { - vertical-align: text-bottom; -} -.field-label:hover { - cursor: pointer; -} - -.field-text, .field-choice { - font-family: var(--font-family); - font-size: 0.95rem; - width: 100%; - border: 1px solid #a4a4a4; - border-radius: 2px; - margin: 0.7rem 0 0; -} -.field-text:focus, .field-text:active, .field-choice:focus, .field-choice:active { - outline: 0; - border-color: var(--border); -} - -.field-text { - padding: 0.8em 1.1em; -} - -textarea.field-text { - height: 180px; -} - -/** - * field-choice - * - * - */ -.field-choice { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding: 0.8em; - background-image: linear-gradient(to right, #717171, #717171); - background-position: 100%; - background-size: 1.5rem 100%; - background-repeat: no-repeat; -} -.field-choice:active, .field-choice:focus { - background-image: linear-gradient(to right, #3e3e3e, #3e3e3e); -} - -/** - * radio & checkbox - * - *
- * - *
- * - */ -[type=checkbox].field-choice, -[type=radio].field-choice { - position: relative; - display: none; -} -[type=checkbox].field-choice ~ .field-choice__checked, -[type=radio].field-choice ~ .field-choice__checked { - display: none; -} -[type=checkbox].field-choice:checked ~ .field-choice__checked, -[type=radio].field-choice:checked ~ .field-choice__checked { - display: inline-block; -} -[type=checkbox].field-choice:checked ~ .field-choice__unchecked, -[type=radio].field-choice:checked ~ .field-choice__unchecked { - display: none; -} - -svg.field-choice__unchecked { - fill: var(--active); -} - -svg.field-choice__checked { - fill: var(--success); -} - -.field-help, .field-error { - display: inline-block; - width: 100%; - padding: 0.6em 0.5em; - font-size: 0.8rem; -} - -/** - * - * - */ -.field-switch { - position: relative; - display: inline-block; - width: 75px; - height: 35px; - border: 1px solid var(--border); - border-radius: 2px; -} -.field-switch:after { - position: absolute; - top: 0; - left: 0; - width: 50%; - height: 100%; - content: ""; - border: 1px solid var(--border); - border-color: var(--border-contrast); - border-radius: 2px; - background-color: var(--active); - transition: transform 0.25s; -} - -[type=checkbox].field-choice ~ .field-switch:after { - left: 0; -} -[type=checkbox].field-choice:checked ~ .field-switch { - border-color: var(--success); -} -[type=checkbox].field-choice:checked ~ .field-switch:after { - background-color: var(--success); - transform: translateX(100%); -} - -/** - * display error for fields - * - */ -.field-error { - color: var(--danger); -} - -/** - * - *
- * - * A - * - *
- * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.group__item { - width: auto; - display: inline-block; - margin: 0 0 1rem; - margin-right: 0.25rem; -} -.group__item:last-child { - margin-right: 0; -} - -/** - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.icon { - width: 1em; - height: 1em; - max-height: 100%; - max-width: 100%; - vertical-align: middle; - overflow: hidden; - font-size: 1.4rem; - fill: var(--text); -} - -/** - *
- * image - *
- * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.hero { - position: relative; -} -.hero img { - width: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: 50% 50%; - object-position: 50% 50%; -} - -/** - * - * tabs - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.tabs { - display: flex; - flex-direction: column; - width: 100%; - border-bottom: 1px solid var(--border); -} -@media only screen and (min-width: 768px) { - .tabs { - width: auto; - flex-direction: row; - } -} -.tabs__item { - min-height: 2.8em; - display: flex; - align-items: center; - padding: 0 1em; - color: var(--text); - transition: background-color 0.1s; - border-bottom: 3px solid transparent; - background-color: transparent; - width: 100%; -} -@media only screen and (min-width: 768px) { - .tabs__item { - width: auto; - display: inline-flex; - } -} -.tabs__item:hover { - cursor: pointer; - background-color: var(--active); - color: var(--text-contrast); - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} -.tabs__item--selected { - color: var(--text); - border-color: var(--border); -} -.tabs--contrast { - border: 0; -} -.tabs--contrast .tabs__item { - color: var(--text-contrast); -} -.tabs--contrast .tabs__item:hover { - background-color: var(--background-contrast); - color: var(--text); - border-radius: 0; -} -.tabs--contrast .tabs__item--selected { - border-color: var(--border-contrast); -} -.tabs--contrast .tabs__item--selected:hover { - border-color: var(--active); -} - -/** - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.panel, .sidebar__inner { - border: 1px solid var(--border); - border-radius: 2px; - background-color: var(--background-contrast); -} -.panel__body, .sidebar__body { - padding: 0.6rem 0.8rem; -} -@media only screen and (min-width: 992px) { - .panel__body, .sidebar__body { - padding: 0.7rem 1rem 0.9rem; - } -} -.panel--border-highlight { - border-left-width: 12px; -} - -/** - *
- *
- *
- * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.progress { - height: 40px; - width: 100%; - border: 1px solid var(--border); -} -.progress__inner { - height: 100%; - border: 1px solid var(--background-contrast); - background-color: var(--background); -} - -/** - *
- * - *
- * food truck yr franzen pabst - *
- *
- * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.figure { - margin: 0; - display: inline-block; - line-height: 0; - border: 1px solid var(--border); - border-radius: 2px; - overflow: hidden; -} -.figure__caption { - padding: 0.75em 1.1em; - font-size: 0.7rem; - background: var(--background); - line-height: 1.618; - margin: 0; - color: var(--text-contrast); - border-top: 1px solid var(--border-contrast); -} -.figure .media { - border: 0; - border-radius: 0; -} - -.media { - border-radius: 2px; - border: 1px solid var(--border); - width: 100%; - height: auto; -} - -/** - * - * table - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.table { - width: 100%; - border: 1px solid var(--border); - background: var(--white); -} -.table--scroll { - overflow-x: auto; -} -.table__td { - color: var(--text); -} -.table__td, .table__th { - text-align: left; - border-bottom: 1px solid var(--border); - padding: 0.25em 0.75em; -} -@media only screen and (min-width: 992px) { - .table__td, .table__th { - padding: 0.5em 1.25em; - } -} -.table__th { - color: white; - background-color: var(--background); -} -.table--striped .table__tr:nth-child(even) .table__td { - background-color: #e4e4e4; -} -.table--hover .table__tr:hover .table__td { - color: white; - background-color: #585858; -} - -/** - *
- *
- *
- *
- *
- *
- *
- *
- * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.bar { - display: flex; - min-height: 2.8em; - background-color: var(--background); - color: var(--text-contrast); - border: 1px solid var(--border); - border-radius: 2px; -} -.bar__start { - justify-content: start; -} -.bar__main { - flex-grow: 1; -} -.bar__end { - justify-content: end; -} -.bar__start, .bar__main, .bar__end { - display: flex; - align-self: center; - align-items: center; - margin-left: 0.75em; -} -.bar__start:last-child, .bar__main:last-child, .bar__end:last-child { - margin-right: 0.75em; -} - -/** - *
- * - *
- * food truck yr franzen pabst - *
- *
- * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.modal { - position: fixed; - width: 100%; - height: 100%; - top: 0; - left: 0; - display: flex; - visibility: hidden; - transition: visibility 0s linear 0.5s; - padding: 1rem; - z-index: 20; - align-items: center; - justify-content: center; -} -.modal:before { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: transparent; - transition: background-color 0.5s; - z-index: 19; - content: ""; - transition: background-color 0.5s; -} -.modal__inner { - position: relative; - z-index: 21; - transition: transform 0.5s; - transform: scale(0); - max-width: 600px; - width: 100%; -} -.modal__title { - font-size: 2rem; - text-align: center; - white-space: pre-line; - margin-bottom: 2rem; -} -.modal__title .icon { - font-size: 3rem; -} -.modal__title, .modal__body { - color: var(--text-contrast); -} -.modal__body { - margin-bottom: 1.5rem; -} -.modal .button { - color: var(--text-contrast); -} -.modal--open { - display: flex; - visibility: visible; - transition: visibility 0s linear 0s; -} -.modal--open:before { - background-color: var(--background-alpha); -} -.modal--open .modal__inner { - transform: scale(1); -} - -/** - *
- * - * - * - *
- * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.loading { - height: 60px; - width: 47px; - margin: 0 auto; - display: flex; - align-items: center; -} -.loading span { - display: block; - width: 15px; - height: 80px; - background-color: var(--background); - animation-name: loading-animation; - animation-duration: 0.5s; - animation-iteration-count: infinite; - animation-delay: 0.15s; - border-top: 1px solid var(--background); - border-bottom: 1px solid var(--background); -} -.loading span:first-child { - margin-right: 1px; - animation-delay: 0s; -} -.loading span:last-child { - margin-left: 1px; - animation-delay: 0.3s; -} - -@keyframes loading-animation { - 0% { - height: 60px; - } - 50% { - height: 40px; - } - 100% { - height: 60px; - } -} -/** - *
- *
- *
- *
- *
- *
- *
- *
- * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.sidebar { - position: fixed; - z-index: 9; - top: 0; - left: 0; - width: 100%; - height: 100%; - max-width: 95%; - visibility: hidden; - transition: visibility 0s linear 0.5s; -} -.sidebar:before { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: transparent; - transition: background-color 0.5s; - z-index: 9; - content: ""; - transition: background-color 0.5s; -} -.sidebar__inner { - position: relative; - height: 100%; - z-index: 10; - transition: transform 0.2s; - transform: translateX(-100%); -} -.sidebar__footer { - position: fixed; - left: 0; - bottom: 0; - display: flex; - justify-content: space-between; - background: var(--background); - width: 100%; - padding: 1rem; -} -.sidebar--open { - visibility: visible; - transition: visibility 0s linear 0s; -} -.sidebar--open .sidebar__inner { - transform: translateX(0); -} -.sidebar--open:before { - background: var(--background-alpha); -} -@media only screen and (min-width: 992px) { - .sidebar { - max-width: 33%; - } -} - -/** - *
- *
- *
- * - *
- *
- * - *
- *
- * - *
- *
- *
- * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.toast { - display: flex; - background: var(--background); - border: 1px solid var(--border); - max-width: 800px; - width: -moz-max-content; - width: max-content; - margin-top: 1.25rem; - position: relative; - left: calc(-100% - 2rem); - transition: left 0.1s; - pointer-events: auto; -} -.toast--animation { - left: 0; -} -.toast__body { - width: 100%; - padding: 1em 1.25em; -} -.toast__button { - border: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: var(--background); -} -.toast__button:hover { - cursor: pointer; -} -.toast__body, .toast__button { - color: var(--text-contrast); -} -.toast__icon, .toast__button { - display: flex; - align-self: stretch; - align-items: center; - padding: 0 1em; -} -.toast__icon svg, .toast__button svg { - font-size: 2rem; -} -.toast--danger { - background: var(--danger); -} -.toast--danger .toast__button { - background: var(--danger); -} -.toast--info { - background: var(--info); -} -.toast--info .toast__button { - background: var(--info); -} -.toast--success { - background: var(--success); -} -.toast--success .toast__button { - background: var(--success); -} -.toast--warning { - background: var(--warning); -} -.toast--warning .toast__button { - background: var(--warning); -} -.toast-wrapper { - position: fixed; - left: 0; - bottom: 0; - margin: 2rem; - z-index: 30; - pointer-events: none; -} -.toast-wrapper--right { - left: inherit; - right: 0; -} -.toast-wrapper--right .toast { - left: inherit; - right: calc(-100% - 2rem); - transition: right 0.1s; -} -.toast-wrapper--right .toast--animation { - left: inherit; - right: 0; -} -.toast-wrapper--top { - bottom: inherit; - top: 0; -} - -/** - * masonry - * - *
- *
- * - *
- *
- * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.masonry { - display: flex; - width: 100%; - flex-flow: row wrap; - gap: 15px; -} -.masonry__item { - width: 100%; - height: 200px; -} -@media only screen and (min-width: 768px) { - .masonry__item { - height: 300px; - } - .masonry__item:nth-child(4n+1) { - width: calc(25% - 10px); - } - .masonry__item:nth-child(4n+2) { - width: calc(55% - 10px); - } - .masonry__item:nth-child(4n+3) { - width: calc(20% - 10px); - } - .masonry__item:nth-child(4n+4) { - width: calc(67% - 10px); - } - .masonry__item:nth-child(4n+5) { - width: calc(33% - 10px); - } -} - -/** - * slider - * - *
- *
- *
- *
- *
- * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.slider { - position: relative; - overflow-x: visible; -} -.slider__inner { - display: flex; - white-space: nowrap; -} -.slider__item { - padding: 0 0.6em; - display: inline-block; - white-space: normal; - flex-shrink: 0; -} - -/** - * grid - * - * This Grid is mainly the Reflex Grid from Lee Gordon https://reflexgrid.com/, he has - * done a great work, for i few changes it was needed to integrated - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * grid: mixin - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * order class generation mixins - * - */ -/** - * offset class generation mixins - * - */ -/** - * modifier mixins - * - */ -/** - * justify-content - * - * Uses "text-align" for the fallback inline-block grid - * "text-align" is globally supported and works on all rows except the last - * "text-align-last", where supported, handles the last line (and, happily, grids with only one row) - * - */ -/** - * Responsible Visibility - * - */ -/** - * Breakpoint viewport sizes and media queries - * - * Breakpoints are defined as a map of (name: minimum width), order from small to large: - * (xs: 576px, sm: 768px, md: 992px) - * The map defined in the `$reflex-breakpoints` global variable is used as the `$breakpoints` argument by default. - * Name of the next breakpoint, or null for the last breakpoint. - * >> breakpoint-next(sm) -> md - * >> breakpoint-next(sm, $breakpoints: (xs: 576px, sm: 768px, md: 992px)) -> md - * >> breakpoint-next(sm, $breakpoint-names: (xs sm md)) -> md - * - */ -/** - * Minimum breakpoint width. Null for the smallest (first) breakpoint. - * breakpoint-min(sm, (xs: 576px, sm: 768px, md: 992px)) -> 768px - * - */ -/** - * Media of at most the maximum breakpoint width. No query for the largest breakpoint. - * Makes the @content apply to the given breakpoint and narrower. - * - */ -/** - * Media between the breakpoint's minimum and maximum widths. - * No minimum for the smallest breakpoint, and no maximum for the largest one. - * Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. - * - */ -/** - * grid: helpers - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.wrap { - flex-wrap: wrap; -} - -.no-wrap { - flex-wrap: nowrap; -} -.no-wrap [class*=col-] { - flex-shrink: 1; -} - -.wrap-reverse { - flex-wrap: wrap-reverse; -} - -/** - * flex-direction - * - */ -.direction-row { - flex-direction: row; -} - -.direction-row-reverse { - flex-direction: row-reverse; -} - -.direction-column { - flex-direction: column; -} - -.direction-column-reverse { - flex-direction: column-reverse; -} - -/** - * align items (cross axis) - * - */ -.align-start { - align-items: flex-start; -} - -.align-end { - align-items: flex-end; -} - -.align-center { - align-items: center; -} - -.align-baseline { - align-items: baseline; -} - -/** - * align content (cross axis) - * - */ -.align-content-start { - align-content: flex-start; -} - -.align-content-end { - align-content: flex-end; -} -.align-content-end [class*=col-] { - vertical-align: bottom; -} - -.align-content-center { - align-content: center; -} - -.align-content-space-between { - align-content: space-between; -} - -.align-content-space-around { - align-content: space-around; -} - -/** - * align-self - * - */ -.align-self-stretch { - align-self: stretch; -} - -.align-self-start { - align-self: flex-start; -} - -.align-self-end { - align-self: flex-end; - vertical-align: bottom; -} - -.align-self-center { - align-self: center; - vertical-align: middle; -} - -.align-self-baseline { - align-self: baseline; - vertical-align: baseline; -} - -/** - * justify-content (main axis) - * - */ -.justify-start { - justify-content: flex-start; -} - -.justify-end { - justify-content: flex-end; -} - -.justify-center { - justify-content: center; -} - -.justify-space-between { - justify-content: space-between; -} - -.justify-space-around { - justify-content: space-around; -} - -/** - * cosmetic grid modifiers - * - */ -.grid-bleed [class*=col-] { - padding: 0; -} - -/** - * col modifiers - * - */ -.col-grid { - display: flex; - flex-direction: column; -} -.col-grid.direction-row { - flex-direction: row; -} - -.col-bleed { - padding: 0; -} - -.col-bleed-x { - padding: 15px 0; -} - -.col-bleed-y { - padding: 0 15px; -} - -/** - * col-grid contents - * - */ -.flex-img { - display: block; - flex: 0 0 auto; - max-width: 100%; - height: auto; - width: 100%; -} - -.flex-footer { - width: 100%; - margin-top: auto; - margin-bottom: 0; -} -.flex-footer > :last-child { - margin-bottom: 0; -} - -/** - * Responsive visibility modifiers - * - */ -@media (min-width: 0px) and (max-width: 575px) { - .hidden-xxs { - display: none; - } -} - -@media (min-width: 576px) { - .hidden-xs-up { - display: none; - } -} - -@media (max-width: 767px) { - .hidden-xs-down { - display: none; - } -} - -@media (min-width: 576px) and (max-width: 767px) { - .hidden-xs { - display: none; - } -} - -@media (min-width: 768px) { - .hidden-sm-up { - display: none; - } -} - -@media (max-width: 991px) { - .hidden-sm-down { - display: none; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .hidden-sm { - display: none; - } -} - -@media (min-width: 992px) { - .hidden-md-up { - display: none; - } -} - -@media (max-width: 1199px) { - .hidden-md-down { - display: none; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .hidden-md { - display: none; - } -} - -@media (min-width: 1200px) { - .hidden-lg-up { - display: none; - } -} - -@media (max-width: 1599px) { - .hidden-lg-down { - display: none; - } -} - -@media (min-width: 1200px) and (max-width: 1599px) { - .hidden-lg { - display: none; - } -} - -@media (min-width: 1600px) { - .hidden-xlg { - display: none; - } -} - -.container, -.container-full { - box-sizing: border-box; - width: 100%; - margin-right: auto; - margin-left: auto; - padding-right: 30px; - padding-left: 30px; -} -.container .grid, -.container-full .grid { - margin-right: -15px; - margin-left: -15px; -} - -@media (min-width: 576px) { - .container { - max-width: 576px; - } -} -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} -@media (min-width: 992px) { - .container { - max-width: 992px; - } -} -@media (min-width: 1200px) { - .container { - max-width: 1200px; - } -} -@media (min-width: 1600px) { - .container { - max-width: 1600px; - } -} - -.grid { - display: block; - box-sizing: border-box; - display: flex; - flex-wrap: wrap; - padding: 0; - margin: 0 auto; - position: relative; - list-style-type: none; -} -.grid::after, .grid::before { - box-sizing: border-box; -} - -.col-item, .col-xs-auto, .col-sm-auto, .col-lg-auto, .col-xlg-auto, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { - box-sizing: border-box; - position: relative; - width: 100%; - vertical-align: top; - padding: 15px; -} -.col-item::after, .col-xs-auto::after, .col-sm-auto::after, .col-lg-auto::after, .col-xlg-auto::after, .col-auto::after, .col-12::after, .col-11::after, .col-10::after, .col-9::after, .col-8::after, .col-7::after, .col-6::after, .col-5::after, .col-4::after, .col-3::after, .col-2::after, .col-1::after, .col-item::before, .col-xs-auto::before, .col-sm-auto::before, .col-lg-auto::before, .col-xlg-auto::before, .col-auto::before, .col-12::before, .col-11::before, .col-10::before, .col-9::before, .col-8::before, .col-7::before, .col-6::before, .col-5::before, .col-4::before, .col-3::before, .col-2::before, .col-1::before { - box-sizing: border-box; -} -.col-item .grid, .col-xs-auto .grid, .col-sm-auto .grid, .col-lg-auto .grid, .col-xlg-auto .grid, .col-auto .grid, .col-12 .grid, .col-11 .grid, .col-10 .grid, .col-9 .grid, .col-8 .grid, .col-7 .grid, .col-6 .grid, .col-5 .grid, .col-4 .grid, .col-3 .grid, .col-2 .grid, .col-1 .grid { - flex: 1 1 auto; - margin: -15px; -} - -/** - * grid generation - * - * - */ -.col-12 { - width: 100%; -} - -.col-11 { - width: 91.6666666667%; -} - -.col-10 { - width: 83.3333333333%; -} - -.col-9 { - width: 75%; -} - -.col-8 { - width: 66.6666666667%; -} - -.col-7 { - width: 58.3333333333%; -} - -.col-6 { - width: 50%; -} - -.col-5 { - width: 41.6666666667%; -} - -.col-4 { - width: 33.3333333333%; -} - -.col-3 { - width: 25%; -} - -.col-2 { - width: 16.6666666667%; -} - -.col-1 { - width: 8.3333333333%; -} - -@media (min-width: 576px) { - .col-xs-12 { - width: 100%; - } - .col-xs-11 { - width: 91.6666666667%; - } - .col-xs-10 { - width: 83.3333333333%; - } - .col-xs-9 { - width: 75%; - } - .col-xs-8 { - width: 66.6666666667%; - } - .col-xs-7 { - width: 58.3333333333%; - } - .col-xs-6 { - width: 50%; - } - .col-xs-5 { - width: 41.6666666667%; - } - .col-xs-4 { - width: 33.3333333333%; - } - .col-xs-3 { - width: 25%; - } - .col-xs-2 { - width: 16.6666666667%; - } - .col-xs-1 { - width: 8.3333333333%; - } -} -@media (min-width: 768px) { - .col-sm-12 { - width: 100%; - } - .col-sm-11 { - width: 91.6666666667%; - } - .col-sm-10 { - width: 83.3333333333%; - } - .col-sm-9 { - width: 75%; - } - .col-sm-8 { - width: 66.6666666667%; - } - .col-sm-7 { - width: 58.3333333333%; - } - .col-sm-6 { - width: 50%; - } - .col-sm-5 { - width: 41.6666666667%; - } - .col-sm-4 { - width: 33.3333333333%; - } - .col-sm-3 { - width: 25%; - } - .col-sm-2 { - width: 16.6666666667%; - } - .col-sm-1 { - width: 8.3333333333%; - } -} -@media (min-width: 992px) { - .col-md-12 { - width: 100%; - } - .col-md-11 { - width: 91.6666666667%; - } - .col-md-10 { - width: 83.3333333333%; - } - .col-md-9 { - width: 75%; - } - .col-md-8 { - width: 66.6666666667%; - } - .col-md-7 { - width: 58.3333333333%; - } - .col-md-6 { - width: 50%; - } - .col-md-5 { - width: 41.6666666667%; - } - .col-md-4 { - width: 33.3333333333%; - } - .col-md-3 { - width: 25%; - } - .col-md-2 { - width: 16.6666666667%; - } - .col-md-1 { - width: 8.3333333333%; - } -} -@media (min-width: 1200px) { - .col-lg-12 { - width: 100%; - } - .col-lg-11 { - width: 91.6666666667%; - } - .col-lg-10 { - width: 83.3333333333%; - } - .col-lg-9 { - width: 75%; - } - .col-lg-8 { - width: 66.6666666667%; - } - .col-lg-7 { - width: 58.3333333333%; - } - .col-lg-6 { - width: 50%; - } - .col-lg-5 { - width: 41.6666666667%; - } - .col-lg-4 { - width: 33.3333333333%; - } - .col-lg-3 { - width: 25%; - } - .col-lg-2 { - width: 16.6666666667%; - } - .col-lg-1 { - width: 8.3333333333%; - } -} -@media (min-width: 1600px) { - .col-xlg-12 { - width: 100%; - } - .col-xlg-11 { - width: 91.6666666667%; - } - .col-xlg-10 { - width: 83.3333333333%; - } - .col-xlg-9 { - width: 75%; - } - .col-xlg-8 { - width: 66.6666666667%; - } - .col-xlg-7 { - width: 58.3333333333%; - } - .col-xlg-6 { - width: 50%; - } - .col-xlg-5 { - width: 41.6666666667%; - } - .col-xlg-4 { - width: 33.3333333333%; - } - .col-xlg-3 { - width: 25%; - } - .col-xlg-2 { - width: 16.6666666667%; - } - .col-xlg-1 { - width: 8.3333333333%; - } -} -/** - * col-auto - * - * - */ -.col-auto { - flex: 1 0 0px; -} - -@media (min-width: 576px) { - .col-xs-auto { - flex: 1 0 0px; - } -} -@media (min-width: 768px) { - .col-sm-auto { - flex: 1 0 0px; - } -} -@media (min-width: 992px) { - .col-md-auto { - flex: 1 0 0px; - } -} -@media (min-width: 1200px) { - .col-lg-auto { - flex: 1 0 0px; - } -} -@media (min-width: 1600px) { - .col-xlg-auto { - flex: 1 0 0px; - } -} -/** - * order helpers generation - * - * - */ -.order-12 { - order: 12; -} - -.order-11 { - order: 11; -} - -.order-10 { - order: 10; -} - -.order-9 { - order: 9; -} - -.order-8 { - order: 8; -} - -.order-7 { - order: 7; -} - -.order-6 { - order: 6; -} - -.order-5 { - order: 5; -} - -.order-4 { - order: 4; -} - -.order-3 { - order: 3; -} - -.order-2 { - order: 2; -} - -.order-1 { - order: 1; -} - -.order-0 { - order: 0; -} - -@media (min-width: 576px) { - .order-xs-12 { - order: 12; - } - .order-xs-11 { - order: 11; - } - .order-xs-10 { - order: 10; - } - .order-xs-9 { - order: 9; - } - .order-xs-8 { - order: 8; - } - .order-xs-7 { - order: 7; - } - .order-xs-6 { - order: 6; - } - .order-xs-5 { - order: 5; - } - .order-xs-4 { - order: 4; - } - .order-xs-3 { - order: 3; - } - .order-xs-2 { - order: 2; - } - .order-xs-1 { - order: 1; - } - .order-xs-0 { - order: 0; - } -} -@media (min-width: 768px) { - .order-sm-12 { - order: 12; - } - .order-sm-11 { - order: 11; - } - .order-sm-10 { - order: 10; - } - .order-sm-9 { - order: 9; - } - .order-sm-8 { - order: 8; - } - .order-sm-7 { - order: 7; - } - .order-sm-6 { - order: 6; - } - .order-sm-5 { - order: 5; - } - .order-sm-4 { - order: 4; - } - .order-sm-3 { - order: 3; - } - .order-sm-2 { - order: 2; - } - .order-sm-1 { - order: 1; - } - .order-sm-0 { - order: 0; - } -} -@media (min-width: 992px) { - .order-md-12 { - order: 12; - } - .order-md-11 { - order: 11; - } - .order-md-10 { - order: 10; - } - .order-md-9 { - order: 9; - } - .order-md-8 { - order: 8; - } - .order-md-7 { - order: 7; - } - .order-md-6 { - order: 6; - } - .order-md-5 { - order: 5; - } - .order-md-4 { - order: 4; - } - .order-md-3 { - order: 3; - } - .order-md-2 { - order: 2; - } - .order-md-1 { - order: 1; - } - .order-md-0 { - order: 0; - } -} -@media (min-width: 1200px) { - .order-lg-12 { - order: 12; - } - .order-lg-11 { - order: 11; - } - .order-lg-10 { - order: 10; - } - .order-lg-9 { - order: 9; - } - .order-lg-8 { - order: 8; - } - .order-lg-7 { - order: 7; - } - .order-lg-6 { - order: 6; - } - .order-lg-5 { - order: 5; - } - .order-lg-4 { - order: 4; - } - .order-lg-3 { - order: 3; - } - .order-lg-2 { - order: 2; - } - .order-lg-1 { - order: 1; - } - .order-lg-0 { - order: 0; - } -} -@media (min-width: 1600px) { - .order-xlg-12 { - order: 12; - } - .order-xlg-11 { - order: 11; - } - .order-xlg-10 { - order: 10; - } - .order-xlg-9 { - order: 9; - } - .order-xlg-8 { - order: 8; - } - .order-xlg-7 { - order: 7; - } - .order-xlg-6 { - order: 6; - } - .order-xlg-5 { - order: 5; - } - .order-xlg-4 { - order: 4; - } - .order-xlg-3 { - order: 3; - } - .order-xlg-2 { - order: 2; - } - .order-xlg-1 { - order: 1; - } - .order-xlg-0 { - order: 0; - } -} -/** - * offset helpers generation - * - * - */ -.offset-11 { - margin-left: 91.6666666667%; -} - -.offset-10 { - margin-left: 83.3333333333%; -} - -.offset-9 { - margin-left: 75%; -} - -.offset-8 { - margin-left: 66.6666666667%; -} - -.offset-7 { - margin-left: 58.3333333333%; -} - -.offset-6 { - margin-left: 50%; -} - -.offset-5 { - margin-left: 41.6666666667%; -} - -.offset-4 { - margin-left: 33.3333333333%; -} - -.offset-3 { - margin-left: 25%; -} - -.offset-2 { - margin-left: 16.6666666667%; -} - -.offset-1 { - margin-left: 8.3333333333%; -} - -@media (min-width: 576px) { - .offset-xs-11 { - margin-left: 91.6666666667%; - } - .offset-xs-10 { - margin-left: 83.3333333333%; - } - .offset-xs-9 { - margin-left: 75%; - } - .offset-xs-8 { - margin-left: 66.6666666667%; - } - .offset-xs-7 { - margin-left: 58.3333333333%; - } - .offset-xs-6 { - margin-left: 50%; - } - .offset-xs-5 { - margin-left: 41.6666666667%; - } - .offset-xs-4 { - margin-left: 33.3333333333%; - } - .offset-xs-3 { - margin-left: 25%; - } - .offset-xs-2 { - margin-left: 16.6666666667%; - } - .offset-xs-1 { - margin-left: 8.3333333333%; - } - .offset-xs-0 { - margin-left: 0; - } -} -@media (min-width: 768px) { - .offset-sm-11 { - margin-left: 91.6666666667%; - } - .offset-sm-10 { - margin-left: 83.3333333333%; - } - .offset-sm-9 { - margin-left: 75%; - } - .offset-sm-8 { - margin-left: 66.6666666667%; - } - .offset-sm-7 { - margin-left: 58.3333333333%; - } - .offset-sm-6 { - margin-left: 50%; - } - .offset-sm-5 { - margin-left: 41.6666666667%; - } - .offset-sm-4 { - margin-left: 33.3333333333%; - } - .offset-sm-3 { - margin-left: 25%; - } - .offset-sm-2 { - margin-left: 16.6666666667%; - } - .offset-sm-1 { - margin-left: 8.3333333333%; - } - .offset-sm-0 { - margin-left: 0; - } -} -@media (min-width: 992px) { - .offset-md-11 { - margin-left: 91.6666666667%; - } - .offset-md-10 { - margin-left: 83.3333333333%; - } - .offset-md-9 { - margin-left: 75%; - } - .offset-md-8 { - margin-left: 66.6666666667%; - } - .offset-md-7 { - margin-left: 58.3333333333%; - } - .offset-md-6 { - margin-left: 50%; - } - .offset-md-5 { - margin-left: 41.6666666667%; - } - .offset-md-4 { - margin-left: 33.3333333333%; - } - .offset-md-3 { - margin-left: 25%; - } - .offset-md-2 { - margin-left: 16.6666666667%; - } - .offset-md-1 { - margin-left: 8.3333333333%; - } - .offset-md-0 { - margin-left: 0; - } -} -@media (min-width: 1200px) { - .offset-lg-11 { - margin-left: 91.6666666667%; - } - .offset-lg-10 { - margin-left: 83.3333333333%; - } - .offset-lg-9 { - margin-left: 75%; - } - .offset-lg-8 { - margin-left: 66.6666666667%; - } - .offset-lg-7 { - margin-left: 58.3333333333%; - } - .offset-lg-6 { - margin-left: 50%; - } - .offset-lg-5 { - margin-left: 41.6666666667%; - } - .offset-lg-4 { - margin-left: 33.3333333333%; - } - .offset-lg-3 { - margin-left: 25%; - } - .offset-lg-2 { - margin-left: 16.6666666667%; - } - .offset-lg-1 { - margin-left: 8.3333333333%; - } - .offset-lg-0 { - margin-left: 0; - } -} -@media (min-width: 1600px) { - .offset-xlg-11 { - margin-left: 91.6666666667%; - } - .offset-xlg-10 { - margin-left: 83.3333333333%; - } - .offset-xlg-9 { - margin-left: 75%; - } - .offset-xlg-8 { - margin-left: 66.6666666667%; - } - .offset-xlg-7 { - margin-left: 58.3333333333%; - } - .offset-xlg-6 { - margin-left: 50%; - } - .offset-xlg-5 { - margin-left: 41.6666666667%; - } - .offset-xlg-4 { - margin-left: 33.3333333333%; - } - .offset-xlg-3 { - margin-left: 25%; - } - .offset-xlg-2 { - margin-left: 16.6666666667%; - } - .offset-xlg-1 { - margin-left: 8.3333333333%; - } - .offset-xlg-0 { - margin-left: 0; - } -} -/** - * core - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.border { - border: 1px solid var(--border); -} - -.border-round { - border-radius: 2px; -} - -.border-0 { - border: 0; -} - -.radius-0 { - border-radius: 0; -} - -.round { - border-radius: 50%; -} - -/** - * z-index - * - * - */ -.z-index-1 { - z-index: 1; -} - -.z-index-2 { - z-index: 2; -} - -.z-index-3 { - z-index: 3; -} - -.z-index-4 { - z-index: 4; -} - -.z-index-5 { - z-index: 5; -} - -.z-index-6 { - z-index: 6; -} - -.z-index-7 { - z-index: 7; -} - -.z-index-8 { - z-index: 8; -} - -.z-index-9 { - z-index: 9; -} - -.z-index-10 { - z-index: 10; -} - -.z-index-11 { - z-index: 11; -} - -.z-index-12 { - z-index: 12; -} - -.z-index-13 { - z-index: 13; -} - -.z-index-14 { - z-index: 14; -} - -.z-index-15 { - z-index: 15; -} - -.z-index-16 { - z-index: 16; -} - -.z-index-17 { - z-index: 17; -} - -.z-index-18 { - z-index: 18; -} - -.z-index-19 { - z-index: 19; -} - -.z-index-20 { - z-index: 20; -} - -/** - * floating - * - * - */ -.float-left { - float: left; -} - -.float-right { - float: right; -} - -.float-none { - float: none; -} - -.centered { - margin-left: auto; - margin-right: auto; -} - -.clearfix::before, .clearfix::after { - display: table; - content: " "; -} -.clearfix::after { - clear: both; -} - -/** - * position - * - * - */ -.absolute { - position: absolute !important; -} - -.fixed { - position: fixed !important; -} - -.relative { - position: relative !important; -} - -/** - * - * - */ -.vertical-align-bottom { - vertical-align: bottom; -} - -.vertical-align-top { - vertical-align: top; -} - -.vertical-align-baseline { - vertical-align: baseline; -} - -/** - * - * - */ -.overflow-x-hidden { - overflow-x: hidden; -} - -.overflow-y-hidden { - overflow-y: hidden; -} - -.object-fit-cover { - -o-object-fit: cover; - object-fit: cover; -} - -/** - * Sizing - * - * Width and Height Classes, - * Sizes with percentage will calculate with the Reflex Grid - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * mixin: sizing - * - */ -/** - * mixin: sizing for each breakpoint - * - * - */ -.w-0 { - width: 0; -} - -@media only screen and (min-width: 576px) { - .w-xs-1 { - width: 0; - } -} -@media only screen and (min-width: 768px) { - .w-sm-1 { - width: 0; - } -} -@media only screen and (min-width: 992px) { - .w-md-1 { - width: 0; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-1 { - width: 0; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-1 { - width: 0; - } -} -.h-0 { - height: 0; -} - -@media only screen and (min-width: 576px) { - .h-xs-1 { - height: 0; - } -} -@media only screen and (min-width: 768px) { - .h-sm-1 { - height: 0; - } -} -@media only screen and (min-width: 992px) { - .h-md-1 { - height: 0; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-1 { - height: 0; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-1 { - height: 0; - } -} -.w-1 { - width: 1px; -} - -@media only screen and (min-width: 576px) { - .w-xs-1 { - width: 1px; - } -} -@media only screen and (min-width: 768px) { - .w-sm-1 { - width: 1px; - } -} -@media only screen and (min-width: 992px) { - .w-md-1 { - width: 1px; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-1 { - width: 1px; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-1 { - width: 1px; - } -} -.h-1 { - height: 1px; -} - -@media only screen and (min-width: 576px) { - .h-xs-1 { - height: 1px; - } -} -@media only screen and (min-width: 768px) { - .h-sm-1 { - height: 1px; - } -} -@media only screen and (min-width: 992px) { - .h-md-1 { - height: 1px; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-1 { - height: 1px; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-1 { - height: 1px; - } -} -.w-100 { - width: 100%; -} - -@media only screen and (min-width: 576px) { - .w-xs-100 { - width: 100%; - } -} -@media only screen and (min-width: 768px) { - .w-sm-100 { - width: 100%; - } -} -@media only screen and (min-width: 992px) { - .w-md-100 { - width: 100%; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-100 { - width: 100%; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-100 { - width: 100%; - } -} -.w-auto { - width: auto; -} - -@media only screen and (min-width: 576px) { - .w-xs-auto { - width: auto; - } -} -@media only screen and (min-width: 768px) { - .w-sm-auto { - width: auto; - } -} -@media only screen and (min-width: 992px) { - .w-md-auto { - width: auto; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-auto { - width: auto; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-auto { - width: auto; - } -} -.h-100 { - height: 100%; -} - -@media only screen and (min-width: 576px) { - .h-xs-100 { - height: 100%; - } -} -@media only screen and (min-width: 768px) { - .h-sm-100 { - height: 100%; - } -} -@media only screen and (min-width: 992px) { - .h-md-100 { - height: 100%; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-100 { - height: 100%; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-100 { - height: 100%; - } -} -.h-auto { - height: auto; -} - -@media only screen and (min-width: 576px) { - .h-xs-auto { - height: auto; - } -} -@media only screen and (min-width: 768px) { - .h-sm-auto { - height: auto; - } -} -@media only screen and (min-width: 992px) { - .h-md-auto { - height: auto; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-auto { - height: auto; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-auto { - height: auto; - } -} -.w-col-1 { - width: 8.3333333333%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-1 { - width: 8.3333333333%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-1 { - width: 8.3333333333%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-1 { - width: 8.3333333333%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-1 { - width: 8.3333333333%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-1 { - width: 8.3333333333%; - } -} -.h-col-1 { - height: 8.3333333333%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-1 { - height: 8.3333333333%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-1 { - height: 8.3333333333%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-1 { - height: 8.3333333333%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-1 { - height: 8.3333333333%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-1 { - height: 8.3333333333%; - } -} -.w-col-2 { - width: 16.6666666667%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-2 { - width: 16.6666666667%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-2 { - width: 16.6666666667%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-2 { - width: 16.6666666667%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-2 { - width: 16.6666666667%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-2 { - width: 16.6666666667%; - } -} -.h-col-2 { - height: 16.6666666667%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-2 { - height: 16.6666666667%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-2 { - height: 16.6666666667%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-2 { - height: 16.6666666667%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-2 { - height: 16.6666666667%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-2 { - height: 16.6666666667%; - } -} -.w-col-3 { - width: 25%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-3 { - width: 25%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-3 { - width: 25%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-3 { - width: 25%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-3 { - width: 25%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-3 { - width: 25%; - } -} -.h-col-3 { - height: 25%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-3 { - height: 25%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-3 { - height: 25%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-3 { - height: 25%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-3 { - height: 25%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-3 { - height: 25%; - } -} -.w-col-4 { - width: 33.3333333333%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-4 { - width: 33.3333333333%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-4 { - width: 33.3333333333%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-4 { - width: 33.3333333333%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-4 { - width: 33.3333333333%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-4 { - width: 33.3333333333%; - } -} -.h-col-4 { - height: 33.3333333333%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-4 { - height: 33.3333333333%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-4 { - height: 33.3333333333%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-4 { - height: 33.3333333333%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-4 { - height: 33.3333333333%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-4 { - height: 33.3333333333%; - } -} -.w-col-5 { - width: 41.6666666667%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-5 { - width: 41.6666666667%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-5 { - width: 41.6666666667%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-5 { - width: 41.6666666667%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-5 { - width: 41.6666666667%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-5 { - width: 41.6666666667%; - } -} -.h-col-5 { - height: 41.6666666667%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-5 { - height: 41.6666666667%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-5 { - height: 41.6666666667%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-5 { - height: 41.6666666667%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-5 { - height: 41.6666666667%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-5 { - height: 41.6666666667%; - } -} -.w-col-6 { - width: 50%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-6 { - width: 50%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-6 { - width: 50%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-6 { - width: 50%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-6 { - width: 50%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-6 { - width: 50%; - } -} -.h-col-6 { - height: 50%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-6 { - height: 50%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-6 { - height: 50%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-6 { - height: 50%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-6 { - height: 50%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-6 { - height: 50%; - } -} -.w-col-7 { - width: 58.3333333333%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-7 { - width: 58.3333333333%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-7 { - width: 58.3333333333%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-7 { - width: 58.3333333333%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-7 { - width: 58.3333333333%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-7 { - width: 58.3333333333%; - } -} -.h-col-7 { - height: 58.3333333333%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-7 { - height: 58.3333333333%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-7 { - height: 58.3333333333%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-7 { - height: 58.3333333333%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-7 { - height: 58.3333333333%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-7 { - height: 58.3333333333%; - } -} -.w-col-8 { - width: 66.6666666667%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-8 { - width: 66.6666666667%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-8 { - width: 66.6666666667%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-8 { - width: 66.6666666667%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-8 { - width: 66.6666666667%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-8 { - width: 66.6666666667%; - } -} -.h-col-8 { - height: 66.6666666667%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-8 { - height: 66.6666666667%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-8 { - height: 66.6666666667%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-8 { - height: 66.6666666667%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-8 { - height: 66.6666666667%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-8 { - height: 66.6666666667%; - } -} -.w-col-9 { - width: 75%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-9 { - width: 75%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-9 { - width: 75%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-9 { - width: 75%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-9 { - width: 75%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-9 { - width: 75%; - } -} -.h-col-9 { - height: 75%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-9 { - height: 75%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-9 { - height: 75%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-9 { - height: 75%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-9 { - height: 75%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-9 { - height: 75%; - } -} -.w-col-10 { - width: 83.3333333333%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-10 { - width: 83.3333333333%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-10 { - width: 83.3333333333%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-10 { - width: 83.3333333333%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-10 { - width: 83.3333333333%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-10 { - width: 83.3333333333%; - } -} -.h-col-10 { - height: 83.3333333333%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-10 { - height: 83.3333333333%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-10 { - height: 83.3333333333%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-10 { - height: 83.3333333333%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-10 { - height: 83.3333333333%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-10 { - height: 83.3333333333%; - } -} -.w-col-11 { - width: 91.6666666667%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-11 { - width: 91.6666666667%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-11 { - width: 91.6666666667%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-11 { - width: 91.6666666667%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-11 { - width: 91.6666666667%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-11 { - width: 91.6666666667%; - } -} -.h-col-11 { - height: 91.6666666667%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-11 { - height: 91.6666666667%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-11 { - height: 91.6666666667%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-11 { - height: 91.6666666667%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-11 { - height: 91.6666666667%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-11 { - height: 91.6666666667%; - } -} -.w-col-12 { - width: 100%; -} - -@media only screen and (min-width: 576px) { - .w-col-xs-12 { - width: 100%; - } -} -@media only screen and (min-width: 768px) { - .w-col-sm-12 { - width: 100%; - } -} -@media only screen and (min-width: 992px) { - .w-col-md-12 { - width: 100%; - } -} -@media only screen and (min-width: 1200px) { - .w-col-lg-12 { - width: 100%; - } -} -@media only screen and (min-width: 1600px) { - .w-col-xlg-12 { - width: 100%; - } -} -.h-col-12 { - height: 100%; -} - -@media only screen and (min-width: 576px) { - .h-col-xs-12 { - height: 100%; - } -} -@media only screen and (min-width: 768px) { - .h-col-sm-12 { - height: 100%; - } -} -@media only screen and (min-width: 992px) { - .h-col-md-12 { - height: 100%; - } -} -@media only screen and (min-width: 1200px) { - .h-col-lg-12 { - height: 100%; - } -} -@media only screen and (min-width: 1600px) { - .h-col-xlg-12 { - height: 100%; - } -} -.w-1 { - width: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-1 { - width: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-1 { - width: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-1 { - width: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-1 { - width: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-1 { - width: 0.5rem; - } -} -.w-2 { - width: 1rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-2 { - width: 1rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-2 { - width: 1rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-2 { - width: 1rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-2 { - width: 1rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-2 { - width: 1rem; - } -} -.w-3 { - width: 1.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-3 { - width: 1.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-3 { - width: 1.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-3 { - width: 1.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-3 { - width: 1.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-3 { - width: 1.5rem; - } -} -.w-4 { - width: 2rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-4 { - width: 2rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-4 { - width: 2rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-4 { - width: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-4 { - width: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-4 { - width: 2rem; - } -} -.w-5 { - width: 2.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-5 { - width: 2.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-5 { - width: 2.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-5 { - width: 2.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-5 { - width: 2.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-5 { - width: 2.5rem; - } -} -.w-6 { - width: 3rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-6 { - width: 3rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-6 { - width: 3rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-6 { - width: 3rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-6 { - width: 3rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-6 { - width: 3rem; - } -} -.w-7 { - width: 3.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-7 { - width: 3.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-7 { - width: 3.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-7 { - width: 3.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-7 { - width: 3.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-7 { - width: 3.5rem; - } -} -.w-8 { - width: 4rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-8 { - width: 4rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-8 { - width: 4rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-8 { - width: 4rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-8 { - width: 4rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-8 { - width: 4rem; - } -} -.w-9 { - width: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-9 { - width: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-9 { - width: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-9 { - width: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-9 { - width: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-9 { - width: 4.5rem; - } -} -.w-10 { - width: 5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-10 { - width: 5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-10 { - width: 5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-10 { - width: 5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-10 { - width: 5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-10 { - width: 5rem; - } -} -.w-11 { - width: 5.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-11 { - width: 5.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-11 { - width: 5.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-11 { - width: 5.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-11 { - width: 5.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-11 { - width: 5.5rem; - } -} -.w-12 { - width: 6rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-12 { - width: 6rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-12 { - width: 6rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-12 { - width: 6rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-12 { - width: 6rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-12 { - width: 6rem; - } -} -.w-13 { - width: 6.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-13 { - width: 6.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-13 { - width: 6.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-13 { - width: 6.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-13 { - width: 6.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-13 { - width: 6.5rem; - } -} -.w-14 { - width: 7rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-14 { - width: 7rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-14 { - width: 7rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-14 { - width: 7rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-14 { - width: 7rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-14 { - width: 7rem; - } -} -.w-15 { - width: 7.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-15 { - width: 7.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-15 { - width: 7.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-15 { - width: 7.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-15 { - width: 7.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-15 { - width: 7.5rem; - } -} -.w-16 { - width: 8rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-16 { - width: 8rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-16 { - width: 8rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-16 { - width: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-16 { - width: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-16 { - width: 8rem; - } -} -.w-17 { - width: 8.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-17 { - width: 8.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-17 { - width: 8.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-17 { - width: 8.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-17 { - width: 8.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-17 { - width: 8.5rem; - } -} -.w-18 { - width: 9rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-18 { - width: 9rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-18 { - width: 9rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-18 { - width: 9rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-18 { - width: 9rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-18 { - width: 9rem; - } -} -.w-19 { - width: 9.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-19 { - width: 9.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-19 { - width: 9.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-19 { - width: 9.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-19 { - width: 9.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-19 { - width: 9.5rem; - } -} -.w-20 { - width: 10rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-20 { - width: 10rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-20 { - width: 10rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-20 { - width: 10rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-20 { - width: 10rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-20 { - width: 10rem; - } -} -.w-21 { - width: 10.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-21 { - width: 10.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-21 { - width: 10.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-21 { - width: 10.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-21 { - width: 10.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-21 { - width: 10.5rem; - } -} -.w-22 { - width: 11rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-22 { - width: 11rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-22 { - width: 11rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-22 { - width: 11rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-22 { - width: 11rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-22 { - width: 11rem; - } -} -.w-23 { - width: 11.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-23 { - width: 11.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-23 { - width: 11.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-23 { - width: 11.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-23 { - width: 11.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-23 { - width: 11.5rem; - } -} -.w-24 { - width: 12rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-24 { - width: 12rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-24 { - width: 12rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-24 { - width: 12rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-24 { - width: 12rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-24 { - width: 12rem; - } -} -.w-25 { - width: 12.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-25 { - width: 12.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-25 { - width: 12.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-25 { - width: 12.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-25 { - width: 12.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-25 { - width: 12.5rem; - } -} -.w-26 { - width: 13rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-26 { - width: 13rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-26 { - width: 13rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-26 { - width: 13rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-26 { - width: 13rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-26 { - width: 13rem; - } -} -.w-27 { - width: 13.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-27 { - width: 13.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-27 { - width: 13.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-27 { - width: 13.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-27 { - width: 13.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-27 { - width: 13.5rem; - } -} -.w-28 { - width: 14rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-28 { - width: 14rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-28 { - width: 14rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-28 { - width: 14rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-28 { - width: 14rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-28 { - width: 14rem; - } -} -.w-29 { - width: 14.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-29 { - width: 14.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-29 { - width: 14.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-29 { - width: 14.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-29 { - width: 14.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-29 { - width: 14.5rem; - } -} -.w-30 { - width: 15rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-30 { - width: 15rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-30 { - width: 15rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-30 { - width: 15rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-30 { - width: 15rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-30 { - width: 15rem; - } -} -.w-31 { - width: 15.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-31 { - width: 15.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-31 { - width: 15.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-31 { - width: 15.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-31 { - width: 15.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-31 { - width: 15.5rem; - } -} -.w-32 { - width: 16rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-32 { - width: 16rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-32 { - width: 16rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-32 { - width: 16rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-32 { - width: 16rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-32 { - width: 16rem; - } -} -.w-33 { - width: 16.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-33 { - width: 16.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-33 { - width: 16.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-33 { - width: 16.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-33 { - width: 16.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-33 { - width: 16.5rem; - } -} -.w-34 { - width: 17rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-34 { - width: 17rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-34 { - width: 17rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-34 { - width: 17rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-34 { - width: 17rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-34 { - width: 17rem; - } -} -.w-35 { - width: 17.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-35 { - width: 17.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-35 { - width: 17.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-35 { - width: 17.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-35 { - width: 17.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-35 { - width: 17.5rem; - } -} -.w-36 { - width: 18rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-36 { - width: 18rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-36 { - width: 18rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-36 { - width: 18rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-36 { - width: 18rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-36 { - width: 18rem; - } -} -.w-37 { - width: 18.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-37 { - width: 18.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-37 { - width: 18.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-37 { - width: 18.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-37 { - width: 18.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-37 { - width: 18.5rem; - } -} -.w-38 { - width: 19rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-38 { - width: 19rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-38 { - width: 19rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-38 { - width: 19rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-38 { - width: 19rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-38 { - width: 19rem; - } -} -.w-39 { - width: 19.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-39 { - width: 19.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-39 { - width: 19.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-39 { - width: 19.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-39 { - width: 19.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-39 { - width: 19.5rem; - } -} -.w-40 { - width: 20rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-40 { - width: 20rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-40 { - width: 20rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-40 { - width: 20rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-40 { - width: 20rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-40 { - width: 20rem; - } -} -.w-41 { - width: 20.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-41 { - width: 20.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-41 { - width: 20.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-41 { - width: 20.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-41 { - width: 20.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-41 { - width: 20.5rem; - } -} -.w-42 { - width: 21rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-42 { - width: 21rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-42 { - width: 21rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-42 { - width: 21rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-42 { - width: 21rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-42 { - width: 21rem; - } -} -.w-43 { - width: 21.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-43 { - width: 21.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-43 { - width: 21.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-43 { - width: 21.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-43 { - width: 21.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-43 { - width: 21.5rem; - } -} -.w-44 { - width: 22rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-44 { - width: 22rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-44 { - width: 22rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-44 { - width: 22rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-44 { - width: 22rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-44 { - width: 22rem; - } -} -.w-45 { - width: 22.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-45 { - width: 22.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-45 { - width: 22.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-45 { - width: 22.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-45 { - width: 22.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-45 { - width: 22.5rem; - } -} -.w-46 { - width: 23rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-46 { - width: 23rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-46 { - width: 23rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-46 { - width: 23rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-46 { - width: 23rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-46 { - width: 23rem; - } -} -.w-47 { - width: 23.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-47 { - width: 23.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-47 { - width: 23.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-47 { - width: 23.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-47 { - width: 23.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-47 { - width: 23.5rem; - } -} -.w-48 { - width: 24rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-48 { - width: 24rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-48 { - width: 24rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-48 { - width: 24rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-48 { - width: 24rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-48 { - width: 24rem; - } -} -.w-49 { - width: 24.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-49 { - width: 24.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-49 { - width: 24.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-49 { - width: 24.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-49 { - width: 24.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-49 { - width: 24.5rem; - } -} -.w-50 { - width: 25rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-50 { - width: 25rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-50 { - width: 25rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-50 { - width: 25rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-50 { - width: 25rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-50 { - width: 25rem; - } -} -.w-51 { - width: 25.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-51 { - width: 25.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-51 { - width: 25.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-51 { - width: 25.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-51 { - width: 25.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-51 { - width: 25.5rem; - } -} -.w-52 { - width: 26rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-52 { - width: 26rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-52 { - width: 26rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-52 { - width: 26rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-52 { - width: 26rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-52 { - width: 26rem; - } -} -.w-53 { - width: 26.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-53 { - width: 26.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-53 { - width: 26.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-53 { - width: 26.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-53 { - width: 26.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-53 { - width: 26.5rem; - } -} -.w-54 { - width: 27rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-54 { - width: 27rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-54 { - width: 27rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-54 { - width: 27rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-54 { - width: 27rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-54 { - width: 27rem; - } -} -.w-55 { - width: 27.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-55 { - width: 27.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-55 { - width: 27.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-55 { - width: 27.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-55 { - width: 27.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-55 { - width: 27.5rem; - } -} -.w-56 { - width: 28rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-56 { - width: 28rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-56 { - width: 28rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-56 { - width: 28rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-56 { - width: 28rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-56 { - width: 28rem; - } -} -.w-57 { - width: 28.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-57 { - width: 28.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-57 { - width: 28.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-57 { - width: 28.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-57 { - width: 28.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-57 { - width: 28.5rem; - } -} -.w-58 { - width: 29rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-58 { - width: 29rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-58 { - width: 29rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-58 { - width: 29rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-58 { - width: 29rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-58 { - width: 29rem; - } -} -.w-59 { - width: 29.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-59 { - width: 29.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-59 { - width: 29.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-59 { - width: 29.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-59 { - width: 29.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-59 { - width: 29.5rem; - } -} -.w-60 { - width: 30rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-60 { - width: 30rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-60 { - width: 30rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-60 { - width: 30rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-60 { - width: 30rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-60 { - width: 30rem; - } -} -.w-61 { - width: 30.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-61 { - width: 30.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-61 { - width: 30.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-61 { - width: 30.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-61 { - width: 30.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-61 { - width: 30.5rem; - } -} -.w-62 { - width: 31rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-62 { - width: 31rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-62 { - width: 31rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-62 { - width: 31rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-62 { - width: 31rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-62 { - width: 31rem; - } -} -.w-63 { - width: 31.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-63 { - width: 31.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-63 { - width: 31.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-63 { - width: 31.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-63 { - width: 31.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-63 { - width: 31.5rem; - } -} -.w-64 { - width: 32rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-64 { - width: 32rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-64 { - width: 32rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-64 { - width: 32rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-64 { - width: 32rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-64 { - width: 32rem; - } -} -.w-65 { - width: 32.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-65 { - width: 32.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-65 { - width: 32.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-65 { - width: 32.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-65 { - width: 32.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-65 { - width: 32.5rem; - } -} -.w-66 { - width: 33rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-66 { - width: 33rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-66 { - width: 33rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-66 { - width: 33rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-66 { - width: 33rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-66 { - width: 33rem; - } -} -.w-67 { - width: 33.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-67 { - width: 33.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-67 { - width: 33.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-67 { - width: 33.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-67 { - width: 33.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-67 { - width: 33.5rem; - } -} -.w-68 { - width: 34rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-68 { - width: 34rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-68 { - width: 34rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-68 { - width: 34rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-68 { - width: 34rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-68 { - width: 34rem; - } -} -.w-69 { - width: 34.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-69 { - width: 34.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-69 { - width: 34.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-69 { - width: 34.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-69 { - width: 34.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-69 { - width: 34.5rem; - } -} -.w-70 { - width: 35rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-70 { - width: 35rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-70 { - width: 35rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-70 { - width: 35rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-70 { - width: 35rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-70 { - width: 35rem; - } -} -.w-71 { - width: 35.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-71 { - width: 35.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-71 { - width: 35.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-71 { - width: 35.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-71 { - width: 35.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-71 { - width: 35.5rem; - } -} -.w-72 { - width: 36rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-72 { - width: 36rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-72 { - width: 36rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-72 { - width: 36rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-72 { - width: 36rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-72 { - width: 36rem; - } -} -.w-73 { - width: 36.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-73 { - width: 36.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-73 { - width: 36.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-73 { - width: 36.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-73 { - width: 36.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-73 { - width: 36.5rem; - } -} -.w-74 { - width: 37rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-74 { - width: 37rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-74 { - width: 37rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-74 { - width: 37rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-74 { - width: 37rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-74 { - width: 37rem; - } -} -.w-75 { - width: 37.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-75 { - width: 37.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-75 { - width: 37.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-75 { - width: 37.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-75 { - width: 37.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-75 { - width: 37.5rem; - } -} -.w-76 { - width: 38rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-76 { - width: 38rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-76 { - width: 38rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-76 { - width: 38rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-76 { - width: 38rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-76 { - width: 38rem; - } -} -.w-77 { - width: 38.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-77 { - width: 38.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-77 { - width: 38.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-77 { - width: 38.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-77 { - width: 38.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-77 { - width: 38.5rem; - } -} -.w-78 { - width: 39rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-78 { - width: 39rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-78 { - width: 39rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-78 { - width: 39rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-78 { - width: 39rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-78 { - width: 39rem; - } -} -.w-79 { - width: 39.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-79 { - width: 39.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-79 { - width: 39.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-79 { - width: 39.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-79 { - width: 39.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-79 { - width: 39.5rem; - } -} -.w-80 { - width: 40rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-80 { - width: 40rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-80 { - width: 40rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-80 { - width: 40rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-80 { - width: 40rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-80 { - width: 40rem; - } -} -.w-81 { - width: 40.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-81 { - width: 40.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-81 { - width: 40.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-81 { - width: 40.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-81 { - width: 40.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-81 { - width: 40.5rem; - } -} -.w-82 { - width: 41rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-82 { - width: 41rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-82 { - width: 41rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-82 { - width: 41rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-82 { - width: 41rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-82 { - width: 41rem; - } -} -.w-83 { - width: 41.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-83 { - width: 41.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-83 { - width: 41.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-83 { - width: 41.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-83 { - width: 41.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-83 { - width: 41.5rem; - } -} -.w-84 { - width: 42rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-84 { - width: 42rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-84 { - width: 42rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-84 { - width: 42rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-84 { - width: 42rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-84 { - width: 42rem; - } -} -.w-85 { - width: 42.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-85 { - width: 42.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-85 { - width: 42.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-85 { - width: 42.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-85 { - width: 42.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-85 { - width: 42.5rem; - } -} -.w-86 { - width: 43rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-86 { - width: 43rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-86 { - width: 43rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-86 { - width: 43rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-86 { - width: 43rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-86 { - width: 43rem; - } -} -.w-87 { - width: 43.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-87 { - width: 43.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-87 { - width: 43.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-87 { - width: 43.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-87 { - width: 43.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-87 { - width: 43.5rem; - } -} -.w-88 { - width: 44rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-88 { - width: 44rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-88 { - width: 44rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-88 { - width: 44rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-88 { - width: 44rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-88 { - width: 44rem; - } -} -.w-89 { - width: 44.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-89 { - width: 44.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-89 { - width: 44.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-89 { - width: 44.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-89 { - width: 44.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-89 { - width: 44.5rem; - } -} -.w-90 { - width: 45rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-90 { - width: 45rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-90 { - width: 45rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-90 { - width: 45rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-90 { - width: 45rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-90 { - width: 45rem; - } -} -.w-91 { - width: 45.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-91 { - width: 45.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-91 { - width: 45.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-91 { - width: 45.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-91 { - width: 45.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-91 { - width: 45.5rem; - } -} -.w-92 { - width: 46rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-92 { - width: 46rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-92 { - width: 46rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-92 { - width: 46rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-92 { - width: 46rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-92 { - width: 46rem; - } -} -.w-93 { - width: 46.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-93 { - width: 46.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-93 { - width: 46.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-93 { - width: 46.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-93 { - width: 46.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-93 { - width: 46.5rem; - } -} -.w-94 { - width: 47rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-94 { - width: 47rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-94 { - width: 47rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-94 { - width: 47rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-94 { - width: 47rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-94 { - width: 47rem; - } -} -.w-95 { - width: 47.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-95 { - width: 47.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-95 { - width: 47.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-95 { - width: 47.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-95 { - width: 47.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-95 { - width: 47.5rem; - } -} -.w-96 { - width: 48rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-96 { - width: 48rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-96 { - width: 48rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-96 { - width: 48rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-96 { - width: 48rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-96 { - width: 48rem; - } -} -.w-97 { - width: 48.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-97 { - width: 48.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-97 { - width: 48.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-97 { - width: 48.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-97 { - width: 48.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-97 { - width: 48.5rem; - } -} -.w-98 { - width: 49rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-98 { - width: 49rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-98 { - width: 49rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-98 { - width: 49rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-98 { - width: 49rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-98 { - width: 49rem; - } -} -.w-99 { - width: 49.5rem; -} - -@media only screen and (min-width: 576px) { - .w-xs-99 { - width: 49.5rem; - } -} -@media only screen and (min-width: 768px) { - .w-sm-99 { - width: 49.5rem; - } -} -@media only screen and (min-width: 992px) { - .w-md-99 { - width: 49.5rem; - } -} -@media only screen and (min-width: 1200px) { - .w-lg-99 { - width: 49.5rem; - } -} -@media only screen and (min-width: 1600px) { - .w-xlg-99 { - width: 49.5rem; - } -} -.h-1 { - height: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-1 { - height: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-1 { - height: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-1 { - height: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-1 { - height: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-1 { - height: 0.5rem; - } -} -.h-2 { - height: 1rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-2 { - height: 1rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-2 { - height: 1rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-2 { - height: 1rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-2 { - height: 1rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-2 { - height: 1rem; - } -} -.h-3 { - height: 1.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-3 { - height: 1.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-3 { - height: 1.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-3 { - height: 1.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-3 { - height: 1.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-3 { - height: 1.5rem; - } -} -.h-4 { - height: 2rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-4 { - height: 2rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-4 { - height: 2rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-4 { - height: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-4 { - height: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-4 { - height: 2rem; - } -} -.h-5 { - height: 2.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-5 { - height: 2.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-5 { - height: 2.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-5 { - height: 2.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-5 { - height: 2.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-5 { - height: 2.5rem; - } -} -.h-6 { - height: 3rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-6 { - height: 3rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-6 { - height: 3rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-6 { - height: 3rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-6 { - height: 3rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-6 { - height: 3rem; - } -} -.h-7 { - height: 3.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-7 { - height: 3.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-7 { - height: 3.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-7 { - height: 3.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-7 { - height: 3.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-7 { - height: 3.5rem; - } -} -.h-8 { - height: 4rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-8 { - height: 4rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-8 { - height: 4rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-8 { - height: 4rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-8 { - height: 4rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-8 { - height: 4rem; - } -} -.h-9 { - height: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-9 { - height: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-9 { - height: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-9 { - height: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-9 { - height: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-9 { - height: 4.5rem; - } -} -.h-10 { - height: 5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-10 { - height: 5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-10 { - height: 5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-10 { - height: 5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-10 { - height: 5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-10 { - height: 5rem; - } -} -.h-11 { - height: 5.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-11 { - height: 5.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-11 { - height: 5.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-11 { - height: 5.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-11 { - height: 5.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-11 { - height: 5.5rem; - } -} -.h-12 { - height: 6rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-12 { - height: 6rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-12 { - height: 6rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-12 { - height: 6rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-12 { - height: 6rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-12 { - height: 6rem; - } -} -.h-13 { - height: 6.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-13 { - height: 6.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-13 { - height: 6.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-13 { - height: 6.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-13 { - height: 6.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-13 { - height: 6.5rem; - } -} -.h-14 { - height: 7rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-14 { - height: 7rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-14 { - height: 7rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-14 { - height: 7rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-14 { - height: 7rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-14 { - height: 7rem; - } -} -.h-15 { - height: 7.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-15 { - height: 7.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-15 { - height: 7.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-15 { - height: 7.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-15 { - height: 7.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-15 { - height: 7.5rem; - } -} -.h-16 { - height: 8rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-16 { - height: 8rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-16 { - height: 8rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-16 { - height: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-16 { - height: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-16 { - height: 8rem; - } -} -.h-17 { - height: 8.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-17 { - height: 8.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-17 { - height: 8.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-17 { - height: 8.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-17 { - height: 8.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-17 { - height: 8.5rem; - } -} -.h-18 { - height: 9rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-18 { - height: 9rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-18 { - height: 9rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-18 { - height: 9rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-18 { - height: 9rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-18 { - height: 9rem; - } -} -.h-19 { - height: 9.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-19 { - height: 9.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-19 { - height: 9.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-19 { - height: 9.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-19 { - height: 9.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-19 { - height: 9.5rem; - } -} -.h-20 { - height: 10rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-20 { - height: 10rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-20 { - height: 10rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-20 { - height: 10rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-20 { - height: 10rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-20 { - height: 10rem; - } -} -.h-21 { - height: 10.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-21 { - height: 10.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-21 { - height: 10.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-21 { - height: 10.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-21 { - height: 10.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-21 { - height: 10.5rem; - } -} -.h-22 { - height: 11rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-22 { - height: 11rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-22 { - height: 11rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-22 { - height: 11rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-22 { - height: 11rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-22 { - height: 11rem; - } -} -.h-23 { - height: 11.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-23 { - height: 11.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-23 { - height: 11.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-23 { - height: 11.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-23 { - height: 11.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-23 { - height: 11.5rem; - } -} -.h-24 { - height: 12rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-24 { - height: 12rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-24 { - height: 12rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-24 { - height: 12rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-24 { - height: 12rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-24 { - height: 12rem; - } -} -.h-25 { - height: 12.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-25 { - height: 12.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-25 { - height: 12.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-25 { - height: 12.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-25 { - height: 12.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-25 { - height: 12.5rem; - } -} -.h-26 { - height: 13rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-26 { - height: 13rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-26 { - height: 13rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-26 { - height: 13rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-26 { - height: 13rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-26 { - height: 13rem; - } -} -.h-27 { - height: 13.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-27 { - height: 13.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-27 { - height: 13.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-27 { - height: 13.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-27 { - height: 13.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-27 { - height: 13.5rem; - } -} -.h-28 { - height: 14rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-28 { - height: 14rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-28 { - height: 14rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-28 { - height: 14rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-28 { - height: 14rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-28 { - height: 14rem; - } -} -.h-29 { - height: 14.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-29 { - height: 14.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-29 { - height: 14.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-29 { - height: 14.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-29 { - height: 14.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-29 { - height: 14.5rem; - } -} -.h-30 { - height: 15rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-30 { - height: 15rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-30 { - height: 15rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-30 { - height: 15rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-30 { - height: 15rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-30 { - height: 15rem; - } -} -.h-31 { - height: 15.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-31 { - height: 15.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-31 { - height: 15.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-31 { - height: 15.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-31 { - height: 15.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-31 { - height: 15.5rem; - } -} -.h-32 { - height: 16rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-32 { - height: 16rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-32 { - height: 16rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-32 { - height: 16rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-32 { - height: 16rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-32 { - height: 16rem; - } -} -.h-33 { - height: 16.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-33 { - height: 16.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-33 { - height: 16.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-33 { - height: 16.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-33 { - height: 16.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-33 { - height: 16.5rem; - } -} -.h-34 { - height: 17rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-34 { - height: 17rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-34 { - height: 17rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-34 { - height: 17rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-34 { - height: 17rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-34 { - height: 17rem; - } -} -.h-35 { - height: 17.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-35 { - height: 17.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-35 { - height: 17.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-35 { - height: 17.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-35 { - height: 17.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-35 { - height: 17.5rem; - } -} -.h-36 { - height: 18rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-36 { - height: 18rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-36 { - height: 18rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-36 { - height: 18rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-36 { - height: 18rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-36 { - height: 18rem; - } -} -.h-37 { - height: 18.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-37 { - height: 18.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-37 { - height: 18.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-37 { - height: 18.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-37 { - height: 18.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-37 { - height: 18.5rem; - } -} -.h-38 { - height: 19rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-38 { - height: 19rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-38 { - height: 19rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-38 { - height: 19rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-38 { - height: 19rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-38 { - height: 19rem; - } -} -.h-39 { - height: 19.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-39 { - height: 19.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-39 { - height: 19.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-39 { - height: 19.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-39 { - height: 19.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-39 { - height: 19.5rem; - } -} -.h-40 { - height: 20rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-40 { - height: 20rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-40 { - height: 20rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-40 { - height: 20rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-40 { - height: 20rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-40 { - height: 20rem; - } -} -.h-41 { - height: 20.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-41 { - height: 20.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-41 { - height: 20.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-41 { - height: 20.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-41 { - height: 20.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-41 { - height: 20.5rem; - } -} -.h-42 { - height: 21rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-42 { - height: 21rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-42 { - height: 21rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-42 { - height: 21rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-42 { - height: 21rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-42 { - height: 21rem; - } -} -.h-43 { - height: 21.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-43 { - height: 21.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-43 { - height: 21.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-43 { - height: 21.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-43 { - height: 21.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-43 { - height: 21.5rem; - } -} -.h-44 { - height: 22rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-44 { - height: 22rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-44 { - height: 22rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-44 { - height: 22rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-44 { - height: 22rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-44 { - height: 22rem; - } -} -.h-45 { - height: 22.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-45 { - height: 22.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-45 { - height: 22.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-45 { - height: 22.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-45 { - height: 22.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-45 { - height: 22.5rem; - } -} -.h-46 { - height: 23rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-46 { - height: 23rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-46 { - height: 23rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-46 { - height: 23rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-46 { - height: 23rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-46 { - height: 23rem; - } -} -.h-47 { - height: 23.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-47 { - height: 23.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-47 { - height: 23.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-47 { - height: 23.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-47 { - height: 23.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-47 { - height: 23.5rem; - } -} -.h-48 { - height: 24rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-48 { - height: 24rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-48 { - height: 24rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-48 { - height: 24rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-48 { - height: 24rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-48 { - height: 24rem; - } -} -.h-49 { - height: 24.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-49 { - height: 24.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-49 { - height: 24.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-49 { - height: 24.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-49 { - height: 24.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-49 { - height: 24.5rem; - } -} -.h-50 { - height: 25rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-50 { - height: 25rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-50 { - height: 25rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-50 { - height: 25rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-50 { - height: 25rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-50 { - height: 25rem; - } -} -.h-51 { - height: 25.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-51 { - height: 25.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-51 { - height: 25.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-51 { - height: 25.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-51 { - height: 25.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-51 { - height: 25.5rem; - } -} -.h-52 { - height: 26rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-52 { - height: 26rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-52 { - height: 26rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-52 { - height: 26rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-52 { - height: 26rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-52 { - height: 26rem; - } -} -.h-53 { - height: 26.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-53 { - height: 26.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-53 { - height: 26.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-53 { - height: 26.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-53 { - height: 26.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-53 { - height: 26.5rem; - } -} -.h-54 { - height: 27rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-54 { - height: 27rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-54 { - height: 27rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-54 { - height: 27rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-54 { - height: 27rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-54 { - height: 27rem; - } -} -.h-55 { - height: 27.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-55 { - height: 27.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-55 { - height: 27.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-55 { - height: 27.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-55 { - height: 27.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-55 { - height: 27.5rem; - } -} -.h-56 { - height: 28rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-56 { - height: 28rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-56 { - height: 28rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-56 { - height: 28rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-56 { - height: 28rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-56 { - height: 28rem; - } -} -.h-57 { - height: 28.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-57 { - height: 28.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-57 { - height: 28.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-57 { - height: 28.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-57 { - height: 28.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-57 { - height: 28.5rem; - } -} -.h-58 { - height: 29rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-58 { - height: 29rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-58 { - height: 29rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-58 { - height: 29rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-58 { - height: 29rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-58 { - height: 29rem; - } -} -.h-59 { - height: 29.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-59 { - height: 29.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-59 { - height: 29.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-59 { - height: 29.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-59 { - height: 29.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-59 { - height: 29.5rem; - } -} -.h-60 { - height: 30rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-60 { - height: 30rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-60 { - height: 30rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-60 { - height: 30rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-60 { - height: 30rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-60 { - height: 30rem; - } -} -.h-61 { - height: 30.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-61 { - height: 30.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-61 { - height: 30.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-61 { - height: 30.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-61 { - height: 30.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-61 { - height: 30.5rem; - } -} -.h-62 { - height: 31rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-62 { - height: 31rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-62 { - height: 31rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-62 { - height: 31rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-62 { - height: 31rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-62 { - height: 31rem; - } -} -.h-63 { - height: 31.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-63 { - height: 31.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-63 { - height: 31.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-63 { - height: 31.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-63 { - height: 31.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-63 { - height: 31.5rem; - } -} -.h-64 { - height: 32rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-64 { - height: 32rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-64 { - height: 32rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-64 { - height: 32rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-64 { - height: 32rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-64 { - height: 32rem; - } -} -.h-65 { - height: 32.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-65 { - height: 32.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-65 { - height: 32.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-65 { - height: 32.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-65 { - height: 32.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-65 { - height: 32.5rem; - } -} -.h-66 { - height: 33rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-66 { - height: 33rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-66 { - height: 33rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-66 { - height: 33rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-66 { - height: 33rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-66 { - height: 33rem; - } -} -.h-67 { - height: 33.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-67 { - height: 33.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-67 { - height: 33.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-67 { - height: 33.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-67 { - height: 33.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-67 { - height: 33.5rem; - } -} -.h-68 { - height: 34rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-68 { - height: 34rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-68 { - height: 34rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-68 { - height: 34rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-68 { - height: 34rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-68 { - height: 34rem; - } -} -.h-69 { - height: 34.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-69 { - height: 34.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-69 { - height: 34.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-69 { - height: 34.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-69 { - height: 34.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-69 { - height: 34.5rem; - } -} -.h-70 { - height: 35rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-70 { - height: 35rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-70 { - height: 35rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-70 { - height: 35rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-70 { - height: 35rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-70 { - height: 35rem; - } -} -.h-71 { - height: 35.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-71 { - height: 35.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-71 { - height: 35.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-71 { - height: 35.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-71 { - height: 35.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-71 { - height: 35.5rem; - } -} -.h-72 { - height: 36rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-72 { - height: 36rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-72 { - height: 36rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-72 { - height: 36rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-72 { - height: 36rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-72 { - height: 36rem; - } -} -.h-73 { - height: 36.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-73 { - height: 36.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-73 { - height: 36.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-73 { - height: 36.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-73 { - height: 36.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-73 { - height: 36.5rem; - } -} -.h-74 { - height: 37rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-74 { - height: 37rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-74 { - height: 37rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-74 { - height: 37rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-74 { - height: 37rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-74 { - height: 37rem; - } -} -.h-75 { - height: 37.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-75 { - height: 37.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-75 { - height: 37.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-75 { - height: 37.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-75 { - height: 37.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-75 { - height: 37.5rem; - } -} -.h-76 { - height: 38rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-76 { - height: 38rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-76 { - height: 38rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-76 { - height: 38rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-76 { - height: 38rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-76 { - height: 38rem; - } -} -.h-77 { - height: 38.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-77 { - height: 38.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-77 { - height: 38.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-77 { - height: 38.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-77 { - height: 38.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-77 { - height: 38.5rem; - } -} -.h-78 { - height: 39rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-78 { - height: 39rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-78 { - height: 39rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-78 { - height: 39rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-78 { - height: 39rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-78 { - height: 39rem; - } -} -.h-79 { - height: 39.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-79 { - height: 39.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-79 { - height: 39.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-79 { - height: 39.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-79 { - height: 39.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-79 { - height: 39.5rem; - } -} -.h-80 { - height: 40rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-80 { - height: 40rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-80 { - height: 40rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-80 { - height: 40rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-80 { - height: 40rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-80 { - height: 40rem; - } -} -.h-81 { - height: 40.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-81 { - height: 40.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-81 { - height: 40.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-81 { - height: 40.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-81 { - height: 40.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-81 { - height: 40.5rem; - } -} -.h-82 { - height: 41rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-82 { - height: 41rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-82 { - height: 41rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-82 { - height: 41rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-82 { - height: 41rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-82 { - height: 41rem; - } -} -.h-83 { - height: 41.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-83 { - height: 41.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-83 { - height: 41.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-83 { - height: 41.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-83 { - height: 41.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-83 { - height: 41.5rem; - } -} -.h-84 { - height: 42rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-84 { - height: 42rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-84 { - height: 42rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-84 { - height: 42rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-84 { - height: 42rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-84 { - height: 42rem; - } -} -.h-85 { - height: 42.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-85 { - height: 42.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-85 { - height: 42.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-85 { - height: 42.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-85 { - height: 42.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-85 { - height: 42.5rem; - } -} -.h-86 { - height: 43rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-86 { - height: 43rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-86 { - height: 43rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-86 { - height: 43rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-86 { - height: 43rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-86 { - height: 43rem; - } -} -.h-87 { - height: 43.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-87 { - height: 43.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-87 { - height: 43.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-87 { - height: 43.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-87 { - height: 43.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-87 { - height: 43.5rem; - } -} -.h-88 { - height: 44rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-88 { - height: 44rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-88 { - height: 44rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-88 { - height: 44rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-88 { - height: 44rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-88 { - height: 44rem; - } -} -.h-89 { - height: 44.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-89 { - height: 44.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-89 { - height: 44.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-89 { - height: 44.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-89 { - height: 44.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-89 { - height: 44.5rem; - } -} -.h-90 { - height: 45rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-90 { - height: 45rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-90 { - height: 45rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-90 { - height: 45rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-90 { - height: 45rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-90 { - height: 45rem; - } -} -.h-91 { - height: 45.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-91 { - height: 45.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-91 { - height: 45.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-91 { - height: 45.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-91 { - height: 45.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-91 { - height: 45.5rem; - } -} -.h-92 { - height: 46rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-92 { - height: 46rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-92 { - height: 46rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-92 { - height: 46rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-92 { - height: 46rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-92 { - height: 46rem; - } -} -.h-93 { - height: 46.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-93 { - height: 46.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-93 { - height: 46.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-93 { - height: 46.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-93 { - height: 46.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-93 { - height: 46.5rem; - } -} -.h-94 { - height: 47rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-94 { - height: 47rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-94 { - height: 47rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-94 { - height: 47rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-94 { - height: 47rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-94 { - height: 47rem; - } -} -.h-95 { - height: 47.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-95 { - height: 47.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-95 { - height: 47.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-95 { - height: 47.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-95 { - height: 47.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-95 { - height: 47.5rem; - } -} -.h-96 { - height: 48rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-96 { - height: 48rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-96 { - height: 48rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-96 { - height: 48rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-96 { - height: 48rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-96 { - height: 48rem; - } -} -.h-97 { - height: 48.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-97 { - height: 48.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-97 { - height: 48.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-97 { - height: 48.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-97 { - height: 48.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-97 { - height: 48.5rem; - } -} -.h-98 { - height: 49rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-98 { - height: 49rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-98 { - height: 49rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-98 { - height: 49rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-98 { - height: 49rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-98 { - height: 49rem; - } -} -.h-99 { - height: 49.5rem; -} - -@media only screen and (min-width: 576px) { - .h-xs-99 { - height: 49.5rem; - } -} -@media only screen and (min-width: 768px) { - .h-sm-99 { - height: 49.5rem; - } -} -@media only screen and (min-width: 992px) { - .h-md-99 { - height: 49.5rem; - } -} -@media only screen and (min-width: 1200px) { - .h-lg-99 { - height: 49.5rem; - } -} -@media only screen and (min-width: 1600px) { - .h-xlg-99 { - height: 49.5rem; - } -} -/** - * Spacing - * - * creates margin and padding for each direction and for each breakpont - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * mixin: spacing for single padding or margin - * - * - */ -/** - * mixin: spacing for each breakpoint - * - * - */ -/** - * - * - * - */ -.marginless { - margin: 0; -} - -.paddingless { - padding: 0; -} - -.m-last-child-0 > *:last-child { - margin: 0; -} - -.m-top-last-child-0 > *:last-child { - margin-top: 0; -} - -.m-bottom-last-child-0 > *:last-child { - margin-bottom: 0; -} - -.m-0 { - margin: 0; -} - -.m-1 { - margin: 1px; -} - -.m-2 { - margin: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-2 { - margin: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-2 { - margin: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-2 { - margin: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-2 { - margin: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-2 { - margin: 0.125rem; - } -} -.m-3 { - margin: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-3 { - margin: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-3 { - margin: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-3 { - margin: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-3 { - margin: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-3 { - margin: 0.5rem; - } -} -.m-4 { - margin: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-4 { - margin: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-4 { - margin: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-4 { - margin: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-4 { - margin: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-4 { - margin: 1.125rem; - } -} -.m-5 { - margin: 2rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-5 { - margin: 2rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-5 { - margin: 2rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-5 { - margin: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-5 { - margin: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-5 { - margin: 2rem; - } -} -.m-6 { - margin: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-6 { - margin: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-6 { - margin: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-6 { - margin: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-6 { - margin: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-6 { - margin: 3.125rem; - } -} -.m-7 { - margin: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-7 { - margin: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-7 { - margin: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-7 { - margin: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-7 { - margin: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-7 { - margin: 4.5rem; - } -} -.m-8 { - margin: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-8 { - margin: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-8 { - margin: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-8 { - margin: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-8 { - margin: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-8 { - margin: 6.125rem; - } -} -.m-9 { - margin: 8rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-9 { - margin: 8rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-9 { - margin: 8rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-9 { - margin: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-9 { - margin: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-9 { - margin: 8rem; - } -} -.m-10 { - margin: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .m-xs-10 { - margin: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-sm-10 { - margin: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-md-10 { - margin: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-lg-10 { - margin: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-xlg-10 { - margin: 10.125rem; - } -} -.m-top-0 { - margin-top: 0; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-0 { - margin-top: 0; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-0 { - margin-top: 0; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-0 { - margin-top: 0; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-0 { - margin-top: 0; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-0 { - margin-top: 0; - } -} -.m-top-1 { - margin-top: 1px; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-1 { - margin-top: 1px; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-1 { - margin-top: 1px; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-1 { - margin-top: 1px; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-1 { - margin-top: 1px; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-1 { - margin-top: 1px; - } -} -.m-top-2 { - margin-top: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-2 { - margin-top: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-2 { - margin-top: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-2 { - margin-top: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-2 { - margin-top: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-2 { - margin-top: 0.125rem; - } -} -.m-top-3 { - margin-top: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-3 { - margin-top: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-3 { - margin-top: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-3 { - margin-top: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-3 { - margin-top: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-3 { - margin-top: 0.5rem; - } -} -.m-top-4 { - margin-top: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-4 { - margin-top: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-4 { - margin-top: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-4 { - margin-top: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-4 { - margin-top: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-4 { - margin-top: 1.125rem; - } -} -.m-top-5 { - margin-top: 2rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-5 { - margin-top: 2rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-5 { - margin-top: 2rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-5 { - margin-top: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-5 { - margin-top: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-5 { - margin-top: 2rem; - } -} -.m-top-6 { - margin-top: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-6 { - margin-top: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-6 { - margin-top: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-6 { - margin-top: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-6 { - margin-top: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-6 { - margin-top: 3.125rem; - } -} -.m-top-7 { - margin-top: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-7 { - margin-top: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-7 { - margin-top: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-7 { - margin-top: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-7 { - margin-top: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-7 { - margin-top: 4.5rem; - } -} -.m-top-8 { - margin-top: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-8 { - margin-top: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-8 { - margin-top: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-8 { - margin-top: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-8 { - margin-top: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-8 { - margin-top: 6.125rem; - } -} -.m-top-9 { - margin-top: 8rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-9 { - margin-top: 8rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-9 { - margin-top: 8rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-9 { - margin-top: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-9 { - margin-top: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-9 { - margin-top: 8rem; - } -} -.m-top-10 { - margin-top: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .m-top-xs-10 { - margin-top: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-top-sm-10 { - margin-top: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-top-md-10 { - margin-top: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-top-lg-10 { - margin-top: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-top-xlg-10 { - margin-top: 10.125rem; - } -} -.m-bottom-0 { - margin-bottom: 0; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-0 { - margin-bottom: 0; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-0 { - margin-bottom: 0; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-0 { - margin-bottom: 0; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-0 { - margin-bottom: 0; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-0 { - margin-bottom: 0; - } -} -.m-bottom-1 { - margin-bottom: 1px; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-1 { - margin-bottom: 1px; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-1 { - margin-bottom: 1px; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-1 { - margin-bottom: 1px; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-1 { - margin-bottom: 1px; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-1 { - margin-bottom: 1px; - } -} -.m-bottom-2 { - margin-bottom: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-2 { - margin-bottom: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-2 { - margin-bottom: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-2 { - margin-bottom: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-2 { - margin-bottom: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-2 { - margin-bottom: 0.125rem; - } -} -.m-bottom-3 { - margin-bottom: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-3 { - margin-bottom: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-3 { - margin-bottom: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-3 { - margin-bottom: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-3 { - margin-bottom: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-3 { - margin-bottom: 0.5rem; - } -} -.m-bottom-4 { - margin-bottom: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-4 { - margin-bottom: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-4 { - margin-bottom: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-4 { - margin-bottom: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-4 { - margin-bottom: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-4 { - margin-bottom: 1.125rem; - } -} -.m-bottom-5 { - margin-bottom: 2rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-5 { - margin-bottom: 2rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-5 { - margin-bottom: 2rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-5 { - margin-bottom: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-5 { - margin-bottom: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-5 { - margin-bottom: 2rem; - } -} -.m-bottom-6 { - margin-bottom: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-6 { - margin-bottom: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-6 { - margin-bottom: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-6 { - margin-bottom: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-6 { - margin-bottom: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-6 { - margin-bottom: 3.125rem; - } -} -.m-bottom-7 { - margin-bottom: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-7 { - margin-bottom: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-7 { - margin-bottom: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-7 { - margin-bottom: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-7 { - margin-bottom: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-7 { - margin-bottom: 4.5rem; - } -} -.m-bottom-8 { - margin-bottom: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-8 { - margin-bottom: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-8 { - margin-bottom: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-8 { - margin-bottom: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-8 { - margin-bottom: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-8 { - margin-bottom: 6.125rem; - } -} -.m-bottom-9 { - margin-bottom: 8rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-9 { - margin-bottom: 8rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-9 { - margin-bottom: 8rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-9 { - margin-bottom: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-9 { - margin-bottom: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-9 { - margin-bottom: 8rem; - } -} -.m-bottom-10 { - margin-bottom: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .m-bottom-xs-10 { - margin-bottom: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-bottom-sm-10 { - margin-bottom: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-bottom-md-10 { - margin-bottom: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-bottom-lg-10 { - margin-bottom: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-bottom-xlg-10 { - margin-bottom: 10.125rem; - } -} -.m-left-0 { - margin-left: 0; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-0 { - margin-left: 0; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-0 { - margin-left: 0; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-0 { - margin-left: 0; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-0 { - margin-left: 0; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-0 { - margin-left: 0; - } -} -.m-left-1 { - margin-left: 1px; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-1 { - margin-left: 1px; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-1 { - margin-left: 1px; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-1 { - margin-left: 1px; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-1 { - margin-left: 1px; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-1 { - margin-left: 1px; - } -} -.m-left-2 { - margin-left: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-2 { - margin-left: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-2 { - margin-left: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-2 { - margin-left: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-2 { - margin-left: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-2 { - margin-left: 0.125rem; - } -} -.m-left-3 { - margin-left: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-3 { - margin-left: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-3 { - margin-left: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-3 { - margin-left: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-3 { - margin-left: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-3 { - margin-left: 0.5rem; - } -} -.m-left-4 { - margin-left: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-4 { - margin-left: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-4 { - margin-left: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-4 { - margin-left: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-4 { - margin-left: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-4 { - margin-left: 1.125rem; - } -} -.m-left-5 { - margin-left: 2rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-5 { - margin-left: 2rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-5 { - margin-left: 2rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-5 { - margin-left: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-5 { - margin-left: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-5 { - margin-left: 2rem; - } -} -.m-left-6 { - margin-left: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-6 { - margin-left: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-6 { - margin-left: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-6 { - margin-left: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-6 { - margin-left: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-6 { - margin-left: 3.125rem; - } -} -.m-left-7 { - margin-left: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-7 { - margin-left: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-7 { - margin-left: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-7 { - margin-left: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-7 { - margin-left: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-7 { - margin-left: 4.5rem; - } -} -.m-left-8 { - margin-left: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-8 { - margin-left: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-8 { - margin-left: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-8 { - margin-left: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-8 { - margin-left: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-8 { - margin-left: 6.125rem; - } -} -.m-left-9 { - margin-left: 8rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-9 { - margin-left: 8rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-9 { - margin-left: 8rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-9 { - margin-left: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-9 { - margin-left: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-9 { - margin-left: 8rem; - } -} -.m-left-10 { - margin-left: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .m-left-xs-10 { - margin-left: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-left-sm-10 { - margin-left: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-left-md-10 { - margin-left: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-left-lg-10 { - margin-left: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-left-xlg-10 { - margin-left: 10.125rem; - } -} -.m-right-0 { - margin-right: 0; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-0 { - margin-right: 0; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-0 { - margin-right: 0; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-0 { - margin-right: 0; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-0 { - margin-right: 0; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-0 { - margin-right: 0; - } -} -.m-right-1 { - margin-right: 1px; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-1 { - margin-right: 1px; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-1 { - margin-right: 1px; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-1 { - margin-right: 1px; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-1 { - margin-right: 1px; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-1 { - margin-right: 1px; - } -} -.m-right-2 { - margin-right: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-2 { - margin-right: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-2 { - margin-right: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-2 { - margin-right: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-2 { - margin-right: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-2 { - margin-right: 0.125rem; - } -} -.m-right-3 { - margin-right: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-3 { - margin-right: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-3 { - margin-right: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-3 { - margin-right: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-3 { - margin-right: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-3 { - margin-right: 0.5rem; - } -} -.m-right-4 { - margin-right: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-4 { - margin-right: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-4 { - margin-right: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-4 { - margin-right: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-4 { - margin-right: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-4 { - margin-right: 1.125rem; - } -} -.m-right-5 { - margin-right: 2rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-5 { - margin-right: 2rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-5 { - margin-right: 2rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-5 { - margin-right: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-5 { - margin-right: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-5 { - margin-right: 2rem; - } -} -.m-right-6 { - margin-right: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-6 { - margin-right: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-6 { - margin-right: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-6 { - margin-right: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-6 { - margin-right: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-6 { - margin-right: 3.125rem; - } -} -.m-right-7 { - margin-right: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-7 { - margin-right: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-7 { - margin-right: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-7 { - margin-right: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-7 { - margin-right: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-7 { - margin-right: 4.5rem; - } -} -.m-right-8 { - margin-right: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-8 { - margin-right: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-8 { - margin-right: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-8 { - margin-right: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-8 { - margin-right: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-8 { - margin-right: 6.125rem; - } -} -.m-right-9 { - margin-right: 8rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-9 { - margin-right: 8rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-9 { - margin-right: 8rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-9 { - margin-right: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-9 { - margin-right: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-9 { - margin-right: 8rem; - } -} -.m-right-10 { - margin-right: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .m-right-xs-10 { - margin-right: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .m-right-sm-10 { - margin-right: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .m-right-md-10 { - margin-right: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .m-right-lg-10 { - margin-right: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .m-right-xlg-10 { - margin-right: 10.125rem; - } -} -.p-0 { - padding: 0; -} - -.p-1 { - padding: 1px; -} - -.p-0 { - padding: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-0 { - padding: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-0 { - padding: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-0 { - padding: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-0 { - padding: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-0 { - padding: 0.125rem; - } -} -.p-1 { - padding: 0rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-1 { - padding: 0rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-1 { - padding: 0rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-1 { - padding: 0rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-1 { - padding: 0rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-1 { - padding: 0rem; - } -} -.p-2 { - padding: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-2 { - padding: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-2 { - padding: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-2 { - padding: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-2 { - padding: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-2 { - padding: 0.125rem; - } -} -.p-3 { - padding: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-3 { - padding: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-3 { - padding: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-3 { - padding: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-3 { - padding: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-3 { - padding: 0.5rem; - } -} -.p-4 { - padding: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-4 { - padding: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-4 { - padding: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-4 { - padding: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-4 { - padding: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-4 { - padding: 1.125rem; - } -} -.p-5 { - padding: 2rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-5 { - padding: 2rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-5 { - padding: 2rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-5 { - padding: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-5 { - padding: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-5 { - padding: 2rem; - } -} -.p-6 { - padding: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-6 { - padding: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-6 { - padding: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-6 { - padding: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-6 { - padding: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-6 { - padding: 3.125rem; - } -} -.p-7 { - padding: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-7 { - padding: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-7 { - padding: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-7 { - padding: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-7 { - padding: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-7 { - padding: 4.5rem; - } -} -.p-8 { - padding: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-8 { - padding: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-8 { - padding: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-8 { - padding: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-8 { - padding: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-8 { - padding: 6.125rem; - } -} -.p-9 { - padding: 8rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-9 { - padding: 8rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-9 { - padding: 8rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-9 { - padding: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-9 { - padding: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-9 { - padding: 8rem; - } -} -.p-10 { - padding: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .p-xs-10 { - padding: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-sm-10 { - padding: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-md-10 { - padding: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-lg-10 { - padding: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-xlg-10 { - padding: 10.125rem; - } -} -.p-top-0 { - padding-top: 0; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-0 { - padding-top: 0; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-0 { - padding-top: 0; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-0 { - padding-top: 0; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-0 { - padding-top: 0; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-0 { - padding-top: 0; - } -} -.p-top-1 { - padding-top: 1px; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-1 { - padding-top: 1px; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-1 { - padding-top: 1px; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-1 { - padding-top: 1px; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-1 { - padding-top: 1px; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-1 { - padding-top: 1px; - } -} -.p-top-0 { - padding-top: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-0 { - padding-top: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-0 { - padding-top: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-0 { - padding-top: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-0 { - padding-top: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-0 { - padding-top: 0.125rem; - } -} -.p-top-1 { - padding-top: 0rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-1 { - padding-top: 0rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-1 { - padding-top: 0rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-1 { - padding-top: 0rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-1 { - padding-top: 0rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-1 { - padding-top: 0rem; - } -} -.p-top-2 { - padding-top: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-2 { - padding-top: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-2 { - padding-top: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-2 { - padding-top: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-2 { - padding-top: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-2 { - padding-top: 0.125rem; - } -} -.p-top-3 { - padding-top: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-3 { - padding-top: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-3 { - padding-top: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-3 { - padding-top: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-3 { - padding-top: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-3 { - padding-top: 0.5rem; - } -} -.p-top-4 { - padding-top: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-4 { - padding-top: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-4 { - padding-top: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-4 { - padding-top: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-4 { - padding-top: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-4 { - padding-top: 1.125rem; - } -} -.p-top-5 { - padding-top: 2rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-5 { - padding-top: 2rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-5 { - padding-top: 2rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-5 { - padding-top: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-5 { - padding-top: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-5 { - padding-top: 2rem; - } -} -.p-top-6 { - padding-top: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-6 { - padding-top: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-6 { - padding-top: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-6 { - padding-top: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-6 { - padding-top: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-6 { - padding-top: 3.125rem; - } -} -.p-top-7 { - padding-top: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-7 { - padding-top: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-7 { - padding-top: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-7 { - padding-top: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-7 { - padding-top: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-7 { - padding-top: 4.5rem; - } -} -.p-top-8 { - padding-top: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-8 { - padding-top: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-8 { - padding-top: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-8 { - padding-top: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-8 { - padding-top: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-8 { - padding-top: 6.125rem; - } -} -.p-top-9 { - padding-top: 8rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-9 { - padding-top: 8rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-9 { - padding-top: 8rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-9 { - padding-top: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-9 { - padding-top: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-9 { - padding-top: 8rem; - } -} -.p-top-10 { - padding-top: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .p-top-xs-10 { - padding-top: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-top-sm-10 { - padding-top: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-top-md-10 { - padding-top: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-top-lg-10 { - padding-top: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-top-xlg-10 { - padding-top: 10.125rem; - } -} -.p-bottom-0 { - padding-bottom: 0; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-0 { - padding-bottom: 0; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-0 { - padding-bottom: 0; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-0 { - padding-bottom: 0; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-0 { - padding-bottom: 0; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-0 { - padding-bottom: 0; - } -} -.p-bottom-1 { - padding-bottom: 1px; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-1 { - padding-bottom: 1px; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-1 { - padding-bottom: 1px; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-1 { - padding-bottom: 1px; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-1 { - padding-bottom: 1px; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-1 { - padding-bottom: 1px; - } -} -.p-bottom-0 { - padding-bottom: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-0 { - padding-bottom: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-0 { - padding-bottom: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-0 { - padding-bottom: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-0 { - padding-bottom: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-0 { - padding-bottom: 0.125rem; - } -} -.p-bottom-1 { - padding-bottom: 0rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-1 { - padding-bottom: 0rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-1 { - padding-bottom: 0rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-1 { - padding-bottom: 0rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-1 { - padding-bottom: 0rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-1 { - padding-bottom: 0rem; - } -} -.p-bottom-2 { - padding-bottom: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-2 { - padding-bottom: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-2 { - padding-bottom: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-2 { - padding-bottom: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-2 { - padding-bottom: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-2 { - padding-bottom: 0.125rem; - } -} -.p-bottom-3 { - padding-bottom: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-3 { - padding-bottom: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-3 { - padding-bottom: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-3 { - padding-bottom: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-3 { - padding-bottom: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-3 { - padding-bottom: 0.5rem; - } -} -.p-bottom-4 { - padding-bottom: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-4 { - padding-bottom: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-4 { - padding-bottom: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-4 { - padding-bottom: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-4 { - padding-bottom: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-4 { - padding-bottom: 1.125rem; - } -} -.p-bottom-5 { - padding-bottom: 2rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-5 { - padding-bottom: 2rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-5 { - padding-bottom: 2rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-5 { - padding-bottom: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-5 { - padding-bottom: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-5 { - padding-bottom: 2rem; - } -} -.p-bottom-6 { - padding-bottom: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-6 { - padding-bottom: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-6 { - padding-bottom: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-6 { - padding-bottom: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-6 { - padding-bottom: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-6 { - padding-bottom: 3.125rem; - } -} -.p-bottom-7 { - padding-bottom: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-7 { - padding-bottom: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-7 { - padding-bottom: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-7 { - padding-bottom: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-7 { - padding-bottom: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-7 { - padding-bottom: 4.5rem; - } -} -.p-bottom-8 { - padding-bottom: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-8 { - padding-bottom: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-8 { - padding-bottom: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-8 { - padding-bottom: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-8 { - padding-bottom: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-8 { - padding-bottom: 6.125rem; - } -} -.p-bottom-9 { - padding-bottom: 8rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-9 { - padding-bottom: 8rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-9 { - padding-bottom: 8rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-9 { - padding-bottom: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-9 { - padding-bottom: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-9 { - padding-bottom: 8rem; - } -} -.p-bottom-10 { - padding-bottom: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .p-bottom-xs-10 { - padding-bottom: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-bottom-sm-10 { - padding-bottom: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-bottom-md-10 { - padding-bottom: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-bottom-lg-10 { - padding-bottom: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-bottom-xlg-10 { - padding-bottom: 10.125rem; - } -} -.p-left-0 { - padding-left: 0; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-0 { - padding-left: 0; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-0 { - padding-left: 0; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-0 { - padding-left: 0; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-0 { - padding-left: 0; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-0 { - padding-left: 0; - } -} -.p-left-1 { - padding-left: 1px; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-1 { - padding-left: 1px; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-1 { - padding-left: 1px; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-1 { - padding-left: 1px; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-1 { - padding-left: 1px; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-1 { - padding-left: 1px; - } -} -.p-left-0 { - padding-left: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-0 { - padding-left: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-0 { - padding-left: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-0 { - padding-left: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-0 { - padding-left: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-0 { - padding-left: 0.125rem; - } -} -.p-left-1 { - padding-left: 0rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-1 { - padding-left: 0rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-1 { - padding-left: 0rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-1 { - padding-left: 0rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-1 { - padding-left: 0rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-1 { - padding-left: 0rem; - } -} -.p-left-2 { - padding-left: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-2 { - padding-left: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-2 { - padding-left: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-2 { - padding-left: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-2 { - padding-left: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-2 { - padding-left: 0.125rem; - } -} -.p-left-3 { - padding-left: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-3 { - padding-left: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-3 { - padding-left: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-3 { - padding-left: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-3 { - padding-left: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-3 { - padding-left: 0.5rem; - } -} -.p-left-4 { - padding-left: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-4 { - padding-left: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-4 { - padding-left: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-4 { - padding-left: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-4 { - padding-left: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-4 { - padding-left: 1.125rem; - } -} -.p-left-5 { - padding-left: 2rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-5 { - padding-left: 2rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-5 { - padding-left: 2rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-5 { - padding-left: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-5 { - padding-left: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-5 { - padding-left: 2rem; - } -} -.p-left-6 { - padding-left: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-6 { - padding-left: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-6 { - padding-left: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-6 { - padding-left: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-6 { - padding-left: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-6 { - padding-left: 3.125rem; - } -} -.p-left-7 { - padding-left: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-7 { - padding-left: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-7 { - padding-left: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-7 { - padding-left: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-7 { - padding-left: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-7 { - padding-left: 4.5rem; - } -} -.p-left-8 { - padding-left: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-8 { - padding-left: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-8 { - padding-left: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-8 { - padding-left: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-8 { - padding-left: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-8 { - padding-left: 6.125rem; - } -} -.p-left-9 { - padding-left: 8rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-9 { - padding-left: 8rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-9 { - padding-left: 8rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-9 { - padding-left: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-9 { - padding-left: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-9 { - padding-left: 8rem; - } -} -.p-left-10 { - padding-left: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .p-left-xs-10 { - padding-left: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-left-sm-10 { - padding-left: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-left-md-10 { - padding-left: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-left-lg-10 { - padding-left: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-left-xlg-10 { - padding-left: 10.125rem; - } -} -.p-right-0 { - padding-right: 0; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-0 { - padding-right: 0; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-0 { - padding-right: 0; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-0 { - padding-right: 0; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-0 { - padding-right: 0; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-0 { - padding-right: 0; - } -} -.p-right-1 { - padding-right: 1px; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-1 { - padding-right: 1px; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-1 { - padding-right: 1px; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-1 { - padding-right: 1px; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-1 { - padding-right: 1px; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-1 { - padding-right: 1px; - } -} -.p-right-0 { - padding-right: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-0 { - padding-right: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-0 { - padding-right: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-0 { - padding-right: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-0 { - padding-right: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-0 { - padding-right: 0.125rem; - } -} -.p-right-1 { - padding-right: 0rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-1 { - padding-right: 0rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-1 { - padding-right: 0rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-1 { - padding-right: 0rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-1 { - padding-right: 0rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-1 { - padding-right: 0rem; - } -} -.p-right-2 { - padding-right: 0.125rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-2 { - padding-right: 0.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-2 { - padding-right: 0.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-2 { - padding-right: 0.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-2 { - padding-right: 0.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-2 { - padding-right: 0.125rem; - } -} -.p-right-3 { - padding-right: 0.5rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-3 { - padding-right: 0.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-3 { - padding-right: 0.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-3 { - padding-right: 0.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-3 { - padding-right: 0.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-3 { - padding-right: 0.5rem; - } -} -.p-right-4 { - padding-right: 1.125rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-4 { - padding-right: 1.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-4 { - padding-right: 1.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-4 { - padding-right: 1.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-4 { - padding-right: 1.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-4 { - padding-right: 1.125rem; - } -} -.p-right-5 { - padding-right: 2rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-5 { - padding-right: 2rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-5 { - padding-right: 2rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-5 { - padding-right: 2rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-5 { - padding-right: 2rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-5 { - padding-right: 2rem; - } -} -.p-right-6 { - padding-right: 3.125rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-6 { - padding-right: 3.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-6 { - padding-right: 3.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-6 { - padding-right: 3.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-6 { - padding-right: 3.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-6 { - padding-right: 3.125rem; - } -} -.p-right-7 { - padding-right: 4.5rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-7 { - padding-right: 4.5rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-7 { - padding-right: 4.5rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-7 { - padding-right: 4.5rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-7 { - padding-right: 4.5rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-7 { - padding-right: 4.5rem; - } -} -.p-right-8 { - padding-right: 6.125rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-8 { - padding-right: 6.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-8 { - padding-right: 6.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-8 { - padding-right: 6.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-8 { - padding-right: 6.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-8 { - padding-right: 6.125rem; - } -} -.p-right-9 { - padding-right: 8rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-9 { - padding-right: 8rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-9 { - padding-right: 8rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-9 { - padding-right: 8rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-9 { - padding-right: 8rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-9 { - padding-right: 8rem; - } -} -.p-right-10 { - padding-right: 10.125rem; -} - -@media only screen and (min-width: 576px) { - .p-right-xs-10 { - padding-right: 10.125rem; - } -} -@media only screen and (min-width: 768px) { - .p-right-sm-10 { - padding-right: 10.125rem; - } -} -@media only screen and (min-width: 992px) { - .p-right-md-10 { - padding-right: 10.125rem; - } -} -@media only screen and (min-width: 1200px) { - .p-right-lg-10 { - padding-right: 10.125rem; - } -} -@media only screen and (min-width: 1600px) { - .p-right-xlg-10 { - padding-right: 10.125rem; - } -} -/** - * colors - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.color-body { - color: var(--body); -} - -.color-text { - color: var(--text); -} - -.color-text-contrast { - color: var(--text-contrast); -} - -.color-primary { - color: var(--primary); -} - -.color-primary-contrast { - color: var(--primary-contrast); -} - -.color-active { - color: var(--active); -} - -.color-active-contrast { - color: var(--active-contrast); -} - -.color-link { - color: var(--link); -} - -.color-link-hover { - color: var(--link-hover); -} - -.color-danger { - color: var(--danger); -} - -.color-danger-contrast { - color: var(--danger-contrast); -} - -.color-info { - color: var(--info); -} - -.color-info-constrast { - color: var(--info-constrast); -} - -.color-success { - color: var(--success); -} - -.color-success-contrast { - color: var(--success-contrast); -} - -.color-warning { - color: var(--warning); -} - -.color-warning-contrast { - color: var(--warning-contrast); -} - -.color-background { - color: var(--background); -} - -.color-background-contrast { - color: var(--background-contrast); -} - -.color-background-alpha { - color: var(--background-alpha); -} - -.color-border { - color: var(--border); -} - -.color-border-contrast { - color: var(--border-contrast); -} - -.fill-body { - fill: var(--body); -} -.fill-body svg { - fill: var(--body); -} - -.fill-text { - fill: var(--text); -} -.fill-text svg { - fill: var(--text); -} - -.fill-text-contrast { - fill: var(--text-contrast); -} -.fill-text-contrast svg { - fill: var(--text-contrast); -} - -.fill-primary { - fill: var(--primary); -} -.fill-primary svg { - fill: var(--primary); -} - -.fill-primary-contrast { - fill: var(--primary-contrast); -} -.fill-primary-contrast svg { - fill: var(--primary-contrast); -} - -.fill-active { - fill: var(--active); -} -.fill-active svg { - fill: var(--active); -} - -.fill-active-contrast { - fill: var(--active-contrast); -} -.fill-active-contrast svg { - fill: var(--active-contrast); -} - -.fill-link { - fill: var(--link); -} -.fill-link svg { - fill: var(--link); -} - -.fill-link-hover { - fill: var(--link-hover); -} -.fill-link-hover svg { - fill: var(--link-hover); -} - -.fill-danger { - fill: var(--danger); -} -.fill-danger svg { - fill: var(--danger); -} - -.fill-danger-contrast { - fill: var(--danger-contrast); -} -.fill-danger-contrast svg { - fill: var(--danger-contrast); -} - -.fill-info { - fill: var(--info); -} -.fill-info svg { - fill: var(--info); -} - -.fill-info-constrast { - fill: var(--info-constrast); -} -.fill-info-constrast svg { - fill: var(--info-constrast); -} - -.fill-success { - fill: var(--success); -} -.fill-success svg { - fill: var(--success); -} - -.fill-success-contrast { - fill: var(--success-contrast); -} -.fill-success-contrast svg { - fill: var(--success-contrast); -} - -.fill-warning { - fill: var(--warning); -} -.fill-warning svg { - fill: var(--warning); -} - -.fill-warning-contrast { - fill: var(--warning-contrast); -} -.fill-warning-contrast svg { - fill: var(--warning-contrast); -} - -.fill-background { - fill: var(--background); -} -.fill-background svg { - fill: var(--background); -} - -.fill-background-contrast { - fill: var(--background-contrast); -} -.fill-background-contrast svg { - fill: var(--background-contrast); -} - -.fill-background-alpha { - fill: var(--background-alpha); -} -.fill-background-alpha svg { - fill: var(--background-alpha); -} - -.fill-border { - fill: var(--border); -} -.fill-border svg { - fill: var(--border); -} - -.fill-border-contrast { - fill: var(--border-contrast); -} -.fill-border-contrast svg { - fill: var(--border-contrast); -} - -.fill-body-hover:hover { - fill: var(--body); -} -.fill-body-hover:hover svg { - fill: var(--body); -} - -.fill-text-hover:hover { - fill: var(--text); -} -.fill-text-hover:hover svg { - fill: var(--text); -} - -.fill-text-contrast-hover:hover { - fill: var(--text-contrast); -} -.fill-text-contrast-hover:hover svg { - fill: var(--text-contrast); -} - -.fill-primary-hover:hover { - fill: var(--primary); -} -.fill-primary-hover:hover svg { - fill: var(--primary); -} - -.fill-primary-contrast-hover:hover { - fill: var(--primary-contrast); -} -.fill-primary-contrast-hover:hover svg { - fill: var(--primary-contrast); -} - -.fill-active-hover:hover { - fill: var(--active); -} -.fill-active-hover:hover svg { - fill: var(--active); -} - -.fill-active-contrast-hover:hover { - fill: var(--active-contrast); -} -.fill-active-contrast-hover:hover svg { - fill: var(--active-contrast); -} - -.fill-link-hover:hover { - fill: var(--link); -} -.fill-link-hover:hover svg { - fill: var(--link); -} - -.fill-link-hover-hover:hover { - fill: var(--link-hover); -} -.fill-link-hover-hover:hover svg { - fill: var(--link-hover); -} - -.fill-danger-hover:hover { - fill: var(--danger); -} -.fill-danger-hover:hover svg { - fill: var(--danger); -} - -.fill-danger-contrast-hover:hover { - fill: var(--danger-contrast); -} -.fill-danger-contrast-hover:hover svg { - fill: var(--danger-contrast); -} - -.fill-info-hover:hover { - fill: var(--info); -} -.fill-info-hover:hover svg { - fill: var(--info); -} - -.fill-info-constrast-hover:hover { - fill: var(--info-constrast); -} -.fill-info-constrast-hover:hover svg { - fill: var(--info-constrast); -} - -.fill-success-hover:hover { - fill: var(--success); -} -.fill-success-hover:hover svg { - fill: var(--success); -} - -.fill-success-contrast-hover:hover { - fill: var(--success-contrast); -} -.fill-success-contrast-hover:hover svg { - fill: var(--success-contrast); -} - -.fill-warning-hover:hover { - fill: var(--warning); -} -.fill-warning-hover:hover svg { - fill: var(--warning); -} - -.fill-warning-contrast-hover:hover { - fill: var(--warning-contrast); -} -.fill-warning-contrast-hover:hover svg { - fill: var(--warning-contrast); -} - -.fill-background-hover:hover { - fill: var(--background); -} -.fill-background-hover:hover svg { - fill: var(--background); -} - -.fill-background-contrast-hover:hover { - fill: var(--background-contrast); -} -.fill-background-contrast-hover:hover svg { - fill: var(--background-contrast); -} - -.fill-background-alpha-hover:hover { - fill: var(--background-alpha); -} -.fill-background-alpha-hover:hover svg { - fill: var(--background-alpha); -} - -.fill-border-hover:hover { - fill: var(--border); -} -.fill-border-hover:hover svg { - fill: var(--border); -} - -.fill-border-contrast-hover:hover { - fill: var(--border-contrast); -} -.fill-border-contrast-hover:hover svg { - fill: var(--border-contrast); -} - -.border-color-body { - border-color: var(--body); -} - -.border-color-text { - border-color: var(--text); -} - -.border-color-text-contrast { - border-color: var(--text-contrast); -} - -.border-color-primary { - border-color: var(--primary); -} - -.border-color-primary-contrast { - border-color: var(--primary-contrast); -} - -.border-color-active { - border-color: var(--active); -} - -.border-color-active-contrast { - border-color: var(--active-contrast); -} - -.border-color-link { - border-color: var(--link); -} - -.border-color-link-hover { - border-color: var(--link-hover); -} - -.border-color-danger { - border-color: var(--danger); -} - -.border-color-danger-contrast { - border-color: var(--danger-contrast); -} - -.border-color-info { - border-color: var(--info); -} - -.border-color-info-constrast { - border-color: var(--info-constrast); -} - -.border-color-success { - border-color: var(--success); -} - -.border-color-success-contrast { - border-color: var(--success-contrast); -} - -.border-color-warning { - border-color: var(--warning); -} - -.border-color-warning-contrast { - border-color: var(--warning-contrast); -} - -.border-color-background { - border-color: var(--background); -} - -.border-color-background-contrast { - border-color: var(--background-contrast); -} - -.border-color-background-alpha { - border-color: var(--background-alpha); -} - -.border-color-border { - border-color: var(--border); -} - -.border-color-border-contrast { - border-color: var(--border-contrast); -} - -.background-color-body { - background-color: var(--body); -} - -.background-color-text { - background-color: var(--text); -} - -.background-color-text-contrast { - background-color: var(--text-contrast); -} - -.background-color-primary { - background-color: var(--primary); -} - -.background-color-primary-contrast { - background-color: var(--primary-contrast); -} - -.background-color-active { - background-color: var(--active); -} - -.background-color-active-contrast { - background-color: var(--active-contrast); -} - -.background-color-link { - background-color: var(--link); -} - -.background-color-link-hover { - background-color: var(--link-hover); -} - -.background-color-danger { - background-color: var(--danger); -} - -.background-color-danger-contrast { - background-color: var(--danger-contrast); -} - -.background-color-info { - background-color: var(--info); -} - -.background-color-info-constrast { - background-color: var(--info-constrast); -} - -.background-color-success { - background-color: var(--success); -} - -.background-color-success-contrast { - background-color: var(--success-contrast); -} - -.background-color-warning { - background-color: var(--warning); -} - -.background-color-warning-contrast { - background-color: var(--warning-contrast); -} - -.background-color-background { - background-color: var(--background); -} - -.background-color-background-contrast { - background-color: var(--background-contrast); -} - -.background-color-background-alpha { - background-color: var(--background-alpha); -} - -.background-color-border { - background-color: var(--border); -} - -.background-color-border-contrast { - background-color: var(--border-contrast); -} - -/** - * typography - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.left { - text-align: left; -} - -@media only screen and (min-width: 576px) { - .left-xs { - text-align: left; - } -} -@media only screen and (min-width: 768px) { - .left-sm { - text-align: left; - } -} -@media only screen and (min-width: 992px) { - .left-md { - text-align: left; - } -} -@media only screen and (min-width: 1200px) { - .left-lg { - text-align: left; - } -} -@media only screen and (min-width: 1600px) { - .left-xlg { - text-align: left; - } -} -.right { - text-align: right; -} - -@media only screen and (min-width: 576px) { - .right-xs { - text-align: right; - } -} -@media only screen and (min-width: 768px) { - .right-sm { - text-align: right; - } -} -@media only screen and (min-width: 992px) { - .right-md { - text-align: right; - } -} -@media only screen and (min-width: 1200px) { - .right-lg { - text-align: right; - } -} -@media only screen and (min-width: 1600px) { - .right-xlg { - text-align: right; - } -} -.center { - text-align: center; -} - -@media only screen and (min-width: 576px) { - .center-xs { - text-align: center; - } -} -@media only screen and (min-width: 768px) { - .center-sm { - text-align: center; - } -} -@media only screen and (min-width: 992px) { - .center-md { - text-align: center; - } -} -@media only screen and (min-width: 1200px) { - .center-lg { - text-align: center; - } -} -@media only screen and (min-width: 1600px) { - .center-xlg { - text-align: center; - } -} -.justify { - text-align: justify; -} - -@media only screen and (min-width: 576px) { - .justify-xs { - text-align: justify; - } -} -@media only screen and (min-width: 768px) { - .justify-sm { - text-align: justify; - } -} -@media only screen and (min-width: 992px) { - .justify-md { - text-align: justify; - } -} -@media only screen and (min-width: 1200px) { - .justify-lg { - text-align: justify; - } -} -@media only screen and (min-width: 1600px) { - .justify-xlg { - text-align: justify; - } -} -.uppercase { - text-transform: uppercase; -} - -@media only screen and (min-width: 576px) { - .uppercase-xs { - text-transform: uppercase; - } -} -@media only screen and (min-width: 768px) { - .uppercase-sm { - text-transform: uppercase; - } -} -@media only screen and (min-width: 992px) { - .uppercase-md { - text-transform: uppercase; - } -} -@media only screen and (min-width: 1200px) { - .uppercase-lg { - text-transform: uppercase; - } -} -@media only screen and (min-width: 1600px) { - .uppercase-xlg { - text-transform: uppercase; - } -} -.lowercase { - text-transform: lowercase; -} - -@media only screen and (min-width: 576px) { - .lowercase-xs { - text-transform: lowercase; - } -} -@media only screen and (min-width: 768px) { - .lowercase-sm { - text-transform: lowercase; - } -} -@media only screen and (min-width: 992px) { - .lowercase-md { - text-transform: lowercase; - } -} -@media only screen and (min-width: 1200px) { - .lowercase-lg { - text-transform: lowercase; - } -} -@media only screen and (min-width: 1600px) { - .lowercase-xlg { - text-transform: lowercase; - } -} -.crossed { - text-decoration: line-through; -} - -@media only screen and (min-width: 576px) { - .crossed-xs { - text-decoration: line-through; - } -} -@media only screen and (min-width: 768px) { - .crossed-sm { - text-decoration: line-through; - } -} -@media only screen and (min-width: 992px) { - .crossed-md { - text-decoration: line-through; - } -} -@media only screen and (min-width: 1200px) { - .crossed-lg { - text-decoration: line-through; - } -} -@media only screen and (min-width: 1600px) { - .crossed-xlg { - text-decoration: line-through; - } -} -.underline { - text-decoration: underline; -} - -@media only screen and (min-width: 576px) { - .underline-xs { - text-decoration: underline; - } -} -@media only screen and (min-width: 768px) { - .underline-sm { - text-decoration: underline; - } -} -@media only screen and (min-width: 992px) { - .underline-md { - text-decoration: underline; - } -} -@media only screen and (min-width: 1200px) { - .underline-lg { - text-decoration: underline; - } -} -@media only screen and (min-width: 1600px) { - .underline-xlg { - text-decoration: underline; - } -} -.capitalize { - text-transform: capitalize; -} - -@media only screen and (min-width: 576px) { - .capitalize-xs { - text-transform: capitalize; - } -} -@media only screen and (min-width: 768px) { - .capitalize-sm { - text-transform: capitalize; - } -} -@media only screen and (min-width: 992px) { - .capitalize-md { - text-transform: capitalize; - } -} -@media only screen and (min-width: 1200px) { - .capitalize-lg { - text-transform: capitalize; - } -} -@media only screen and (min-width: 1600px) { - .capitalize-xlg { - text-transform: capitalize; - } -} -.italic { - font-style: italic; -} - -@media only screen and (min-width: 576px) { - .italic-xs { - font-style: italic; - } -} -@media only screen and (min-width: 768px) { - .italic-sm { - font-style: italic; - } -} -@media only screen and (min-width: 992px) { - .italic-md { - font-style: italic; - } -} -@media only screen and (min-width: 1200px) { - .italic-lg { - font-style: italic; - } -} -@media only screen and (min-width: 1600px) { - .italic-xlg { - font-style: italic; - } -} -.light { - font-weight: lighter; -} - -@media only screen and (min-width: 576px) { - .light-xs { - font-weight: lighter; - } -} -@media only screen and (min-width: 768px) { - .light-sm { - font-weight: lighter; - } -} -@media only screen and (min-width: 992px) { - .light-md { - font-weight: lighter; - } -} -@media only screen and (min-width: 1200px) { - .light-lg { - font-weight: lighter; - } -} -@media only screen and (min-width: 1600px) { - .light-xlg { - font-weight: lighter; - } -} -.normal { - font-weight: normal; -} - -@media only screen and (min-width: 576px) { - .normal-xs { - font-weight: normal; - } -} -@media only screen and (min-width: 768px) { - .normal-sm { - font-weight: normal; - } -} -@media only screen and (min-width: 992px) { - .normal-md { - font-weight: normal; - } -} -@media only screen and (min-width: 1200px) { - .normal-lg { - font-weight: normal; - } -} -@media only screen and (min-width: 1600px) { - .normal-xlg { - font-weight: normal; - } -} -.medium { - font-weight: medium; -} - -@media only screen and (min-width: 576px) { - .medium-xs { - font-weight: medium; - } -} -@media only screen and (min-width: 768px) { - .medium-sm { - font-weight: medium; - } -} -@media only screen and (min-width: 992px) { - .medium-md { - font-weight: medium; - } -} -@media only screen and (min-width: 1200px) { - .medium-lg { - font-weight: medium; - } -} -@media only screen and (min-width: 1600px) { - .medium-xlg { - font-weight: medium; - } -} -.bold { - font-weight: bolder; -} - -@media only screen and (min-width: 576px) { - .bold-xs { - font-weight: bolder; - } -} -@media only screen and (min-width: 768px) { - .bold-sm { - font-weight: bolder; - } -} -@media only screen and (min-width: 992px) { - .bold-md { - font-weight: bolder; - } -} -@media only screen and (min-width: 1200px) { - .bold-lg { - font-weight: bolder; - } -} -@media only screen and (min-width: 1600px) { - .bold-xlg { - font-weight: bolder; - } -} -/** - * font-sizes - * - * - */ -.size-default { - font-size: 0.9rem; -} - -@media only screen and (min-width: 576px) { - .size-xs-default { - font-size: 0.9rem; - } -} -@media only screen and (min-width: 768px) { - .size-sm-default { - font-size: 0.9rem; - } -} -@media only screen and (min-width: 992px) { - .size-md-default { - font-size: 0.9rem; - } -} -@media only screen and (min-width: 1200px) { - .size-lg-default { - font-size: 0.9rem; - } -} -@media only screen and (min-width: 1600px) { - .size-xlg-default { - font-size: 0.9rem; - } -} -.size-small { - font-size: 0.675rem; -} - -@media only screen and (min-width: 576px) { - .size-xs-small { - font-size: 0.675rem; - } -} -@media only screen and (min-width: 768px) { - .size-sm-small { - font-size: 0.675rem; - } -} -@media only screen and (min-width: 992px) { - .size-md-small { - font-size: 0.675rem; - } -} -@media only screen and (min-width: 1200px) { - .size-lg-small { - font-size: 0.675rem; - } -} -@media only screen and (min-width: 1600px) { - .size-xlg-small { - font-size: 0.675rem; - } -} -.size-medium { - font-size: 1.35rem; -} - -@media only screen and (min-width: 576px) { - .size-xs-medium { - font-size: 1.35rem; - } -} -@media only screen and (min-width: 768px) { - .size-sm-medium { - font-size: 1.35rem; - } -} -@media only screen and (min-width: 992px) { - .size-md-medium { - font-size: 1.35rem; - } -} -@media only screen and (min-width: 1200px) { - .size-lg-medium { - font-size: 1.35rem; - } -} -@media only screen and (min-width: 1600px) { - .size-xlg-medium { - font-size: 1.35rem; - } -} -.size-large { - font-size: 1.8rem; -} - -@media only screen and (min-width: 576px) { - .size-xs-large { - font-size: 1.8rem; - } -} -@media only screen and (min-width: 768px) { - .size-sm-large { - font-size: 1.8rem; - } -} -@media only screen and (min-width: 992px) { - .size-md-large { - font-size: 1.8rem; - } -} -@media only screen and (min-width: 1200px) { - .size-lg-large { - font-size: 1.8rem; - } -} -@media only screen and (min-width: 1600px) { - .size-xlg-large { - font-size: 1.8rem; - } -} -.size-big { - font-size: 2.7rem; -} - -@media only screen and (min-width: 576px) { - .size-xs-big { - font-size: 2.7rem; - } -} -@media only screen and (min-width: 768px) { - .size-sm-big { - font-size: 2.7rem; - } -} -@media only screen and (min-width: 992px) { - .size-md-big { - font-size: 2.7rem; - } -} -@media only screen and (min-width: 1200px) { - .size-lg-big { - font-size: 2.7rem; - } -} -@media only screen and (min-width: 1600px) { - .size-xlg-big { - font-size: 2.7rem; - } -} -/** - * white-space - * - * - */ -.white-space-normal { - white-space: normal; -} - -@media only screen and (min-width: 576px) { - .white-space-normal-xs { - white-space: normal; - } -} -@media only screen and (min-width: 768px) { - .white-space-normal-sm { - white-space: normal; - } -} -@media only screen and (min-width: 992px) { - .white-space-normal-md { - white-space: normal; - } -} -@media only screen and (min-width: 1200px) { - .white-space-normal-lg { - white-space: normal; - } -} -@media only screen and (min-width: 1600px) { - .white-space-normal-xlg { - white-space: normal; - } -} -.white-space-nowrap { - white-space: nowrap; -} - -@media only screen and (min-width: 576px) { - .white-space-nowrap-xs { - white-space: nowrap; - } -} -@media only screen and (min-width: 768px) { - .white-space-nowrap-sm { - white-space: nowrap; - } -} -@media only screen and (min-width: 992px) { - .white-space-nowrap-md { - white-space: nowrap; - } -} -@media only screen and (min-width: 1200px) { - .white-space-nowrap-lg { - white-space: nowrap; - } -} -@media only screen and (min-width: 1600px) { - .white-space-nowrap-xlg { - white-space: nowrap; - } -} -.white-space-pre { - white-space: pre; -} - -@media only screen and (min-width: 576px) { - .white-space-pre-xs { - white-space: pre; - } -} -@media only screen and (min-width: 768px) { - .white-space-pre-sm { - white-space: pre; - } -} -@media only screen and (min-width: 992px) { - .white-space-pre-md { - white-space: pre; - } -} -@media only screen and (min-width: 1200px) { - .white-space-pre-lg { - white-space: pre; - } -} -@media only screen and (min-width: 1600px) { - .white-space-pre-xlg { - white-space: pre; - } -} -.white-space-preline { - white-space: preline; -} - -@media only screen and (min-width: 576px) { - .white-space-preline-xs { - white-space: preline; - } -} -@media only screen and (min-width: 768px) { - .white-space-preline-sm { - white-space: preline; - } -} -@media only screen and (min-width: 992px) { - .white-space-preline-md { - white-space: preline; - } -} -@media only screen and (min-width: 1200px) { - .white-space-preline-lg { - white-space: preline; - } -} -@media only screen and (min-width: 1600px) { - .white-space-preline-xlg { - white-space: preline; - } -} -.white-space-preline { - white-space: pre-line; -} - -@media only screen and (min-width: 576px) { - .white-space-preline-xs { - white-space: pre-line; - } -} -@media only screen and (min-width: 768px) { - .white-space-preline-sm { - white-space: pre-line; - } -} -@media only screen and (min-width: 992px) { - .white-space-preline-md { - white-space: pre-line; - } -} -@media only screen and (min-width: 1200px) { - .white-space-preline-lg { - white-space: pre-line; - } -} -@media only screen and (min-width: 1600px) { - .white-space-preline-xlg { - white-space: pre-line; - } -} -.white-space-prewrap { - white-space: pre-wrap; -} - -@media only screen and (min-width: 576px) { - .white-space-prewrap-xs { - white-space: pre-wrap; - } -} -@media only screen and (min-width: 768px) { - .white-space-prewrap-sm { - white-space: pre-wrap; - } -} -@media only screen and (min-width: 992px) { - .white-space-prewrap-md { - white-space: pre-wrap; - } -} -@media only screen and (min-width: 1200px) { - .white-space-prewrap-lg { - white-space: pre-wrap; - } -} -@media only screen and (min-width: 1600px) { - .white-space-prewrap-xlg { - white-space: pre-wrap; - } -} -/** - * visibility - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * display - * - * - */ -.display-block { - display: block; -} - -@media only screen and (min-width: 576px) { - .display-block-xs { - display: block; - } -} -@media only screen and (min-width: 768px) { - .display-block-sm { - display: block; - } -} -@media only screen and (min-width: 992px) { - .display-block-md { - display: block; - } -} -@media only screen and (min-width: 1200px) { - .display-block-lg { - display: block; - } -} -@media only screen and (min-width: 1600px) { - .display-block-xlg { - display: block; - } -} -.display-inline { - display: inline; -} - -@media only screen and (min-width: 576px) { - .display-inline-xs { - display: inline; - } -} -@media only screen and (min-width: 768px) { - .display-inline-sm { - display: inline; - } -} -@media only screen and (min-width: 992px) { - .display-inline-md { - display: inline; - } -} -@media only screen and (min-width: 1200px) { - .display-inline-lg { - display: inline; - } -} -@media only screen and (min-width: 1600px) { - .display-inline-xlg { - display: inline; - } -} -.display-inline-block { - display: inline-block; -} - -@media only screen and (min-width: 576px) { - .display-inline-block-xs { - display: inline-block; - } -} -@media only screen and (min-width: 768px) { - .display-inline-block-sm { - display: inline-block; - } -} -@media only screen and (min-width: 992px) { - .display-inline-block-md { - display: inline-block; - } -} -@media only screen and (min-width: 1200px) { - .display-inline-block-lg { - display: inline-block; - } -} -@media only screen and (min-width: 1600px) { - .display-inline-block-xlg { - display: inline-block; - } -} -.display-flex { - display: flex; -} - -@media only screen and (min-width: 576px) { - .display-flex-xs { - display: flex; - } -} -@media only screen and (min-width: 768px) { - .display-flex-sm { - display: flex; - } -} -@media only screen and (min-width: 992px) { - .display-flex-md { - display: flex; - } -} -@media only screen and (min-width: 1200px) { - .display-flex-lg { - display: flex; - } -} -@media only screen and (min-width: 1600px) { - .display-flex-xlg { - display: flex; - } -} -.display-inline-flex { - display: inline-flex; -} - -@media only screen and (min-width: 576px) { - .display-inline-flex-xs { - display: inline-flex; - } -} -@media only screen and (min-width: 768px) { - .display-inline-flex-sm { - display: inline-flex; - } -} -@media only screen and (min-width: 992px) { - .display-inline-flex-md { - display: inline-flex; - } -} -@media only screen and (min-width: 1200px) { - .display-inline-flex-lg { - display: inline-flex; - } -} -@media only screen and (min-width: 1600px) { - .display-inline-flex-xlg { - display: inline-flex; - } -} -.display-table { - display: table; -} - -@media only screen and (min-width: 576px) { - .display-table-xs { - display: table; - } -} -@media only screen and (min-width: 768px) { - .display-table-sm { - display: table; - } -} -@media only screen and (min-width: 992px) { - .display-table-md { - display: table; - } -} -@media only screen and (min-width: 1200px) { - .display-table-lg { - display: table; - } -} -@media only screen and (min-width: 1600px) { - .display-table-xlg { - display: table; - } -} -/** - * for hidden-xs etc, show https://reflexgrid.com/#visibility-helpers - * - * @TODO full integration of reflexgrid will change this part - * - */ -/** - * Visibility - * - */ -.visibility-hidden { - visibility: hidden; -} - -.visibility-visible { - visibility: visible; -} - -.visibility-collapse { - visibility: collapse; -} - -/** - * Opacity - * - * - */ -.opacity-1 { - opacity: 0.1; -} - -.opacity-2 { - opacity: 0.2; -} - -.opacity-3 { - opacity: 0.3; -} - -.opacity-4 { - opacity: 0.4; -} - -.opacity-5 { - opacity: 0.5; -} - -.opacity-6 { - opacity: 0.6; -} - -.opacity-7 { - opacity: 0.7; -} - -.opacity-8 { - opacity: 0.8; -} - -.opacity-9 { - opacity: 0.9; -} - -.opacity-10 { - opacity: 1; -} - -/** - * - * - */ -.overflow-hidden { - overflow: hidden; -} - -.tiny-datepicker { - max-width: -moz-fit-content; - max-width: fit-content; -} -.tiny-datepicker__week { - display: flex; -} -.tiny-datepicker__date { - font-weight: bold; - margin: 0 0 0.75em; - text-align: center; -} -.tiny-datepicker__days { - min-height: 200px; -} -.tiny-datepicker__day { - width: 100%; - text-align: center; - border: 1px solid transparent; -} -.tiny-datepicker__day:hover { - background-color: #717171; - cursor: pointer; -} -.tiny-datepicker__day--current { - border: 1px solid #3e3e3e; -} -.tiny-datepicker__day--not-current { - opacity: 0.5; -} -.tiny-datepicker__day--header:hover { - background-color: transparent; - cursor: auto; -} -.tiny-datepicker__select { - display: flex; - align-items: center; -} -.tiny-datepicker__select input.field-text, .tiny-datepicker__select select.field-choice { - margin: 0 0.5em 0 0.5em; - padding: 0.55em 1em; -} -.tiny-datepicker__select select.field-choice { - width: calc(100% - 1em); -} -.tiny-datepicker__select input.field-text { - width: auto; -} -.tiny-datepicker__label { - text-align: center; - width: 100%; -} -.tiny-datepicker__button { - padding: 0.5em 0.75em; -} - -.console { - overflow-y: scroll; - max-height: 350px; - background: gray; - padding: 1em 1.5em; - background: #ddd; - border: 1px solid #b3b3b3; -} diff --git a/example/example.js b/example/example.js deleted file mode 100644 index 1d71d2e..0000000 --- a/example/example.js +++ /dev/null @@ -1,4253 +0,0 @@ -/******/ (() => { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/@riotjs/observable/dist/observable.js": -/*!************************************************************!*\ - !*** ./node_modules/@riotjs/observable/dist/observable.js ***! - \************************************************************/ -/***/ ((module) => { - -;(function(window, undefined) {const ALL_CALLBACKS = '*' -const define = Object.defineProperties -const entries = Object.entries - -const on = (callbacks, el) => (event, fn) => { - if (callbacks.has(event)) { - callbacks.get(event).add(fn) - } else { - callbacks.set(event, new Set().add(fn)) - } - - return el -} - -const deleteCallback = (callbacks, el, event, fn) => { - if (fn) { - const fns = callbacks.get(event) - - if (fns) { - fns.delete(fn) - if (fns.size === 0) callbacks.delete(event) - } - } else callbacks.delete(event) -} - -const off = (callbacks, el) => (event, fn) => { - if (event === ALL_CALLBACKS && !fn) { - callbacks.clear() - } else { - deleteCallback(callbacks, el, event, fn) - } - - return el -} - -const one = (callbacks, el) => (event, fn) => { - function on(...args) { - el.off(event, on) - fn.apply(el, args) - } - return el.on(event, on) -} - -const trigger = (callbacks, el) => (event, ...args) => { - const fns = callbacks.get(event) - - if (fns) fns.forEach(fn => fn.apply(el, args)) - - if (callbacks.get(ALL_CALLBACKS) && event !== ALL_CALLBACKS) { - el.trigger(ALL_CALLBACKS, event, ...args) - } - - return el -} - -const observable = function(el) { // eslint-disable-line - const callbacks = new Map() - const methods = {on, off, one, trigger} - - el = el || {} - - define(el, - entries(methods).reduce((acc, [key, method]) => { - acc[key] = { - value: method(callbacks, el), - enumerable: false, - writable: false, - configurable: false - } - - return acc - }, {}) - ) - - return el -} - /* istanbul ignore next */ - // support CommonJS, AMD & browser - if (true) - module.exports = observable - else {} - -})(typeof window != 'undefined' ? window : undefined); - -/***/ }), - -/***/ "./src/datepicker.riot": -/*!*****************************!*\ - !*** ./src/datepicker.riot ***! - \*****************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -/* harmony import */ var _mixin_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mixin.js */ "./src/mixin.js"); -// mixin - - -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ - css: null, - - exports: () => { - return { - - ..._mixin_js__WEBPACK_IMPORTED_MODULE_0__["default"] - - } - }, - - template: ( - template, - expressionTypes, - bindingTypes, - getComponent - ) => template( - '
', - [ - { - redundantAttribute: 'expr0', - selector: '[expr0]', - - expressions: [ - { - type: expressionTypes.TEXT, - childNodeIndex: 0, - - evaluate: _scope => [ - _scope.state.date.format('dddd, DD. MMMM YYYY') - ].join( - '' - ) - } - ] - }, - { - type: bindingTypes.EACH, - getKey: null, - condition: null, - - template: template( - ' ', - [ - { - expressions: [ - { - type: expressionTypes.TEXT, - childNodeIndex: 0, - - evaluate: _scope => [ - _scope.name - ].join( - '' - ) - } - ] - } - ] - ), - - redundantAttribute: 'expr1', - selector: '[expr1]', - itemName: 'name', - indexName: null, - evaluate: _scope => _scope.state.weekdaysNames - }, - { - type: bindingTypes.EACH, - getKey: null, - condition: null, - - template: template( - '
', - [ - { - type: bindingTypes.EACH, - getKey: null, - condition: null, - - template: template( - ' ', - [ - { - expressions: [ - { - type: expressionTypes.TEXT, - childNodeIndex: 0, - - evaluate: _scope => [ - _scope.day.date() - ].join( - '' - ) - }, - { - type: expressionTypes.ATTRIBUTE, - name: 'class', - evaluate: _scope => _scope.addClassDay(_scope.day, ['tiny-datepicker__day']) - }, - { - type: expressionTypes.EVENT, - name: 'onclick', - evaluate: _scope => (event) => { _scope.handleSelectDay(event, _scope.day) } - } - ] - } - ] - ), - - redundantAttribute: 'expr3', - selector: '[expr3]', - itemName: 'day', - indexName: null, - evaluate: _scope => _scope.week - } - ] - ), - - redundantAttribute: 'expr2', - selector: '[expr2]', - itemName: 'week', - indexName: null, - evaluate: _scope => _scope.state.weeks - }, - { - redundantAttribute: 'expr4', - selector: '[expr4]', - - expressions: [ - { - type: expressionTypes.EVENT, - name: 'onclick', - evaluate: _scope => () => { _scope.handlePreviousMonth(_scope.event) } - } - ] - }, - { - redundantAttribute: 'expr5', - selector: '[expr5]', - - expressions: [ - { - type: expressionTypes.EVENT, - name: 'onchange', - evaluate: _scope => (event) => { _scope.handleSelectMonth(event) } - } - ] - }, - { - type: bindingTypes.EACH, - getKey: null, - condition: null, - - template: template( - ' ', - [ - { - expressions: [ - { - type: expressionTypes.TEXT, - childNodeIndex: 0, - evaluate: _scope => _scope.name - }, - { - type: expressionTypes.ATTRIBUTE, - name: 'value', - evaluate: _scope => _scope.index - }, - { - type: expressionTypes.ATTRIBUTE, - name: 'selected', - evaluate: _scope => _scope.state.date.month() === _scope.index - } - ] - } - ] - ), - - redundantAttribute: 'expr6', - selector: '[expr6]', - itemName: 'name', - indexName: 'index', - evaluate: _scope => _scope.state.monthNames - }, - { - redundantAttribute: 'expr7', - selector: '[expr7]', - - expressions: [ - { - type: expressionTypes.EVENT, - name: 'onclick', - evaluate: _scope => () => { _scope.handleNextMonth(_scope.event) } - } - ] - }, - { - redundantAttribute: 'expr8', - selector: '[expr8]', - - expressions: [ - { - type: expressionTypes.EVENT, - name: 'onclick', - evaluate: _scope => () => { _scope.handlePreviousYear(_scope.event) } - } - ] - }, - { - redundantAttribute: 'expr9', - selector: '[expr9]', - - expressions: [ - { - type: expressionTypes.VALUE, - evaluate: _scope => _scope.state.date.format('YYYY') - }, - { - type: expressionTypes.EVENT, - name: 'onkeyup', - evaluate: _scope => (event) => { _scope.handleSelectYear(event) } - } - ] - }, - { - redundantAttribute: 'expr10', - selector: '[expr10]', - - expressions: [ - { - type: expressionTypes.EVENT, - name: 'onclick', - evaluate: _scope => () => { _scope.handleNextYear(_scope.event) } - } - ] - } - ] - ), - - name: 'tiny-datepicker' -}); - -/***/ }), - -/***/ "./src/example.js": -/*!************************!*\ - !*** ./src/example.js ***! - \************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var riot__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! riot */ "./node_modules/riot/esm/api/register.js"); -/* harmony import */ var riot__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! riot */ "./node_modules/riot/esm/riot.js"); -/* harmony import */ var _datepicker_riot__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./datepicker.riot */ "./src/datepicker.riot"); -/* harmony import */ var _store_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store.js */ "./src/store.js"); -/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dayjs */ "./node_modules/dayjs/dayjs.min.js"); -/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_3__); - - - -riot__WEBPACK_IMPORTED_MODULE_2__.register('tiny-datepicker', _datepicker_riot__WEBPACK_IMPORTED_MODULE_0__["default"]); - -window.riot = riot__WEBPACK_IMPORTED_MODULE_4__; -document.addEventListener("DOMContentLoaded", function (event) { - var console = document.querySelector('.console'); - _store_js__WEBPACK_IMPORTED_MODULE_1__["default"].on('change', function (data) { - var element = document.createElement('div'); - element.append('Event => Change, ' + data.date.format('YYYY-MM-DD')); - console.append(element); - }); -}); - -/***/ }), - -/***/ "./src/mixin.js": -/*!**********************!*\ - !*** ./src/mixin.js ***! - \**********************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dayjs */ "./node_modules/dayjs/dayjs.min.js"); -/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _store_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store.js */ "./src/store.js"); -/* harmony import */ var dayjs_plugin_isoWeek__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dayjs/plugin/isoWeek */ "./node_modules/dayjs/plugin/isoWeek.js"); -/* harmony import */ var dayjs_plugin_isoWeek__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_isoWeek__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var dayjs_plugin_localeData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dayjs/plugin/localeData */ "./node_modules/dayjs/plugin/localeData.js"); -/* harmony import */ var dayjs_plugin_localeData__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_localeData__WEBPACK_IMPORTED_MODULE_3__); - - - -// add function for iso - -dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_isoWeek__WEBPACK_IMPORTED_MODULE_2___default())); - -// getting local data for names - -dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_localeData__WEBPACK_IMPORTED_MODULE_3___default())); - -/** - * Mixin for extends Riot-Component - * - * @author Björn Hase - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/datepicker - * - */ - -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ - state: { - date: false, - weeks: [], - firstDayOfMonth: false, - firstDayOfWeek: false, - lastDayOfMonth: false, - weekdaysNames: [], - monthNames: [], - weekFormat: 'isoWeek', - isoFormat: true - }, - /** - * - * - */ - onBeforeMount: function onBeforeMount() { - var _this = this; - this.state.monthNames = dayjs__WEBPACK_IMPORTED_MODULE_0___default().months(); - this.state.weekdaysNames = dayjs__WEBPACK_IMPORTED_MODULE_0___default().weekdaysShort(); - if (this.props.date) { - this.state.date = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(this.props.date); - } else { - this.state.date = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(); - } - - // change - if (this.props.isoFormat === 0) { - this.state.isoFormat = false; - this.state.weekFormat = 'week'; - } else { - this.state.weekdaysNames.push(this.state.weekdaysNames.shift()); - } - _store_js__WEBPACK_IMPORTED_MODULE_1__["default"].on('update', function (data) { - _this.state.date = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(data.date); - }); - this.createWeeksAndDays(); - }, - /** - * - * - */ - onBeforeUpdate: function onBeforeUpdate() { - _store_js__WEBPACK_IMPORTED_MODULE_1__["default"].trigger('change', { - date: this.state.date - }); - }, - /** - * create weeks and days - * - * - */ - createWeeksAndDays: function createWeeksAndDays() { - this.state.weeks = []; - - // getting first day of Month - this.state.firstDayOfMonth = this.state.date.startOf('month'); - this.state.firstDayOfWeek = this.state.firstDayOfMonth.startOf(this.state.weekFormat); - this.state.lastDayOfMonth = this.state.date.endOf('month'); - var lastDayOfWeek = this.state.lastDayOfMonth.endOf(this.state.weekFormat).startOf('day'); - var day = this.state.firstDayOfWeek.clone(); - do { - day = this.fillWeek(day); - } while (day.isBefore(lastDayOfWeek)); - }, - /** - * fill week with days - * - * @param {object} day - * - */ - fillWeek: function fillWeek(day) { - var days = []; - days.push(day); - do { - day = day.add(1, 'day'); - days.push(day); - } while (days.length <= 6); - this.state.weeks.push(days); - - // raise day for start of week - return day.add(1, 'day'); - }, - /** - * select single day - * - * @param {object} event - * @param {object} day - * - */ - handleSelectDay: function handleSelectDay(event, day) { - if (day.isSame(this.state.date)) { - return false; - } - this.state.date = day; - this.update(); - }, - /** - * select month - * - * @param {object} event - * - */ - handleSelectMonth: function handleSelectMonth(event) { - this.state.date = this.state.date.month(event.target.value); - this.createWeeksAndDays(); - this.update(); - }, - /** - * select year - * - * @param {object} event - * - */ - handleSelectYear: function handleSelectYear(event) { - this.state.date = this.state.date.year(event.target.value); - this.createWeeksAndDays(); - this.update(); - }, - /** - * previous month - * - * @param {object} event - * @param {object} day - * - */ - handlePreviousMonth: function handlePreviousMonth(event) { - this.state.date = this.state.date.subtract(1, 'month'); - this.createWeeksAndDays(); - this.update(); - }, - /** - * next month - * - * @param {object} event - * @param {object} day - * - */ - handleNextMonth: function handleNextMonth(event) { - this.state.date = this.state.date.add(1, 'month'); - this.createWeeksAndDays(); - this.update(); - }, - /** - * previous year - * - * @param {object} event - * - */ - handlePreviousYear: function handlePreviousYear(event) { - this.state.date = this.state.date.subtract(1, 'year'); - this.createWeeksAndDays(); - this.update(); - }, - /** - * next year - * - * @param {object} event - * - */ - handleNextYear: function handleNextYear(event) { - this.state.date = this.state.date.add(1, 'year'); - this.createWeeksAndDays(); - this.update(); - }, - /** - * getting classes for single day - * - * @param {object} event - * @param {array} classes - * @return {string} - */ - addClassDay: function addClassDay(day, classes) { - if (day.isSame(this.state.date, 'day')) { - classes.push('tiny-datepicker__day--current'); - } - if (day.isBefore(this.state.firstDayOfMonth) || day.isAfter(this.state.lastDayOfMonth)) { - classes.push('tiny-datepicker__day--not-current'); - } - return classes.join(' '); - } -}); - -/***/ }), - -/***/ "./src/store.js": -/*!**********************!*\ - !*** ./src/store.js ***! - \**********************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) -/* harmony export */ }); -/* harmony import */ var _riotjs_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @riotjs/observable */ "./node_modules/@riotjs/observable/dist/observable.js"); -/* harmony import */ var _riotjs_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_riotjs_observable__WEBPACK_IMPORTED_MODULE_0__); - - -/** -* store for datepicker -* -* @author Björn Hase -* @license http://opensource.org/licenses/MIT The MIT License -* @link https://gitea.node001.net/tiny-components/confirm - * - */ - -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_riotjs_observable__WEBPACK_IMPORTED_MODULE_0___default()({})); - -/***/ }), - -/***/ "./node_modules/dayjs/dayjs.min.js": -/*!*****************************************!*\ - !*** ./node_modules/dayjs/dayjs.min.js ***! - \*****************************************/ -/***/ (function(module) { - -!function(t,e){ true?module.exports=e():0}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t)}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return O},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)4&&(o+=7),n.add(o,e));return r.diff(u,"week")+1},d.isoWeekday=function(e){return this.$utils().u(e)?this.day()||7:this.day(this.day()%7?e:e-7)};var n=d.startOf;d.startOf=function(e,t){var i=this.$utils(),s=!!i.u(t)||t;return"isoweek"===i.p(e)?s?this.date(this.date()-(this.isoWeekday()-1)).startOf("day"):this.date(this.date()-1-(this.isoWeekday()-1)+7).endOf("day"):n.bind(this)(e,t)}}})); - -/***/ }), - -/***/ "./node_modules/dayjs/plugin/localeData.js": -/*!*************************************************!*\ - !*** ./node_modules/dayjs/plugin/localeData.js ***! - \*************************************************/ -/***/ (function(module) { - -!function(n,e){ true?module.exports=e():0}(this,(function(){"use strict";return function(n,e,t){var r=e.prototype,o=function(n){return n&&(n.indexOf?n:n.s)},u=function(n,e,t,r,u){var i=n.name?n:n.$locale(),a=o(i[e]),s=o(i[t]),f=a||s.map((function(n){return n.slice(0,r)}));if(!u)return f;var d=i.weekStart;return f.map((function(n,e){return f[(e+(d||0))%7]}))},i=function(){return t.Ls[t.locale()]},a=function(n,e){return n.formats[e]||function(n){return n.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(n,e,t){return e||t.slice(1)}))}(n.formats[e.toUpperCase()])},s=function(){var n=this;return{months:function(e){return e?e.format("MMMM"):u(n,"months")},monthsShort:function(e){return e?e.format("MMM"):u(n,"monthsShort","months",3)},firstDayOfWeek:function(){return n.$locale().weekStart||0},weekdays:function(e){return e?e.format("dddd"):u(n,"weekdays")},weekdaysMin:function(e){return e?e.format("dd"):u(n,"weekdaysMin","weekdays",2)},weekdaysShort:function(e){return e?e.format("ddd"):u(n,"weekdaysShort","weekdays",3)},longDateFormat:function(e){return a(n.$locale(),e)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};r.localeData=function(){return s.bind(this)()},t.localeData=function(){var n=i();return{firstDayOfWeek:function(){return n.weekStart||0},weekdays:function(){return t.weekdays()},weekdaysShort:function(){return t.weekdaysShort()},weekdaysMin:function(){return t.weekdaysMin()},months:function(){return t.months()},monthsShort:function(){return t.monthsShort()},longDateFormat:function(e){return a(n,e)},meridiem:n.meridiem,ordinal:n.ordinal}},t.months=function(){return u(i(),"months")},t.monthsShort=function(){return u(i(),"monthsShort","months",3)},t.weekdays=function(n){return u(i(),"weekdays",null,null,n)},t.weekdaysShort=function(n){return u(i(),"weekdaysShort","weekdays",3,n)},t.weekdaysMin=function(n){return u(i(),"weekdaysMin","weekdays",2,n)}}})); - -/***/ }), - -/***/ "./src/example.scss": -/*!**************************!*\ - !*** ./src/example.scss ***! - \**************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/__.js": -/*!*****************************************!*\ - !*** ./node_modules/riot/esm/api/__.js ***! - \*****************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "__": () => (/* binding */ __) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js"); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js"); -/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js"); -/* harmony import */ var _core_css_manager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/css-manager.js */ "./node_modules/riot/esm/core/css-manager.js"); -/* Riot v7.1.0, @license MIT */ - - - - - - -// expose some internal stuff that might be used from external tools -const __ = { - cssManager: _core_css_manager_js__WEBPACK_IMPORTED_MODULE_0__["default"], - DOMBindings: { - template: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.template, - createBinding: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.createBinding, - createExpression: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.createExpression, - bindingTypes: _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__["default"], - expressionTypes: _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_3__["default"] - }, - globals: { - DOM_COMPONENT_INSTANCE_PROPERTY: _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.DOM_COMPONENT_INSTANCE_PROPERTY, - PARENT_KEY_SYMBOL: _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL - } -}; - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/component.js": -/*!************************************************!*\ - !*** ./node_modules/riot/esm/api/component.js ***! - \************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "component": () => (/* binding */ component) -/* harmony export */ }); -/* harmony import */ var _node_modules_cumpa_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/cumpa/index.next.js */ "./node_modules/riot/esm/node_modules/cumpa/index.next.js"); -/* harmony import */ var _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/create-component-from-wrapper.js */ "./node_modules/riot/esm/core/create-component-from-wrapper.js"); -/* Riot v7.1.0, @license MIT */ - - - -/** - * Helper method to create component without relying on the registered ones - * @param {Object} implementation - component implementation - * @returns {Function} function that will allow you to mount a riot component on a DOM node - */ -function component(implementation) { - return function (el, props, _temp) { - let { - slots, - attributes, - parentScope - } = _temp === void 0 ? {} : _temp; - return (0,_node_modules_cumpa_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(c => c.mount(el, parentScope), c => c({ - props, - slots, - attributes - }), _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_1__.createComponentFromWrapper)(implementation); - }; -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/install.js": -/*!**********************************************!*\ - !*** ./node_modules/riot/esm/api/install.js ***! - \**********************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "install": () => (/* binding */ install) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js"); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* Riot v7.1.0, @license MIT */ - - - - -/** - * Define a riot plugin - * @param {Function} plugin - function that will receive all the components created - * @returns {Set} the set containing all the plugins installed - */ -function install(plugin) { - if (!(0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__.isFunction)(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('Plugins must be of type function'); - if (_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET.has(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('This plugin was already installed'); - _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET.add(plugin); - return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET; -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/mount.js": -/*!********************************************!*\ - !*** ./node_modules/riot/esm/api/mount.js ***! - \********************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "mount": () => (/* binding */ mount) -/* harmony export */ }); -/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js"); -/* harmony import */ var _core_mount_component_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/mount-component.js */ "./node_modules/riot/esm/core/mount-component.js"); -/* Riot v7.1.0, @license MIT */ - - - -/** - * Mounting function that will work only for the components that were globally registered - * @param {string|HTMLElement} selector - query for the selection or a DOM element - * @param {Object} initialProps - the initial component properties - * @param {string} name - optional component name - * @returns {Array} list of riot components - */ -function mount(selector, initialProps, name) { - return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector).map(element => (0,_core_mount_component_js__WEBPACK_IMPORTED_MODULE_1__.mountComponent)(element, initialProps, name)); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/pure.js": -/*!*******************************************!*\ - !*** ./node_modules/riot/esm/api/pure.js ***! - \*******************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "pure": () => (/* binding */ pure) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js"); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* Riot v7.1.0, @license MIT */ - - - - -/** - * Lift a riot component Interface into a pure riot object - * @param {Function} func - RiotPureComponent factory function - * @returns {Function} the lifted original function received as argument - */ -function pure(func) { - if (!(0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__.isFunction)(func)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('riot.pure accepts only arguments of type "function"'); - func[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.IS_PURE_SYMBOL] = true; - return func; -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/register.js": -/*!***********************************************!*\ - !*** ./node_modules/riot/esm/api/register.js ***! - \***********************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "register": () => (/* binding */ register) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* harmony import */ var _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/create-component-from-wrapper.js */ "./node_modules/riot/esm/core/create-component-from-wrapper.js"); -/* Riot v7.1.0, @license MIT */ - - - - -/** - * Register a custom tag by name - * @param {string} name - component name - * @param {Object} implementation - tag implementation - * @returns {Map} map containing all the components implementations - */ -function register(name, _ref) { - let { - css, - template, - exports - } = _ref; - if (_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP.has(name)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)(`The component "${name}" was already registered`); - _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP.set(name, (0,_core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_2__.createComponentFromWrapper)({ - name, - css, - template, - exports - })); - return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP; -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/uninstall.js": -/*!************************************************!*\ - !*** ./node_modules/riot/esm/api/uninstall.js ***! - \************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "uninstall": () => (/* binding */ uninstall) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* Riot v7.1.0, @license MIT */ - - - -/** - * Uninstall a riot plugin - * @param {Function} plugin - plugin previously installed - * @returns {Set} the set containing all the plugins installed - */ -function uninstall(plugin) { - if (!_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET.has(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('This plugin was never installed'); - _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET["delete"](plugin); - return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET; -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/unmount.js": -/*!**********************************************!*\ - !*** ./node_modules/riot/esm/api/unmount.js ***! - \**********************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "unmount": () => (/* binding */ unmount) -/* harmony export */ }); -/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js"); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* Riot v7.1.0, @license MIT */ - - - -/** - * Sweet unmounting helper function for the DOM node mounted manually by the user - * @param {string|HTMLElement} selector - query for the selection or a DOM element - * @param {boolean|null} keepRootElement - if true keep the root element - * @returns {Array} list of nodes unmounted - */ -function unmount(selector, keepRootElement) { - return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector).map(element => { - if (element[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.DOM_COMPONENT_INSTANCE_PROPERTY]) { - element[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.DOM_COMPONENT_INSTANCE_PROPERTY].unmount(keepRootElement); - } - return element; - }); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/unregister.js": -/*!*************************************************!*\ - !*** ./node_modules/riot/esm/api/unregister.js ***! - \*************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "unregister": () => (/* binding */ unregister) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* harmony import */ var _core_css_manager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/css-manager.js */ "./node_modules/riot/esm/core/css-manager.js"); -/* Riot v7.1.0, @license MIT */ - - - - -/** - * Unregister a riot web component - * @param {string} name - component name - * @returns {Map} map containing all the components implementations - */ -function unregister(name) { - if (!_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP.has(name)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)(`The component "${name}" was never registered`); - _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP["delete"](name); - _core_css_manager_js__WEBPACK_IMPORTED_MODULE_2__["default"].remove(name); - return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP; -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/version.js": -/*!**********************************************!*\ - !*** ./node_modules/riot/esm/api/version.js ***! - \**********************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "version": () => (/* binding */ version) -/* harmony export */ }); -/* Riot v7.1.0, @license MIT */ -/** @type {string} current riot version */ -const version = 'v7.1.0'; - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/api/with-types.js": -/*!*************************************************!*\ - !*** ./node_modules/riot/esm/api/with-types.js ***! - \*************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "withTypes": () => (/* binding */ withTypes) -/* harmony export */ }); -/* Riot v7.1.0, @license MIT */ -/** - * no-op function needed to add the proper types to your component via typescript - * @param {Function|Object} component - component default export - * @returns {Function|Object} returns exactly what it has received - */ -/* istanbul ignore next */ -const withTypes = component => component; - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/add-css-hook.js": -/*!****************************************************!*\ - !*** ./node_modules/riot/esm/core/add-css-hook.js ***! - \****************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "addCssHook": () => (/* binding */ addCssHook) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _utils_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/dom.js */ "./node_modules/riot/esm/utils/dom.js"); -/* harmony import */ var _node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/bianco.attr/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.attr/index.next.js"); -/* Riot v7.1.0, @license MIT */ - - - - -/** - * Add eventually the "is" attribute to link this DOM node to its css - * @param {HTMLElement} element - target root node - * @param {string} name - name of the component mounted - * @returns {undefined} it's a void function - */ - -function addCssHook(element, name) { - if ((0,_utils_dom_js__WEBPACK_IMPORTED_MODULE_0__.getName)(element) !== name) { - (0,_node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__.set)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.IS_DIRECTIVE, name); - } -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js": -/*!***************************************************************************!*\ - !*** ./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js ***! - \***************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "bindDOMNodeToComponentInstance": () => (/* binding */ bindDOMNodeToComponentInstance) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* Riot v7.1.0, @license MIT */ - - -/** - * Bind a DOM node to its component object - * @param {HTMLElement} node - html node mounted - * @param {Object} component - Riot.js component object - * @returns {Object} the component object received as second argument - */ -const bindDOMNodeToComponentInstance = (node, component) => node[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.DOM_COMPONENT_INSTANCE_PROPERTY] = component; - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/component-dom-selectors.js": -/*!***************************************************************!*\ - !*** ./node_modules/riot/esm/core/component-dom-selectors.js ***! - \***************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "COMPONENT_DOM_SELECTORS": () => (/* binding */ COMPONENT_DOM_SELECTORS) -/* harmony export */ }); -/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js"); -/* Riot v7.1.0, @license MIT */ - - -const COMPONENT_DOM_SELECTORS = Object.freeze({ - // component helpers - $(selector) { - return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector, this.root)[0]; - }, - $$(selector) { - return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector, this.root); - } -}); - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/component-lifecycle-methods.js": -/*!*******************************************************************!*\ - !*** ./node_modules/riot/esm/core/component-lifecycle-methods.js ***! - \*******************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "COMPONENT_LIFECYCLE_METHODS": () => (/* binding */ COMPONENT_LIFECYCLE_METHODS) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js"); -/* Riot v7.1.0, @license MIT */ - - - -const COMPONENT_LIFECYCLE_METHODS = Object.freeze({ - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.SHOULD_UPDATE_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_MOUNT_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_MOUNTED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_UPDATE_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_UPDATED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_UNMOUNT_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_UNMOUNTED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop -}); - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/component-template-factory.js": -/*!******************************************************************!*\ - !*** ./node_modules/riot/esm/core/component-template-factory.js ***! - \******************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "componentTemplateFactory": () => (/* binding */ componentTemplateFactory) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js"); -/* harmony import */ var _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js"); -/* harmony import */ var _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js"); -/* Riot v7.1.0, @license MIT */ - - - - -/** - * Factory function to create the component templates only once - * @param {Function} template - component template creation function - * @param {RiotComponentWrapper} componentWrapper - riot compiler generated object - * @param {Function} getChildComponent - getter function to return the children components - * @returns {TemplateChunk} template chunk object - */ -function componentTemplateFactory(template, componentWrapper, getChildComponent) { - return template(_node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__.template, _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__["default"], _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__["default"], getChildComponent); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/compute-component-state.js": -/*!***************************************************************!*\ - !*** ./node_modules/riot/esm/core/compute-component-state.js ***! - \***************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "computeComponentState": () => (/* binding */ computeComponentState) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js"); -/* Riot v7.1.0, @license MIT */ - - -/** - * Compute the component current state merging it with its previous state - * @param {Object} oldState - previous state object - * @param {Object} newState - new state given to the `update` call - * @returns {Object} new object state - */ -function computeComponentState(oldState, newState) { - return Object.assign({}, oldState, (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(newState)); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/compute-initial-props.js": -/*!*************************************************************!*\ - !*** ./node_modules/riot/esm/core/compute-initial-props.js ***! - \*************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "computeInitialProps": () => (/* binding */ computeInitialProps) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/dom.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/dom.js"); -/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js"); -/* Riot v7.1.0, @license MIT */ - - - -/** - * Evaluate the component properties either from its real attributes or from its initial user properties - * @param {HTMLElement} element - component root - * @param {Object} initialProps - initial props - * @returns {Object} component props key value pairs - */ -function computeInitialProps(element, initialProps) { - if (initialProps === void 0) { - initialProps = {}; - } - return Object.assign({}, (0,_node_modules_riotjs_util_dom_js__WEBPACK_IMPORTED_MODULE_0__.DOMattributesToObject)(element), (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.callOrAssign)(initialProps)); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/create-attribute-bindings.js": -/*!*****************************************************************!*\ - !*** ./node_modules/riot/esm/core/create-attribute-bindings.js ***! - \*****************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "createAttributeBindings": () => (/* binding */ createAttributeBindings) -/* harmony export */ }); -/* harmony import */ var _create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-core-api-methods.js */ "./node_modules/riot/esm/core/create-core-api-methods.js"); -/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js"); -/* Riot v7.1.0, @license MIT */ - - - -/** - * Create the bindings to update the component attributes - * @param {HTMLElement} node - node where we will bind the expressions - * @param {Array} attributes - list of attribute bindings - * @returns {TemplateChunk} - template bindings object - */ -function createAttributeBindings(node, attributes) { - if (attributes === void 0) { - attributes = []; - } - const expressions = attributes.map(a => (0,_node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__.createExpression)(node, a)); - const binding = {}; - return Object.assign(binding, Object.assign({ - expressions - }, (0,_create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_1__.createCoreAPIMethods)(method => scope => { - expressions.forEach(e => e[method](scope)); - return binding; - }))); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/create-component-from-wrapper.js": -/*!*********************************************************************!*\ - !*** ./node_modules/riot/esm/core/create-component-from-wrapper.js ***! - \*********************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "createComponentFromWrapper": () => (/* binding */ createComponentFromWrapper) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_strings_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/strings.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/strings.js"); -/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* harmony import */ var _mocked_template_interface_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mocked-template-interface.js */ "./node_modules/riot/esm/core/mocked-template-interface.js"); -/* harmony import */ var _component_template_factory_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./component-template-factory.js */ "./node_modules/riot/esm/core/component-template-factory.js"); -/* harmony import */ var _create_pure_component_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./create-pure-component.js */ "./node_modules/riot/esm/core/create-pure-component.js"); -/* harmony import */ var _instantiate_component_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./instantiate-component.js */ "./node_modules/riot/esm/core/instantiate-component.js"); -/* Riot v7.1.0, @license MIT */ - - - - - - - - - -/** - * Create the subcomponents that can be included inside a tag in runtime - * @param {Object} components - components imported in runtime - * @returns {Object} all the components transformed into Riot.Component factory functions - */ -function createChildrenComponentsObject(components) { - if (components === void 0) { - components = {}; - } - return Object.entries((0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(components)).reduce((acc, _ref) => { - let [key, value] = _ref; - acc[(0,_node_modules_riotjs_util_strings_js__WEBPACK_IMPORTED_MODULE_1__.camelToDashCase)(key)] = createComponentFromWrapper(value); - return acc; - }, {}); -} - -/** - * Create the getter function to render the child components - * @param {RiotComponentWrapper} componentWrapper - riot compiler generated object - * @returns {Function} function returning the component factory function - */ -const createChildComponentGetter = componentWrapper => { - const childrenComponents = createChildrenComponentsObject(componentWrapper.exports ? componentWrapper.exports.components : {}); - return name => { - // improve support for recursive components - if (name === componentWrapper.name) return memoizedCreateComponentFromWrapper(componentWrapper); - // return the registered components - return childrenComponents[name] || _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.COMPONENTS_IMPLEMENTATION_MAP.get(name); - }; -}; - -/** - * Performance optimization for the recursive components - * @param {RiotComponentWrapper} componentWrapper - riot compiler generated object - * @returns {Object} component like interface - */ -const memoizedCreateComponentFromWrapper = (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_3__.memoize)(createComponentFromWrapper); - -/** - * Create the component interface needed for the @riotjs/dom-bindings tag bindings - * @param {RiotComponentWrapper} componentWrapper - riot compiler generated object - * @param {string} componentWrapper.css - component css - * @param {Function} componentWrapper.template - function that will return the dom-bindings template function - * @param {Object} componentWrapper.exports - component interface - * @param {string} componentWrapper.name - component name - * @returns {Object} component like interface - */ -function createComponentFromWrapper(componentWrapper) { - const { - css, - template, - exports, - name - } = componentWrapper; - const templateFn = template ? (0,_component_template_factory_js__WEBPACK_IMPORTED_MODULE_4__.componentTemplateFactory)(template, componentWrapper, createChildComponentGetter(componentWrapper)) : _mocked_template_interface_js__WEBPACK_IMPORTED_MODULE_5__.MOCKED_TEMPLATE_INTERFACE; - return _ref2 => { - let { - slots, - attributes, - props - } = _ref2; - // pure components rendering will be managed by the end user - if (exports && exports[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.IS_PURE_SYMBOL]) return (0,_create_pure_component_js__WEBPACK_IMPORTED_MODULE_6__.createPureComponent)(exports, { - slots, - attributes, - props, - css, - template - }); - const componentAPI = (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(exports) || {}; - const component = (0,_instantiate_component_js__WEBPACK_IMPORTED_MODULE_7__.instantiateComponent)({ - css, - template: templateFn, - componentAPI, - name - })({ - slots, - attributes, - props - }); - - // notice that for the components created via tag binding - // we need to invert the mount (state/parentScope) arguments - // the template bindings will only forward the parentScope updates - // and never deal with the component state - return { - mount(element, parentScope, state) { - return component.mount(element, state, parentScope); - }, - update(parentScope, state) { - return component.update(state, parentScope); - }, - unmount(preserveRoot) { - return component.unmount(preserveRoot); - } - }; - }; -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/create-core-api-methods.js": -/*!***************************************************************!*\ - !*** ./node_modules/riot/esm/core/create-core-api-methods.js ***! - \***************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "createCoreAPIMethods": () => (/* binding */ createCoreAPIMethods) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* Riot v7.1.0, @license MIT */ - - -/** - * Wrap the Riot.js core API methods using a mapping function - * @param {Function} mapFunction - lifting function - * @returns {Object} an object having the { mount, update, unmount } functions - */ -function createCoreAPIMethods(mapFunction) { - return [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.MOUNT_METHOD_KEY, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UPDATE_METHOD_KEY, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UNMOUNT_METHOD_KEY].reduce((acc, method) => { - acc[method] = mapFunction(method); - return acc; - }, {}); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/create-pure-component.js": -/*!*************************************************************!*\ - !*** ./node_modules/riot/esm/core/create-pure-component.js ***! - \*************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "createPureComponent": () => (/* binding */ createPureComponent) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js"); -/* harmony import */ var _pure_component_api_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pure-component-api.js */ "./node_modules/riot/esm/core/pure-component-api.js"); -/* harmony import */ var _bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./bind-dom-node-to-component-instance.js */ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js"); -/* harmony import */ var _create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./create-core-api-methods.js */ "./node_modules/riot/esm/core/create-core-api-methods.js"); -/* Riot v7.1.0, @license MIT */ - - - - - - - -/** - * Create a pure component - * @param {Function} pureFactoryFunction - pure component factory function - * @param {Array} options.slots - component slots - * @param {Array} options.attributes - component attributes - * @param {Array} options.template - template factory function - * @param {Array} options.template - template factory function - * @param {any} options.props - initial component properties - * @returns {Object} pure component object - */ -function createPureComponent(pureFactoryFunction, _ref) { - let { - slots, - attributes, - props, - css, - template - } = _ref; - if (template) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__.panic)('Pure components can not have html'); - if (css) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__.panic)('Pure components do not have css'); - const component = (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__.defineDefaults)(pureFactoryFunction({ - slots, - attributes, - props - }), _pure_component_api_js__WEBPACK_IMPORTED_MODULE_2__.PURE_COMPONENT_API); - return (0,_create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_3__.createCoreAPIMethods)(method => function () { - for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } - // intercept the mount calls to bind the DOM node to the pure object created - // see also https://github.com/riot/riot/issues/2806 - if (method === _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.MOUNT_METHOD_KEY) { - const [element] = args; - // mark this node as pure element - (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__.defineProperty)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_PURE_SYMBOL, true); - (0,_bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_5__.bindDOMNodeToComponentInstance)(element, component); - } - component[method](...args); - return component; - }); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/css-manager.js": -/*!***************************************************!*\ - !*** ./node_modules/riot/esm/core/css-manager.js ***! - \***************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "CSS_BY_NAME": () => (/* binding */ CSS_BY_NAME), -/* harmony export */ "STYLE_NODE_SELECTOR": () => (/* binding */ STYLE_NODE_SELECTOR), -/* harmony export */ "default": () => (/* binding */ cssManager) -/* harmony export */ }); -/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js"); -/* harmony import */ var _node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/bianco.attr/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.attr/index.next.js"); -/* Riot v7.1.0, @license MIT */ - - - -const CSS_BY_NAME = new Map(); -const STYLE_NODE_SELECTOR = 'style[riot]'; - -// memoized curried function -const getStyleNode = (style => { - return () => { - // lazy evaluation: - // if this function was already called before - // we return its cached result - if (style) return style; - - // create a new style element or use an existing one - // and cache it internally - style = (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(STYLE_NODE_SELECTOR)[0] || document.createElement('style'); - (0,_node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__.set)(style, 'type', 'text/css'); - - /* istanbul ignore next */ - if (!style.parentNode) document.head.appendChild(style); - return style; - }; -})(); - -/** - * Object that will be used to inject and manage the css of every tag instance - */ -const cssManager = { - CSS_BY_NAME, - /** - * Save a tag style to be later injected into DOM - * @param { string } name - if it's passed we will map the css to a tagname - * @param { string } css - css string - * @returns {Object} self - */ - add(name, css) { - if (!CSS_BY_NAME.has(name)) { - CSS_BY_NAME.set(name, css); - this.inject(); - } - return this; - }, - /** - * Inject all previously saved tag styles into DOM - * innerHTML seems slow: http://jsperf.com/riot-insert-style - * @returns {Object} self - */ - inject() { - getStyleNode().innerHTML = [...CSS_BY_NAME.values()].join('\n'); - return this; - }, - /** - * Remove a tag style from the DOM - * @param {string} name a registered tagname - * @returns {Object} self - */ - remove(name) { - if (CSS_BY_NAME.has(name)) { - CSS_BY_NAME.delete(name); - this.inject(); - } - return this; - } -}; - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/instantiate-component.js": -/*!*************************************************************!*\ - !*** ./node_modules/riot/esm/core/instantiate-component.js ***! - \*************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "instantiateComponent": () => (/* binding */ instantiateComponent) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js"); -/* harmony import */ var _component_dom_selectors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-dom-selectors.js */ "./node_modules/riot/esm/core/component-dom-selectors.js"); -/* harmony import */ var _component_lifecycle_methods_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./component-lifecycle-methods.js */ "./node_modules/riot/esm/core/component-lifecycle-methods.js"); -/* harmony import */ var _css_manager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css-manager.js */ "./node_modules/riot/esm/core/css-manager.js"); -/* harmony import */ var _node_modules_curri_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/curri/index.next.js */ "./node_modules/riot/esm/node_modules/curri/index.next.js"); -/* harmony import */ var _manage_component_lifecycle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./manage-component-lifecycle.js */ "./node_modules/riot/esm/core/manage-component-lifecycle.js"); -/* Riot v7.1.0, @license MIT */ - - - - - - - - -/** - * Component definition function - * @param {Object} implementation - the component implementation will be generated via compiler - * @param {Object} component - the component initial properties - * @returns {Object} a new component implementation object - */ -function instantiateComponent(_ref) { - let { - css, - template, - componentAPI, - name - } = _ref; - // add the component css into the DOM - if (css && name) _css_manager_js__WEBPACK_IMPORTED_MODULE_0__["default"].add(name, css); - return (0,_node_modules_curri_index_next_js__WEBPACK_IMPORTED_MODULE_1__["default"])(_manage_component_lifecycle_js__WEBPACK_IMPORTED_MODULE_2__.manageComponentLifecycle)((0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineProperties)( - // set the component defaults without overriding the original component API - (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineDefaults)(componentAPI, Object.assign({}, _component_lifecycle_methods_js__WEBPACK_IMPORTED_MODULE_4__.COMPONENT_LIFECYCLE_METHODS, { - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.PROPS_KEY]: {}, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.STATE_KEY]: {} - })), Object.assign({ - // defined during the component creation - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.SLOTS_KEY]: null, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.ROOT_KEY]: null - }, _component_dom_selectors_js__WEBPACK_IMPORTED_MODULE_6__.COMPONENT_DOM_SELECTORS, { - name, - css, - template - }))); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/manage-component-lifecycle.js": -/*!******************************************************************!*\ - !*** ./node_modules/riot/esm/core/manage-component-lifecycle.js ***! - \******************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "manageComponentLifecycle": () => (/* binding */ manageComponentLifecycle) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js"); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js"); -/* harmony import */ var _add_css_hook_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./add-css-hook.js */ "./node_modules/riot/esm/core/add-css-hook.js"); -/* harmony import */ var _bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./bind-dom-node-to-component-instance.js */ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js"); -/* harmony import */ var _compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./compute-component-state.js */ "./node_modules/riot/esm/core/compute-component-state.js"); -/* harmony import */ var _compute_initial_props_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./compute-initial-props.js */ "./node_modules/riot/esm/core/compute-initial-props.js"); -/* harmony import */ var _create_attribute_bindings_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create-attribute-bindings.js */ "./node_modules/riot/esm/core/create-attribute-bindings.js"); -/* harmony import */ var _run_plugins_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./run-plugins.js */ "./node_modules/riot/esm/core/run-plugins.js"); -/* Riot v7.1.0, @license MIT */ - - - - - - - - - - - - -/** - * Component creation factory function that will enhance the user provided API - * @param {Object} component - a component implementation previously defined - * @param {Array} options.slots - component slots generated via riot compiler - * @param {Array} options.attributes - attribute expressions generated via riot compiler - * @returns {Riot.Component} a riot component instance - */ -function manageComponentLifecycle(component, _ref) { - let { - slots, - attributes, - props - } = _ref; - return (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.autobindMethods)((0,_run_plugins_js__WEBPACK_IMPORTED_MODULE_1__.runPlugins)((0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperties)((0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__.isObject)(component) ? Object.create(component) : component, { - mount(element, state, parentScope) { - if (state === void 0) { - state = {}; - } - // any element mounted passing through this function can't be a pure component - (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_PURE_SYMBOL, false); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL] = parentScope; - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL] = (0,_create_attribute_bindings_js__WEBPACK_IMPORTED_MODULE_5__.createAttributeBindings)(element, attributes).mount(parentScope); - (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY, Object.freeze(Object.assign({}, (0,_compute_initial_props_js__WEBPACK_IMPORTED_MODULE_6__.computeInitialProps)(element, props), (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__.evaluateAttributeExpressions)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].expressions)))); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY] = (0,_compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__.computeComponentState)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY], state); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL] = this.template.createDOM(element).clone(); - - // link this object to the DOM node - (0,_bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_9__.bindDOMNodeToComponentInstance)(element, this); - // add eventually the 'is' attribute - component.name && (0,_add_css_hook_js__WEBPACK_IMPORTED_MODULE_10__.addCssHook)(element, component.name); - - // define the root element - (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ROOT_KEY, element); - // define the slots array - (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.SLOTS_KEY, slots); - - // before mount lifecycle event - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_MOUNT_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]); - // mount the template - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].mount(element, this, parentScope); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_MOUNTED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]); - return this; - }, - update(state, parentScope) { - if (state === void 0) { - state = {}; - } - if (parentScope) { - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL] = parentScope; - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].update(parentScope); - } - const newProps = (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__.evaluateAttributeExpressions)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].expressions); - if (this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.SHOULD_UPDATE_KEY](newProps, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY]) === false) return; - (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY, Object.freeze(Object.assign({}, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], newProps))); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY] = (0,_compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__.computeComponentState)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY], state); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_UPDATE_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]); - - // avoiding recursive updates - // see also https://github.com/riot/riot/issues/2895 - if (!this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING]) { - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING] = true; - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].update(this, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL]); - } - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_UPDATED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING] = false; - return this; - }, - unmount(preserveRoot) { - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_UNMOUNT_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].unmount(); - // if the preserveRoot is null the template html will be left untouched - // in that case the DOM cleanup will happen differently from a parent node - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].unmount(this, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL], preserveRoot === null ? null : !preserveRoot); - this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_UNMOUNTED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]); - return this; - } - })), Object.keys(component).filter(prop => (0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__.isFunction)(component[prop]))); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/mocked-template-interface.js": -/*!*****************************************************************!*\ - !*** ./node_modules/riot/esm/core/mocked-template-interface.js ***! - \*****************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "MOCKED_TEMPLATE_INTERFACE": () => (/* binding */ MOCKED_TEMPLATE_INTERFACE) -/* harmony export */ }); -/* harmony import */ var _pure_component_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pure-component-api.js */ "./node_modules/riot/esm/core/pure-component-api.js"); -/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js"); -/* Riot v7.1.0, @license MIT */ - - - -const MOCKED_TEMPLATE_INTERFACE = Object.assign({}, _pure_component_api_js__WEBPACK_IMPORTED_MODULE_0__.PURE_COMPONENT_API, { - clone: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - createDOM: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop -}); - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/mount-component.js": -/*!*******************************************************!*\ - !*** ./node_modules/riot/esm/core/mount-component.js ***! - \*******************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "mountComponent": () => (/* binding */ mountComponent) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* harmony import */ var _utils_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/dom.js */ "./node_modules/riot/esm/utils/dom.js"); -/* Riot v7.1.0, @license MIT */ - - - - -/** - * Component initialization function starting from a DOM node - * @param {HTMLElement} element - element to upgrade - * @param {Object} initialProps - initial component properties - * @param {string} componentName - component id - * @param {Array} slots - component slots - * @returns {Object} a new component instance bound to a DOM node - */ -function mountComponent(element, initialProps, componentName, slots) { - const name = componentName || (0,_utils_dom_js__WEBPACK_IMPORTED_MODULE_0__.getName)(element); - if (!_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.COMPONENTS_IMPLEMENTATION_MAP.has(name)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_2__.panic)(`The component named "${name}" was never registered`); - const component = _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.COMPONENTS_IMPLEMENTATION_MAP.get(name)({ - props: initialProps, - slots - }); - return component.mount(element); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/pure-component-api.js": -/*!**********************************************************!*\ - !*** ./node_modules/riot/esm/core/pure-component-api.js ***! - \**********************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "PURE_COMPONENT_API": () => (/* binding */ PURE_COMPONENT_API) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js"); -/* Riot v7.1.0, @license MIT */ - - - -const PURE_COMPONENT_API = Object.freeze({ - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.MOUNT_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UPDATE_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop, - [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UNMOUNT_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop -}); - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/core/run-plugins.js": -/*!***************************************************!*\ - !*** ./node_modules/riot/esm/core/run-plugins.js ***! - \***************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "runPlugins": () => (/* binding */ runPlugins) -/* harmony export */ }); -/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* Riot v7.1.0, @license MIT */ - - -/** - * Run the component instance through all the plugins set by the user - * @param {Object} component - component instance - * @returns {Object} the component enhanced by the plugins - */ -function runPlugins(component) { - return [..._node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET].reduce((c, fn) => fn(c) || c, component); -} - - - - -/***/ }), - -/***/ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js": -/*!******************************************************************************************!*\ - !*** ./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js ***! - \******************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "bindingTypes": () => (/* reexport safe */ _util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__["default"]), -/* harmony export */ "createBinding": () => (/* binding */ create$1), -/* harmony export */ "createExpression": () => (/* binding */ create$4), -/* harmony export */ "expressionTypes": () => (/* reexport safe */ _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__["default"]), -/* harmony export */ "template": () => (/* binding */ create) -/* harmony export */ }); -/* harmony import */ var _util_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/dom.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/dom.js"); -/* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js"); -/* harmony import */ var _util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js"); -/* harmony import */ var _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js"); -/* harmony import */ var _util_objects_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js"); -/* harmony import */ var _util_checks_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js"); -/* harmony import */ var _util_misc_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js"); -/* Riot WIP, @license MIT */ - - - - - - - - - - -const HEAD_SYMBOL = Symbol(); -const TAIL_SYMBOL = Symbol(); - -/** - * Create the