diff --git a/index.html b/index.html new file mode 100644 index 0000000..c473c1d --- /dev/null +++ b/index.html @@ -0,0 +1,44 @@ + + + + + + RandoMusic + + + + + +
+
+

Tirage Aléatoire

+
+ +
+
+
de A à
+
+
+
+
de 0 à
+
+
+
+
+
+ +
+
+
+ + + + + + + + + diff --git a/polices/Marianne-Bold.woff b/polices/Marianne-Bold.woff new file mode 100644 index 0000000..335e348 Binary files /dev/null and b/polices/Marianne-Bold.woff differ diff --git a/polices/Marianne-Bold.woff2 b/polices/Marianne-Bold.woff2 new file mode 100644 index 0000000..4a5b7b2 Binary files /dev/null and b/polices/Marianne-Bold.woff2 differ diff --git a/polices/Marianne-Bold_Italic.woff b/polices/Marianne-Bold_Italic.woff new file mode 100644 index 0000000..72878fc Binary files /dev/null and b/polices/Marianne-Bold_Italic.woff differ diff --git a/polices/Marianne-Bold_Italic.woff2 b/polices/Marianne-Bold_Italic.woff2 new file mode 100644 index 0000000..31494ac Binary files /dev/null and b/polices/Marianne-Bold_Italic.woff2 differ diff --git a/polices/Marianne-ExtraBold.woff b/polices/Marianne-ExtraBold.woff new file mode 100644 index 0000000..ad85a55 Binary files /dev/null and b/polices/Marianne-ExtraBold.woff differ diff --git a/polices/Marianne-ExtraBold.woff2 b/polices/Marianne-ExtraBold.woff2 new file mode 100644 index 0000000..b98ec4f Binary files /dev/null and b/polices/Marianne-ExtraBold.woff2 differ diff --git a/polices/Marianne-ExtraBold_Italic.woff b/polices/Marianne-ExtraBold_Italic.woff new file mode 100644 index 0000000..af92ea7 Binary files /dev/null and b/polices/Marianne-ExtraBold_Italic.woff differ diff --git a/polices/Marianne-ExtraBold_Italic.woff2 b/polices/Marianne-ExtraBold_Italic.woff2 new file mode 100644 index 0000000..c4ec1c0 Binary files /dev/null and b/polices/Marianne-ExtraBold_Italic.woff2 differ diff --git a/polices/Marianne-Light.woff b/polices/Marianne-Light.woff new file mode 100644 index 0000000..9ef49df Binary files /dev/null and b/polices/Marianne-Light.woff differ diff --git a/polices/Marianne-Light.woff2 b/polices/Marianne-Light.woff2 new file mode 100644 index 0000000..b29a01f Binary files /dev/null and b/polices/Marianne-Light.woff2 differ diff --git a/polices/Marianne-Light_Italic.woff b/polices/Marianne-Light_Italic.woff new file mode 100644 index 0000000..5ae0dbe Binary files /dev/null and b/polices/Marianne-Light_Italic.woff differ diff --git a/polices/Marianne-Light_Italic.woff2 b/polices/Marianne-Light_Italic.woff2 new file mode 100644 index 0000000..ccf9c8e Binary files /dev/null and b/polices/Marianne-Light_Italic.woff2 differ diff --git a/polices/Marianne-Medium.woff b/polices/Marianne-Medium.woff new file mode 100644 index 0000000..692476e Binary files /dev/null and b/polices/Marianne-Medium.woff differ diff --git a/polices/Marianne-Medium.woff2 b/polices/Marianne-Medium.woff2 new file mode 100644 index 0000000..8877ade Binary files /dev/null and b/polices/Marianne-Medium.woff2 differ diff --git a/polices/Marianne-Medium_Italic.woff b/polices/Marianne-Medium_Italic.woff new file mode 100644 index 0000000..8e32b88 Binary files /dev/null and b/polices/Marianne-Medium_Italic.woff differ diff --git a/polices/Marianne-Medium_Italic.woff2 b/polices/Marianne-Medium_Italic.woff2 new file mode 100644 index 0000000..28b5040 Binary files /dev/null and b/polices/Marianne-Medium_Italic.woff2 differ diff --git a/polices/Marianne-Regular.woff b/polices/Marianne-Regular.woff new file mode 100644 index 0000000..a95a2d0 Binary files /dev/null and b/polices/Marianne-Regular.woff differ diff --git a/polices/Marianne-Regular.woff2 b/polices/Marianne-Regular.woff2 new file mode 100644 index 0000000..5d6517c Binary files /dev/null and b/polices/Marianne-Regular.woff2 differ diff --git a/polices/Marianne-Regular_Italic.woff b/polices/Marianne-Regular_Italic.woff new file mode 100644 index 0000000..1880c5d Binary files /dev/null and b/polices/Marianne-Regular_Italic.woff differ diff --git a/polices/Marianne-Regular_Italic.woff2 b/polices/Marianne-Regular_Italic.woff2 new file mode 100644 index 0000000..30e8934 Binary files /dev/null and b/polices/Marianne-Regular_Italic.woff2 differ diff --git a/polices/Marianne-Thin.woff b/polices/Marianne-Thin.woff new file mode 100644 index 0000000..6c8bc5a Binary files /dev/null and b/polices/Marianne-Thin.woff differ diff --git a/polices/Marianne-Thin.woff2 b/polices/Marianne-Thin.woff2 new file mode 100644 index 0000000..1ec57f7 Binary files /dev/null and b/polices/Marianne-Thin.woff2 differ diff --git a/polices/Marianne-Thin_Italic.woff b/polices/Marianne-Thin_Italic.woff new file mode 100644 index 0000000..4c23d6b Binary files /dev/null and b/polices/Marianne-Thin_Italic.woff differ diff --git a/polices/Marianne-Thin_Italic.woff2 b/polices/Marianne-Thin_Italic.woff2 new file mode 100644 index 0000000..d3978b9 Binary files /dev/null and b/polices/Marianne-Thin_Italic.woff2 differ diff --git a/randommusic.css b/randommusic.css new file mode 100644 index 0000000..0bc9502 --- /dev/null +++ b/randommusic.css @@ -0,0 +1,26403 @@ +/* +#@0 +#@1 +#@2 +#@3 +#@4 +#@5 +#@6 +#@7 +#@8 +#@9 +#@10 +#@11 +#@12 +#@13 +#@14 +#@15 +#@16 +#@17 +#@18 +#@19 +#@20 +#@21 +#@22 +#@23 +#@24 +#@25 +#@26 +#@27 +#@28 +#@29 +#@30 +#@31 +#@32 +#@33 +#@34 +#@35 +#@36 +#@37 +#@38 +#@39 +#@40 +#@41 +#@42 +#@43 +#@44 +#@45 +#@46 +#@47 +#@48 +#@49 +#@50 +#@51 +#@52 +#@53 +#@54 +#@55 +#@56 +#@57 +#@58 +#@59 +#@60 +#@61 +#@62 +#@63 +#@64 +#@65 +#@66 +#@67 +#@68 +#@69 +#@70 +#@71 +#@72 +#@73 +#@74 +#@75 +#@76 +*/ +@charset "UTF-8"; +/* Fichier scss principal */ +/* resets */ +/* + * Switch to border-box model for all elements + * Avoid min-width: auto on flex and grid items + */ +*, *::before, *::after { + box-sizing: border-box; + min-width: 0; +} +/* Break words to prevent overflows */ +html { + overflow-wrap: break-word; +} +/* Set core body defaults */ +body { + min-height: 100vh; + min-height: 100dvh; + text-rendering: optimizeSpeed; + line-height: 1.5; +} +/* Remove default margin and padding */ +*:where(body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) { + margin: 0; + padding: 0; +} +/* Remove list styles */ +*:where(ol, ul) { + list-style: none; +} +/* Prevent elements to exceed their container */ +*:where(img, table, td, blockquote, pre, code, input, textarea, select, video, svg, iframe) { + max-width: 100%; +} +/* Keep aspect-ratio */ +*:where(iframe, img, input, select, textarea) { + height: auto; +} +/* Give links default styles */ +:where(a:not([class])) { + text-decoration-skip-ink: auto; +} +/* Inherit fonts for inputs and buttons */ +:where(input, button, textarea, select) { + font: inherit; +} +/* Styles for tables */ +:where(table) { + table-layout: fixed; + border-collapse: collapse; + vertical-align: top; +} +/* Remove border on images and iframes */ +:where(img, iframe) { + border-style: none; +} +/* Fill color matching to text color */ +:where(svg:not([fill])) { + fill: currentColor; +} +/* Remove all animations on demand */ +@media (prefers-reduced-motion: reduce) { + *, *::before, *::after { + animation: none !important; + transition: none !important; + background-attachment: initial !important; + scroll-behavior: auto !important; + } +} +@media print { + /* no orphans, no widows */ + /* no breaks inside these elements */ + /* page break before main headers + h1, + .h1-like { + page-break-before: always; + } + */ + /* no breaks after these elements */ + * { + background: transparent !important; + box-shadow: none !important; + text-shadow: none !important; + } + body { + width: auto; + margin: auto; + font-family: serif; + font-size: 12pt; + } + p, .p-like, h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like, blockquote, label, ul, ol { + color: #000; + margin: auto; + } + .print { + display: revert; + } + .no-print { + display: none; + } + p, .p-like, blockquote { + orphans: 3; + widows: 3; + } + blockquote, ul, ol { + page-break-inside: avoid; + } + h1, .h1-like, h2, .h2-like, h3, .h3-like, caption { + page-break-after: avoid; + } + a { + color: #000; + } + a[href^="javascript:"]::after, a[href^="#"]::after { + content: ""; + } +} +/* chargement de la police iconfont */ +[class^="gf-"].initiale, i.gf { + font-size: 1em; + color: #000; +} +[class^="gf-"], i.gf { + font-family: "gformationfont" !important; + /* font-size: 1.5em; */ + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.gf-small { + font-size: 0.7em; +} +.gf-demi, .gf-15x, .gf-lg { + font-size: 1.5em; +} +.gf-2x { + font-size: 2em; +} +/* Fontawesome 5 */ +/*! + * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa, .fas, .far, .fal, .fad, .fab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; +} +.fa-lg { + font-size: calc(4em / 3); + line-height: calc(3em / 4); + vertical-align: -0.0667em; +} +.fa-xs { + font-size: 0.75em; +} +.fa-sm { + font-size: 0.875em; +} +.fa-1x { + font-size: 1em; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-6x { + font-size: 6em; +} +.fa-7x { + font-size: 7em; +} +.fa-8x { + font-size: 8em; +} +.fa-9x { + font-size: 9em; +} +.fa-10x { + font-size: 10em; +} +.fa-fw { + text-align: center; + width: calc(20em / 16); +} +.fa-ul { + list-style-type: none; + margin-left: 2em * calc(5 / 4); + padding-left: 0; +} +.fa-ul > li { + position: relative; +} +.fa-li { + left: -2em; + position: absolute; + text-align: center; + width: 2em; + line-height: inherit; +} +.fa-border { + border: solid 0.08em #eee; + border-radius: 0.1em; + padding: 0.2em 0.25em 0.15em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { + margin-right: 0.3em; +} +.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { + margin-left: 0.3em; +} +.fa-spin { + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + animation: fa-spin 1s infinite steps(8); +} +@keyframes fa-spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + transform: rotate(90deg); +} +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + transform: rotate(180deg); +} +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + transform: rotate(270deg); +} +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + transform: scale(-1, 1); +} +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + transform: scale(1, -1); +} +.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + transform: scale(-1, -1); +} +:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { + filter: none; +} +.fa-stack { + display: inline-block; + height: 2em; + line-height: 2em; + position: relative; + vertical-align: middle; + width: calc(20em / 16)*2; +} +.fa-stack-1x, .fa-stack-2x { + left: 0; + position: absolute; + text-align: center; + width: 100%; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #fff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen +readers do not read off random characters that represent icons */ +.fa-500px:before { + content: ""; +} +.fa-accessible-icon:before { + content: ""; +} +.fa-accusoft:before { + content: ""; +} +.fa-acquisitions-incorporated:before { + content: ""; +} +.fa-ad:before { + content: ""; +} +.fa-address-book:before { + content: ""; +} +.fa-address-card:before { + content: ""; +} +.fa-adjust:before { + content: ""; +} +.fa-adn:before { + content: ""; +} +.fa-adversal:before { + content: ""; +} +.fa-affiliatetheme:before { + content: ""; +} +.fa-air-freshener:before { + content: ""; +} +.fa-airbnb:before { + content: ""; +} +.fa-algolia:before { + content: ""; +} +.fa-align-center:before { + content: ""; +} +.fa-align-justify:before { + content: ""; +} +.fa-align-left:before { + content: ""; +} +.fa-align-right:before { + content: ""; +} +.fa-alipay:before { + content: ""; +} +.fa-allergies:before { + content: ""; +} +.fa-amazon:before { + content: ""; +} +.fa-amazon-pay:before { + content: ""; +} +.fa-ambulance:before { + content: ""; +} +.fa-american-sign-language-interpreting:before { + content: ""; +} +.fa-amilia:before { + content: ""; +} +.fa-anchor:before { + content: ""; +} +.fa-android:before { + content: ""; +} +.fa-angellist:before { + content: ""; +} +.fa-angle-double-down:before { + content: ""; +} +.fa-angle-double-left:before { + content: ""; +} +.fa-angle-double-right:before { + content: ""; +} +.fa-angle-double-up:before { + content: ""; +} +.fa-angle-down:before { + content: ""; +} +.fa-angle-left:before { + content: ""; +} +.fa-angle-right:before { + content: ""; +} +.fa-angle-up:before { + content: ""; +} +.fa-angry:before { + content: ""; +} +.fa-angrycreative:before { + content: ""; +} +.fa-angular:before { + content: ""; +} +.fa-ankh:before { + content: ""; +} +.fa-app-store:before { + content: ""; +} +.fa-app-store-ios:before { + content: ""; +} +.fa-apper:before { + content: ""; +} +.fa-apple:before { + content: ""; +} +.fa-apple-alt:before { + content: ""; +} +.fa-apple-pay:before { + content: ""; +} +.fa-archive:before { + content: ""; +} +.fa-archway:before { + content: ""; +} +.fa-arrow-alt-circle-down:before { + content: ""; +} +.fa-arrow-alt-circle-left:before { + content: ""; +} +.fa-arrow-alt-circle-right:before { + content: ""; +} +.fa-arrow-alt-circle-up:before { + content: ""; +} +.fa-arrow-circle-down:before { + content: ""; +} +.fa-arrow-circle-left:before { + content: ""; +} +.fa-arrow-circle-right:before { + content: ""; +} +.fa-arrow-circle-up:before { + content: ""; +} +.fa-arrow-down:before { + content: ""; +} +.fa-arrow-left:before { + content: ""; +} +.fa-arrow-right:before { + content: ""; +} +.fa-arrow-up:before { + content: ""; +} +.fa-arrows-alt:before { + content: ""; +} +.fa-arrows-alt-h:before { + content: ""; +} +.fa-arrows-alt-v:before { + content: ""; +} +.fa-artstation:before { + content: ""; +} +.fa-assistive-listening-systems:before { + content: ""; +} +.fa-asterisk:before { + content: ""; +} +.fa-asymmetrik:before { + content: ""; +} +.fa-at:before { + content: ""; +} +.fa-atlas:before { + content: ""; +} +.fa-atlassian:before { + content: ""; +} +.fa-atom:before { + content: ""; +} +.fa-audible:before { + content: ""; +} +.fa-audio-description:before { + content: ""; +} +.fa-autoprefixer:before { + content: ""; +} +.fa-avianex:before { + content: ""; +} +.fa-aviato:before { + content: ""; +} +.fa-award:before { + content: ""; +} +.fa-aws:before { + content: ""; +} +.fa-baby:before { + content: ""; +} +.fa-baby-carriage:before { + content: ""; +} +.fa-backspace:before { + content: ""; +} +.fa-backward:before { + content: ""; +} +.fa-bacon:before { + content: ""; +} +.fa-bacteria:before { + content: ""; +} +.fa-bacterium:before { + content: ""; +} +.fa-bahai:before { + content: ""; +} +.fa-balance-scale:before { + content: ""; +} +.fa-balance-scale-left:before { + content: ""; +} +.fa-balance-scale-right:before { + content: ""; +} +.fa-ban:before { + content: ""; +} +.fa-band-aid:before { + content: ""; +} +.fa-bandcamp:before { + content: ""; +} +.fa-barcode:before { + content: ""; +} +.fa-bars:before { + content: ""; +} +.fa-baseball-ball:before { + content: ""; +} +.fa-basketball-ball:before { + content: ""; +} +.fa-bath:before { + content: ""; +} +.fa-battery-empty:before { + content: ""; +} +.fa-battery-full:before { + content: ""; +} +.fa-battery-half:before { + content: ""; +} +.fa-battery-quarter:before { + content: ""; +} +.fa-battery-three-quarters:before { + content: ""; +} +.fa-battle-net:before { + content: ""; +} +.fa-bed:before { + content: ""; +} +.fa-beer:before { + content: ""; +} +.fa-behance:before { + content: ""; +} +.fa-behance-square:before { + content: ""; +} +.fa-bell:before { + content: ""; +} +.fa-bell-slash:before { + content: ""; +} +.fa-bezier-curve:before { + content: ""; +} +.fa-bible:before { + content: ""; +} +.fa-bicycle:before { + content: ""; +} +.fa-biking:before { + content: ""; +} +.fa-bimobject:before { + content: ""; +} +.fa-binoculars:before { + content: ""; +} +.fa-biohazard:before { + content: ""; +} +.fa-birthday-cake:before { + content: ""; +} +.fa-bitbucket:before { + content: ""; +} +.fa-bitcoin:before { + content: ""; +} +.fa-bity:before { + content: ""; +} +.fa-black-tie:before { + content: ""; +} +.fa-blackberry:before { + content: ""; +} +.fa-blender:before { + content: ""; +} +.fa-blender-phone:before { + content: ""; +} +.fa-blind:before { + content: ""; +} +.fa-blog:before { + content: ""; +} +.fa-blogger:before { + content: ""; +} +.fa-blogger-b:before { + content: ""; +} +.fa-bluetooth:before { + content: ""; +} +.fa-bluetooth-b:before { + content: ""; +} +.fa-bold:before { + content: ""; +} +.fa-bolt:before { + content: ""; +} +.fa-bomb:before { + content: ""; +} +.fa-bone:before { + content: ""; +} +.fa-bong:before { + content: ""; +} +.fa-book:before { + content: ""; +} +.fa-book-dead:before { + content: ""; +} +.fa-book-medical:before { + content: ""; +} +.fa-book-open:before { + content: ""; +} +.fa-book-reader:before { + content: ""; +} +.fa-bookmark:before { + content: ""; +} +.fa-bootstrap:before { + content: ""; +} +.fa-border-all:before { + content: ""; +} +.fa-border-none:before { + content: ""; +} +.fa-border-style:before { + content: ""; +} +.fa-bowling-ball:before { + content: ""; +} +.fa-box:before { + content: ""; +} +.fa-box-open:before { + content: ""; +} +.fa-box-tissue:before { + content: ""; +} +.fa-boxes:before { + content: ""; +} +.fa-braille:before { + content: ""; +} +.fa-brain:before { + content: ""; +} +.fa-bread-slice:before { + content: ""; +} +.fa-briefcase:before { + content: ""; +} +.fa-briefcase-medical:before { + content: ""; +} +.fa-broadcast-tower:before { + content: ""; +} +.fa-broom:before { + content: ""; +} +.fa-brush:before { + content: ""; +} +.fa-btc:before { + content: ""; +} +.fa-buffer:before { + content: ""; +} +.fa-bug:before { + content: ""; +} +.fa-building:before { + content: ""; +} +.fa-bullhorn:before { + content: ""; +} +.fa-bullseye:before { + content: ""; +} +.fa-burn:before { + content: ""; +} +.fa-buromobelexperte:before { + content: ""; +} +.fa-bus:before { + content: ""; +} +.fa-bus-alt:before { + content: ""; +} +.fa-business-time:before { + content: ""; +} +.fa-buy-n-large:before { + content: ""; +} +.fa-buysellads:before { + content: ""; +} +.fa-calculator:before { + content: ""; +} +.fa-calendar:before { + content: ""; +} +.fa-calendar-alt:before { + content: ""; +} +.fa-calendar-check:before { + content: ""; +} +.fa-calendar-day:before { + content: ""; +} +.fa-calendar-minus:before { + content: ""; +} +.fa-calendar-plus:before { + content: ""; +} +.fa-calendar-times:before { + content: ""; +} +.fa-calendar-week:before { + content: ""; +} +.fa-camera:before { + content: ""; +} +.fa-camera-retro:before { + content: ""; +} +.fa-campground:before { + content: ""; +} +.fa-canadian-maple-leaf:before { + content: ""; +} +.fa-candy-cane:before { + content: ""; +} +.fa-cannabis:before { + content: ""; +} +.fa-capsules:before { + content: ""; +} +.fa-car:before { + content: ""; +} +.fa-car-alt:before { + content: ""; +} +.fa-car-battery:before { + content: ""; +} +.fa-car-crash:before { + content: ""; +} +.fa-car-side:before { + content: ""; +} +.fa-caravan:before { + content: ""; +} +.fa-caret-down:before { + content: ""; +} +.fa-caret-left:before { + content: ""; +} +.fa-caret-right:before { + content: ""; +} +.fa-caret-square-down:before { + content: ""; +} +.fa-caret-square-left:before { + content: ""; +} +.fa-caret-square-right:before { + content: ""; +} +.fa-caret-square-up:before { + content: ""; +} +.fa-caret-up:before { + content: ""; +} +.fa-carrot:before { + content: ""; +} +.fa-cart-arrow-down:before { + content: ""; +} +.fa-cart-plus:before { + content: ""; +} +.fa-cash-register:before { + content: ""; +} +.fa-cat:before { + content: ""; +} +.fa-cc-amazon-pay:before { + content: ""; +} +.fa-cc-amex:before { + content: ""; +} +.fa-cc-apple-pay:before { + content: ""; +} +.fa-cc-diners-club:before { + content: ""; +} +.fa-cc-discover:before { + content: ""; +} +.fa-cc-jcb:before { + content: ""; +} +.fa-cc-mastercard:before { + content: ""; +} +.fa-cc-paypal:before { + content: ""; +} +.fa-cc-stripe:before { + content: ""; +} +.fa-cc-visa:before { + content: ""; +} +.fa-centercode:before { + content: ""; +} +.fa-centos:before { + content: ""; +} +.fa-certificate:before { + content: ""; +} +.fa-chair:before { + content: ""; +} +.fa-chalkboard:before { + content: ""; +} +.fa-chalkboard-teacher:before { + content: ""; +} +.fa-charging-station:before { + content: ""; +} +.fa-chart-area:before { + content: ""; +} +.fa-chart-bar:before { + content: ""; +} +.fa-chart-line:before { + content: ""; +} +.fa-chart-pie:before { + content: ""; +} +.fa-check:before { + content: ""; +} +.fa-check-circle:before { + content: ""; +} +.fa-check-double:before { + content: ""; +} +.fa-check-square:before { + content: ""; +} +.fa-cheese:before { + content: ""; +} +.fa-chess:before { + content: ""; +} +.fa-chess-bishop:before { + content: ""; +} +.fa-chess-board:before { + content: ""; +} +.fa-chess-king:before { + content: ""; +} +.fa-chess-knight:before { + content: ""; +} +.fa-chess-pawn:before { + content: ""; +} +.fa-chess-queen:before { + content: ""; +} +.fa-chess-rook:before { + content: ""; +} +.fa-chevron-circle-down:before { + content: ""; +} +.fa-chevron-circle-left:before { + content: ""; +} +.fa-chevron-circle-right:before { + content: ""; +} +.fa-chevron-circle-up:before { + content: ""; +} +.fa-chevron-down:before { + content: ""; +} +.fa-chevron-left:before { + content: ""; +} +.fa-chevron-right:before { + content: ""; +} +.fa-chevron-up:before { + content: ""; +} +.fa-child:before { + content: ""; +} +.fa-chrome:before { + content: ""; +} +.fa-chromecast:before { + content: ""; +} +.fa-church:before { + content: ""; +} +.fa-circle:before { + content: ""; +} +.fa-circle-notch:before { + content: ""; +} +.fa-city:before { + content: ""; +} +.fa-clinic-medical:before { + content: ""; +} +.fa-clipboard:before { + content: ""; +} +.fa-clipboard-check:before { + content: ""; +} +.fa-clipboard-list:before { + content: ""; +} +.fa-clock:before { + content: ""; +} +.fa-clone:before { + content: ""; +} +.fa-closed-captioning:before { + content: ""; +} +.fa-cloud:before { + content: ""; +} +.fa-cloud-download-alt:before { + content: ""; +} +.fa-cloud-meatball:before { + content: ""; +} +.fa-cloud-moon:before { + content: ""; +} +.fa-cloud-moon-rain:before { + content: ""; +} +.fa-cloud-rain:before { + content: ""; +} +.fa-cloud-showers-heavy:before { + content: ""; +} +.fa-cloud-sun:before { + content: ""; +} +.fa-cloud-sun-rain:before { + content: ""; +} +.fa-cloud-upload-alt:before { + content: ""; +} +.fa-cloudflare:before { + content: ""; +} +.fa-cloudscale:before { + content: ""; +} +.fa-cloudsmith:before { + content: ""; +} +.fa-cloudversify:before { + content: ""; +} +.fa-cocktail:before { + content: ""; +} +.fa-code:before { + content: ""; +} +.fa-code-branch:before { + content: ""; +} +.fa-codepen:before { + content: ""; +} +.fa-codiepie:before { + content: ""; +} +.fa-coffee:before { + content: ""; +} +.fa-cog:before { + content: ""; +} +.fa-cogs:before { + content: ""; +} +.fa-coins:before { + content: ""; +} +.fa-columns:before { + content: ""; +} +.fa-comment:before { + content: ""; +} +.fa-comment-alt:before { + content: ""; +} +.fa-comment-dollar:before { + content: ""; +} +.fa-comment-dots:before { + content: ""; +} +.fa-comment-medical:before { + content: ""; +} +.fa-comment-slash:before { + content: ""; +} +.fa-comments:before { + content: ""; +} +.fa-comments-dollar:before { + content: ""; +} +.fa-compact-disc:before { + content: ""; +} +.fa-compass:before { + content: ""; +} +.fa-compress:before { + content: ""; +} +.fa-compress-alt:before { + content: ""; +} +.fa-compress-arrows-alt:before { + content: ""; +} +.fa-concierge-bell:before { + content: ""; +} +.fa-confluence:before { + content: ""; +} +.fa-connectdevelop:before { + content: ""; +} +.fa-contao:before { + content: ""; +} +.fa-cookie:before { + content: ""; +} +.fa-cookie-bite:before { + content: ""; +} +.fa-copy:before { + content: ""; +} +.fa-copyright:before { + content: ""; +} +.fa-cotton-bureau:before { + content: ""; +} +.fa-couch:before { + content: ""; +} +.fa-cpanel:before { + content: ""; +} +.fa-creative-commons:before { + content: ""; +} +.fa-creative-commons-by:before { + content: ""; +} +.fa-creative-commons-nc:before { + content: ""; +} +.fa-creative-commons-nc-eu:before { + content: ""; +} +.fa-creative-commons-nc-jp:before { + content: ""; +} +.fa-creative-commons-nd:before { + content: ""; +} +.fa-creative-commons-pd:before { + content: ""; +} +.fa-creative-commons-pd-alt:before { + content: ""; +} +.fa-creative-commons-remix:before { + content: ""; +} +.fa-creative-commons-sa:before { + content: ""; +} +.fa-creative-commons-sampling:before { + content: ""; +} +.fa-creative-commons-sampling-plus:before { + content: ""; +} +.fa-creative-commons-share:before { + content: ""; +} +.fa-creative-commons-zero:before { + content: ""; +} +.fa-credit-card:before { + content: ""; +} +.fa-critical-role:before { + content: ""; +} +.fa-crop:before { + content: ""; +} +.fa-crop-alt:before { + content: ""; +} +.fa-cross:before { + content: ""; +} +.fa-crosshairs:before { + content: ""; +} +.fa-crow:before { + content: ""; +} +.fa-crown:before { + content: ""; +} +.fa-crutch:before { + content: ""; +} +.fa-css3:before { + content: ""; +} +.fa-css3-alt:before { + content: ""; +} +.fa-cube:before { + content: ""; +} +.fa-cubes:before { + content: ""; +} +.fa-cut:before { + content: ""; +} +.fa-cuttlefish:before { + content: ""; +} +.fa-d-and-d:before { + content: ""; +} +.fa-d-and-d-beyond:before { + content: ""; +} +.fa-dailymotion:before { + content: ""; +} +.fa-dashcube:before { + content: ""; +} +.fa-database:before { + content: ""; +} +.fa-deaf:before { + content: ""; +} +.fa-deezer:before { + content: ""; +} +.fa-delicious:before { + content: ""; +} +.fa-democrat:before { + content: ""; +} +.fa-deploydog:before { + content: ""; +} +.fa-deskpro:before { + content: ""; +} +.fa-desktop:before { + content: ""; +} +.fa-dev:before { + content: ""; +} +.fa-deviantart:before { + content: ""; +} +.fa-dharmachakra:before { + content: ""; +} +.fa-dhl:before { + content: ""; +} +.fa-diagnoses:before { + content: ""; +} +.fa-diaspora:before { + content: ""; +} +.fa-dice:before { + content: ""; +} +.fa-dice-d20:before { + content: ""; +} +.fa-dice-d6:before { + content: ""; +} +.fa-dice-five:before { + content: ""; +} +.fa-dice-four:before { + content: ""; +} +.fa-dice-one:before { + content: ""; +} +.fa-dice-six:before { + content: ""; +} +.fa-dice-three:before { + content: ""; +} +.fa-dice-two:before { + content: ""; +} +.fa-digg:before { + content: ""; +} +.fa-digital-ocean:before { + content: ""; +} +.fa-digital-tachograph:before { + content: ""; +} +.fa-directions:before { + content: ""; +} +.fa-discord:before { + content: ""; +} +.fa-discourse:before { + content: ""; +} +.fa-disease:before { + content: ""; +} +.fa-divide:before { + content: ""; +} +.fa-dizzy:before { + content: ""; +} +.fa-dna:before { + content: ""; +} +.fa-dochub:before { + content: ""; +} +.fa-docker:before { + content: ""; +} +.fa-dog:before { + content: ""; +} +.fa-dollar-sign:before { + content: ""; +} +.fa-dolly:before { + content: ""; +} +.fa-dolly-flatbed:before { + content: ""; +} +.fa-donate:before { + content: ""; +} +.fa-door-closed:before { + content: ""; +} +.fa-door-open:before { + content: ""; +} +.fa-dot-circle:before { + content: ""; +} +.fa-dove:before { + content: ""; +} +.fa-download:before { + content: ""; +} +.fa-draft2digital:before { + content: ""; +} +.fa-drafting-compass:before { + content: ""; +} +.fa-dragon:before { + content: ""; +} +.fa-draw-polygon:before { + content: ""; +} +.fa-dribbble:before { + content: ""; +} +.fa-dribbble-square:before { + content: ""; +} +.fa-dropbox:before { + content: ""; +} +.fa-drum:before { + content: ""; +} +.fa-drum-steelpan:before { + content: ""; +} +.fa-drumstick-bite:before { + content: ""; +} +.fa-drupal:before { + content: ""; +} +.fa-dumbbell:before { + content: ""; +} +.fa-dumpster:before { + content: ""; +} +.fa-dumpster-fire:before { + content: ""; +} +.fa-dungeon:before { + content: ""; +} +.fa-dyalog:before { + content: ""; +} +.fa-earlybirds:before { + content: ""; +} +.fa-ebay:before { + content: ""; +} +.fa-edge:before { + content: ""; +} +.fa-edge-legacy:before { + content: ""; +} +.fa-edit:before { + content: ""; +} +.fa-egg:before { + content: ""; +} +.fa-eject:before { + content: ""; +} +.fa-elementor:before { + content: ""; +} +.fa-ellipsis-h:before { + content: ""; +} +.fa-ellipsis-v:before { + content: ""; +} +.fa-ello:before { + content: ""; +} +.fa-ember:before { + content: ""; +} +.fa-empire:before { + content: ""; +} +.fa-envelope:before { + content: ""; +} +.fa-envelope-open:before { + content: ""; +} +.fa-envelope-open-text:before { + content: ""; +} +.fa-envelope-square:before { + content: ""; +} +.fa-envira:before { + content: ""; +} +.fa-equals:before { + content: ""; +} +.fa-eraser:before { + content: ""; +} +.fa-erlang:before { + content: ""; +} +.fa-ethereum:before { + content: ""; +} +.fa-ethernet:before { + content: ""; +} +.fa-etsy:before { + content: ""; +} +.fa-euro-sign:before { + content: ""; +} +.fa-evernote:before { + content: ""; +} +.fa-exchange-alt:before { + content: ""; +} +.fa-exclamation:before { + content: ""; +} +.fa-exclamation-circle:before { + content: ""; +} +.fa-exclamation-triangle:before { + content: ""; +} +.fa-expand:before { + content: ""; +} +.fa-expand-alt:before { + content: ""; +} +.fa-expand-arrows-alt:before { + content: ""; +} +.fa-expeditedssl:before { + content: ""; +} +.fa-external-link-alt:before { + content: ""; +} +.fa-external-link-square-alt:before { + content: ""; +} +.fa-eye:before { + content: ""; +} +.fa-eye-dropper:before { + content: ""; +} +.fa-eye-slash:before { + content: ""; +} +.fa-facebook:before { + content: ""; +} +.fa-facebook-f:before { + content: ""; +} +.fa-facebook-messenger:before { + content: ""; +} +.fa-facebook-square:before { + content: ""; +} +.fa-fan:before { + content: ""; +} +.fa-fantasy-flight-games:before { + content: ""; +} +.fa-fast-backward:before { + content: ""; +} +.fa-fast-forward:before { + content: ""; +} +.fa-faucet:before { + content: ""; +} +.fa-fax:before { + content: ""; +} +.fa-feather:before { + content: ""; +} +.fa-feather-alt:before { + content: ""; +} +.fa-fedex:before { + content: ""; +} +.fa-fedora:before { + content: ""; +} +.fa-female:before { + content: ""; +} +.fa-fighter-jet:before { + content: ""; +} +.fa-figma:before { + content: ""; +} +.fa-file:before { + content: ""; +} +.fa-file-alt:before { + content: ""; +} +.fa-file-archive:before { + content: ""; +} +.fa-file-audio:before { + content: ""; +} +.fa-file-code:before { + content: ""; +} +.fa-file-contract:before { + content: ""; +} +.fa-file-csv:before { + content: ""; +} +.fa-file-download:before { + content: ""; +} +.fa-file-excel:before { + content: ""; +} +.fa-file-export:before { + content: ""; +} +.fa-file-image:before { + content: ""; +} +.fa-file-import:before { + content: ""; +} +.fa-file-invoice:before { + content: ""; +} +.fa-file-invoice-dollar:before { + content: ""; +} +.fa-file-medical:before { + content: ""; +} +.fa-file-medical-alt:before { + content: ""; +} +.fa-file-pdf:before { + content: ""; +} +.fa-file-powerpoint:before { + content: ""; +} +.fa-file-prescription:before { + content: ""; +} +.fa-file-signature:before { + content: ""; +} +.fa-file-upload:before { + content: ""; +} +.fa-file-video:before { + content: ""; +} +.fa-file-word:before { + content: ""; +} +.fa-fill:before { + content: ""; +} +.fa-fill-drip:before { + content: ""; +} +.fa-film:before { + content: ""; +} +.fa-filter:before { + content: ""; +} +.fa-fingerprint:before { + content: ""; +} +.fa-fire:before { + content: ""; +} +.fa-fire-alt:before { + content: ""; +} +.fa-fire-extinguisher:before { + content: ""; +} +.fa-firefox:before { + content: ""; +} +.fa-firefox-browser:before { + content: ""; +} +.fa-first-aid:before { + content: ""; +} +.fa-first-order:before { + content: ""; +} +.fa-first-order-alt:before { + content: ""; +} +.fa-firstdraft:before { + content: ""; +} +.fa-fish:before { + content: ""; +} +.fa-fist-raised:before { + content: ""; +} +.fa-flag:before { + content: ""; +} +.fa-flag-checkered:before { + content: ""; +} +.fa-flag-usa:before { + content: ""; +} +.fa-flask:before { + content: ""; +} +.fa-flickr:before { + content: ""; +} +.fa-flipboard:before { + content: ""; +} +.fa-flushed:before { + content: ""; +} +.fa-fly:before { + content: ""; +} +.fa-folder:before { + content: ""; +} +.fa-folder-minus:before { + content: ""; +} +.fa-folder-open:before { + content: ""; +} +.fa-folder-plus:before { + content: ""; +} +.fa-font:before { + content: ""; +} +.fa-font-awesome:before { + content: ""; +} +.fa-font-awesome-alt:before { + content: ""; +} +.fa-font-awesome-flag:before { + content: ""; +} +.fa-font-awesome-logo-full:before { + content: ""; +} +.fa-fonticons:before { + content: ""; +} +.fa-fonticons-fi:before { + content: ""; +} +.fa-football-ball:before { + content: ""; +} +.fa-fort-awesome:before { + content: ""; +} +.fa-fort-awesome-alt:before { + content: ""; +} +.fa-forumbee:before { + content: ""; +} +.fa-forward:before { + content: ""; +} +.fa-foursquare:before { + content: ""; +} +.fa-free-code-camp:before { + content: ""; +} +.fa-freebsd:before { + content: ""; +} +.fa-frog:before { + content: ""; +} +.fa-frown:before { + content: ""; +} +.fa-frown-open:before { + content: ""; +} +.fa-fulcrum:before { + content: ""; +} +.fa-funnel-dollar:before { + content: ""; +} +.fa-futbol:before { + content: ""; +} +.fa-galactic-republic:before { + content: ""; +} +.fa-galactic-senate:before { + content: ""; +} +.fa-gamepad:before { + content: ""; +} +.fa-gas-pump:before { + content: ""; +} +.fa-gavel:before { + content: ""; +} +.fa-gem:before { + content: ""; +} +.fa-genderless:before { + content: ""; +} +.fa-get-pocket:before { + content: ""; +} +.fa-gg:before { + content: ""; +} +.fa-gg-circle:before { + content: ""; +} +.fa-ghost:before { + content: ""; +} +.fa-gift:before { + content: ""; +} +.fa-gifts:before { + content: ""; +} +.fa-git:before { + content: ""; +} +.fa-git-alt:before { + content: ""; +} +.fa-git-square:before { + content: ""; +} +.fa-github:before { + content: ""; +} +.fa-github-alt:before { + content: ""; +} +.fa-github-square:before { + content: ""; +} +.fa-gitkraken:before { + content: ""; +} +.fa-gitlab:before { + content: ""; +} +.fa-gitter:before { + content: ""; +} +.fa-glass-cheers:before { + content: ""; +} +.fa-glass-martini:before { + content: ""; +} +.fa-glass-martini-alt:before { + content: ""; +} +.fa-glass-whiskey:before { + content: ""; +} +.fa-glasses:before { + content: ""; +} +.fa-glide:before { + content: ""; +} +.fa-glide-g:before { + content: ""; +} +.fa-globe:before { + content: ""; +} +.fa-globe-africa:before { + content: ""; +} +.fa-globe-americas:before { + content: ""; +} +.fa-globe-asia:before { + content: ""; +} +.fa-globe-europe:before { + content: ""; +} +.fa-gofore:before { + content: ""; +} +.fa-golf-ball:before { + content: ""; +} +.fa-goodreads:before { + content: ""; +} +.fa-goodreads-g:before { + content: ""; +} +.fa-google:before { + content: ""; +} +.fa-google-drive:before { + content: ""; +} +.fa-google-pay:before { + content: ""; +} +.fa-google-play:before { + content: ""; +} +.fa-google-plus:before { + content: ""; +} +.fa-google-plus-g:before { + content: ""; +} +.fa-google-plus-square:before { + content: ""; +} +.fa-google-wallet:before { + content: ""; +} +.fa-gopuram:before { + content: ""; +} +.fa-graduation-cap:before { + content: ""; +} +.fa-gratipay:before { + content: ""; +} +.fa-grav:before { + content: ""; +} +.fa-greater-than:before { + content: ""; +} +.fa-greater-than-equal:before { + content: ""; +} +.fa-grimace:before { + content: ""; +} +.fa-grin:before { + content: ""; +} +.fa-grin-alt:before { + content: ""; +} +.fa-grin-beam:before { + content: ""; +} +.fa-grin-beam-sweat:before { + content: ""; +} +.fa-grin-hearts:before { + content: ""; +} +.fa-grin-squint:before { + content: ""; +} +.fa-grin-squint-tears:before { + content: ""; +} +.fa-grin-stars:before { + content: ""; +} +.fa-grin-tears:before { + content: ""; +} +.fa-grin-tongue:before { + content: ""; +} +.fa-grin-tongue-squint:before { + content: ""; +} +.fa-grin-tongue-wink:before { + content: ""; +} +.fa-grin-wink:before { + content: ""; +} +.fa-grip-horizontal:before { + content: ""; +} +.fa-grip-lines:before { + content: ""; +} +.fa-grip-lines-vertical:before { + content: ""; +} +.fa-grip-vertical:before { + content: ""; +} +.fa-gripfire:before { + content: ""; +} +.fa-grunt:before { + content: ""; +} +.fa-guilded:before { + content: ""; +} +.fa-guitar:before { + content: ""; +} +.fa-gulp:before { + content: ""; +} +.fa-h-square:before { + content: ""; +} +.fa-hacker-news:before { + content: ""; +} +.fa-hacker-news-square:before { + content: ""; +} +.fa-hackerrank:before { + content: ""; +} +.fa-hamburger:before { + content: ""; +} +.fa-hammer:before { + content: ""; +} +.fa-hamsa:before { + content: ""; +} +.fa-hand-holding:before { + content: ""; +} +.fa-hand-holding-heart:before { + content: ""; +} +.fa-hand-holding-medical:before { + content: ""; +} +.fa-hand-holding-usd:before { + content: ""; +} +.fa-hand-holding-water:before { + content: ""; +} +.fa-hand-lizard:before { + content: ""; +} +.fa-hand-middle-finger:before { + content: ""; +} +.fa-hand-paper:before { + content: ""; +} +.fa-hand-peace:before { + content: ""; +} +.fa-hand-point-down:before { + content: ""; +} +.fa-hand-point-left:before { + content: ""; +} +.fa-hand-point-right:before { + content: ""; +} +.fa-hand-point-up:before { + content: ""; +} +.fa-hand-pointer:before { + content: ""; +} +.fa-hand-rock:before { + content: ""; +} +.fa-hand-scissors:before { + content: ""; +} +.fa-hand-sparkles:before { + content: ""; +} +.fa-hand-spock:before { + content: ""; +} +.fa-hands:before { + content: ""; +} +.fa-hands-helping:before { + content: ""; +} +.fa-hands-wash:before { + content: ""; +} +.fa-handshake:before { + content: ""; +} +.fa-handshake-alt-slash:before { + content: ""; +} +.fa-handshake-slash:before { + content: ""; +} +.fa-hanukiah:before { + content: ""; +} +.fa-hard-hat:before { + content: ""; +} +.fa-hashtag:before { + content: ""; +} +.fa-hat-cowboy:before { + content: ""; +} +.fa-hat-cowboy-side:before { + content: ""; +} +.fa-hat-wizard:before { + content: ""; +} +.fa-hdd:before { + content: ""; +} +.fa-head-side-cough:before { + content: ""; +} +.fa-head-side-cough-slash:before { + content: ""; +} +.fa-head-side-mask:before { + content: ""; +} +.fa-head-side-virus:before { + content: ""; +} +.fa-heading:before { + content: ""; +} +.fa-headphones:before { + content: ""; +} +.fa-headphones-alt:before { + content: ""; +} +.fa-headset:before { + content: ""; +} +.fa-heart:before { + content: ""; +} +.fa-heart-broken:before { + content: ""; +} +.fa-heartbeat:before { + content: ""; +} +.fa-helicopter:before { + content: ""; +} +.fa-highlighter:before { + content: ""; +} +.fa-hiking:before { + content: ""; +} +.fa-hippo:before { + content: ""; +} +.fa-hips:before { + content: ""; +} +.fa-hire-a-helper:before { + content: ""; +} +.fa-history:before { + content: ""; +} +.fa-hive:before { + content: ""; +} +.fa-hockey-puck:before { + content: ""; +} +.fa-holly-berry:before { + content: ""; +} +.fa-home:before { + content: ""; +} +.fa-hooli:before { + content: ""; +} +.fa-hornbill:before { + content: ""; +} +.fa-horse:before { + content: ""; +} +.fa-horse-head:before { + content: ""; +} +.fa-hospital:before { + content: ""; +} +.fa-hospital-alt:before { + content: ""; +} +.fa-hospital-symbol:before { + content: ""; +} +.fa-hospital-user:before { + content: ""; +} +.fa-hot-tub:before { + content: ""; +} +.fa-hotdog:before { + content: ""; +} +.fa-hotel:before { + content: ""; +} +.fa-hotjar:before { + content: ""; +} +.fa-hourglass:before { + content: ""; +} +.fa-hourglass-end:before { + content: ""; +} +.fa-hourglass-half:before { + content: ""; +} +.fa-hourglass-start:before { + content: ""; +} +.fa-house-damage:before { + content: ""; +} +.fa-house-user:before { + content: ""; +} +.fa-houzz:before { + content: ""; +} +.fa-hryvnia:before { + content: ""; +} +.fa-html5:before { + content: ""; +} +.fa-hubspot:before { + content: ""; +} +.fa-i-cursor:before { + content: ""; +} +.fa-ice-cream:before { + content: ""; +} +.fa-icicles:before { + content: ""; +} +.fa-icons:before { + content: ""; +} +.fa-id-badge:before { + content: ""; +} +.fa-id-card:before { + content: ""; +} +.fa-id-card-alt:before { + content: ""; +} +.fa-ideal:before { + content: ""; +} +.fa-igloo:before { + content: ""; +} +.fa-image:before { + content: ""; +} +.fa-images:before { + content: ""; +} +.fa-imdb:before { + content: ""; +} +.fa-inbox:before { + content: ""; +} +.fa-indent:before { + content: ""; +} +.fa-industry:before { + content: ""; +} +.fa-infinity:before { + content: ""; +} +.fa-info:before { + content: ""; +} +.fa-info-circle:before { + content: ""; +} +.fa-innosoft:before { + content: ""; +} +.fa-instagram:before { + content: ""; +} +.fa-instagram-square:before { + content: ""; +} +.fa-instalod:before { + content: ""; +} +.fa-intercom:before { + content: ""; +} +.fa-internet-explorer:before { + content: ""; +} +.fa-invision:before { + content: ""; +} +.fa-ioxhost:before { + content: ""; +} +.fa-italic:before { + content: ""; +} +.fa-itch-io:before { + content: ""; +} +.fa-itunes:before { + content: ""; +} +.fa-itunes-note:before { + content: ""; +} +.fa-java:before { + content: ""; +} +.fa-jedi:before { + content: ""; +} +.fa-jedi-order:before { + content: ""; +} +.fa-jenkins:before { + content: ""; +} +.fa-jira:before { + content: ""; +} +.fa-joget:before { + content: ""; +} +.fa-joint:before { + content: ""; +} +.fa-joomla:before { + content: ""; +} +.fa-journal-whills:before { + content: ""; +} +.fa-js:before { + content: ""; +} +.fa-js-square:before { + content: ""; +} +.fa-jsfiddle:before { + content: ""; +} +.fa-kaaba:before { + content: ""; +} +.fa-kaggle:before { + content: ""; +} +.fa-key:before { + content: ""; +} +.fa-keybase:before { + content: ""; +} +.fa-keyboard:before { + content: ""; +} +.fa-keycdn:before { + content: ""; +} +.fa-khanda:before { + content: ""; +} +.fa-kickstarter:before { + content: ""; +} +.fa-kickstarter-k:before { + content: ""; +} +.fa-kiss:before { + content: ""; +} +.fa-kiss-beam:before { + content: ""; +} +.fa-kiss-wink-heart:before { + content: ""; +} +.fa-kiwi-bird:before { + content: ""; +} +.fa-korvue:before { + content: ""; +} +.fa-landmark:before { + content: ""; +} +.fa-language:before { + content: ""; +} +.fa-laptop:before { + content: ""; +} +.fa-laptop-code:before { + content: ""; +} +.fa-laptop-house:before { + content: ""; +} +.fa-laptop-medical:before { + content: ""; +} +.fa-laravel:before { + content: ""; +} +.fa-lastfm:before { + content: ""; +} +.fa-lastfm-square:before { + content: ""; +} +.fa-laugh:before { + content: ""; +} +.fa-laugh-beam:before { + content: ""; +} +.fa-laugh-squint:before { + content: ""; +} +.fa-laugh-wink:before { + content: ""; +} +.fa-layer-group:before { + content: ""; +} +.fa-leaf:before { + content: ""; +} +.fa-leanpub:before { + content: ""; +} +.fa-lemon:before { + content: ""; +} +.fa-less:before { + content: ""; +} +.fa-less-than:before { + content: ""; +} +.fa-less-than-equal:before { + content: ""; +} +.fa-level-down-alt:before { + content: ""; +} +.fa-level-up-alt:before { + content: ""; +} +.fa-life-ring:before { + content: ""; +} +.fa-lightbulb:before { + content: ""; +} +.fa-line:before { + content: ""; +} +.fa-link:before { + content: ""; +} +.fa-linkedin:before { + content: ""; +} +.fa-linkedin-in:before { + content: ""; +} +.fa-linode:before { + content: ""; +} +.fa-linux:before { + content: ""; +} +.fa-lira-sign:before { + content: ""; +} +.fa-list:before { + content: ""; +} +.fa-list-alt:before { + content: ""; +} +.fa-list-ol:before { + content: ""; +} +.fa-list-ul:before { + content: ""; +} +.fa-location-arrow:before { + content: ""; +} +.fa-lock:before { + content: ""; +} +.fa-lock-open:before { + content: ""; +} +.fa-long-arrow-alt-down:before { + content: ""; +} +.fa-long-arrow-alt-left:before { + content: ""; +} +.fa-long-arrow-alt-right:before { + content: ""; +} +.fa-long-arrow-alt-up:before { + content: ""; +} +.fa-low-vision:before { + content: ""; +} +.fa-luggage-cart:before { + content: ""; +} +.fa-lungs:before { + content: ""; +} +.fa-lungs-virus:before { + content: ""; +} +.fa-lyft:before { + content: ""; +} +.fa-magento:before { + content: ""; +} +.fa-magic:before { + content: ""; +} +.fa-magnet:before { + content: ""; +} +.fa-mail-bulk:before { + content: ""; +} +.fa-mailchimp:before { + content: ""; +} +.fa-male:before { + content: ""; +} +.fa-mandalorian:before { + content: ""; +} +.fa-map:before { + content: ""; +} +.fa-map-marked:before { + content: ""; +} +.fa-map-marked-alt:before { + content: ""; +} +.fa-map-marker:before { + content: ""; +} +.fa-map-marker-alt:before { + content: ""; +} +.fa-map-pin:before { + content: ""; +} +.fa-map-signs:before { + content: ""; +} +.fa-markdown:before { + content: ""; +} +.fa-marker:before { + content: ""; +} +.fa-mars:before { + content: ""; +} +.fa-mars-double:before { + content: ""; +} +.fa-mars-stroke:before { + content: ""; +} +.fa-mars-stroke-h:before { + content: ""; +} +.fa-mars-stroke-v:before { + content: ""; +} +.fa-mask:before { + content: ""; +} +.fa-mastodon:before { + content: ""; +} +.fa-maxcdn:before { + content: ""; +} +.fa-mdb:before { + content: ""; +} +.fa-medal:before { + content: ""; +} +.fa-medapps:before { + content: ""; +} +.fa-medium:before { + content: ""; +} +.fa-medium-m:before { + content: ""; +} +.fa-medkit:before { + content: ""; +} +.fa-medrt:before { + content: ""; +} +.fa-meetup:before { + content: ""; +} +.fa-megaport:before { + content: ""; +} +.fa-meh:before { + content: ""; +} +.fa-meh-blank:before { + content: ""; +} +.fa-meh-rolling-eyes:before { + content: ""; +} +.fa-memory:before { + content: ""; +} +.fa-mendeley:before { + content: ""; +} +.fa-menorah:before { + content: ""; +} +.fa-mercury:before { + content: ""; +} +.fa-meteor:before { + content: ""; +} +.fa-microblog:before { + content: ""; +} +.fa-microchip:before { + content: ""; +} +.fa-microphone:before { + content: ""; +} +.fa-microphone-alt:before { + content: ""; +} +.fa-microphone-alt-slash:before { + content: ""; +} +.fa-microphone-slash:before { + content: ""; +} +.fa-microscope:before { + content: ""; +} +.fa-microsoft:before { + content: ""; +} +.fa-minus:before { + content: ""; +} +.fa-minus-circle:before { + content: ""; +} +.fa-minus-square:before { + content: ""; +} +.fa-mitten:before { + content: ""; +} +.fa-mix:before { + content: ""; +} +.fa-mixcloud:before { + content: ""; +} +.fa-mixer:before { + content: ""; +} +.fa-mizuni:before { + content: ""; +} +.fa-mobile:before { + content: ""; +} +.fa-mobile-alt:before { + content: ""; +} +.fa-modx:before { + content: ""; +} +.fa-monero:before { + content: ""; +} +.fa-money-bill:before { + content: ""; +} +.fa-money-bill-alt:before { + content: ""; +} +.fa-money-bill-wave:before { + content: ""; +} +.fa-money-bill-wave-alt:before { + content: ""; +} +.fa-money-check:before { + content: ""; +} +.fa-money-check-alt:before { + content: ""; +} +.fa-monument:before { + content: ""; +} +.fa-moon:before { + content: ""; +} +.fa-mortar-pestle:before { + content: ""; +} +.fa-mosque:before { + content: ""; +} +.fa-motorcycle:before { + content: ""; +} +.fa-mountain:before { + content: ""; +} +.fa-mouse:before { + content: ""; +} +.fa-mouse-pointer:before { + content: ""; +} +.fa-mug-hot:before { + content: ""; +} +.fa-music:before { + content: ""; +} +.fa-napster:before { + content: ""; +} +.fa-neos:before { + content: ""; +} +.fa-network-wired:before { + content: ""; +} +.fa-neuter:before { + content: ""; +} +.fa-newspaper:before { + content: ""; +} +.fa-nimblr:before { + content: ""; +} +.fa-node:before { + content: ""; +} +.fa-node-js:before { + content: ""; +} +.fa-not-equal:before { + content: ""; +} +.fa-notes-medical:before { + content: ""; +} +.fa-npm:before { + content: ""; +} +.fa-ns8:before { + content: ""; +} +.fa-nutritionix:before { + content: ""; +} +.fa-object-group:before { + content: ""; +} +.fa-object-ungroup:before { + content: ""; +} +.fa-octopus-deploy:before { + content: ""; +} +.fa-odnoklassniki:before { + content: ""; +} +.fa-odnoklassniki-square:before { + content: ""; +} +.fa-oil-can:before { + content: ""; +} +.fa-old-republic:before { + content: ""; +} +.fa-om:before { + content: ""; +} +.fa-opencart:before { + content: ""; +} +.fa-openid:before { + content: ""; +} +.fa-opera:before { + content: ""; +} +.fa-optin-monster:before { + content: ""; +} +.fa-orcid:before { + content: ""; +} +.fa-osi:before { + content: ""; +} +.fa-otter:before { + content: ""; +} +.fa-outdent:before { + content: ""; +} +.fa-page4:before { + content: ""; +} +.fa-pagelines:before { + content: ""; +} +.fa-pager:before { + content: ""; +} +.fa-paint-brush:before { + content: ""; +} +.fa-paint-roller:before { + content: ""; +} +.fa-palette:before { + content: ""; +} +.fa-palfed:before { + content: ""; +} +.fa-pallet:before { + content: ""; +} +.fa-paper-plane:before { + content: ""; +} +.fa-paperclip:before { + content: ""; +} +.fa-parachute-box:before { + content: ""; +} +.fa-paragraph:before { + content: ""; +} +.fa-parking:before { + content: ""; +} +.fa-passport:before { + content: ""; +} +.fa-pastafarianism:before { + content: ""; +} +.fa-paste:before { + content: ""; +} +.fa-patreon:before { + content: ""; +} +.fa-pause:before { + content: ""; +} +.fa-pause-circle:before { + content: ""; +} +.fa-paw:before { + content: ""; +} +.fa-paypal:before { + content: ""; +} +.fa-peace:before { + content: ""; +} +.fa-pen:before { + content: ""; +} +.fa-pen-alt:before { + content: ""; +} +.fa-pen-fancy:before { + content: ""; +} +.fa-pen-nib:before { + content: ""; +} +.fa-pen-square:before { + content: ""; +} +.fa-pencil-alt:before { + content: ""; +} +.fa-pencil-ruler:before { + content: ""; +} +.fa-penny-arcade:before { + content: ""; +} +.fa-people-arrows:before { + content: ""; +} +.fa-people-carry:before { + content: ""; +} +.fa-pepper-hot:before { + content: ""; +} +.fa-perbyte:before { + content: ""; +} +.fa-percent:before { + content: ""; +} +.fa-percentage:before { + content: ""; +} +.fa-periscope:before { + content: ""; +} +.fa-person-booth:before { + content: ""; +} +.fa-phabricator:before { + content: ""; +} +.fa-phoenix-framework:before { + content: ""; +} +.fa-phoenix-squadron:before { + content: ""; +} +.fa-phone:before { + content: ""; +} +.fa-phone-alt:before { + content: ""; +} +.fa-phone-slash:before { + content: ""; +} +.fa-phone-square:before { + content: ""; +} +.fa-phone-square-alt:before { + content: ""; +} +.fa-phone-volume:before { + content: ""; +} +.fa-photo-video:before { + content: ""; +} +.fa-php:before { + content: ""; +} +.fa-pied-piper:before { + content: ""; +} +.fa-pied-piper-alt:before { + content: ""; +} +.fa-pied-piper-hat:before { + content: ""; +} +.fa-pied-piper-pp:before { + content: ""; +} +.fa-pied-piper-square:before { + content: ""; +} +.fa-piggy-bank:before { + content: ""; +} +.fa-pills:before { + content: ""; +} +.fa-pinterest:before { + content: ""; +} +.fa-pinterest-p:before { + content: ""; +} +.fa-pinterest-square:before { + content: ""; +} +.fa-pizza-slice:before { + content: ""; +} +.fa-place-of-worship:before { + content: ""; +} +.fa-plane:before { + content: ""; +} +.fa-plane-arrival:before { + content: ""; +} +.fa-plane-departure:before { + content: ""; +} +.fa-plane-slash:before { + content: ""; +} +.fa-play:before { + content: ""; +} +.fa-play-circle:before { + content: ""; +} +.fa-playstation:before { + content: ""; +} +.fa-plug:before { + content: ""; +} +.fa-plus:before { + content: ""; +} +.fa-plus-circle:before { + content: ""; +} +.fa-plus-square:before { + content: ""; +} +.fa-podcast:before { + content: ""; +} +.fa-poll:before { + content: ""; +} +.fa-poll-h:before { + content: ""; +} +.fa-poo:before { + content: ""; +} +.fa-poo-storm:before { + content: ""; +} +.fa-poop:before { + content: ""; +} +.fa-portrait:before { + content: ""; +} +.fa-pound-sign:before { + content: ""; +} +.fa-power-off:before { + content: ""; +} +.fa-pray:before { + content: ""; +} +.fa-praying-hands:before { + content: ""; +} +.fa-prescription:before { + content: ""; +} +.fa-prescription-bottle:before { + content: ""; +} +.fa-prescription-bottle-alt:before { + content: ""; +} +.fa-print:before { + content: ""; +} +.fa-procedures:before { + content: ""; +} +.fa-product-hunt:before { + content: ""; +} +.fa-project-diagram:before { + content: ""; +} +.fa-pump-medical:before { + content: ""; +} +.fa-pump-soap:before { + content: ""; +} +.fa-pushed:before { + content: ""; +} +.fa-puzzle-piece:before { + content: ""; +} +.fa-python:before { + content: ""; +} +.fa-qq:before { + content: ""; +} +.fa-qrcode:before { + content: ""; +} +.fa-question:before { + content: ""; +} +.fa-question-circle:before { + content: ""; +} +.fa-quidditch:before { + content: ""; +} +.fa-quinscape:before { + content: ""; +} +.fa-quora:before { + content: ""; +} +.fa-quote-left:before { + content: ""; +} +.fa-quote-right:before { + content: ""; +} +.fa-quran:before { + content: ""; +} +.fa-r-project:before { + content: ""; +} +.fa-radiation:before { + content: ""; +} +.fa-radiation-alt:before { + content: ""; +} +.fa-rainbow:before { + content: ""; +} +.fa-random:before { + content: ""; +} +.fa-raspberry-pi:before { + content: ""; +} +.fa-ravelry:before { + content: ""; +} +.fa-react:before { + content: ""; +} +.fa-reacteurope:before { + content: ""; +} +.fa-readme:before { + content: ""; +} +.fa-rebel:before { + content: ""; +} +.fa-receipt:before { + content: ""; +} +.fa-record-vinyl:before { + content: ""; +} +.fa-recycle:before { + content: ""; +} +.fa-red-river:before { + content: ""; +} +.fa-reddit:before { + content: ""; +} +.fa-reddit-alien:before { + content: ""; +} +.fa-reddit-square:before { + content: ""; +} +.fa-redhat:before { + content: ""; +} +.fa-redo:before { + content: ""; +} +.fa-redo-alt:before { + content: ""; +} +.fa-registered:before { + content: ""; +} +.fa-remove-format:before { + content: ""; +} +.fa-renren:before { + content: ""; +} +.fa-reply:before { + content: ""; +} +.fa-reply-all:before { + content: ""; +} +.fa-replyd:before { + content: ""; +} +.fa-republican:before { + content: ""; +} +.fa-researchgate:before { + content: ""; +} +.fa-resolving:before { + content: ""; +} +.fa-restroom:before { + content: ""; +} +.fa-retweet:before { + content: ""; +} +.fa-rev:before { + content: ""; +} +.fa-ribbon:before { + content: ""; +} +.fa-ring:before { + content: ""; +} +.fa-road:before { + content: ""; +} +.fa-robot:before { + content: ""; +} +.fa-rocket:before { + content: ""; +} +.fa-rocketchat:before { + content: ""; +} +.fa-rockrms:before { + content: ""; +} +.fa-route:before { + content: ""; +} +.fa-rss:before { + content: ""; +} +.fa-rss-square:before { + content: ""; +} +.fa-ruble-sign:before { + content: ""; +} +.fa-ruler:before { + content: ""; +} +.fa-ruler-combined:before { + content: ""; +} +.fa-ruler-horizontal:before { + content: ""; +} +.fa-ruler-vertical:before { + content: ""; +} +.fa-running:before { + content: ""; +} +.fa-rupee-sign:before { + content: ""; +} +.fa-rust:before { + content: ""; +} +.fa-sad-cry:before { + content: ""; +} +.fa-sad-tear:before { + content: ""; +} +.fa-safari:before { + content: ""; +} +.fa-salesforce:before { + content: ""; +} +.fa-sass:before { + content: ""; +} +.fa-satellite:before { + content: ""; +} +.fa-satellite-dish:before { + content: ""; +} +.fa-save:before { + content: ""; +} +.fa-schlix:before { + content: ""; +} +.fa-school:before { + content: ""; +} +.fa-screwdriver:before { + content: ""; +} +.fa-scribd:before { + content: ""; +} +.fa-scroll:before { + content: ""; +} +.fa-sd-card:before { + content: ""; +} +.fa-search:before { + content: ""; +} +.fa-search-dollar:before { + content: ""; +} +.fa-search-location:before { + content: ""; +} +.fa-search-minus:before { + content: ""; +} +.fa-search-plus:before { + content: ""; +} +.fa-searchengin:before { + content: ""; +} +.fa-seedling:before { + content: ""; +} +.fa-sellcast:before { + content: ""; +} +.fa-sellsy:before { + content: ""; +} +.fa-server:before { + content: ""; +} +.fa-servicestack:before { + content: ""; +} +.fa-shapes:before { + content: ""; +} +.fa-share:before { + content: ""; +} +.fa-share-alt:before { + content: ""; +} +.fa-share-alt-square:before { + content: ""; +} +.fa-share-square:before { + content: ""; +} +.fa-shekel-sign:before { + content: ""; +} +.fa-shield-alt:before { + content: ""; +} +.fa-shield-virus:before { + content: ""; +} +.fa-ship:before { + content: ""; +} +.fa-shipping-fast:before { + content: ""; +} +.fa-shirtsinbulk:before { + content: ""; +} +.fa-shoe-prints:before { + content: ""; +} +.fa-shopify:before { + content: ""; +} +.fa-shopping-bag:before { + content: ""; +} +.fa-shopping-basket:before { + content: ""; +} +.fa-shopping-cart:before { + content: ""; +} +.fa-shopware:before { + content: ""; +} +.fa-shower:before { + content: ""; +} +.fa-shuttle-van:before { + content: ""; +} +.fa-sign:before { + content: ""; +} +.fa-sign-in-alt:before { + content: ""; +} +.fa-sign-language:before { + content: ""; +} +.fa-sign-out-alt:before { + content: ""; +} +.fa-signal:before { + content: ""; +} +.fa-signature:before { + content: ""; +} +.fa-sim-card:before { + content: ""; +} +.fa-simplybuilt:before { + content: ""; +} +.fa-sink:before { + content: ""; +} +.fa-sistrix:before { + content: ""; +} +.fa-sitemap:before { + content: ""; +} +.fa-sith:before { + content: ""; +} +.fa-skating:before { + content: ""; +} +.fa-sketch:before { + content: ""; +} +.fa-skiing:before { + content: ""; +} +.fa-skiing-nordic:before { + content: ""; +} +.fa-skull:before { + content: ""; +} +.fa-skull-crossbones:before { + content: ""; +} +.fa-skyatlas:before { + content: ""; +} +.fa-skype:before { + content: ""; +} +.fa-slack:before { + content: ""; +} +.fa-slack-hash:before { + content: ""; +} +.fa-slash:before { + content: ""; +} +.fa-sleigh:before { + content: ""; +} +.fa-sliders-h:before { + content: ""; +} +.fa-slideshare:before { + content: ""; +} +.fa-smile:before { + content: ""; +} +.fa-smile-beam:before { + content: ""; +} +.fa-smile-wink:before { + content: ""; +} +.fa-smog:before { + content: ""; +} +.fa-smoking:before { + content: ""; +} +.fa-smoking-ban:before { + content: ""; +} +.fa-sms:before { + content: ""; +} +.fa-snapchat:before { + content: ""; +} +.fa-snapchat-ghost:before { + content: ""; +} +.fa-snapchat-square:before { + content: ""; +} +.fa-snowboarding:before { + content: ""; +} +.fa-snowflake:before { + content: ""; +} +.fa-snowman:before { + content: ""; +} +.fa-snowplow:before { + content: ""; +} +.fa-soap:before { + content: ""; +} +.fa-socks:before { + content: ""; +} +.fa-solar-panel:before { + content: ""; +} +.fa-sort:before { + content: ""; +} +.fa-sort-alpha-down:before { + content: ""; +} +.fa-sort-alpha-down-alt:before { + content: ""; +} +.fa-sort-alpha-up:before { + content: ""; +} +.fa-sort-alpha-up-alt:before { + content: ""; +} +.fa-sort-amount-down:before { + content: ""; +} +.fa-sort-amount-down-alt:before { + content: ""; +} +.fa-sort-amount-up:before { + content: ""; +} +.fa-sort-amount-up-alt:before { + content: ""; +} +.fa-sort-down:before { + content: ""; +} +.fa-sort-numeric-down:before { + content: ""; +} +.fa-sort-numeric-down-alt:before { + content: ""; +} +.fa-sort-numeric-up:before { + content: ""; +} +.fa-sort-numeric-up-alt:before { + content: ""; +} +.fa-sort-up:before { + content: ""; +} +.fa-soundcloud:before { + content: ""; +} +.fa-sourcetree:before { + content: ""; +} +.fa-spa:before { + content: ""; +} +.fa-space-shuttle:before { + content: ""; +} +.fa-speakap:before { + content: ""; +} +.fa-speaker-deck:before { + content: ""; +} +.fa-spell-check:before { + content: ""; +} +.fa-spider:before { + content: ""; +} +.fa-spinner:before { + content: ""; +} +.fa-splotch:before { + content: ""; +} +.fa-spotify:before { + content: ""; +} +.fa-spray-can:before { + content: ""; +} +.fa-square:before { + content: ""; +} +.fa-square-full:before { + content: ""; +} +.fa-square-root-alt:before { + content: ""; +} +.fa-squarespace:before { + content: ""; +} +.fa-stack-exchange:before { + content: ""; +} +.fa-stack-overflow:before { + content: ""; +} +.fa-stackpath:before { + content: ""; +} +.fa-stamp:before { + content: ""; +} +.fa-star:before { + content: ""; +} +.fa-star-and-crescent:before { + content: ""; +} +.fa-star-half:before { + content: ""; +} +.fa-star-half-alt:before { + content: ""; +} +.fa-star-of-david:before { + content: ""; +} +.fa-star-of-life:before { + content: ""; +} +.fa-staylinked:before { + content: ""; +} +.fa-steam:before { + content: ""; +} +.fa-steam-square:before { + content: ""; +} +.fa-steam-symbol:before { + content: ""; +} +.fa-step-backward:before { + content: ""; +} +.fa-step-forward:before { + content: ""; +} +.fa-stethoscope:before { + content: ""; +} +.fa-sticker-mule:before { + content: ""; +} +.fa-sticky-note:before { + content: ""; +} +.fa-stop:before { + content: ""; +} +.fa-stop-circle:before { + content: ""; +} +.fa-stopwatch:before { + content: ""; +} +.fa-stopwatch-20:before { + content: ""; +} +.fa-store:before { + content: ""; +} +.fa-store-alt:before { + content: ""; +} +.fa-store-alt-slash:before { + content: ""; +} +.fa-store-slash:before { + content: ""; +} +.fa-strava:before { + content: ""; +} +.fa-stream:before { + content: ""; +} +.fa-street-view:before { + content: ""; +} +.fa-strikethrough:before { + content: ""; +} +.fa-stripe:before { + content: ""; +} +.fa-stripe-s:before { + content: ""; +} +.fa-stroopwafel:before { + content: ""; +} +.fa-studiovinari:before { + content: ""; +} +.fa-stumbleupon:before { + content: ""; +} +.fa-stumbleupon-circle:before { + content: ""; +} +.fa-subscript:before { + content: ""; +} +.fa-subway:before { + content: ""; +} +.fa-suitcase:before { + content: ""; +} +.fa-suitcase-rolling:before { + content: ""; +} +.fa-sun:before { + content: ""; +} +.fa-superpowers:before { + content: ""; +} +.fa-superscript:before { + content: ""; +} +.fa-supple:before { + content: ""; +} +.fa-surprise:before { + content: ""; +} +.fa-suse:before { + content: ""; +} +.fa-swatchbook:before { + content: ""; +} +.fa-swift:before { + content: ""; +} +.fa-swimmer:before { + content: ""; +} +.fa-swimming-pool:before { + content: ""; +} +.fa-symfony:before { + content: ""; +} +.fa-synagogue:before { + content: ""; +} +.fa-sync:before { + content: ""; +} +.fa-sync-alt:before { + content: ""; +} +.fa-syringe:before { + content: ""; +} +.fa-table:before { + content: ""; +} +.fa-table-tennis:before { + content: ""; +} +.fa-tablet:before { + content: ""; +} +.fa-tablet-alt:before { + content: ""; +} +.fa-tablets:before { + content: ""; +} +.fa-tachometer-alt:before { + content: ""; +} +.fa-tag:before { + content: ""; +} +.fa-tags:before { + content: ""; +} +.fa-tape:before { + content: ""; +} +.fa-tasks:before { + content: ""; +} +.fa-taxi:before { + content: ""; +} +.fa-teamspeak:before { + content: ""; +} +.fa-teeth:before { + content: ""; +} +.fa-teeth-open:before { + content: ""; +} +.fa-telegram:before { + content: ""; +} +.fa-telegram-plane:before { + content: ""; +} +.fa-temperature-high:before { + content: ""; +} +.fa-temperature-low:before { + content: ""; +} +.fa-tencent-weibo:before { + content: ""; +} +.fa-tenge:before { + content: ""; +} +.fa-terminal:before { + content: ""; +} +.fa-text-height:before { + content: ""; +} +.fa-text-width:before { + content: ""; +} +.fa-th:before { + content: ""; +} +.fa-th-large:before { + content: ""; +} +.fa-th-list:before { + content: ""; +} +.fa-the-red-yeti:before { + content: ""; +} +.fa-theater-masks:before { + content: ""; +} +.fa-themeco:before { + content: ""; +} +.fa-themeisle:before { + content: ""; +} +.fa-thermometer:before { + content: ""; +} +.fa-thermometer-empty:before { + content: ""; +} +.fa-thermometer-full:before { + content: ""; +} +.fa-thermometer-half:before { + content: ""; +} +.fa-thermometer-quarter:before { + content: ""; +} +.fa-thermometer-three-quarters:before { + content: ""; +} +.fa-think-peaks:before { + content: ""; +} +.fa-thumbs-down:before { + content: ""; +} +.fa-thumbs-up:before { + content: ""; +} +.fa-thumbtack:before { + content: ""; +} +.fa-ticket-alt:before { + content: ""; +} +.fa-tiktok:before { + content: ""; +} +.fa-times:before { + content: ""; +} +.fa-times-circle:before { + content: ""; +} +.fa-tint:before { + content: ""; +} +.fa-tint-slash:before { + content: ""; +} +.fa-tired:before { + content: ""; +} +.fa-toggle-off:before { + content: ""; +} +.fa-toggle-on:before { + content: ""; +} +.fa-toilet:before { + content: ""; +} +.fa-toilet-paper:before { + content: ""; +} +.fa-toilet-paper-slash:before { + content: ""; +} +.fa-toolbox:before { + content: ""; +} +.fa-tools:before { + content: ""; +} +.fa-tooth:before { + content: ""; +} +.fa-torah:before { + content: ""; +} +.fa-torii-gate:before { + content: ""; +} +.fa-tractor:before { + content: ""; +} +.fa-trade-federation:before { + content: ""; +} +.fa-trademark:before { + content: ""; +} +.fa-traffic-light:before { + content: ""; +} +.fa-trailer:before { + content: ""; +} +.fa-train:before { + content: ""; +} +.fa-tram:before { + content: ""; +} +.fa-transgender:before { + content: ""; +} +.fa-transgender-alt:before { + content: ""; +} +.fa-trash:before { + content: ""; +} +.fa-trash-alt:before { + content: ""; +} +.fa-trash-restore:before { + content: ""; +} +.fa-trash-restore-alt:before { + content: ""; +} +.fa-tree:before { + content: ""; +} +.fa-trello:before { + content: ""; +} +.fa-trophy:before { + content: ""; +} +.fa-truck:before { + content: ""; +} +.fa-truck-loading:before { + content: ""; +} +.fa-truck-monster:before { + content: ""; +} +.fa-truck-moving:before { + content: ""; +} +.fa-truck-pickup:before { + content: ""; +} +.fa-tshirt:before { + content: ""; +} +.fa-tty:before { + content: ""; +} +.fa-tumblr:before { + content: ""; +} +.fa-tumblr-square:before { + content: ""; +} +.fa-tv:before { + content: ""; +} +.fa-twitch:before { + content: ""; +} +.fa-twitter:before { + content: ""; +} +.fa-twitter-square:before { + content: ""; +} +.fa-typo3:before { + content: ""; +} +.fa-uber:before { + content: ""; +} +.fa-ubuntu:before { + content: ""; +} +.fa-uikit:before { + content: ""; +} +.fa-umbraco:before { + content: ""; +} +.fa-umbrella:before { + content: ""; +} +.fa-umbrella-beach:before { + content: ""; +} +.fa-uncharted:before { + content: ""; +} +.fa-underline:before { + content: ""; +} +.fa-undo:before { + content: ""; +} +.fa-undo-alt:before { + content: ""; +} +.fa-uniregistry:before { + content: ""; +} +.fa-unity:before { + content: ""; +} +.fa-universal-access:before { + content: ""; +} +.fa-university:before { + content: ""; +} +.fa-unlink:before { + content: ""; +} +.fa-unlock:before { + content: ""; +} +.fa-unlock-alt:before { + content: ""; +} +.fa-unsplash:before { + content: ""; +} +.fa-untappd:before { + content: ""; +} +.fa-upload:before { + content: ""; +} +.fa-ups:before { + content: ""; +} +.fa-usb:before { + content: ""; +} +.fa-user:before { + content: ""; +} +.fa-user-alt:before { + content: ""; +} +.fa-user-alt-slash:before { + content: ""; +} +.fa-user-astronaut:before { + content: ""; +} +.fa-user-check:before { + content: ""; +} +.fa-user-circle:before { + content: ""; +} +.fa-user-clock:before { + content: ""; +} +.fa-user-cog:before { + content: ""; +} +.fa-user-edit:before { + content: ""; +} +.fa-user-friends:before { + content: ""; +} +.fa-user-graduate:before { + content: ""; +} +.fa-user-injured:before { + content: ""; +} +.fa-user-lock:before { + content: ""; +} +.fa-user-md:before { + content: ""; +} +.fa-user-minus:before { + content: ""; +} +.fa-user-ninja:before { + content: ""; +} +.fa-user-nurse:before { + content: ""; +} +.fa-user-plus:before { + content: ""; +} +.fa-user-secret:before { + content: ""; +} +.fa-user-shield:before { + content: ""; +} +.fa-user-slash:before { + content: ""; +} +.fa-user-tag:before { + content: ""; +} +.fa-user-tie:before { + content: ""; +} +.fa-user-times:before { + content: ""; +} +.fa-users:before { + content: ""; +} +.fa-users-cog:before { + content: ""; +} +.fa-users-slash:before { + content: ""; +} +.fa-usps:before { + content: ""; +} +.fa-ussunnah:before { + content: ""; +} +.fa-utensil-spoon:before { + content: ""; +} +.fa-utensils:before { + content: ""; +} +.fa-vaadin:before { + content: ""; +} +.fa-vector-square:before { + content: ""; +} +.fa-venus:before { + content: ""; +} +.fa-venus-double:before { + content: ""; +} +.fa-venus-mars:before { + content: ""; +} +.fa-vest:before { + content: ""; +} +.fa-vest-patches:before { + content: ""; +} +.fa-viacoin:before { + content: ""; +} +.fa-viadeo:before { + content: ""; +} +.fa-viadeo-square:before { + content: ""; +} +.fa-vial:before { + content: ""; +} +.fa-vials:before { + content: ""; +} +.fa-viber:before { + content: ""; +} +.fa-video:before { + content: ""; +} +.fa-video-slash:before { + content: ""; +} +.fa-vihara:before { + content: ""; +} +.fa-vimeo:before { + content: ""; +} +.fa-vimeo-square:before { + content: ""; +} +.fa-vimeo-v:before { + content: ""; +} +.fa-vine:before { + content: ""; +} +.fa-virus:before { + content: ""; +} +.fa-virus-slash:before { + content: ""; +} +.fa-viruses:before { + content: ""; +} +.fa-vk:before { + content: ""; +} +.fa-vnv:before { + content: ""; +} +.fa-voicemail:before { + content: ""; +} +.fa-volleyball-ball:before { + content: ""; +} +.fa-volume-down:before { + content: ""; +} +.fa-volume-mute:before { + content: ""; +} +.fa-volume-off:before { + content: ""; +} +.fa-volume-up:before { + content: ""; +} +.fa-vote-yea:before { + content: ""; +} +.fa-vr-cardboard:before { + content: ""; +} +.fa-vuejs:before { + content: ""; +} +.fa-walking:before { + content: ""; +} +.fa-wallet:before { + content: ""; +} +.fa-warehouse:before { + content: ""; +} +.fa-watchman-monitoring:before { + content: ""; +} +.fa-water:before { + content: ""; +} +.fa-wave-square:before { + content: ""; +} +.fa-waze:before { + content: ""; +} +.fa-weebly:before { + content: ""; +} +.fa-weibo:before { + content: ""; +} +.fa-weight:before { + content: ""; +} +.fa-weight-hanging:before { + content: ""; +} +.fa-weixin:before { + content: ""; +} +.fa-whatsapp:before { + content: ""; +} +.fa-whatsapp-square:before { + content: ""; +} +.fa-wheelchair:before { + content: ""; +} +.fa-whmcs:before { + content: ""; +} +.fa-wifi:before { + content: ""; +} +.fa-wikipedia-w:before { + content: ""; +} +.fa-wind:before { + content: ""; +} +.fa-window-close:before { + content: ""; +} +.fa-window-maximize:before { + content: ""; +} +.fa-window-minimize:before { + content: ""; +} +.fa-window-restore:before { + content: ""; +} +.fa-windows:before { + content: ""; +} +.fa-wine-bottle:before { + content: ""; +} +.fa-wine-glass:before { + content: ""; +} +.fa-wine-glass-alt:before { + content: ""; +} +.fa-wix:before { + content: ""; +} +.fa-wizards-of-the-coast:before { + content: ""; +} +.fa-wodu:before { + content: ""; +} +.fa-wolf-pack-battalion:before { + content: ""; +} +.fa-won-sign:before { + content: ""; +} +.fa-wordpress:before { + content: ""; +} +.fa-wordpress-simple:before { + content: ""; +} +.fa-wpbeginner:before { + content: ""; +} +.fa-wpexplorer:before { + content: ""; +} +.fa-wpforms:before { + content: ""; +} +.fa-wpressr:before { + content: ""; +} +.fa-wrench:before { + content: ""; +} +.fa-x-ray:before { + content: ""; +} +.fa-xbox:before { + content: ""; +} +.fa-xing:before { + content: ""; +} +.fa-xing-square:before { + content: ""; +} +.fa-y-combinator:before { + content: ""; +} +.fa-yahoo:before { + content: ""; +} +.fa-yammer:before { + content: ""; +} +.fa-yandex:before { + content: ""; +} +.fa-yandex-international:before { + content: ""; +} +.fa-yarn:before { + content: ""; +} +.fa-yelp:before { + content: ""; +} +.fa-yen-sign:before { + content: ""; +} +.fa-yin-yang:before { + content: ""; +} +.fa-yoast:before { + content: ""; +} +.fa-youtube:before { + content: ""; +} +.fa-youtube-square:before { + content: ""; +} +.fa-zhihu:before { + content: ""; +} +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} +/*! + * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: "Font Awesome 5 Brands"; + font-style: normal; + font-weight: 400; + font-display: block; + src: url('https://crfck.spip/plugins/gformation/fonts/fa-brands-400.eot'); + src: url('https://crfck.spip/plugins/gformation/fonts/fa-brands-400.eot?#iefix') format("embedded-opentype"), url('https://crfck.spip/plugins/gformation/fonts/fa-brands-400.woff2') format("woff2"), url('https://crfck.spip/plugins/gformation/fonts/fa-brands-400.woff') format("woff"), url('https://crfck.spip/plugins/gformation/fonts/fa-brands-400.ttf') format("truetype"), url('https://crfck.spip/plugins/gformation/fonts/fa-brands-400.svg#fontawesome') format("svg"); +} +.fab { + font-family: "Font Awesome 5 Brands"; + font-weight: 400; +} +/*! + * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: "Font Awesome 5 Free"; + font-style: normal; + font-weight: 900; + font-display: block; + src: url('https://crfck.spip/plugins/gformation/fonts/fa-solid-900.eot'); + src: url('https://crfck.spip/plugins/gformation/fonts/fa-solid-900.eot?#iefix') format("embedded-opentype"), url('https://crfck.spip/plugins/gformation/fonts/fa-solid-900.woff2') format("woff2"), url('https://crfck.spip/plugins/gformation/fonts/fa-solid-900.woff') format("woff"), url('https://crfck.spip/plugins/gformation/fonts/fa-solid-900.ttf') format("truetype"), url('https://crfck.spip/plugins/gformation/fonts/fa-solid-900.svg#fontawesome') format("svg"); +} +.fa, .fas { + font-family: "Font Awesome 5 Free"; + font-weight: 900; +} +/*! + * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: "Font Awesome 5 Free"; + font-style: normal; + font-weight: 400; + font-display: block; + src: url('https://crfck.spip/plugins/gformation/fonts/fa-regular-400.eot'); + src: url('https://crfck.spip/plugins/gformation/fonts/fa-regular-400.eot?#iefix') format("embedded-opentype"), url('https://crfck.spip/plugins/gformation/fonts/fa-regular-400.woff2') format("woff2"), url('https://crfck.spip/plugins/gformation/fonts/fa-regular-400.woff') format("woff"), url('https://crfck.spip/plugins/gformation/fonts/fa-regular-400.ttf') format("truetype"), url('https://crfck.spip/plugins/gformation/fonts/fa-regular-400.svg#fontawesome') format("svg"); +} +.far { + font-family: "Font Awesome 5 Free"; + font-weight: 400; +} +/* KNACSS + xxl +$tiny: 320px !default; +$small: 414px !default; +$medium: 768px !default; +$large: 1024px !default; +$extra-large: 1440px !default; +$xxl: 1920px !default; +*/ +/* BOOTSTRAP +$tiny: 400px !default; +$small: 576px !default; +$medium: 768px !default; +$large: 992px !default; +$extra-large: 1200px !default; +$xxl: 1520px !default; +*/ +/* ACADAIX +$tiny: 400px !default; +$small: 576px !default; +$medium: 768px !default; +$large: 1024px !default; +$extra-large: 1440px !default; +$xxl: 1920px !default; +*/ +/* en cours + NB : tous ces breakpoints sont prévus pour +*/ +/* alias raccourcis */ +/* largeur max colonne lecture et images dans le texte en pleine largeur +coordonnées avec les breakpoints de Adaptive Images : 480,740,960,1280,1440,1880 */ +/* Breakpoints pour la grille */ +/* les variables CSS par défaut (sans thème ni surcharges de class) */ +/* les variables de base (= styles avant application du thème) */ +:root { + /* breakpoints + /!\ on ne peut pas utiliser de var(--truc) dans les media-query :-( /!\ + => on utilise donc les $variable SCSS : @media (min-width: $breakpoint-md) { ... + */ + --breakpoint-xs: 400px; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 1024px; + --breakpoint-xl: 1440px; + --breakpoint-xxl: 1920px; + /* largeur max colonne lecture et images dans le texte en pleine largeur + coordonnées avec les breakpoints de Adaptive Images : 480,740,960,1280,1440,1880 */ + --largeur-lecture: $largeur-lecture; + --largeur-chapo: $largeur-chapo; + --largeur-titres: $largeur-titres; + --img-large-lg: $img-large-lg; + --img-large-xl: $img-large-xl; + --img-large-xxl: $img-large-xxl; + --img-large-xxxl: $img-large-xxxl; + --img-float: $img-float; + --img-gouttiere: $img-gouttiere; + --margin-inner-mini: $margin-inner-mini; + /* couleurs */ + --blanc: #fff; + --white: var(--blanc); + --noir: #000; + --black: var(--noir); + --gris-100: #f8f9fa; + --gris-200: #e7e9ed; + --gris-300: #dee2e6; + --gris-400: #ced4da; + --gris-500: #acb3c2; + --gris-600: #727e96; + --gris-700: #666666; + --gris-800: #333; + --gris-900: #212529; + --bleu-spip: #1D83D4; + --bleu-300: #5bc0de; + --bleu-500: #0275d8; + --vert-500: #5cb85c; + --orange-500: #f0754e; + --rouge-500: #d9534f; + --color-success: var(--vert-500); + --color-info: var(--bleu-300); + --color-warning: var(--orange-500); + --color-danger: var(--rouge-500); + --color-inverse: var(--gris-800); + --color-defaut: var(--gris-900); + --bg-defaut: var(--white); + /* texte */ + --font-family-headings: Marianne, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Arial, Helvetica Neue, sans-serif; + --font-family-base: Marianne, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Arial, Helvetica Neue, sans-serif; + --font-family-alternative: Spectral, Georgia, serif; + --font-family-monospace: consolas, courier, monospace; + --font-family-condensed: Gotham Condensed, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif; + --font-size-base: 1.8rem; + --font-size-base-mob: calc(var(--font-size-base) - .2rem); + --font-size-h1: calc(var(--font-size-base) + 2rem); + --font-size-h1-mob: calc(var(--font-size-base) + 1.4rem); + --font-size-h2: calc(var(--font-size-base) + 1.4rem); + --font-size-h2-mob: calc(var(--font-size-base) + .8rem); + --font-size-h3: calc(var(--font-size-base) + .8rem); + --font-size-h3-mob: calc(var(--font-size-base) + 0.4rem); + --font-size-h4: calc(var(--font-size-base) + 0.4rem); + --font-size-h4-mob: calc(var(--font-size-base) + 0.2rem); + --font-size-h5: calc(var(--font-size-base) + 0.2rem); + --font-size-h5-mob: calc(var(--font-size-base) + 0rem); + --font-size-h6: calc(var(--font-size-base) + 0rem); + --font-size-h6-mob: calc(var(--font-size-base) - 0.2rem); + --line-height-base: 1.5; + --line-height-xs: 1.1; + --line-height-s: 1.3; + --line-height-sm: 1.3; + --line-height-m: 1.5; + --line-height-md: 1.5; + --line-height-l: 1.7; + --line-height-lg: 1.7; + --line-height-xl: 2; + --line-height-xxl: 3; + --weight-thin: 100; + --weight-light: 300; + --weight-regular: 500; + --weight-medium: 600; + --weight-bold: 700; + --weight-extrabold: 900; + /* liens */ + --link-color-defaut: #0275d8; + --link-bg-defaut: transparent; + --link-decoration-defaut: none; + --link-hover-color-defaut: darken(var(--color-link-base), 15%); + --link-hover-bg-defaut: #e7e9ed; + --link-hover-decoration-defaut: underline; + /* titres */ + --head-color-defaut: var(--color-base); + --head-weight-defaut: var(--weight-medium); + /* marges */ + --margin-bottom-base: 1rem; + --headings-margin-bottom: calc(var(--margin-bottom-base) / 2); + --paragraph-margin-bottom: var(--margin-bottom-base); + /* Opacités */ + --bg-white-opacity-100: rgba(255, 255, 255, 0.1); + --bg-white-opacity-200: rgba(255, 255, 255, 0.2); + --bg-white-opacity-300: rgba(255, 255, 255, 0.3); + --bg-white-opacity-400: rgba(255, 255, 255, 0.4); + --bg-white-opacity-500: rgba(255, 255, 255, 0.5); + --bg-white-opacity-600: rgba(255, 255, 255, 0.6); + --bg-white-opacity-700: rgba(255, 255, 255, 0.7); + --bg-white-opacity-800: rgba(255, 255, 255, 0.8); + --bg-white-opacity-900: rgba(255, 255, 255, 0.9); + --bg-black-opacity-100: rgba(0, 0, 0, 0.1); + --bg-black-opacity-200: rgba(0, 0, 0, 0.2); + --bg-black-opacity-300: rgba(0, 0, 0, 0.3); + --bg-black-opacity-400: rgba(0, 0, 0, 0.4); + --bg-black-opacity-500: rgba(0, 0, 0, 0.5); + --bg-black-opacity-600: rgba(0, 0, 0, 0.6); + --bg-black-opacity-700: rgba(0, 0, 0, 0.7); + --bg-black-opacity-800: rgba(0, 0, 0, 0.8); + --bg-black-opacity-900: rgba(0, 0, 0, 0.9); + /* theme par défaut (+ référence des variables à définir pour un thème) */ + --color-base: var(--color-defaut); + --bg-base: var(--bg-defaut); + --text-color: var(--color-defaut); + --text-bg: var(--bg-defaut); + --head-color: var(--head-color-defaut); + --head-bg: var(--bg-defaut); + --link-color: var(--link-color-defaut); + --link-bg: var(--link-bg-defaut); + --link-decoration: var(--link-decoration-defaut); + --link-hover-color: var(--link-hover-color-defaut); + --link-hover-bg: var(--link-hover-bg-defaut); + --link-hover-decoration: var(--link-hover-decoration-defaut); +} +/* Font sizes utility classes */ +.text-5 { + font-size: 0.5rem; +} +.text-6 { + font-size: 0.6rem; +} +.text-7 { + font-size: 0.7rem; +} +.text-8 { + font-size: 0.8rem; +} +.text-10 { + font-size: 1rem; +} +.text-11 { + font-size: 1.1rem; +} +.text-12 { + font-size: 1.2rem; +} +.text-13 { + font-size: 1.3rem; +} +.text-14 { + font-size: 1.4rem; +} +.text-15 { + font-size: 1.5rem; +} +.text-16 { + font-size: 1.6rem; +} +.text-17 { + font-size: 1.7rem; +} +.text-18 { + font-size: 1.8rem; +} +.text-19 { + font-size: 1.9rem; +} +.text-20 { + font-size: 2rem; +} +.text-25 { + font-size: 2.5rem; +} +.text-30 { + font-size: 3rem; +} +.text-35 { + font-size: 3.5rem; +} +.text-40 { + font-size: 4rem; +} +.text-50 { + font-size: 5rem; +} +.text-60 { + font-size: 6rem; +} +.text-70 { + font-size: 7rem; +} +.text-80 { + font-size: 8rem; +} +.text-90 { + font-size: 9rem; +} +.text-100 { + font-size: 10rem; +} +.text-base { + font-size: 1rem; +} +.text-inherit { + font-size: inherit; +} +@media (min-width: 400px) { + .xs\:text-5 { + font-size: 0.5rem; + } +} +@media (min-width: 576px) { + .sm\:text-5 { + font-size: 0.5rem; + } +} +@media (min-width: 768px) { + .md\:text-5 { + font-size: 0.5rem; + } +} +@media (min-width: 1024px) { + .lg\:text-5 { + font-size: 0.5rem; + } +} +@media (min-width: 1440px) { + .xl\:text-5 { + font-size: 0.5rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-5 { + font-size: 0.5rem; + } +} +@media (min-width: 400px) { + .xs\:text-6 { + font-size: 0.6rem; + } +} +@media (min-width: 576px) { + .sm\:text-6 { + font-size: 0.6rem; + } +} +@media (min-width: 768px) { + .md\:text-6 { + font-size: 0.6rem; + } +} +@media (min-width: 1024px) { + .lg\:text-6 { + font-size: 0.6rem; + } +} +@media (min-width: 1440px) { + .xl\:text-6 { + font-size: 0.6rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-6 { + font-size: 0.6rem; + } +} +@media (min-width: 400px) { + .xs\:text-7 { + font-size: 0.7rem; + } +} +@media (min-width: 576px) { + .sm\:text-7 { + font-size: 0.7rem; + } +} +@media (min-width: 768px) { + .md\:text-7 { + font-size: 0.7rem; + } +} +@media (min-width: 1024px) { + .lg\:text-7 { + font-size: 0.7rem; + } +} +@media (min-width: 1440px) { + .xl\:text-7 { + font-size: 0.7rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-7 { + font-size: 0.7rem; + } +} +@media (min-width: 400px) { + .xs\:text-8 { + font-size: 0.8rem; + } +} +@media (min-width: 576px) { + .sm\:text-8 { + font-size: 0.8rem; + } +} +@media (min-width: 768px) { + .md\:text-8 { + font-size: 0.8rem; + } +} +@media (min-width: 1024px) { + .lg\:text-8 { + font-size: 0.8rem; + } +} +@media (min-width: 1440px) { + .xl\:text-8 { + font-size: 0.8rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-8 { + font-size: 0.8rem; + } +} +@media (min-width: 400px) { + .xs\:text-10 { + font-size: 1rem; + } +} +@media (min-width: 576px) { + .sm\:text-10 { + font-size: 1rem; + } +} +@media (min-width: 768px) { + .md\:text-10 { + font-size: 1rem; + } +} +@media (min-width: 1024px) { + .lg\:text-10 { + font-size: 1rem; + } +} +@media (min-width: 1440px) { + .xl\:text-10 { + font-size: 1rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-10 { + font-size: 1rem; + } +} +@media (min-width: 400px) { + .xs\:text-11 { + font-size: 1.1rem; + } +} +@media (min-width: 576px) { + .sm\:text-11 { + font-size: 1.1rem; + } +} +@media (min-width: 768px) { + .md\:text-11 { + font-size: 1.1rem; + } +} +@media (min-width: 1024px) { + .lg\:text-11 { + font-size: 1.1rem; + } +} +@media (min-width: 1440px) { + .xl\:text-11 { + font-size: 1.1rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-11 { + font-size: 1.1rem; + } +} +@media (min-width: 400px) { + .xs\:text-12 { + font-size: 1.2rem; + } +} +@media (min-width: 576px) { + .sm\:text-12 { + font-size: 1.2rem; + } +} +@media (min-width: 768px) { + .md\:text-12 { + font-size: 1.2rem; + } +} +@media (min-width: 1024px) { + .lg\:text-12 { + font-size: 1.2rem; + } +} +@media (min-width: 1440px) { + .xl\:text-12 { + font-size: 1.2rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-12 { + font-size: 1.2rem; + } +} +@media (min-width: 400px) { + .xs\:text-13 { + font-size: 1.3rem; + } +} +@media (min-width: 576px) { + .sm\:text-13 { + font-size: 1.3rem; + } +} +@media (min-width: 768px) { + .md\:text-13 { + font-size: 1.3rem; + } +} +@media (min-width: 1024px) { + .lg\:text-13 { + font-size: 1.3rem; + } +} +@media (min-width: 1440px) { + .xl\:text-13 { + font-size: 1.3rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-13 { + font-size: 1.3rem; + } +} +@media (min-width: 400px) { + .xs\:text-14 { + font-size: 1.4rem; + } +} +@media (min-width: 576px) { + .sm\:text-14 { + font-size: 1.4rem; + } +} +@media (min-width: 768px) { + .md\:text-14 { + font-size: 1.4rem; + } +} +@media (min-width: 1024px) { + .lg\:text-14 { + font-size: 1.4rem; + } +} +@media (min-width: 1440px) { + .xl\:text-14 { + font-size: 1.4rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-14 { + font-size: 1.4rem; + } +} +@media (min-width: 400px) { + .xs\:text-15 { + font-size: 1.5rem; + } +} +@media (min-width: 576px) { + .sm\:text-15 { + font-size: 1.5rem; + } +} +@media (min-width: 768px) { + .md\:text-15 { + font-size: 1.5rem; + } +} +@media (min-width: 1024px) { + .lg\:text-15 { + font-size: 1.5rem; + } +} +@media (min-width: 1440px) { + .xl\:text-15 { + font-size: 1.5rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-15 { + font-size: 1.5rem; + } +} +@media (min-width: 400px) { + .xs\:text-16 { + font-size: 1.6rem; + } +} +@media (min-width: 576px) { + .sm\:text-16 { + font-size: 1.6rem; + } +} +@media (min-width: 768px) { + .md\:text-16 { + font-size: 1.6rem; + } +} +@media (min-width: 1024px) { + .lg\:text-16 { + font-size: 1.6rem; + } +} +@media (min-width: 1440px) { + .xl\:text-16 { + font-size: 1.6rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-16 { + font-size: 1.6rem; + } +} +@media (min-width: 400px) { + .xs\:text-17 { + font-size: 1.7rem; + } +} +@media (min-width: 576px) { + .sm\:text-17 { + font-size: 1.7rem; + } +} +@media (min-width: 768px) { + .md\:text-17 { + font-size: 1.7rem; + } +} +@media (min-width: 1024px) { + .lg\:text-17 { + font-size: 1.7rem; + } +} +@media (min-width: 1440px) { + .xl\:text-17 { + font-size: 1.7rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-17 { + font-size: 1.7rem; + } +} +@media (min-width: 400px) { + .xs\:text-18 { + font-size: 1.8rem; + } +} +@media (min-width: 576px) { + .sm\:text-18 { + font-size: 1.8rem; + } +} +@media (min-width: 768px) { + .md\:text-18 { + font-size: 1.8rem; + } +} +@media (min-width: 1024px) { + .lg\:text-18 { + font-size: 1.8rem; + } +} +@media (min-width: 1440px) { + .xl\:text-18 { + font-size: 1.8rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-18 { + font-size: 1.8rem; + } +} +@media (min-width: 400px) { + .xs\:text-19 { + font-size: 1.9rem; + } +} +@media (min-width: 576px) { + .sm\:text-19 { + font-size: 1.9rem; + } +} +@media (min-width: 768px) { + .md\:text-19 { + font-size: 1.9rem; + } +} +@media (min-width: 1024px) { + .lg\:text-19 { + font-size: 1.9rem; + } +} +@media (min-width: 1440px) { + .xl\:text-19 { + font-size: 1.9rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-19 { + font-size: 1.9rem; + } +} +@media (min-width: 400px) { + .xs\:text-20 { + font-size: 2rem; + } +} +@media (min-width: 576px) { + .sm\:text-20 { + font-size: 2rem; + } +} +@media (min-width: 768px) { + .md\:text-20 { + font-size: 2rem; + } +} +@media (min-width: 1024px) { + .lg\:text-20 { + font-size: 2rem; + } +} +@media (min-width: 1440px) { + .xl\:text-20 { + font-size: 2rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-20 { + font-size: 2rem; + } +} +@media (min-width: 400px) { + .xs\:text-25 { + font-size: 2.5rem; + } +} +@media (min-width: 576px) { + .sm\:text-25 { + font-size: 2.5rem; + } +} +@media (min-width: 768px) { + .md\:text-25 { + font-size: 2.5rem; + } +} +@media (min-width: 1024px) { + .lg\:text-25 { + font-size: 2.5rem; + } +} +@media (min-width: 1440px) { + .xl\:text-25 { + font-size: 2.5rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-25 { + font-size: 2.5rem; + } +} +@media (min-width: 400px) { + .xs\:text-30 { + font-size: 3rem; + } +} +@media (min-width: 576px) { + .sm\:text-30 { + font-size: 3rem; + } +} +@media (min-width: 768px) { + .md\:text-30 { + font-size: 3rem; + } +} +@media (min-width: 1024px) { + .lg\:text-30 { + font-size: 3rem; + } +} +@media (min-width: 1440px) { + .xl\:text-30 { + font-size: 3rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-30 { + font-size: 3rem; + } +} +@media (min-width: 400px) { + .xs\:text-35 { + font-size: 3.5rem; + } +} +@media (min-width: 576px) { + .sm\:text-35 { + font-size: 3.5rem; + } +} +@media (min-width: 768px) { + .md\:text-35 { + font-size: 3.5rem; + } +} +@media (min-width: 1024px) { + .lg\:text-35 { + font-size: 3.5rem; + } +} +@media (min-width: 1440px) { + .xl\:text-35 { + font-size: 3.5rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-35 { + font-size: 3.5rem; + } +} +@media (min-width: 400px) { + .xs\:text-40 { + font-size: 4rem; + } +} +@media (min-width: 576px) { + .sm\:text-40 { + font-size: 4rem; + } +} +@media (min-width: 768px) { + .md\:text-40 { + font-size: 4rem; + } +} +@media (min-width: 1024px) { + .lg\:text-40 { + font-size: 4rem; + } +} +@media (min-width: 1440px) { + .xl\:text-40 { + font-size: 4rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-40 { + font-size: 4rem; + } +} +@media (min-width: 400px) { + .xs\:text-50 { + font-size: 5rem; + } +} +@media (min-width: 576px) { + .sm\:text-50 { + font-size: 5rem; + } +} +@media (min-width: 768px) { + .md\:text-50 { + font-size: 5rem; + } +} +@media (min-width: 1024px) { + .lg\:text-50 { + font-size: 5rem; + } +} +@media (min-width: 1440px) { + .xl\:text-50 { + font-size: 5rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-50 { + font-size: 5rem; + } +} +@media (min-width: 400px) { + .xs\:text-60 { + font-size: 6rem; + } +} +@media (min-width: 576px) { + .sm\:text-60 { + font-size: 6rem; + } +} +@media (min-width: 768px) { + .md\:text-60 { + font-size: 6rem; + } +} +@media (min-width: 1024px) { + .lg\:text-60 { + font-size: 6rem; + } +} +@media (min-width: 1440px) { + .xl\:text-60 { + font-size: 6rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-60 { + font-size: 6rem; + } +} +@media (min-width: 400px) { + .xs\:text-70 { + font-size: 7rem; + } +} +@media (min-width: 576px) { + .sm\:text-70 { + font-size: 7rem; + } +} +@media (min-width: 768px) { + .md\:text-70 { + font-size: 7rem; + } +} +@media (min-width: 1024px) { + .lg\:text-70 { + font-size: 7rem; + } +} +@media (min-width: 1440px) { + .xl\:text-70 { + font-size: 7rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-70 { + font-size: 7rem; + } +} +@media (min-width: 400px) { + .xs\:text-80 { + font-size: 8rem; + } +} +@media (min-width: 576px) { + .sm\:text-80 { + font-size: 8rem; + } +} +@media (min-width: 768px) { + .md\:text-80 { + font-size: 8rem; + } +} +@media (min-width: 1024px) { + .lg\:text-80 { + font-size: 8rem; + } +} +@media (min-width: 1440px) { + .xl\:text-80 { + font-size: 8rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-80 { + font-size: 8rem; + } +} +@media (min-width: 400px) { + .xs\:text-90 { + font-size: 9rem; + } +} +@media (min-width: 576px) { + .sm\:text-90 { + font-size: 9rem; + } +} +@media (min-width: 768px) { + .md\:text-90 { + font-size: 9rem; + } +} +@media (min-width: 1024px) { + .lg\:text-90 { + font-size: 9rem; + } +} +@media (min-width: 1440px) { + .xl\:text-90 { + font-size: 9rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-90 { + font-size: 9rem; + } +} +@media (min-width: 400px) { + .xs\:text-100 { + font-size: 10rem; + } +} +@media (min-width: 576px) { + .sm\:text-100 { + font-size: 10rem; + } +} +@media (min-width: 768px) { + .md\:text-100 { + font-size: 10rem; + } +} +@media (min-width: 1024px) { + .lg\:text-100 { + font-size: 10rem; + } +} +@media (min-width: 1440px) { + .xl\:text-100 { + font-size: 10rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-100 { + font-size: 10rem; + } +} +@media (min-width: 400px) { + .xs\:text-base { + font-size: 1rem; + } +} +@media (min-width: 576px) { + .sm\:text-base { + font-size: 1rem; + } +} +@media (min-width: 768px) { + .md\:text-base { + font-size: 1rem; + } +} +@media (min-width: 1024px) { + .lg\:text-base { + font-size: 1rem; + } +} +@media (min-width: 1440px) { + .xl\:text-base { + font-size: 1rem; + } +} +@media (min-width: 1920px) { + .xxl\:text-base { + font-size: 1rem; + } +} +@media (min-width: 400px) { + .xs\:text-inherit { + font-size: inherit; + } +} +@media (min-width: 576px) { + .sm\:text-inherit { + font-size: inherit; + } +} +@media (min-width: 768px) { + .md\:text-inherit { + font-size: inherit; + } +} +@media (min-width: 1024px) { + .lg\:text-inherit { + font-size: inherit; + } +} +@media (min-width: 1440px) { + .xl\:text-inherit { + font-size: inherit; + } +} +@media (min-width: 1920px) { + .xxl\:text-inherit { + font-size: inherit; + } +} +/* font-size */ +.fs-1r { + font-size: 1rem; +} +.fs-12r { + font-size: 1.2rem; +} +.fs-13r { + font-size: 1.3rem; +} +.fs-14r { + font-size: 1.4rem; +} +.fs-15r { + font-size: 1.5rem; +} +.fs-16r { + font-size: 1.6rem; +} +.fs-17r { + font-size: 1.7rem; +} +.fs-18r { + font-size: 1.8rem; +} +.fs-2r { + font-size: 2rem; +} +.fs-22r { + font-size: 2.2rem; +} +.fs-23r { + font-size: 2.3rem; +} +.fs-24r { + font-size: 2.4rem; +} +.fs-25r { + font-size: 2.5rem; +} +.fs-26r { + font-size: 2.6rem; +} +.fs-3r { + font-size: 3rem; +} +.fs-35r { + font-size: 3.5rem; +} +.fs-4r { + font-size: 4rem; +} +.fs-base { + font-size: var(--font-size-base-mob); +} +/* font-weight */ +.fw-thin { + font-weight: var(--weight-thin); +} +.fw-light { + font-weight: var(--weight-light); +} +.fw-regular { + font-weight: var(--weight-regular); +} +.fw-medium { + font-weight: var(--weight-medium); +} +.fw-bold { + font-weight: var(--weight-bold); +} +.fw-extrabold { + font-weight: var(--weight-extrabold); +} +.fw-100 { + font-weight: 100; +} +.fw-200 { + font-weight: 200; +} +.fw-300 { + font-weight: 300; +} +.fw-400 { + font-weight: 400; +} +.fw-500 { + font-weight: 500; +} +.fw-600 { + font-weight: 600; +} +.fw-700 { + font-weight: 700; +} +.fw-800 { + font-weight: 800; +} +.fw-900 { + font-weight: 900; +} +/* Spacers utility classes */ +.p-0 { + padding: 0; +} +.pt-0 { + padding-top: 0; +} +.pr-0 { + padding-right: 0; +} +.pb-0 { + padding-bottom: 0; +} +.pl-0 { + padding-left: 0; +} +.px-0 { + padding-left: 0; + padding-right: 0; +} +.py-0 { + padding-top: 0; + padding-bottom: 0; +} +.m-0 { + margin: 0; +} +.m--0 { + margin: 0; +} +.mt-0 { + margin-top: 0; +} +.mt--0 { + margin-top: 0; +} +.mr-0 { + margin-right: 0; +} +.mr--0 { + margin-right: 0; +} +.mb-0 { + margin-bottom: 0; +} +.mb--0 { + margin-bottom: 0; +} +.ml-0 { + margin-left: 0; +} +.ml--0 { + margin-left: 0; +} +.mx-0 { + margin-left: 0; + margin-right: 0; +} +.mx--0 { + margin-left: 0; + margin-right: 0; +} +.my-0 { + margin-top: 0; + margin-bottom: 0; +} +.my--0 { + margin-top: 0; + margin-bottom: 0; +} +@media (min-width: 400px) { + .xs\:p-0 { + padding: 0; + } + .xs\:pt-0 { + padding-top: 0; + } + .xs\:pr-0 { + padding-right: 0; + } + .xs\:pb-0 { + padding-bottom: 0; + } + .xs\:pl-0 { + padding-left: 0; + } + .xs\:px-0 { + padding-left: 0; + padding-right: 0; + } + .xs\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + .xs\:m-0 { + margin: 0; + } + .xs\:mt-0 { + margin-top: 0; + } + .xs\:mr-0 { + margin-right: 0; + } + .xs\:mb-0 { + margin-bottom: 0; + } + .xs\:ml-0 { + margin-left: 0; + } + .xs\:mx-0 { + margin-left: 0; + margin-right: 0; + } + .xs\:my-0 { + margin-top: 0; + margin-bottom: 0; + } +} +@media (min-width: 576px) { + .sm\:p-0 { + padding: 0; + } + .sm\:pt-0 { + padding-top: 0; + } + .sm\:pr-0 { + padding-right: 0; + } + .sm\:pb-0 { + padding-bottom: 0; + } + .sm\:pl-0 { + padding-left: 0; + } + .sm\:px-0 { + padding-left: 0; + padding-right: 0; + } + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + .sm\:m-0 { + margin: 0; + } + .sm\:mt-0 { + margin-top: 0; + } + .sm\:mr-0 { + margin-right: 0; + } + .sm\:mb-0 { + margin-bottom: 0; + } + .sm\:ml-0 { + margin-left: 0; + } + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; + } + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; + } +} +@media (min-width: 768px) { + .md\:p-0 { + padding: 0; + } + .md\:pt-0 { + padding-top: 0; + } + .md\:pr-0 { + padding-right: 0; + } + .md\:pb-0 { + padding-bottom: 0; + } + .md\:pl-0 { + padding-left: 0; + } + .md\:px-0 { + padding-left: 0; + padding-right: 0; + } + .md\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + .md\:m-0 { + margin: 0; + } + .md\:mt-0 { + margin-top: 0; + } + .md\:mr-0 { + margin-right: 0; + } + .md\:mb-0 { + margin-bottom: 0; + } + .md\:ml-0 { + margin-left: 0; + } + .md\:mx-0 { + margin-left: 0; + margin-right: 0; + } + .md\:my-0 { + margin-top: 0; + margin-bottom: 0; + } +} +@media (min-width: 1024px) { + .lg\:p-0 { + padding: 0; + } + .lg\:pt-0 { + padding-top: 0; + } + .lg\:pr-0 { + padding-right: 0; + } + .lg\:pb-0 { + padding-bottom: 0; + } + .lg\:pl-0 { + padding-left: 0; + } + .lg\:px-0 { + padding-left: 0; + padding-right: 0; + } + .lg\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + .lg\:m-0 { + margin: 0; + } + .lg\:mt-0 { + margin-top: 0; + } + .lg\:mr-0 { + margin-right: 0; + } + .lg\:mb-0 { + margin-bottom: 0; + } + .lg\:ml-0 { + margin-left: 0; + } + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; + } + .lg\:my-0 { + margin-top: 0; + margin-bottom: 0; + } +} +@media (min-width: 1440px) { + .xl\:p-0 { + padding: 0; + } + .xl\:pt-0 { + padding-top: 0; + } + .xl\:pr-0 { + padding-right: 0; + } + .xl\:pb-0 { + padding-bottom: 0; + } + .xl\:pl-0 { + padding-left: 0; + } + .xl\:px-0 { + padding-left: 0; + padding-right: 0; + } + .xl\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + .xl\:m-0 { + margin: 0; + } + .xl\:mt-0 { + margin-top: 0; + } + .xl\:mr-0 { + margin-right: 0; + } + .xl\:mb-0 { + margin-bottom: 0; + } + .xl\:ml-0 { + margin-left: 0; + } + .xl\:mx-0 { + margin-left: 0; + margin-right: 0; + } + .xl\:my-0 { + margin-top: 0; + margin-bottom: 0; + } +} +@media (min-width: 1920px) { + .xxl\:p-0 { + padding: 0; + } + .xxl\:pt-0 { + padding-top: 0; + } + .xxl\:pr-0 { + padding-right: 0; + } + .xxl\:pb-0 { + padding-bottom: 0; + } + .xxl\:pl-0 { + padding-left: 0; + } + .xxl\:px-0 { + padding-left: 0; + padding-right: 0; + } + .xxl\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + .xxl\:m-0 { + margin: 0; + } + .xxl\:mt-0 { + margin-top: 0; + } + .xxl\:mr-0 { + margin-right: 0; + } + .xxl\:mb-0 { + margin-bottom: 0; + } + .xxl\:ml-0 { + margin-left: 0; + } + .xxl\:mx-0 { + margin-left: 0; + margin-right: 0; + } + .xxl\:my-0 { + margin-top: 0; + margin-bottom: 0; + } +} +.p-1 { + padding: 0.5rem; +} +.pt-1 { + padding-top: 0.5rem; +} +.pr-1 { + padding-right: 0.5rem; +} +.pb-1 { + padding-bottom: 0.5rem; +} +.pl-1 { + padding-left: 0.5rem; +} +.px-1 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.py-1 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.m-1 { + margin: 0.5rem; +} +.m--1 { + margin: -0.5rem; +} +.mt-1 { + margin-top: 0.5rem; +} +.mt--1 { + margin-top: -0.5rem; +} +.mr-1 { + margin-right: 0.5rem; +} +.mr--1 { + margin-right: -0.5rem; +} +.mb-1 { + margin-bottom: 0.5rem; +} +.mb--1 { + margin-bottom: -0.5rem; +} +.ml-1 { + margin-left: 0.5rem; +} +.ml--1 { + margin-left: -0.5rem; +} +.mx-1 { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.mx--1 { + margin-left: -0.5rem; + margin-right: -0.5rem; +} +.my-1 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} +.my--1 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; +} +@media (min-width: 400px) { + .xs\:p-1 { + padding: 0.5rem; + } + .xs\:pt-1 { + padding-top: 0.5rem; + } + .xs\:pr-1 { + padding-right: 0.5rem; + } + .xs\:pb-1 { + padding-bottom: 0.5rem; + } + .xs\:pl-1 { + padding-left: 0.5rem; + } + .xs\:px-1 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .xs\:py-1 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .xs\:m-1 { + margin: 0.5rem; + } + .xs\:mt-1 { + margin-top: 0.5rem; + } + .xs\:mr-1 { + margin-right: 0.5rem; + } + .xs\:mb-1 { + margin-bottom: 0.5rem; + } + .xs\:ml-1 { + margin-left: 0.5rem; + } + .xs\:mx-1 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .xs\:my-1 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } +} +@media (min-width: 576px) { + .sm\:p-1 { + padding: 0.5rem; + } + .sm\:pt-1 { + padding-top: 0.5rem; + } + .sm\:pr-1 { + padding-right: 0.5rem; + } + .sm\:pb-1 { + padding-bottom: 0.5rem; + } + .sm\:pl-1 { + padding-left: 0.5rem; + } + .sm\:px-1 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .sm\:py-1 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .sm\:m-1 { + margin: 0.5rem; + } + .sm\:mt-1 { + margin-top: 0.5rem; + } + .sm\:mr-1 { + margin-right: 0.5rem; + } + .sm\:mb-1 { + margin-bottom: 0.5rem; + } + .sm\:ml-1 { + margin-left: 0.5rem; + } + .sm\:mx-1 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .sm\:my-1 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } +} +@media (min-width: 768px) { + .md\:p-1 { + padding: 0.5rem; + } + .md\:pt-1 { + padding-top: 0.5rem; + } + .md\:pr-1 { + padding-right: 0.5rem; + } + .md\:pb-1 { + padding-bottom: 0.5rem; + } + .md\:pl-1 { + padding-left: 0.5rem; + } + .md\:px-1 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .md\:py-1 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .md\:m-1 { + margin: 0.5rem; + } + .md\:mt-1 { + margin-top: 0.5rem; + } + .md\:mr-1 { + margin-right: 0.5rem; + } + .md\:mb-1 { + margin-bottom: 0.5rem; + } + .md\:ml-1 { + margin-left: 0.5rem; + } + .md\:mx-1 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .md\:my-1 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } +} +@media (min-width: 1024px) { + .lg\:p-1 { + padding: 0.5rem; + } + .lg\:pt-1 { + padding-top: 0.5rem; + } + .lg\:pr-1 { + padding-right: 0.5rem; + } + .lg\:pb-1 { + padding-bottom: 0.5rem; + } + .lg\:pl-1 { + padding-left: 0.5rem; + } + .lg\:px-1 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .lg\:py-1 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .lg\:m-1 { + margin: 0.5rem; + } + .lg\:mt-1 { + margin-top: 0.5rem; + } + .lg\:mr-1 { + margin-right: 0.5rem; + } + .lg\:mb-1 { + margin-bottom: 0.5rem; + } + .lg\:ml-1 { + margin-left: 0.5rem; + } + .lg\:mx-1 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .lg\:my-1 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } +} +@media (min-width: 1440px) { + .xl\:p-1 { + padding: 0.5rem; + } + .xl\:pt-1 { + padding-top: 0.5rem; + } + .xl\:pr-1 { + padding-right: 0.5rem; + } + .xl\:pb-1 { + padding-bottom: 0.5rem; + } + .xl\:pl-1 { + padding-left: 0.5rem; + } + .xl\:px-1 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .xl\:py-1 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .xl\:m-1 { + margin: 0.5rem; + } + .xl\:mt-1 { + margin-top: 0.5rem; + } + .xl\:mr-1 { + margin-right: 0.5rem; + } + .xl\:mb-1 { + margin-bottom: 0.5rem; + } + .xl\:ml-1 { + margin-left: 0.5rem; + } + .xl\:mx-1 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .xl\:my-1 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } +} +@media (min-width: 1920px) { + .xxl\:p-1 { + padding: 0.5rem; + } + .xxl\:pt-1 { + padding-top: 0.5rem; + } + .xxl\:pr-1 { + padding-right: 0.5rem; + } + .xxl\:pb-1 { + padding-bottom: 0.5rem; + } + .xxl\:pl-1 { + padding-left: 0.5rem; + } + .xxl\:px-1 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .xxl\:py-1 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .xxl\:m-1 { + margin: 0.5rem; + } + .xxl\:mt-1 { + margin-top: 0.5rem; + } + .xxl\:mr-1 { + margin-right: 0.5rem; + } + .xxl\:mb-1 { + margin-bottom: 0.5rem; + } + .xxl\:ml-1 { + margin-left: 0.5rem; + } + .xxl\:mx-1 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .xxl\:my-1 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } +} +.p-2 { + padding: 0.75rem; +} +.pt-2 { + padding-top: 0.75rem; +} +.pr-2 { + padding-right: 0.75rem; +} +.pb-2 { + padding-bottom: 0.75rem; +} +.pl-2 { + padding-left: 0.75rem; +} +.px-2 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.py-2 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} +.m-2 { + margin: 0.75rem; +} +.m--2 { + margin: -0.75rem; +} +.mt-2 { + margin-top: 0.75rem; +} +.mt--2 { + margin-top: -0.75rem; +} +.mr-2 { + margin-right: 0.75rem; +} +.mr--2 { + margin-right: -0.75rem; +} +.mb-2 { + margin-bottom: 0.75rem; +} +.mb--2 { + margin-bottom: -0.75rem; +} +.ml-2 { + margin-left: 0.75rem; +} +.ml--2 { + margin-left: -0.75rem; +} +.mx-2 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} +.mx--2 { + margin-left: -0.75rem; + margin-right: -0.75rem; +} +.my-2 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} +.my--2 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; +} +@media (min-width: 400px) { + .xs\:p-2 { + padding: 0.75rem; + } + .xs\:pt-2 { + padding-top: 0.75rem; + } + .xs\:pr-2 { + padding-right: 0.75rem; + } + .xs\:pb-2 { + padding-bottom: 0.75rem; + } + .xs\:pl-2 { + padding-left: 0.75rem; + } + .xs\:px-2 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .xs\:py-2 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .xs\:m-2 { + margin: 0.75rem; + } + .xs\:mt-2 { + margin-top: 0.75rem; + } + .xs\:mr-2 { + margin-right: 0.75rem; + } + .xs\:mb-2 { + margin-bottom: 0.75rem; + } + .xs\:ml-2 { + margin-left: 0.75rem; + } + .xs\:mx-2 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + .xs\:my-2 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } +} +@media (min-width: 576px) { + .sm\:p-2 { + padding: 0.75rem; + } + .sm\:pt-2 { + padding-top: 0.75rem; + } + .sm\:pr-2 { + padding-right: 0.75rem; + } + .sm\:pb-2 { + padding-bottom: 0.75rem; + } + .sm\:pl-2 { + padding-left: 0.75rem; + } + .sm\:px-2 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .sm\:py-2 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .sm\:m-2 { + margin: 0.75rem; + } + .sm\:mt-2 { + margin-top: 0.75rem; + } + .sm\:mr-2 { + margin-right: 0.75rem; + } + .sm\:mb-2 { + margin-bottom: 0.75rem; + } + .sm\:ml-2 { + margin-left: 0.75rem; + } + .sm\:mx-2 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + .sm\:my-2 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } +} +@media (min-width: 768px) { + .md\:p-2 { + padding: 0.75rem; + } + .md\:pt-2 { + padding-top: 0.75rem; + } + .md\:pr-2 { + padding-right: 0.75rem; + } + .md\:pb-2 { + padding-bottom: 0.75rem; + } + .md\:pl-2 { + padding-left: 0.75rem; + } + .md\:px-2 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .md\:py-2 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .md\:m-2 { + margin: 0.75rem; + } + .md\:mt-2 { + margin-top: 0.75rem; + } + .md\:mr-2 { + margin-right: 0.75rem; + } + .md\:mb-2 { + margin-bottom: 0.75rem; + } + .md\:ml-2 { + margin-left: 0.75rem; + } + .md\:mx-2 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + .md\:my-2 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } +} +@media (min-width: 1024px) { + .lg\:p-2 { + padding: 0.75rem; + } + .lg\:pt-2 { + padding-top: 0.75rem; + } + .lg\:pr-2 { + padding-right: 0.75rem; + } + .lg\:pb-2 { + padding-bottom: 0.75rem; + } + .lg\:pl-2 { + padding-left: 0.75rem; + } + .lg\:px-2 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .lg\:py-2 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .lg\:m-2 { + margin: 0.75rem; + } + .lg\:mt-2 { + margin-top: 0.75rem; + } + .lg\:mr-2 { + margin-right: 0.75rem; + } + .lg\:mb-2 { + margin-bottom: 0.75rem; + } + .lg\:ml-2 { + margin-left: 0.75rem; + } + .lg\:mx-2 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + .lg\:my-2 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } +} +@media (min-width: 1440px) { + .xl\:p-2 { + padding: 0.75rem; + } + .xl\:pt-2 { + padding-top: 0.75rem; + } + .xl\:pr-2 { + padding-right: 0.75rem; + } + .xl\:pb-2 { + padding-bottom: 0.75rem; + } + .xl\:pl-2 { + padding-left: 0.75rem; + } + .xl\:px-2 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .xl\:py-2 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .xl\:m-2 { + margin: 0.75rem; + } + .xl\:mt-2 { + margin-top: 0.75rem; + } + .xl\:mr-2 { + margin-right: 0.75rem; + } + .xl\:mb-2 { + margin-bottom: 0.75rem; + } + .xl\:ml-2 { + margin-left: 0.75rem; + } + .xl\:mx-2 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + .xl\:my-2 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } +} +@media (min-width: 1920px) { + .xxl\:p-2 { + padding: 0.75rem; + } + .xxl\:pt-2 { + padding-top: 0.75rem; + } + .xxl\:pr-2 { + padding-right: 0.75rem; + } + .xxl\:pb-2 { + padding-bottom: 0.75rem; + } + .xxl\:pl-2 { + padding-left: 0.75rem; + } + .xxl\:px-2 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .xxl\:py-2 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + .xxl\:m-2 { + margin: 0.75rem; + } + .xxl\:mt-2 { + margin-top: 0.75rem; + } + .xxl\:mr-2 { + margin-right: 0.75rem; + } + .xxl\:mb-2 { + margin-bottom: 0.75rem; + } + .xxl\:ml-2 { + margin-left: 0.75rem; + } + .xxl\:mx-2 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + .xxl\:my-2 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } +} +.p-3 { + padding: 1rem; +} +.pt-3 { + padding-top: 1rem; +} +.pr-3 { + padding-right: 1rem; +} +.pb-3 { + padding-bottom: 1rem; +} +.pl-3 { + padding-left: 1rem; +} +.px-3 { + padding-left: 1rem; + padding-right: 1rem; +} +.py-3 { + padding-top: 1rem; + padding-bottom: 1rem; +} +.m-3 { + margin: 1rem; +} +.m--3 { + margin: -1rem; +} +.mt-3 { + margin-top: 1rem; +} +.mt--3 { + margin-top: -1rem; +} +.mr-3 { + margin-right: 1rem; +} +.mr--3 { + margin-right: -1rem; +} +.mb-3 { + margin-bottom: 1rem; +} +.mb--3 { + margin-bottom: -1rem; +} +.ml-3 { + margin-left: 1rem; +} +.ml--3 { + margin-left: -1rem; +} +.mx-3 { + margin-left: 1rem; + margin-right: 1rem; +} +.mx--3 { + margin-left: -1rem; + margin-right: -1rem; +} +.my-3 { + margin-top: 1rem; + margin-bottom: 1rem; +} +.my--3 { + margin-top: -1rem; + margin-bottom: -1rem; +} +@media (min-width: 400px) { + .xs\:p-3 { + padding: 1rem; + } + .xs\:pt-3 { + padding-top: 1rem; + } + .xs\:pr-3 { + padding-right: 1rem; + } + .xs\:pb-3 { + padding-bottom: 1rem; + } + .xs\:pl-3 { + padding-left: 1rem; + } + .xs\:px-3 { + padding-left: 1rem; + padding-right: 1rem; + } + .xs\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .xs\:m-3 { + margin: 1rem; + } + .xs\:mt-3 { + margin-top: 1rem; + } + .xs\:mr-3 { + margin-right: 1rem; + } + .xs\:mb-3 { + margin-bottom: 1rem; + } + .xs\:ml-3 { + margin-left: 1rem; + } + .xs\:mx-3 { + margin-left: 1rem; + margin-right: 1rem; + } + .xs\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} +@media (min-width: 576px) { + .sm\:p-3 { + padding: 1rem; + } + .sm\:pt-3 { + padding-top: 1rem; + } + .sm\:pr-3 { + padding-right: 1rem; + } + .sm\:pb-3 { + padding-bottom: 1rem; + } + .sm\:pl-3 { + padding-left: 1rem; + } + .sm\:px-3 { + padding-left: 1rem; + padding-right: 1rem; + } + .sm\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .sm\:m-3 { + margin: 1rem; + } + .sm\:mt-3 { + margin-top: 1rem; + } + .sm\:mr-3 { + margin-right: 1rem; + } + .sm\:mb-3 { + margin-bottom: 1rem; + } + .sm\:ml-3 { + margin-left: 1rem; + } + .sm\:mx-3 { + margin-left: 1rem; + margin-right: 1rem; + } + .sm\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} +@media (min-width: 768px) { + .md\:p-3 { + padding: 1rem; + } + .md\:pt-3 { + padding-top: 1rem; + } + .md\:pr-3 { + padding-right: 1rem; + } + .md\:pb-3 { + padding-bottom: 1rem; + } + .md\:pl-3 { + padding-left: 1rem; + } + .md\:px-3 { + padding-left: 1rem; + padding-right: 1rem; + } + .md\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .md\:m-3 { + margin: 1rem; + } + .md\:mt-3 { + margin-top: 1rem; + } + .md\:mr-3 { + margin-right: 1rem; + } + .md\:mb-3 { + margin-bottom: 1rem; + } + .md\:ml-3 { + margin-left: 1rem; + } + .md\:mx-3 { + margin-left: 1rem; + margin-right: 1rem; + } + .md\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} +@media (min-width: 1024px) { + .lg\:p-3 { + padding: 1rem; + } + .lg\:pt-3 { + padding-top: 1rem; + } + .lg\:pr-3 { + padding-right: 1rem; + } + .lg\:pb-3 { + padding-bottom: 1rem; + } + .lg\:pl-3 { + padding-left: 1rem; + } + .lg\:px-3 { + padding-left: 1rem; + padding-right: 1rem; + } + .lg\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .lg\:m-3 { + margin: 1rem; + } + .lg\:mt-3 { + margin-top: 1rem; + } + .lg\:mr-3 { + margin-right: 1rem; + } + .lg\:mb-3 { + margin-bottom: 1rem; + } + .lg\:ml-3 { + margin-left: 1rem; + } + .lg\:mx-3 { + margin-left: 1rem; + margin-right: 1rem; + } + .lg\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} +@media (min-width: 1440px) { + .xl\:p-3 { + padding: 1rem; + } + .xl\:pt-3 { + padding-top: 1rem; + } + .xl\:pr-3 { + padding-right: 1rem; + } + .xl\:pb-3 { + padding-bottom: 1rem; + } + .xl\:pl-3 { + padding-left: 1rem; + } + .xl\:px-3 { + padding-left: 1rem; + padding-right: 1rem; + } + .xl\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .xl\:m-3 { + margin: 1rem; + } + .xl\:mt-3 { + margin-top: 1rem; + } + .xl\:mr-3 { + margin-right: 1rem; + } + .xl\:mb-3 { + margin-bottom: 1rem; + } + .xl\:ml-3 { + margin-left: 1rem; + } + .xl\:mx-3 { + margin-left: 1rem; + margin-right: 1rem; + } + .xl\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} +@media (min-width: 1920px) { + .xxl\:p-3 { + padding: 1rem; + } + .xxl\:pt-3 { + padding-top: 1rem; + } + .xxl\:pr-3 { + padding-right: 1rem; + } + .xxl\:pb-3 { + padding-bottom: 1rem; + } + .xxl\:pl-3 { + padding-left: 1rem; + } + .xxl\:px-3 { + padding-left: 1rem; + padding-right: 1rem; + } + .xxl\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .xxl\:m-3 { + margin: 1rem; + } + .xxl\:mt-3 { + margin-top: 1rem; + } + .xxl\:mr-3 { + margin-right: 1rem; + } + .xxl\:mb-3 { + margin-bottom: 1rem; + } + .xxl\:ml-3 { + margin-left: 1rem; + } + .xxl\:mx-3 { + margin-left: 1rem; + margin-right: 1rem; + } + .xxl\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} +.p-4 { + padding: 1.5rem; +} +.pt-4 { + padding-top: 1.5rem; +} +.pr-4 { + padding-right: 1.5rem; +} +.pb-4 { + padding-bottom: 1.5rem; +} +.pl-4 { + padding-left: 1.5rem; +} +.px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} +.m-4 { + margin: 1.5rem; +} +.m--4 { + margin: -1.5rem; +} +.mt-4 { + margin-top: 1.5rem; +} +.mt--4 { + margin-top: -1.5rem; +} +.mr-4 { + margin-right: 1.5rem; +} +.mr--4 { + margin-right: -1.5rem; +} +.mb-4 { + margin-bottom: 1.5rem; +} +.mb--4 { + margin-bottom: -1.5rem; +} +.ml-4 { + margin-left: 1.5rem; +} +.ml--4 { + margin-left: -1.5rem; +} +.mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} +.mx--4 { + margin-left: -1.5rem; + margin-right: -1.5rem; +} +.my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} +.my--4 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; +} +@media (min-width: 400px) { + .xs\:p-4 { + padding: 1.5rem; + } + .xs\:pt-4 { + padding-top: 1.5rem; + } + .xs\:pr-4 { + padding-right: 1.5rem; + } + .xs\:pb-4 { + padding-bottom: 1.5rem; + } + .xs\:pl-4 { + padding-left: 1.5rem; + } + .xs\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .xs\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .xs\:m-4 { + margin: 1.5rem; + } + .xs\:mt-4 { + margin-top: 1.5rem; + } + .xs\:mr-4 { + margin-right: 1.5rem; + } + .xs\:mb-4 { + margin-bottom: 1.5rem; + } + .xs\:ml-4 { + margin-left: 1.5rem; + } + .xs\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .xs\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} +@media (min-width: 576px) { + .sm\:p-4 { + padding: 1.5rem; + } + .sm\:pt-4 { + padding-top: 1.5rem; + } + .sm\:pr-4 { + padding-right: 1.5rem; + } + .sm\:pb-4 { + padding-bottom: 1.5rem; + } + .sm\:pl-4 { + padding-left: 1.5rem; + } + .sm\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .sm\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .sm\:m-4 { + margin: 1.5rem; + } + .sm\:mt-4 { + margin-top: 1.5rem; + } + .sm\:mr-4 { + margin-right: 1.5rem; + } + .sm\:mb-4 { + margin-bottom: 1.5rem; + } + .sm\:ml-4 { + margin-left: 1.5rem; + } + .sm\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .sm\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} +@media (min-width: 768px) { + .md\:p-4 { + padding: 1.5rem; + } + .md\:pt-4 { + padding-top: 1.5rem; + } + .md\:pr-4 { + padding-right: 1.5rem; + } + .md\:pb-4 { + padding-bottom: 1.5rem; + } + .md\:pl-4 { + padding-left: 1.5rem; + } + .md\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .md\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .md\:m-4 { + margin: 1.5rem; + } + .md\:mt-4 { + margin-top: 1.5rem; + } + .md\:mr-4 { + margin-right: 1.5rem; + } + .md\:mb-4 { + margin-bottom: 1.5rem; + } + .md\:ml-4 { + margin-left: 1.5rem; + } + .md\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .md\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} +@media (min-width: 1024px) { + .lg\:p-4 { + padding: 1.5rem; + } + .lg\:pt-4 { + padding-top: 1.5rem; + } + .lg\:pr-4 { + padding-right: 1.5rem; + } + .lg\:pb-4 { + padding-bottom: 1.5rem; + } + .lg\:pl-4 { + padding-left: 1.5rem; + } + .lg\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .lg\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .lg\:m-4 { + margin: 1.5rem; + } + .lg\:mt-4 { + margin-top: 1.5rem; + } + .lg\:mr-4 { + margin-right: 1.5rem; + } + .lg\:mb-4 { + margin-bottom: 1.5rem; + } + .lg\:ml-4 { + margin-left: 1.5rem; + } + .lg\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .lg\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} +@media (min-width: 1440px) { + .xl\:p-4 { + padding: 1.5rem; + } + .xl\:pt-4 { + padding-top: 1.5rem; + } + .xl\:pr-4 { + padding-right: 1.5rem; + } + .xl\:pb-4 { + padding-bottom: 1.5rem; + } + .xl\:pl-4 { + padding-left: 1.5rem; + } + .xl\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .xl\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .xl\:m-4 { + margin: 1.5rem; + } + .xl\:mt-4 { + margin-top: 1.5rem; + } + .xl\:mr-4 { + margin-right: 1.5rem; + } + .xl\:mb-4 { + margin-bottom: 1.5rem; + } + .xl\:ml-4 { + margin-left: 1.5rem; + } + .xl\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .xl\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} +@media (min-width: 1920px) { + .xxl\:p-4 { + padding: 1.5rem; + } + .xxl\:pt-4 { + padding-top: 1.5rem; + } + .xxl\:pr-4 { + padding-right: 1.5rem; + } + .xxl\:pb-4 { + padding-bottom: 1.5rem; + } + .xxl\:pl-4 { + padding-left: 1.5rem; + } + .xxl\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .xxl\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .xxl\:m-4 { + margin: 1.5rem; + } + .xxl\:mt-4 { + margin-top: 1.5rem; + } + .xxl\:mr-4 { + margin-right: 1.5rem; + } + .xxl\:mb-4 { + margin-bottom: 1.5rem; + } + .xxl\:ml-4 { + margin-left: 1.5rem; + } + .xxl\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .xxl\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} +.p-5 { + padding: 2rem; +} +.pt-5 { + padding-top: 2rem; +} +.pr-5 { + padding-right: 2rem; +} +.pb-5 { + padding-bottom: 2rem; +} +.pl-5 { + padding-left: 2rem; +} +.px-5 { + padding-left: 2rem; + padding-right: 2rem; +} +.py-5 { + padding-top: 2rem; + padding-bottom: 2rem; +} +.m-5 { + margin: 2rem; +} +.m--5 { + margin: -2rem; +} +.mt-5 { + margin-top: 2rem; +} +.mt--5 { + margin-top: -2rem; +} +.mr-5 { + margin-right: 2rem; +} +.mr--5 { + margin-right: -2rem; +} +.mb-5 { + margin-bottom: 2rem; +} +.mb--5 { + margin-bottom: -2rem; +} +.ml-5 { + margin-left: 2rem; +} +.ml--5 { + margin-left: -2rem; +} +.mx-5 { + margin-left: 2rem; + margin-right: 2rem; +} +.mx--5 { + margin-left: -2rem; + margin-right: -2rem; +} +.my-5 { + margin-top: 2rem; + margin-bottom: 2rem; +} +.my--5 { + margin-top: -2rem; + margin-bottom: -2rem; +} +@media (min-width: 400px) { + .xs\:p-5 { + padding: 2rem; + } + .xs\:pt-5 { + padding-top: 2rem; + } + .xs\:pr-5 { + padding-right: 2rem; + } + .xs\:pb-5 { + padding-bottom: 2rem; + } + .xs\:pl-5 { + padding-left: 2rem; + } + .xs\:px-5 { + padding-left: 2rem; + padding-right: 2rem; + } + .xs\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .xs\:m-5 { + margin: 2rem; + } + .xs\:mt-5 { + margin-top: 2rem; + } + .xs\:mr-5 { + margin-right: 2rem; + } + .xs\:mb-5 { + margin-bottom: 2rem; + } + .xs\:ml-5 { + margin-left: 2rem; + } + .xs\:mx-5 { + margin-left: 2rem; + margin-right: 2rem; + } + .xs\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem; + } +} +@media (min-width: 576px) { + .sm\:p-5 { + padding: 2rem; + } + .sm\:pt-5 { + padding-top: 2rem; + } + .sm\:pr-5 { + padding-right: 2rem; + } + .sm\:pb-5 { + padding-bottom: 2rem; + } + .sm\:pl-5 { + padding-left: 2rem; + } + .sm\:px-5 { + padding-left: 2rem; + padding-right: 2rem; + } + .sm\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .sm\:m-5 { + margin: 2rem; + } + .sm\:mt-5 { + margin-top: 2rem; + } + .sm\:mr-5 { + margin-right: 2rem; + } + .sm\:mb-5 { + margin-bottom: 2rem; + } + .sm\:ml-5 { + margin-left: 2rem; + } + .sm\:mx-5 { + margin-left: 2rem; + margin-right: 2rem; + } + .sm\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem; + } +} +@media (min-width: 768px) { + .md\:p-5 { + padding: 2rem; + } + .md\:pt-5 { + padding-top: 2rem; + } + .md\:pr-5 { + padding-right: 2rem; + } + .md\:pb-5 { + padding-bottom: 2rem; + } + .md\:pl-5 { + padding-left: 2rem; + } + .md\:px-5 { + padding-left: 2rem; + padding-right: 2rem; + } + .md\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .md\:m-5 { + margin: 2rem; + } + .md\:mt-5 { + margin-top: 2rem; + } + .md\:mr-5 { + margin-right: 2rem; + } + .md\:mb-5 { + margin-bottom: 2rem; + } + .md\:ml-5 { + margin-left: 2rem; + } + .md\:mx-5 { + margin-left: 2rem; + margin-right: 2rem; + } + .md\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem; + } +} +@media (min-width: 1024px) { + .lg\:p-5 { + padding: 2rem; + } + .lg\:pt-5 { + padding-top: 2rem; + } + .lg\:pr-5 { + padding-right: 2rem; + } + .lg\:pb-5 { + padding-bottom: 2rem; + } + .lg\:pl-5 { + padding-left: 2rem; + } + .lg\:px-5 { + padding-left: 2rem; + padding-right: 2rem; + } + .lg\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .lg\:m-5 { + margin: 2rem; + } + .lg\:mt-5 { + margin-top: 2rem; + } + .lg\:mr-5 { + margin-right: 2rem; + } + .lg\:mb-5 { + margin-bottom: 2rem; + } + .lg\:ml-5 { + margin-left: 2rem; + } + .lg\:mx-5 { + margin-left: 2rem; + margin-right: 2rem; + } + .lg\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem; + } +} +@media (min-width: 1440px) { + .xl\:p-5 { + padding: 2rem; + } + .xl\:pt-5 { + padding-top: 2rem; + } + .xl\:pr-5 { + padding-right: 2rem; + } + .xl\:pb-5 { + padding-bottom: 2rem; + } + .xl\:pl-5 { + padding-left: 2rem; + } + .xl\:px-5 { + padding-left: 2rem; + padding-right: 2rem; + } + .xl\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .xl\:m-5 { + margin: 2rem; + } + .xl\:mt-5 { + margin-top: 2rem; + } + .xl\:mr-5 { + margin-right: 2rem; + } + .xl\:mb-5 { + margin-bottom: 2rem; + } + .xl\:ml-5 { + margin-left: 2rem; + } + .xl\:mx-5 { + margin-left: 2rem; + margin-right: 2rem; + } + .xl\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem; + } +} +@media (min-width: 1920px) { + .xxl\:p-5 { + padding: 2rem; + } + .xxl\:pt-5 { + padding-top: 2rem; + } + .xxl\:pr-5 { + padding-right: 2rem; + } + .xxl\:pb-5 { + padding-bottom: 2rem; + } + .xxl\:pl-5 { + padding-left: 2rem; + } + .xxl\:px-5 { + padding-left: 2rem; + padding-right: 2rem; + } + .xxl\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .xxl\:m-5 { + margin: 2rem; + } + .xxl\:mt-5 { + margin-top: 2rem; + } + .xxl\:mr-5 { + margin-right: 2rem; + } + .xxl\:mb-5 { + margin-bottom: 2rem; + } + .xxl\:ml-5 { + margin-left: 2rem; + } + .xxl\:mx-5 { + margin-left: 2rem; + margin-right: 2rem; + } + .xxl\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem; + } +} +.p-6 { + padding: 3rem; +} +.pt-6 { + padding-top: 3rem; +} +.pr-6 { + padding-right: 3rem; +} +.pb-6 { + padding-bottom: 3rem; +} +.pl-6 { + padding-left: 3rem; +} +.px-6 { + padding-left: 3rem; + padding-right: 3rem; +} +.py-6 { + padding-top: 3rem; + padding-bottom: 3rem; +} +.m-6 { + margin: 3rem; +} +.m--6 { + margin: -3rem; +} +.mt-6 { + margin-top: 3rem; +} +.mt--6 { + margin-top: -3rem; +} +.mr-6 { + margin-right: 3rem; +} +.mr--6 { + margin-right: -3rem; +} +.mb-6 { + margin-bottom: 3rem; +} +.mb--6 { + margin-bottom: -3rem; +} +.ml-6 { + margin-left: 3rem; +} +.ml--6 { + margin-left: -3rem; +} +.mx-6 { + margin-left: 3rem; + margin-right: 3rem; +} +.mx--6 { + margin-left: -3rem; + margin-right: -3rem; +} +.my-6 { + margin-top: 3rem; + margin-bottom: 3rem; +} +.my--6 { + margin-top: -3rem; + margin-bottom: -3rem; +} +@media (min-width: 400px) { + .xs\:p-6 { + padding: 3rem; + } + .xs\:pt-6 { + padding-top: 3rem; + } + .xs\:pr-6 { + padding-right: 3rem; + } + .xs\:pb-6 { + padding-bottom: 3rem; + } + .xs\:pl-6 { + padding-left: 3rem; + } + .xs\:px-6 { + padding-left: 3rem; + padding-right: 3rem; + } + .xs\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem; + } + .xs\:m-6 { + margin: 3rem; + } + .xs\:mt-6 { + margin-top: 3rem; + } + .xs\:mr-6 { + margin-right: 3rem; + } + .xs\:mb-6 { + margin-bottom: 3rem; + } + .xs\:ml-6 { + margin-left: 3rem; + } + .xs\:mx-6 { + margin-left: 3rem; + margin-right: 3rem; + } + .xs\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem; + } +} +@media (min-width: 576px) { + .sm\:p-6 { + padding: 3rem; + } + .sm\:pt-6 { + padding-top: 3rem; + } + .sm\:pr-6 { + padding-right: 3rem; + } + .sm\:pb-6 { + padding-bottom: 3rem; + } + .sm\:pl-6 { + padding-left: 3rem; + } + .sm\:px-6 { + padding-left: 3rem; + padding-right: 3rem; + } + .sm\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem; + } + .sm\:m-6 { + margin: 3rem; + } + .sm\:mt-6 { + margin-top: 3rem; + } + .sm\:mr-6 { + margin-right: 3rem; + } + .sm\:mb-6 { + margin-bottom: 3rem; + } + .sm\:ml-6 { + margin-left: 3rem; + } + .sm\:mx-6 { + margin-left: 3rem; + margin-right: 3rem; + } + .sm\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem; + } +} +@media (min-width: 768px) { + .md\:p-6 { + padding: 3rem; + } + .md\:pt-6 { + padding-top: 3rem; + } + .md\:pr-6 { + padding-right: 3rem; + } + .md\:pb-6 { + padding-bottom: 3rem; + } + .md\:pl-6 { + padding-left: 3rem; + } + .md\:px-6 { + padding-left: 3rem; + padding-right: 3rem; + } + .md\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem; + } + .md\:m-6 { + margin: 3rem; + } + .md\:mt-6 { + margin-top: 3rem; + } + .md\:mr-6 { + margin-right: 3rem; + } + .md\:mb-6 { + margin-bottom: 3rem; + } + .md\:ml-6 { + margin-left: 3rem; + } + .md\:mx-6 { + margin-left: 3rem; + margin-right: 3rem; + } + .md\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem; + } +} +@media (min-width: 1024px) { + .lg\:p-6 { + padding: 3rem; + } + .lg\:pt-6 { + padding-top: 3rem; + } + .lg\:pr-6 { + padding-right: 3rem; + } + .lg\:pb-6 { + padding-bottom: 3rem; + } + .lg\:pl-6 { + padding-left: 3rem; + } + .lg\:px-6 { + padding-left: 3rem; + padding-right: 3rem; + } + .lg\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem; + } + .lg\:m-6 { + margin: 3rem; + } + .lg\:mt-6 { + margin-top: 3rem; + } + .lg\:mr-6 { + margin-right: 3rem; + } + .lg\:mb-6 { + margin-bottom: 3rem; + } + .lg\:ml-6 { + margin-left: 3rem; + } + .lg\:mx-6 { + margin-left: 3rem; + margin-right: 3rem; + } + .lg\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem; + } +} +@media (min-width: 1440px) { + .xl\:p-6 { + padding: 3rem; + } + .xl\:pt-6 { + padding-top: 3rem; + } + .xl\:pr-6 { + padding-right: 3rem; + } + .xl\:pb-6 { + padding-bottom: 3rem; + } + .xl\:pl-6 { + padding-left: 3rem; + } + .xl\:px-6 { + padding-left: 3rem; + padding-right: 3rem; + } + .xl\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem; + } + .xl\:m-6 { + margin: 3rem; + } + .xl\:mt-6 { + margin-top: 3rem; + } + .xl\:mr-6 { + margin-right: 3rem; + } + .xl\:mb-6 { + margin-bottom: 3rem; + } + .xl\:ml-6 { + margin-left: 3rem; + } + .xl\:mx-6 { + margin-left: 3rem; + margin-right: 3rem; + } + .xl\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem; + } +} +@media (min-width: 1920px) { + .xxl\:p-6 { + padding: 3rem; + } + .xxl\:pt-6 { + padding-top: 3rem; + } + .xxl\:pr-6 { + padding-right: 3rem; + } + .xxl\:pb-6 { + padding-bottom: 3rem; + } + .xxl\:pl-6 { + padding-left: 3rem; + } + .xxl\:px-6 { + padding-left: 3rem; + padding-right: 3rem; + } + .xxl\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem; + } + .xxl\:m-6 { + margin: 3rem; + } + .xxl\:mt-6 { + margin-top: 3rem; + } + .xxl\:mr-6 { + margin-right: 3rem; + } + .xxl\:mb-6 { + margin-bottom: 3rem; + } + .xxl\:ml-6 { + margin-left: 3rem; + } + .xxl\:mx-6 { + margin-left: 3rem; + margin-right: 3rem; + } + .xxl\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem; + } +} +.p-7 { + padding: 5rem; +} +.pt-7 { + padding-top: 5rem; +} +.pr-7 { + padding-right: 5rem; +} +.pb-7 { + padding-bottom: 5rem; +} +.pl-7 { + padding-left: 5rem; +} +.px-7 { + padding-left: 5rem; + padding-right: 5rem; +} +.py-7 { + padding-top: 5rem; + padding-bottom: 5rem; +} +.m-7 { + margin: 5rem; +} +.m--7 { + margin: -5rem; +} +.mt-7 { + margin-top: 5rem; +} +.mt--7 { + margin-top: -5rem; +} +.mr-7 { + margin-right: 5rem; +} +.mr--7 { + margin-right: -5rem; +} +.mb-7 { + margin-bottom: 5rem; +} +.mb--7 { + margin-bottom: -5rem; +} +.ml-7 { + margin-left: 5rem; +} +.ml--7 { + margin-left: -5rem; +} +.mx-7 { + margin-left: 5rem; + margin-right: 5rem; +} +.mx--7 { + margin-left: -5rem; + margin-right: -5rem; +} +.my-7 { + margin-top: 5rem; + margin-bottom: 5rem; +} +.my--7 { + margin-top: -5rem; + margin-bottom: -5rem; +} +@media (min-width: 400px) { + .xs\:p-7 { + padding: 5rem; + } + .xs\:pt-7 { + padding-top: 5rem; + } + .xs\:pr-7 { + padding-right: 5rem; + } + .xs\:pb-7 { + padding-bottom: 5rem; + } + .xs\:pl-7 { + padding-left: 5rem; + } + .xs\:px-7 { + padding-left: 5rem; + padding-right: 5rem; + } + .xs\:py-7 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .xs\:m-7 { + margin: 5rem; + } + .xs\:mt-7 { + margin-top: 5rem; + } + .xs\:mr-7 { + margin-right: 5rem; + } + .xs\:mb-7 { + margin-bottom: 5rem; + } + .xs\:ml-7 { + margin-left: 5rem; + } + .xs\:mx-7 { + margin-left: 5rem; + margin-right: 5rem; + } + .xs\:my-7 { + margin-top: 5rem; + margin-bottom: 5rem; + } +} +@media (min-width: 576px) { + .sm\:p-7 { + padding: 5rem; + } + .sm\:pt-7 { + padding-top: 5rem; + } + .sm\:pr-7 { + padding-right: 5rem; + } + .sm\:pb-7 { + padding-bottom: 5rem; + } + .sm\:pl-7 { + padding-left: 5rem; + } + .sm\:px-7 { + padding-left: 5rem; + padding-right: 5rem; + } + .sm\:py-7 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .sm\:m-7 { + margin: 5rem; + } + .sm\:mt-7 { + margin-top: 5rem; + } + .sm\:mr-7 { + margin-right: 5rem; + } + .sm\:mb-7 { + margin-bottom: 5rem; + } + .sm\:ml-7 { + margin-left: 5rem; + } + .sm\:mx-7 { + margin-left: 5rem; + margin-right: 5rem; + } + .sm\:my-7 { + margin-top: 5rem; + margin-bottom: 5rem; + } +} +@media (min-width: 768px) { + .md\:p-7 { + padding: 5rem; + } + .md\:pt-7 { + padding-top: 5rem; + } + .md\:pr-7 { + padding-right: 5rem; + } + .md\:pb-7 { + padding-bottom: 5rem; + } + .md\:pl-7 { + padding-left: 5rem; + } + .md\:px-7 { + padding-left: 5rem; + padding-right: 5rem; + } + .md\:py-7 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .md\:m-7 { + margin: 5rem; + } + .md\:mt-7 { + margin-top: 5rem; + } + .md\:mr-7 { + margin-right: 5rem; + } + .md\:mb-7 { + margin-bottom: 5rem; + } + .md\:ml-7 { + margin-left: 5rem; + } + .md\:mx-7 { + margin-left: 5rem; + margin-right: 5rem; + } + .md\:my-7 { + margin-top: 5rem; + margin-bottom: 5rem; + } +} +@media (min-width: 1024px) { + .lg\:p-7 { + padding: 5rem; + } + .lg\:pt-7 { + padding-top: 5rem; + } + .lg\:pr-7 { + padding-right: 5rem; + } + .lg\:pb-7 { + padding-bottom: 5rem; + } + .lg\:pl-7 { + padding-left: 5rem; + } + .lg\:px-7 { + padding-left: 5rem; + padding-right: 5rem; + } + .lg\:py-7 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .lg\:m-7 { + margin: 5rem; + } + .lg\:mt-7 { + margin-top: 5rem; + } + .lg\:mr-7 { + margin-right: 5rem; + } + .lg\:mb-7 { + margin-bottom: 5rem; + } + .lg\:ml-7 { + margin-left: 5rem; + } + .lg\:mx-7 { + margin-left: 5rem; + margin-right: 5rem; + } + .lg\:my-7 { + margin-top: 5rem; + margin-bottom: 5rem; + } +} +@media (min-width: 1440px) { + .xl\:p-7 { + padding: 5rem; + } + .xl\:pt-7 { + padding-top: 5rem; + } + .xl\:pr-7 { + padding-right: 5rem; + } + .xl\:pb-7 { + padding-bottom: 5rem; + } + .xl\:pl-7 { + padding-left: 5rem; + } + .xl\:px-7 { + padding-left: 5rem; + padding-right: 5rem; + } + .xl\:py-7 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .xl\:m-7 { + margin: 5rem; + } + .xl\:mt-7 { + margin-top: 5rem; + } + .xl\:mr-7 { + margin-right: 5rem; + } + .xl\:mb-7 { + margin-bottom: 5rem; + } + .xl\:ml-7 { + margin-left: 5rem; + } + .xl\:mx-7 { + margin-left: 5rem; + margin-right: 5rem; + } + .xl\:my-7 { + margin-top: 5rem; + margin-bottom: 5rem; + } +} +@media (min-width: 1920px) { + .xxl\:p-7 { + padding: 5rem; + } + .xxl\:pt-7 { + padding-top: 5rem; + } + .xxl\:pr-7 { + padding-right: 5rem; + } + .xxl\:pb-7 { + padding-bottom: 5rem; + } + .xxl\:pl-7 { + padding-left: 5rem; + } + .xxl\:px-7 { + padding-left: 5rem; + padding-right: 5rem; + } + .xxl\:py-7 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .xxl\:m-7 { + margin: 5rem; + } + .xxl\:mt-7 { + margin-top: 5rem; + } + .xxl\:mr-7 { + margin-right: 5rem; + } + .xxl\:mb-7 { + margin-bottom: 5rem; + } + .xxl\:ml-7 { + margin-left: 5rem; + } + .xxl\:mx-7 { + margin-left: 5rem; + margin-right: 5rem; + } + .xxl\:my-7 { + margin-top: 5rem; + margin-bottom: 5rem; + } +} +.p-auto { + padding: auto; +} +.pt-auto { + padding-top: auto; +} +.pr-auto { + padding-right: auto; +} +.pb-auto { + padding-bottom: auto; +} +.pl-auto { + padding-left: auto; +} +.px-auto { + padding-left: auto; + padding-right: auto; +} +.py-auto { + padding-top: auto; + padding-bottom: auto; +} +.m-auto { + margin: auto; +} +.m--auto { + margin: -auto; +} +.mt-auto { + margin-top: auto; +} +.mt--auto { + margin-top: -auto; +} +.mr-auto { + margin-right: auto; +} +.mr--auto { + margin-right: -auto; +} +.mb-auto { + margin-bottom: auto; +} +.mb--auto { + margin-bottom: -auto; +} +.ml-auto { + margin-left: auto; +} +.ml--auto { + margin-left: -auto; +} +.mx-auto { + margin-left: auto; + margin-right: auto; +} +.mx--auto { + margin-left: -auto; + margin-right: -auto; +} +.my-auto { + margin-top: auto; + margin-bottom: auto; +} +.my--auto { + margin-top: -auto; + margin-bottom: -auto; +} +@media (min-width: 400px) { + .xs\:p-auto { + padding: auto; + } + .xs\:pt-auto { + padding-top: auto; + } + .xs\:pr-auto { + padding-right: auto; + } + .xs\:pb-auto { + padding-bottom: auto; + } + .xs\:pl-auto { + padding-left: auto; + } + .xs\:px-auto { + padding-left: auto; + padding-right: auto; + } + .xs\:py-auto { + padding-top: auto; + padding-bottom: auto; + } + .xs\:m-auto { + margin: auto; + } + .xs\:mt-auto { + margin-top: auto; + } + .xs\:mr-auto { + margin-right: auto; + } + .xs\:mb-auto { + margin-bottom: auto; + } + .xs\:ml-auto { + margin-left: auto; + } + .xs\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .xs\:my-auto { + margin-top: auto; + margin-bottom: auto; + } +} +@media (min-width: 576px) { + .sm\:p-auto { + padding: auto; + } + .sm\:pt-auto { + padding-top: auto; + } + .sm\:pr-auto { + padding-right: auto; + } + .sm\:pb-auto { + padding-bottom: auto; + } + .sm\:pl-auto { + padding-left: auto; + } + .sm\:px-auto { + padding-left: auto; + padding-right: auto; + } + .sm\:py-auto { + padding-top: auto; + padding-bottom: auto; + } + .sm\:m-auto { + margin: auto; + } + .sm\:mt-auto { + margin-top: auto; + } + .sm\:mr-auto { + margin-right: auto; + } + .sm\:mb-auto { + margin-bottom: auto; + } + .sm\:ml-auto { + margin-left: auto; + } + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; + } +} +@media (min-width: 768px) { + .md\:p-auto { + padding: auto; + } + .md\:pt-auto { + padding-top: auto; + } + .md\:pr-auto { + padding-right: auto; + } + .md\:pb-auto { + padding-bottom: auto; + } + .md\:pl-auto { + padding-left: auto; + } + .md\:px-auto { + padding-left: auto; + padding-right: auto; + } + .md\:py-auto { + padding-top: auto; + padding-bottom: auto; + } + .md\:m-auto { + margin: auto; + } + .md\:mt-auto { + margin-top: auto; + } + .md\:mr-auto { + margin-right: auto; + } + .md\:mb-auto { + margin-bottom: auto; + } + .md\:ml-auto { + margin-left: auto; + } + .md\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; + } +} +@media (min-width: 1024px) { + .lg\:p-auto { + padding: auto; + } + .lg\:pt-auto { + padding-top: auto; + } + .lg\:pr-auto { + padding-right: auto; + } + .lg\:pb-auto { + padding-bottom: auto; + } + .lg\:pl-auto { + padding-left: auto; + } + .lg\:px-auto { + padding-left: auto; + padding-right: auto; + } + .lg\:py-auto { + padding-top: auto; + padding-bottom: auto; + } + .lg\:m-auto { + margin: auto; + } + .lg\:mt-auto { + margin-top: auto; + } + .lg\:mr-auto { + margin-right: auto; + } + .lg\:mb-auto { + margin-bottom: auto; + } + .lg\:ml-auto { + margin-left: auto; + } + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; + } +} +@media (min-width: 1440px) { + .xl\:p-auto { + padding: auto; + } + .xl\:pt-auto { + padding-top: auto; + } + .xl\:pr-auto { + padding-right: auto; + } + .xl\:pb-auto { + padding-bottom: auto; + } + .xl\:pl-auto { + padding-left: auto; + } + .xl\:px-auto { + padding-left: auto; + padding-right: auto; + } + .xl\:py-auto { + padding-top: auto; + padding-bottom: auto; + } + .xl\:m-auto { + margin: auto; + } + .xl\:mt-auto { + margin-top: auto; + } + .xl\:mr-auto { + margin-right: auto; + } + .xl\:mb-auto { + margin-bottom: auto; + } + .xl\:ml-auto { + margin-left: auto; + } + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto; + } +} +@media (min-width: 1920px) { + .xxl\:p-auto { + padding: auto; + } + .xxl\:pt-auto { + padding-top: auto; + } + .xxl\:pr-auto { + padding-right: auto; + } + .xxl\:pb-auto { + padding-bottom: auto; + } + .xxl\:pl-auto { + padding-left: auto; + } + .xxl\:px-auto { + padding-left: auto; + padding-right: auto; + } + .xxl\:py-auto { + padding-top: auto; + padding-bottom: auto; + } + .xxl\:m-auto { + margin: auto; + } + .xxl\:mt-auto { + margin-top: auto; + } + .xxl\:mr-auto { + margin-right: auto; + } + .xxl\:mb-auto { + margin-bottom: auto; + } + .xxl\:ml-auto { + margin-left: auto; + } + .xxl\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .xxl\:my-auto { + margin-top: auto; + margin-bottom: auto; + } +} +.mx-auto { + margin-left: auto; + margin-right: auto; +} +.m-auto { + margin: auto; +} +/* Width Helpers */ +/* ------------- */ +/* blocks widths (percentage and pixels) */ +.w-100, .w100 { + width: 100%; +} +.minw-100, .minw100 { + min-width: 100%; +} +.maxw-100, .maxw100 { + max-width: 100%; +} +.w-95, .w95 { + width: 95%; +} +.minw-95, .minw95 { + min-width: 95%; +} +.maxw-95, .maxw95 { + max-width: 95%; +} +.w-90, .w90 { + width: 90%; +} +.minw-90, .minw90 { + min-width: 90%; +} +.maxw-90, .maxw90 { + max-width: 90%; +} +.w-85, .w85 { + width: 85%; +} +.minw-85, .minw85 { + min-width: 85%; +} +.maxw-85, .maxw85 { + max-width: 85%; +} +.w-80, .w80 { + width: 80%; +} +.minw-80, .minw80 { + min-width: 80%; +} +.maxw-80, .maxw80 { + max-width: 80%; +} +.w-75, .w75 { + width: 75%; +} +.minw-75, .minw75 { + min-width: 75%; +} +.maxw-75, .maxw75 { + max-width: 75%; +} +.w-70, .w70 { + width: 70%; +} +.minw-70, .minw70 { + min-width: 70%; +} +.maxw-70, .maxw70 { + max-width: 70%; +} +.w-65, .w65 { + width: 65%; +} +.minw-65, .minw65 { + min-width: 65%; +} +.maxw-65, .maxw65 { + max-width: 65%; +} +.w-60, .w60 { + width: 60%; +} +.minw-60, .minw60 { + min-width: 60%; +} +.maxw-60, .maxw60 { + max-width: 60%; +} +.w-55, .w55 { + width: 55%; +} +.minw-55, .minw55 { + min-width: 55%; +} +.maxw-55, .maxw55 { + max-width: 55%; +} +.w-50, .w50 { + width: 50%; +} +.minw-50, .minw50 { + min-width: 50%; +} +.maxw-50, .maxw50 { + max-width: 50%; +} +.w-45, .w45 { + width: 45%; +} +.minw-45, .minw45 { + min-width: 45%; +} +.maxw-45, .maxw45 { + max-width: 45%; +} +.w-40, .w40 { + width: 40%; +} +.minw-40, .minw40 { + min-width: 40%; +} +.maxw-40, .maxw40 { + max-width: 40%; +} +.w-35, .w35 { + width: 35%; +} +.minw-35, .minw35 { + min-width: 35%; +} +.maxw-35, .maxw35 { + max-width: 35%; +} +.w-30, .w30 { + width: 30%; +} +.minw-30, .minw30 { + min-width: 30%; +} +.maxw-30, .maxw30 { + max-width: 30%; +} +.w-25, .w25 { + width: 25%; +} +.minw-25, .minw25 { + min-width: 25%; +} +.maxw-25, .maxw25 { + max-width: 25%; +} +.w-20, .w20 { + width: 20%; +} +.minw-20, .minw20 { + min-width: 20%; +} +.maxw-20, .maxw20 { + max-width: 20%; +} +.w-15, .w15 { + width: 15%; +} +.minw-15, .minw15 { + min-width: 15%; +} +.maxw-15, .maxw15 { + max-width: 15%; +} +.w-10, .w10 { + width: 10%; +} +.minw-10, .minw10 { + min-width: 10%; +} +.maxw-10, .maxw10 { + max-width: 10%; +} +.w-5, .w5 { + width: 5%; +} +.minw-5, .minw5 { + min-width: 5%; +} +.maxw-5, .maxw5 { + max-width: 5%; +} +.w-1100p, .w1100p { + width: 1100px; +} +.minw-1100p, .minw1100p { + min-width: 1100px; +} +.maxw-1100p, .maxw1100p { + max-width: 1100px; +} +.w-1050p, .w1050p { + width: 1050px; +} +.minw-1050p, .minw1050p { + min-width: 1050px; +} +.maxw-1050p, .maxw1050p { + max-width: 1050px; +} +.w-1000p, .w1000p { + width: 1000px; +} +.minw-1000p, .minw1000p { + min-width: 1000px; +} +.maxw-1000p, .maxw1000p { + max-width: 1000px; +} +.w-950p, .w950p { + width: 950px; +} +.minw-950p, .minw950p { + min-width: 950px; +} +.maxw-950p, .maxw950p { + max-width: 950px; +} +.w-900p, .w900p { + width: 900px; +} +.minw-900p, .minw900p { + min-width: 900px; +} +.maxw-900p, .maxw900p { + max-width: 900px; +} +.w-850p, .w850p { + width: 850px; +} +.minw-850p, .minw850p { + min-width: 850px; +} +.maxw-850p, .maxw850p { + max-width: 850px; +} +.w-800p, .w800p { + width: 800px; +} +.minw-800p, .minw800p { + min-width: 800px; +} +.maxw-800p, .maxw800p { + max-width: 800px; +} +.w-750p, .w750p { + width: 750px; +} +.minw-750p, .minw750p { + min-width: 750px; +} +.maxw-750p, .maxw750p { + max-width: 750px; +} +.w-700p, .w700p { + width: 700px; +} +.minw-700p, .minw700p { + min-width: 700px; +} +.maxw-700p, .maxw700p { + max-width: 700px; +} +.w-650p, .w650p { + width: 650px; +} +.minw-650p, .minw650p { + min-width: 650px; +} +.maxw-650p, .maxw650p { + max-width: 650px; +} +.w-600p, .w600p { + width: 600px; +} +.minw-600p, .minw600p { + min-width: 600px; +} +.maxw-600p, .maxw600p { + max-width: 600px; +} +.w-550p, .w550p { + width: 550px; +} +.minw-550p, .minw550p { + min-width: 550px; +} +.maxw-550p, .maxw550p { + max-width: 550px; +} +.w-500p, .w500p { + width: 500px; +} +.minw-500p, .minw500p { + min-width: 500px; +} +.maxw-500p, .maxw500p { + max-width: 500px; +} +.w-450p, .w450p { + width: 450px; +} +.minw-450p, .minw450p { + min-width: 450px; +} +.maxw-450p, .maxw450p { + max-width: 450px; +} +.w-400p, .w400p { + width: 400px; +} +.minw-400p, .minw400p { + min-width: 400px; +} +.maxw-400p, .maxw400p { + max-width: 400px; +} +.w-350p, .w350p { + width: 350px; +} +.minw-350p, .minw350p { + min-width: 350px; +} +.maxw-350p, .maxw350p { + max-width: 350px; +} +.w-300p, .w300p { + width: 300px; +} +.minw-300p, .minw300p { + min-width: 300px; +} +.maxw-300p, .maxw300p { + max-width: 300px; +} +.w-250p, .w250p { + width: 250px; +} +.minw-250p, .minw250p { + min-width: 250px; +} +.maxw-250p, .maxw250p { + max-width: 250px; +} +.w-200p, .w200p { + width: 200px; +} +.minw-200p, .minw200p { + min-width: 200px; +} +.maxw-200p, .maxw200p { + max-width: 200px; +} +.w-150p, .w150p { + width: 150px; +} +.minw-150p, .minw150p { + min-width: 150px; +} +.maxw-150p, .maxw150p { + max-width: 150px; +} +.w-140p, .w140p { + width: 140px; +} +.minw-140p, .minw140p { + min-width: 140px; +} +.maxw-140p, .maxw140p { + max-width: 140px; +} +.w-130p, .w130p { + width: 130px; +} +.minw-130p, .minw130p { + min-width: 130px; +} +.maxw-130p, .maxw130p { + max-width: 130px; +} +.w-120p, .w120p { + width: 120px; +} +.minw-120p, .minw120p { + min-width: 120px; +} +.maxw-120p, .maxw120p { + max-width: 120px; +} +.w-110p, .w110p { + width: 110px; +} +.minw-110p, .minw110p { + min-width: 110px; +} +.maxw-110p, .maxw110p { + max-width: 110px; +} +.w-100p, .w100p { + width: 100px; +} +.minw-100p, .minw100p { + min-width: 100px; +} +.maxw-100p, .maxw100p { + max-width: 100px; +} +.w-90p, .w90p { + width: 90px; +} +.minw-90p, .minw90p { + min-width: 90px; +} +.maxw-90p, .maxw90p { + max-width: 90px; +} +.w-80p, .w80p { + width: 80px; +} +.minw-80p, .minw80p { + min-width: 80px; +} +.maxw-80p, .maxw80p { + max-width: 80px; +} +.w-70p, .w70p { + width: 70px; +} +.minw-70p, .minw70p { + min-width: 70px; +} +.maxw-70p, .maxw70p { + max-width: 70px; +} +.w-60p, .w60p { + width: 60px; +} +.minw-60p, .minw60p { + min-width: 60px; +} +.maxw-60p, .maxw60p { + max-width: 60px; +} +.w-50p, .w50p { + width: 50px; +} +.minw-50p, .minw50p { + min-width: 50px; +} +.maxw-50p, .maxw50p { + max-width: 50px; +} +.w-40p, .w40p { + width: 40px; +} +.minw-40p, .minw40p { + min-width: 40px; +} +.maxw-40p, .maxw40p { + max-width: 40px; +} +.w-30p, .w30p { + width: 30px; +} +.minw-30p, .minw30p { + min-width: 30px; +} +.maxw-30p, .maxw30p { + max-width: 30px; +} +.w-20p, .w20p { + width: 20px; +} +.minw-20p, .minw20p { + min-width: 20px; +} +.maxw-20p, .maxw20p { + max-width: 20px; +} +.w-10p, .w10p { + width: 10px; +} +.minw-10p, .minw10p { + min-width: 10px; +} +.maxw-10p, .maxw10p { + max-width: 10px; +} +/* %tage pas multiples de 5 */ +.w30 { + width: 30%; +} +.w-33, .w33 { + width: calc(100% / 3); +} +.minw-33, .minw33 { + min-width: calc(100% / 3); +} +.w-66, .w66 { + width: calc(100% / 3 * 2); +} +.minw-66, .minw66 { + min-width: calc(100% / 3 * 2); +} +.w-100vw, .w100vw { + width: 100vw; +} +.minw-100vw, .minw100vw { + min-width: 100vw; +} +.w-auto, .wauto { + width: auto; +} +/* largeurs de lecture et images */ +.w220p, .w-220p { + width: 220px; +} +.minw220p, .minw-220p { + min-width: 220px; +} +.maxw220p, .maxw-220p { + max-width: 220px; +} +.w740p, .w-740p { + width: 740px; +} +.minw740p, .minw-740p { + min-width: 740px; +} +.maxw740p, .maxw-740p { + max-width: 740px; +} +.w960p, .w-960p { + width: 960px; +} +.minw960p, .minw-960p { + min-width: 960px; +} +.maxw960p, .maxw-960p { + max-width: 960px; +} +.w1140p, .w-1140p { + width: 1140px; +} +.minw1140p, .minw-1140p { + min-width: 1140px; +} +.maxw1140p, .maxw-1140p { + max-width: 1140px; +} +.w1440p, .w-1440p { + width: 1440px; +} +.minw1440p, .minw-1440p { + min-width: 1440px; +} +.maxw1440p, .maxw-1440p { + max-width: 1440px; +} +.wlecture, .w-lecture { + width: var(--largeur-lecture); +} +.minwlecture, .minw-lecture { + min-width: var(--largeur-lecture); +} +.maxwlecture, .maxw-lecture { + max-width: var(--largeur-lecture); +} +.wchapo, .w-chapo { + width: var(--largeur-chapo); +} +.minwchapo, .minw-chapo { + min-width: var(--largeur-chapo); +} +.maxwchapo, .maxw-chapo { + max-width: var(--largeur-chapo); +} +@media (min-width: 400px) { + .xs\:w-100, .xs\:w100 { + width: 100%; + } + .xs\:minw-100, .xs\:minw100 { + min-width: 100%; + } + .xs\:maxw-100, .xs\:maxw100 { + max-width: 100%; + } + .xs\:w-95, .xs\:w95 { + width: 95%; + } + .xs\:minw-95, .xs\:minw95 { + min-width: 95%; + } + .xs\:maxw-95, .xs\:maxw95 { + max-width: 95%; + } + .xs\:w-90, .xs\:w90 { + width: 90%; + } + .xs\:minw-90, .xs\:minw90 { + min-width: 90%; + } + .xs\:maxw-90, .xs\:maxw90 { + max-width: 90%; + } + .xs\:w-85, .xs\:w85 { + width: 85%; + } + .xs\:minw-85, .xs\:minw85 { + min-width: 85%; + } + .xs\:maxw-85, .xs\:maxw85 { + max-width: 85%; + } + .xs\:w-80, .xs\:w80 { + width: 80%; + } + .xs\:minw-80, .xs\:minw80 { + min-width: 80%; + } + .xs\:maxw-80, .xs\:maxw80 { + max-width: 80%; + } + .xs\:w-75, .xs\:w75 { + width: 75%; + } + .xs\:minw-75, .xs\:minw75 { + min-width: 75%; + } + .xs\:maxw-75, .xs\:maxw75 { + max-width: 75%; + } + .xs\:w-70, .xs\:w70 { + width: 70%; + } + .xs\:minw-70, .xs\:minw70 { + min-width: 70%; + } + .xs\:maxw-70, .xs\:maxw70 { + max-width: 70%; + } + .xs\:w-65, .xs\:w65 { + width: 65%; + } + .xs\:minw-65, .xs\:minw65 { + min-width: 65%; + } + .xs\:maxw-65, .xs\:maxw65 { + max-width: 65%; + } + .xs\:w-60, .xs\:w60 { + width: 60%; + } + .xs\:minw-60, .xs\:minw60 { + min-width: 60%; + } + .xs\:maxw-60, .xs\:maxw60 { + max-width: 60%; + } + .xs\:w-55, .xs\:w55 { + width: 55%; + } + .xs\:minw-55, .xs\:minw55 { + min-width: 55%; + } + .xs\:maxw-55, .xs\:maxw55 { + max-width: 55%; + } + .xs\:w-50, .xs\:w50 { + width: 50%; + } + .xs\:minw-50, .xs\:minw50 { + min-width: 50%; + } + .xs\:maxw-50, .xs\:maxw50 { + max-width: 50%; + } + .xs\:w-45, .xs\:w45 { + width: 45%; + } + .xs\:minw-45, .xs\:minw45 { + min-width: 45%; + } + .xs\:maxw-45, .xs\:maxw45 { + max-width: 45%; + } + .xs\:w-40, .xs\:w40 { + width: 40%; + } + .xs\:minw-40, .xs\:minw40 { + min-width: 40%; + } + .xs\:maxw-40, .xs\:maxw40 { + max-width: 40%; + } + .xs\:w-35, .xs\:w35 { + width: 35%; + } + .xs\:minw-35, .xs\:minw35 { + min-width: 35%; + } + .xs\:maxw-35, .xs\:maxw35 { + max-width: 35%; + } + .xs\:w-30, .xs\:w30 { + width: 30%; + } + .xs\:minw-30, .xs\:minw30 { + min-width: 30%; + } + .xs\:maxw-30, .xs\:maxw30 { + max-width: 30%; + } + .xs\:w-25, .xs\:w25 { + width: 25%; + } + .xs\:minw-25, .xs\:minw25 { + min-width: 25%; + } + .xs\:maxw-25, .xs\:maxw25 { + max-width: 25%; + } + .xs\:w-20, .xs\:w20 { + width: 20%; + } + .xs\:minw-20, .xs\:minw20 { + min-width: 20%; + } + .xs\:maxw-20, .xs\:maxw20 { + max-width: 20%; + } + .xs\:w-15, .xs\:w15 { + width: 15%; + } + .xs\:minw-15, .xs\:minw15 { + min-width: 15%; + } + .xs\:maxw-15, .xs\:maxw15 { + max-width: 15%; + } + .xs\:w-10, .xs\:w10 { + width: 10%; + } + .xs\:minw-10, .xs\:minw10 { + min-width: 10%; + } + .xs\:maxw-10, .xs\:maxw10 { + max-width: 10%; + } + .xs\:w-5, .xs\:w5 { + width: 5%; + } + .xs\:minw-5, .xs\:minw5 { + min-width: 5%; + } + .xs\:maxw-5, .xs\:maxw5 { + max-width: 5%; + } + .xs\:w-1000p, .xs\:w1000p { + width: 1000px; + } + .xs\:minw-1000p, .xs\:minw1000p { + min-width: 1000px; + } + .xs\:maxw-1000p, .xs\:maxw1000p { + max-width: 1000px; + } + .xs\:w-950p, .xs\:w950p { + width: 950px; + } + .xs\:minw-950p, .xs\:minw950p { + min-width: 950px; + } + .xs\:maxw-950p, .xs\:maxw950p { + max-width: 950px; + } + .xs\:w-900p, .xs\:w900p { + width: 900px; + } + .xs\:minw-900p, .xs\:minw900p { + min-width: 900px; + } + .xs\:maxw-900p, .xs\:maxw900p { + max-width: 900px; + } + .xs\:w-850p, .xs\:w850p { + width: 850px; + } + .xs\:minw-850p, .xs\:minw850p { + min-width: 850px; + } + .xs\:maxw-850p, .xs\:maxw850p { + max-width: 850px; + } + .xs\:w-800p, .xs\:w800p { + width: 800px; + } + .xs\:minw-800p, .xs\:minw800p { + min-width: 800px; + } + .xs\:maxw-800p, .xs\:maxw800p { + max-width: 800px; + } + .xs\:w-750p, .xs\:w750p { + width: 750px; + } + .xs\:minw-750p, .xs\:minw750p { + min-width: 750px; + } + .xs\:maxw-750p, .xs\:maxw750p { + max-width: 750px; + } + .xs\:w-700p, .xs\:w700p { + width: 700px; + } + .xs\:minw-700p, .xs\:minw700p { + min-width: 700px; + } + .xs\:maxw-700p, .xs\:maxw700p { + max-width: 700px; + } + .xs\:w-650p, .xs\:w650p { + width: 650px; + } + .xs\:minw-650p, .xs\:minw650p { + min-width: 650px; + } + .xs\:maxw-650p, .xs\:maxw650p { + max-width: 650px; + } + .xs\:w-600p, .xs\:w600p { + width: 600px; + } + .xs\:minw-600p, .xs\:minw600p { + min-width: 600px; + } + .xs\:maxw-600p, .xs\:maxw600p { + max-width: 600px; + } + .xs\:w-550p, .xs\:w550p { + width: 550px; + } + .xs\:minw-550p, .xs\:minw550p { + min-width: 550px; + } + .xs\:maxw-550p, .xs\:maxw550p { + max-width: 550px; + } + .xs\:w-500p, .xs\:w500p { + width: 500px; + } + .xs\:minw-500p, .xs\:minw500p { + min-width: 500px; + } + .xs\:maxw-500p, .xs\:maxw500p { + max-width: 500px; + } + .xs\:w-450p, .xs\:w450p { + width: 450px; + } + .xs\:minw-450p, .xs\:minw450p { + min-width: 450px; + } + .xs\:maxw-450p, .xs\:maxw450p { + max-width: 450px; + } + .xs\:w-400p, .xs\:w400p { + width: 400px; + } + .xs\:minw-400p, .xs\:minw400p { + min-width: 400px; + } + .xs\:maxw-400p, .xs\:maxw400p { + max-width: 400px; + } + .xs\:w-350p, .xs\:w350p { + width: 350px; + } + .xs\:minw-350p, .xs\:minw350p { + min-width: 350px; + } + .xs\:maxw-350p, .xs\:maxw350p { + max-width: 350px; + } + .xs\:w-300p, .xs\:w300p { + width: 300px; + } + .xs\:minw-300p, .xs\:minw300p { + min-width: 300px; + } + .xs\:maxw-300p, .xs\:maxw300p { + max-width: 300px; + } + .xs\:w-250p, .xs\:w250p { + width: 250px; + } + .xs\:minw-250p, .xs\:minw250p { + min-width: 250px; + } + .xs\:maxw-250p, .xs\:maxw250p { + max-width: 250px; + } + .xs\:w-200p, .xs\:w200p { + width: 200px; + } + .xs\:minw-200p, .xs\:minw200p { + min-width: 200px; + } + .xs\:maxw-200p, .xs\:maxw200p { + max-width: 200px; + } + .xs\:w-150p, .xs\:w150p { + width: 150px; + } + .xs\:minw-150p, .xs\:minw150p { + min-width: 150px; + } + .xs\:maxw-150p, .xs\:maxw150p { + max-width: 150px; + } + .xs\:w-140p, .xs\:w140p { + width: 140px; + } + .xs\:minw-140p, .xs\:minw140p { + min-width: 140px; + } + .xs\:maxw-140p, .xs\:maxw140p { + max-width: 140px; + } + .xs\:w-130p, .xs\:w130p { + width: 130px; + } + .xs\:minw-130p, .xs\:minw130p { + min-width: 130px; + } + .xs\:maxw-130p, .xs\:maxw130p { + max-width: 130px; + } + .xs\:w-120p, .xs\:w120p { + width: 120px; + } + .xs\:minw-120p, .xs\:minw120p { + min-width: 120px; + } + .xs\:maxw-120p, .xs\:maxw120p { + max-width: 120px; + } + .xs\:w-110p, .xs\:w110p { + width: 110px; + } + .xs\:minw-110p, .xs\:minw110p { + min-width: 110px; + } + .xs\:maxw-110p, .xs\:maxw110p { + max-width: 110px; + } + .xs\:w-100p, .xs\:w100p { + width: 100px; + } + .xs\:minw-100p, .xs\:minw100p { + min-width: 100px; + } + .xs\:maxw-100p, .xs\:maxw100p { + max-width: 100px; + } + .xs\:w-90p, .xs\:w90p { + width: 90px; + } + .xs\:minw-90p, .xs\:minw90p { + min-width: 90px; + } + .xs\:maxw-90p, .xs\:maxw90p { + max-width: 90px; + } + .xs\:w-80p, .xs\:w80p { + width: 80px; + } + .xs\:minw-80p, .xs\:minw80p { + min-width: 80px; + } + .xs\:maxw-80p, .xs\:maxw80p { + max-width: 80px; + } + .xs\:w-70p, .xs\:w70p { + width: 70px; + } + .xs\:minw-70p, .xs\:minw70p { + min-width: 70px; + } + .xs\:maxw-70p, .xs\:maxw70p { + max-width: 70px; + } + .xs\:w-60p, .xs\:w60p { + width: 60px; + } + .xs\:minw-60p, .xs\:minw60p { + min-width: 60px; + } + .xs\:maxw-60p, .xs\:maxw60p { + max-width: 60px; + } + .xs\:w-50p, .xs\:w50p { + width: 50px; + } + .xs\:minw-50p, .xs\:minw50p { + min-width: 50px; + } + .xs\:maxw-50p, .xs\:maxw50p { + max-width: 50px; + } + .xs\:w-40p, .xs\:w40p { + width: 40px; + } + .xs\:minw-40p, .xs\:minw40p { + min-width: 40px; + } + .xs\:maxw-40p, .xs\:maxw40p { + max-width: 40px; + } + .xs\:w-30p, .xs\:w30p { + width: 30px; + } + .xs\:minw-30p, .xs\:minw30p { + min-width: 30px; + } + .xs\:maxw-30p, .xs\:maxw30p { + max-width: 30px; + } + .xs\:w-20p, .xs\:w20p { + width: 20px; + } + .xs\:minw-20p, .xs\:minw20p { + min-width: 20px; + } + .xs\:maxw-20p, .xs\:maxw20p { + max-width: 20px; + } + .xs\:w-10p, .xs\:w10p { + width: 10px; + } + .xs\:minw-10p, .xs\:minw10p { + min-width: 10px; + } + .xs\:maxw-10p, .xs\:maxw10p { + max-width: 10px; + } + .xs\:w-33, .xs\:w33 { + width: calc(100% / 3); + } + .xs\:minw-33, .xs\:minw33 { + min-width: calc(100% / 3); + } + .xs\:w-66, .xs\:w66 { + width: calc(100% / 3 * 2); + } + .xs\:minw-66, .xs\:minw66 { + min-width: calc(100% / 3 * 2); + } + .xs\:w-100vw, .xs\:w100vw { + width: 100vw; + } + .xs\:minw-100vw, .xs\:minw100vw { + min-width: 100vw; + } + .xs\:w-auto, .xs\:wauto { + width: auto; + } + .xs\:w220p, .xs\:w-220p { + width: 220px; + } + .xs\:minw220p, .xs\:minw-220p { + min-width: 220px; + } + .xs\:maxw220p, .xs\:maxw-220p { + max-width: 220px; + } + .xs\:w740p, .xs\:w-740p { + width: 740px; + } + .xs\:minw740p, .xs\:minw-740p { + min-width: 740px; + } + .xs\:maxw740p, .xs\:maxw-740p { + max-width: 740px; + } + .xs\:w960p, .xs\:w-960p { + width: 960px; + } + .xs\:minw960p, .xs\:minw-960p { + min-width: 960px; + } + .xs\:maxw960p, .xs\:maxw-960p { + max-width: 960px; + } + .xs\:w1140p, .xs\:w-1140p { + width: 1140px; + } + .xs\:minw1140p, .xs\:minw-1140p { + min-width: 1140px; + } + .xs\:maxw1140p, .xs\:maxw-1140p { + max-width: 1140px; + } + .xs\:w1440p, .xs\:w-1440p { + width: 1440px; + } + .xs\:minw1440p, .xs\:minw-1440p { + min-width: 1440px; + } + .xs\:maxw1440p, .xs\:maxw-1440p { + max-width: 1440px; + } + .xs\:wlecture, .xs\:w-lecture { + width: var(--largeur-lecture); + } + .xs\:minwlecture, .xs\:minw-lecture { + min-width: var(--largeur-lecture); + } + .xs\:maxwlecture, .xs\:maxw-lecture { + max-width: var(--largeur-lecture); + } + .xs\:wchapo, .xs\:w-chapo { + width: var(--largeur-chapo); + } + .xs\:minwchapo, .xs\:minw-chapo { + min-width: var(--largeur-chapo); + } + .xs\:maxwchapo, .xs\:maxw-chapo { + max-width: var(--largeur-chapo); + } +} +@media (min-width: 576px) { + .sm\:w-100, .sm\:w100 { + width: 100%; + } + .sm\:minw-100, .sm\:minw100 { + min-width: 100%; + } + .sm\:maxw-100, .sm\:maxw100 { + max-width: 100%; + } + .sm\:w-95, .sm\:w95 { + width: 95%; + } + .sm\:minw-95, .sm\:minw95 { + min-width: 95%; + } + .sm\:maxw-95, .sm\:maxw95 { + max-width: 95%; + } + .sm\:w-90, .sm\:w90 { + width: 90%; + } + .sm\:minw-90, .sm\:minw90 { + min-width: 90%; + } + .sm\:maxw-90, .sm\:maxw90 { + max-width: 90%; + } + .sm\:w-85, .sm\:w85 { + width: 85%; + } + .sm\:minw-85, .sm\:minw85 { + min-width: 85%; + } + .sm\:maxw-85, .sm\:maxw85 { + max-width: 85%; + } + .sm\:w-80, .sm\:w80 { + width: 80%; + } + .sm\:minw-80, .sm\:minw80 { + min-width: 80%; + } + .sm\:maxw-80, .sm\:maxw80 { + max-width: 80%; + } + .sm\:w-75, .sm\:w75 { + width: 75%; + } + .sm\:minw-75, .sm\:minw75 { + min-width: 75%; + } + .sm\:maxw-75, .sm\:maxw75 { + max-width: 75%; + } + .sm\:w-70, .sm\:w70 { + width: 70%; + } + .sm\:minw-70, .sm\:minw70 { + min-width: 70%; + } + .sm\:maxw-70, .sm\:maxw70 { + max-width: 70%; + } + .sm\:w-65, .sm\:w65 { + width: 65%; + } + .sm\:minw-65, .sm\:minw65 { + min-width: 65%; + } + .sm\:maxw-65, .sm\:maxw65 { + max-width: 65%; + } + .sm\:w-60, .sm\:w60 { + width: 60%; + } + .sm\:minw-60, .sm\:minw60 { + min-width: 60%; + } + .sm\:maxw-60, .sm\:maxw60 { + max-width: 60%; + } + .sm\:w-55, .sm\:w55 { + width: 55%; + } + .sm\:minw-55, .sm\:minw55 { + min-width: 55%; + } + .sm\:maxw-55, .sm\:maxw55 { + max-width: 55%; + } + .sm\:w-50, .sm\:w50 { + width: 50%; + } + .sm\:minw-50, .sm\:minw50 { + min-width: 50%; + } + .sm\:maxw-50, .sm\:maxw50 { + max-width: 50%; + } + .sm\:w-45, .sm\:w45 { + width: 45%; + } + .sm\:minw-45, .sm\:minw45 { + min-width: 45%; + } + .sm\:maxw-45, .sm\:maxw45 { + max-width: 45%; + } + .sm\:w-40, .sm\:w40 { + width: 40%; + } + .sm\:minw-40, .sm\:minw40 { + min-width: 40%; + } + .sm\:maxw-40, .sm\:maxw40 { + max-width: 40%; + } + .sm\:w-35, .sm\:w35 { + width: 35%; + } + .sm\:minw-35, .sm\:minw35 { + min-width: 35%; + } + .sm\:maxw-35, .sm\:maxw35 { + max-width: 35%; + } + .sm\:w-30, .sm\:w30 { + width: 30%; + } + .sm\:minw-30, .sm\:minw30 { + min-width: 30%; + } + .sm\:maxw-30, .sm\:maxw30 { + max-width: 30%; + } + .sm\:w-25, .sm\:w25 { + width: 25%; + } + .sm\:minw-25, .sm\:minw25 { + min-width: 25%; + } + .sm\:maxw-25, .sm\:maxw25 { + max-width: 25%; + } + .sm\:w-20, .sm\:w20 { + width: 20%; + } + .sm\:minw-20, .sm\:minw20 { + min-width: 20%; + } + .sm\:maxw-20, .sm\:maxw20 { + max-width: 20%; + } + .sm\:w-15, .sm\:w15 { + width: 15%; + } + .sm\:minw-15, .sm\:minw15 { + min-width: 15%; + } + .sm\:maxw-15, .sm\:maxw15 { + max-width: 15%; + } + .sm\:w-10, .sm\:w10 { + width: 10%; + } + .sm\:minw-10, .sm\:minw10 { + min-width: 10%; + } + .sm\:maxw-10, .sm\:maxw10 { + max-width: 10%; + } + .sm\:w-5, .sm\:w5 { + width: 5%; + } + .sm\:minw-5, .sm\:minw5 { + min-width: 5%; + } + .sm\:maxw-5, .sm\:maxw5 { + max-width: 5%; + } + .sm\:w-1000p, .sm\:w1000p { + width: 1000px; + } + .sm\:minw-1000p, .sm\:minw1000p { + min-width: 1000px; + } + .sm\:maxw-1000p, .sm\:maxw1000p { + max-width: 1000px; + } + .sm\:w-950p, .sm\:w950p { + width: 950px; + } + .sm\:minw-950p, .sm\:minw950p { + min-width: 950px; + } + .sm\:maxw-950p, .sm\:maxw950p { + max-width: 950px; + } + .sm\:w-900p, .sm\:w900p { + width: 900px; + } + .sm\:minw-900p, .sm\:minw900p { + min-width: 900px; + } + .sm\:maxw-900p, .sm\:maxw900p { + max-width: 900px; + } + .sm\:w-850p, .sm\:w850p { + width: 850px; + } + .sm\:minw-850p, .sm\:minw850p { + min-width: 850px; + } + .sm\:maxw-850p, .sm\:maxw850p { + max-width: 850px; + } + .sm\:w-800p, .sm\:w800p { + width: 800px; + } + .sm\:minw-800p, .sm\:minw800p { + min-width: 800px; + } + .sm\:maxw-800p, .sm\:maxw800p { + max-width: 800px; + } + .sm\:w-750p, .sm\:w750p { + width: 750px; + } + .sm\:minw-750p, .sm\:minw750p { + min-width: 750px; + } + .sm\:maxw-750p, .sm\:maxw750p { + max-width: 750px; + } + .sm\:w-700p, .sm\:w700p { + width: 700px; + } + .sm\:minw-700p, .sm\:minw700p { + min-width: 700px; + } + .sm\:maxw-700p, .sm\:maxw700p { + max-width: 700px; + } + .sm\:w-650p, .sm\:w650p { + width: 650px; + } + .sm\:minw-650p, .sm\:minw650p { + min-width: 650px; + } + .sm\:maxw-650p, .sm\:maxw650p { + max-width: 650px; + } + .sm\:w-600p, .sm\:w600p { + width: 600px; + } + .sm\:minw-600p, .sm\:minw600p { + min-width: 600px; + } + .sm\:maxw-600p, .sm\:maxw600p { + max-width: 600px; + } + .sm\:w-550p, .sm\:w550p { + width: 550px; + } + .sm\:minw-550p, .sm\:minw550p { + min-width: 550px; + } + .sm\:maxw-550p, .sm\:maxw550p { + max-width: 550px; + } + .sm\:w-500p, .sm\:w500p { + width: 500px; + } + .sm\:minw-500p, .sm\:minw500p { + min-width: 500px; + } + .sm\:maxw-500p, .sm\:maxw500p { + max-width: 500px; + } + .sm\:w-450p, .sm\:w450p { + width: 450px; + } + .sm\:minw-450p, .sm\:minw450p { + min-width: 450px; + } + .sm\:maxw-450p, .sm\:maxw450p { + max-width: 450px; + } + .sm\:w-400p, .sm\:w400p { + width: 400px; + } + .sm\:minw-400p, .sm\:minw400p { + min-width: 400px; + } + .sm\:maxw-400p, .sm\:maxw400p { + max-width: 400px; + } + .sm\:w-350p, .sm\:w350p { + width: 350px; + } + .sm\:minw-350p, .sm\:minw350p { + min-width: 350px; + } + .sm\:maxw-350p, .sm\:maxw350p { + max-width: 350px; + } + .sm\:w-300p, .sm\:w300p { + width: 300px; + } + .sm\:minw-300p, .sm\:minw300p { + min-width: 300px; + } + .sm\:maxw-300p, .sm\:maxw300p { + max-width: 300px; + } + .sm\:w-250p, .sm\:w250p { + width: 250px; + } + .sm\:minw-250p, .sm\:minw250p { + min-width: 250px; + } + .sm\:maxw-250p, .sm\:maxw250p { + max-width: 250px; + } + .sm\:w-200p, .sm\:w200p { + width: 200px; + } + .sm\:minw-200p, .sm\:minw200p { + min-width: 200px; + } + .sm\:maxw-200p, .sm\:maxw200p { + max-width: 200px; + } + .sm\:w-150p, .sm\:w150p { + width: 150px; + } + .sm\:minw-150p, .sm\:minw150p { + min-width: 150px; + } + .sm\:maxw-150p, .sm\:maxw150p { + max-width: 150px; + } + .sm\:w-140p, .sm\:w140p { + width: 140px; + } + .sm\:minw-140p, .sm\:minw140p { + min-width: 140px; + } + .sm\:maxw-140p, .sm\:maxw140p { + max-width: 140px; + } + .sm\:w-130p, .sm\:w130p { + width: 130px; + } + .sm\:minw-130p, .sm\:minw130p { + min-width: 130px; + } + .sm\:maxw-130p, .sm\:maxw130p { + max-width: 130px; + } + .sm\:w-120p, .sm\:w120p { + width: 120px; + } + .sm\:minw-120p, .sm\:minw120p { + min-width: 120px; + } + .sm\:maxw-120p, .sm\:maxw120p { + max-width: 120px; + } + .sm\:w-110p, .sm\:w110p { + width: 110px; + } + .sm\:minw-110p, .sm\:minw110p { + min-width: 110px; + } + .sm\:maxw-110p, .sm\:maxw110p { + max-width: 110px; + } + .sm\:w-100p, .sm\:w100p { + width: 100px; + } + .sm\:minw-100p, .sm\:minw100p { + min-width: 100px; + } + .sm\:maxw-100p, .sm\:maxw100p { + max-width: 100px; + } + .sm\:w-90p, .sm\:w90p { + width: 90px; + } + .sm\:minw-90p, .sm\:minw90p { + min-width: 90px; + } + .sm\:maxw-90p, .sm\:maxw90p { + max-width: 90px; + } + .sm\:w-80p, .sm\:w80p { + width: 80px; + } + .sm\:minw-80p, .sm\:minw80p { + min-width: 80px; + } + .sm\:maxw-80p, .sm\:maxw80p { + max-width: 80px; + } + .sm\:w-70p, .sm\:w70p { + width: 70px; + } + .sm\:minw-70p, .sm\:minw70p { + min-width: 70px; + } + .sm\:maxw-70p, .sm\:maxw70p { + max-width: 70px; + } + .sm\:w-60p, .sm\:w60p { + width: 60px; + } + .sm\:minw-60p, .sm\:minw60p { + min-width: 60px; + } + .sm\:maxw-60p, .sm\:maxw60p { + max-width: 60px; + } + .sm\:w-50p, .sm\:w50p { + width: 50px; + } + .sm\:minw-50p, .sm\:minw50p { + min-width: 50px; + } + .sm\:maxw-50p, .sm\:maxw50p { + max-width: 50px; + } + .sm\:w-40p, .sm\:w40p { + width: 40px; + } + .sm\:minw-40p, .sm\:minw40p { + min-width: 40px; + } + .sm\:maxw-40p, .sm\:maxw40p { + max-width: 40px; + } + .sm\:w-30p, .sm\:w30p { + width: 30px; + } + .sm\:minw-30p, .sm\:minw30p { + min-width: 30px; + } + .sm\:maxw-30p, .sm\:maxw30p { + max-width: 30px; + } + .sm\:w-20p, .sm\:w20p { + width: 20px; + } + .sm\:minw-20p, .sm\:minw20p { + min-width: 20px; + } + .sm\:maxw-20p, .sm\:maxw20p { + max-width: 20px; + } + .sm\:w-10p, .sm\:w10p { + width: 10px; + } + .sm\:minw-10p, .sm\:minw10p { + min-width: 10px; + } + .sm\:maxw-10p, .sm\:maxw10p { + max-width: 10px; + } + .sm\:w-33, .sm\:w33 { + width: calc(100% / 3); + } + .sm\:minw-33, .sm\:minw33 { + min-width: calc(100% / 3); + } + .sm\:w-66, .sm\:w66 { + width: calc(100% / 3 * 2); + } + .sm\:minw-66, .sm\:minw66 { + min-width: calc(100% / 3 * 2); + } + .sm\:w-100vw, .sm\:w100vw { + width: 100vw; + } + .sm\:minw-100vw, .sm\:minw100vw { + min-width: 100vw; + } + .sm\:w-auto, .sm\:wauto { + width: auto; + } + .sm\:w220p, .sm\:w-220p { + width: 220px; + } + .sm\:minw220p, .sm\:minw-220p { + min-width: 220px; + } + .sm\:maxw220p, .sm\:maxw-220p { + max-width: 220px; + } + .sm\:w740p, .sm\:w-740p { + width: 740px; + } + .sm\:minw740p, .sm\:minw-740p { + min-width: 740px; + } + .sm\:maxw740p, .sm\:maxw-740p { + max-width: 740px; + } + .sm\:w960p, .sm\:w-960p { + width: 960px; + } + .sm\:minw960p, .sm\:minw-960p { + min-width: 960px; + } + .sm\:maxw960p, .sm\:maxw-960p { + max-width: 960px; + } + .sm\:w1140p, .sm\:w-1140p { + width: 1140px; + } + .sm\:minw1140p, .sm\:minw-1140p { + min-width: 1140px; + } + .sm\:maxw1140p, .sm\:maxw-1140p { + max-width: 1140px; + } + .sm\:w1440p, .sm\:w-1440p { + width: 1440px; + } + .sm\:minw1440p, .sm\:minw-1440p { + min-width: 1440px; + } + .sm\:maxw1440p, .sm\:maxw-1440p { + max-width: 1440px; + } + .sm\:wlecture, .sm\:w-lecture { + width: var(--largeur-lecture); + } + .sm\:minwlecture, .sm\:minw-lecture { + min-width: var(--largeur-lecture); + } + .sm\:maxwlecture, .sm\:maxw-lecture { + max-width: var(--largeur-lecture); + } + .sm\:wchapo, .sm\:w-chapo { + width: var(--largeur-chapo); + } + .sm\:minwchapo, .sm\:minw-chapo { + min-width: var(--largeur-chapo); + } + .sm\:maxwchapo, .sm\:maxw-chapo { + max-width: var(--largeur-chapo); + } +} +@media (min-width: 768px) { + .md\:w-100, .md\:w100 { + width: 100%; + } + .md\:minw-100, .md\:minw100 { + min-width: 100%; + } + .md\:maxw-100, .md\:maxw100 { + max-width: 100%; + } + .md\:w-95, .md\:w95 { + width: 95%; + } + .md\:minw-95, .md\:minw95 { + min-width: 95%; + } + .md\:maxw-95, .md\:maxw95 { + max-width: 95%; + } + .md\:w-90, .md\:w90 { + width: 90%; + } + .md\:minw-90, .md\:minw90 { + min-width: 90%; + } + .md\:maxw-90, .md\:maxw90 { + max-width: 90%; + } + .md\:w-85, .md\:w85 { + width: 85%; + } + .md\:minw-85, .md\:minw85 { + min-width: 85%; + } + .md\:maxw-85, .md\:maxw85 { + max-width: 85%; + } + .md\:w-80, .md\:w80 { + width: 80%; + } + .md\:minw-80, .md\:minw80 { + min-width: 80%; + } + .md\:maxw-80, .md\:maxw80 { + max-width: 80%; + } + .md\:w-75, .md\:w75 { + width: 75%; + } + .md\:minw-75, .md\:minw75 { + min-width: 75%; + } + .md\:maxw-75, .md\:maxw75 { + max-width: 75%; + } + .md\:w-70, .md\:w70 { + width: 70%; + } + .md\:minw-70, .md\:minw70 { + min-width: 70%; + } + .md\:maxw-70, .md\:maxw70 { + max-width: 70%; + } + .md\:w-65, .md\:w65 { + width: 65%; + } + .md\:minw-65, .md\:minw65 { + min-width: 65%; + } + .md\:maxw-65, .md\:maxw65 { + max-width: 65%; + } + .md\:w-60, .md\:w60 { + width: 60%; + } + .md\:minw-60, .md\:minw60 { + min-width: 60%; + } + .md\:maxw-60, .md\:maxw60 { + max-width: 60%; + } + .md\:w-55, .md\:w55 { + width: 55%; + } + .md\:minw-55, .md\:minw55 { + min-width: 55%; + } + .md\:maxw-55, .md\:maxw55 { + max-width: 55%; + } + .md\:w-50, .md\:w50 { + width: 50%; + } + .md\:minw-50, .md\:minw50 { + min-width: 50%; + } + .md\:maxw-50, .md\:maxw50 { + max-width: 50%; + } + .md\:w-45, .md\:w45 { + width: 45%; + } + .md\:minw-45, .md\:minw45 { + min-width: 45%; + } + .md\:maxw-45, .md\:maxw45 { + max-width: 45%; + } + .md\:w-40, .md\:w40 { + width: 40%; + } + .md\:minw-40, .md\:minw40 { + min-width: 40%; + } + .md\:maxw-40, .md\:maxw40 { + max-width: 40%; + } + .md\:w-35, .md\:w35 { + width: 35%; + } + .md\:minw-35, .md\:minw35 { + min-width: 35%; + } + .md\:maxw-35, .md\:maxw35 { + max-width: 35%; + } + .md\:w-30, .md\:w30 { + width: 30%; + } + .md\:minw-30, .md\:minw30 { + min-width: 30%; + } + .md\:maxw-30, .md\:maxw30 { + max-width: 30%; + } + .md\:w-25, .md\:w25 { + width: 25%; + } + .md\:minw-25, .md\:minw25 { + min-width: 25%; + } + .md\:maxw-25, .md\:maxw25 { + max-width: 25%; + } + .md\:w-20, .md\:w20 { + width: 20%; + } + .md\:minw-20, .md\:minw20 { + min-width: 20%; + } + .md\:maxw-20, .md\:maxw20 { + max-width: 20%; + } + .md\:w-15, .md\:w15 { + width: 15%; + } + .md\:minw-15, .md\:minw15 { + min-width: 15%; + } + .md\:maxw-15, .md\:maxw15 { + max-width: 15%; + } + .md\:w-10, .md\:w10 { + width: 10%; + } + .md\:minw-10, .md\:minw10 { + min-width: 10%; + } + .md\:maxw-10, .md\:maxw10 { + max-width: 10%; + } + .md\:w-5, .md\:w5 { + width: 5%; + } + .md\:minw-5, .md\:minw5 { + min-width: 5%; + } + .md\:maxw-5, .md\:maxw5 { + max-width: 5%; + } + .md\:w-1000p, .md\:w1000p { + width: 1000px; + } + .md\:minw-1000p, .md\:minw1000p { + min-width: 1000px; + } + .md\:maxw-1000p, .md\:maxw1000p { + max-width: 1000px; + } + .md\:w-950p, .md\:w950p { + width: 950px; + } + .md\:minw-950p, .md\:minw950p { + min-width: 950px; + } + .md\:maxw-950p, .md\:maxw950p { + max-width: 950px; + } + .md\:w-900p, .md\:w900p { + width: 900px; + } + .md\:minw-900p, .md\:minw900p { + min-width: 900px; + } + .md\:maxw-900p, .md\:maxw900p { + max-width: 900px; + } + .md\:w-850p, .md\:w850p { + width: 850px; + } + .md\:minw-850p, .md\:minw850p { + min-width: 850px; + } + .md\:maxw-850p, .md\:maxw850p { + max-width: 850px; + } + .md\:w-800p, .md\:w800p { + width: 800px; + } + .md\:minw-800p, .md\:minw800p { + min-width: 800px; + } + .md\:maxw-800p, .md\:maxw800p { + max-width: 800px; + } + .md\:w-750p, .md\:w750p { + width: 750px; + } + .md\:minw-750p, .md\:minw750p { + min-width: 750px; + } + .md\:maxw-750p, .md\:maxw750p { + max-width: 750px; + } + .md\:w-700p, .md\:w700p { + width: 700px; + } + .md\:minw-700p, .md\:minw700p { + min-width: 700px; + } + .md\:maxw-700p, .md\:maxw700p { + max-width: 700px; + } + .md\:w-650p, .md\:w650p { + width: 650px; + } + .md\:minw-650p, .md\:minw650p { + min-width: 650px; + } + .md\:maxw-650p, .md\:maxw650p { + max-width: 650px; + } + .md\:w-600p, .md\:w600p { + width: 600px; + } + .md\:minw-600p, .md\:minw600p { + min-width: 600px; + } + .md\:maxw-600p, .md\:maxw600p { + max-width: 600px; + } + .md\:w-550p, .md\:w550p { + width: 550px; + } + .md\:minw-550p, .md\:minw550p { + min-width: 550px; + } + .md\:maxw-550p, .md\:maxw550p { + max-width: 550px; + } + .md\:w-500p, .md\:w500p { + width: 500px; + } + .md\:minw-500p, .md\:minw500p { + min-width: 500px; + } + .md\:maxw-500p, .md\:maxw500p { + max-width: 500px; + } + .md\:w-450p, .md\:w450p { + width: 450px; + } + .md\:minw-450p, .md\:minw450p { + min-width: 450px; + } + .md\:maxw-450p, .md\:maxw450p { + max-width: 450px; + } + .md\:w-400p, .md\:w400p { + width: 400px; + } + .md\:minw-400p, .md\:minw400p { + min-width: 400px; + } + .md\:maxw-400p, .md\:maxw400p { + max-width: 400px; + } + .md\:w-350p, .md\:w350p { + width: 350px; + } + .md\:minw-350p, .md\:minw350p { + min-width: 350px; + } + .md\:maxw-350p, .md\:maxw350p { + max-width: 350px; + } + .md\:w-300p, .md\:w300p { + width: 300px; + } + .md\:minw-300p, .md\:minw300p { + min-width: 300px; + } + .md\:maxw-300p, .md\:maxw300p { + max-width: 300px; + } + .md\:w-250p, .md\:w250p { + width: 250px; + } + .md\:minw-250p, .md\:minw250p { + min-width: 250px; + } + .md\:maxw-250p, .md\:maxw250p { + max-width: 250px; + } + .md\:w-200p, .md\:w200p { + width: 200px; + } + .md\:minw-200p, .md\:minw200p { + min-width: 200px; + } + .md\:maxw-200p, .md\:maxw200p { + max-width: 200px; + } + .md\:w-150p, .md\:w150p { + width: 150px; + } + .md\:minw-150p, .md\:minw150p { + min-width: 150px; + } + .md\:maxw-150p, .md\:maxw150p { + max-width: 150px; + } + .md\:w-140p, .md\:w140p { + width: 140px; + } + .md\:minw-140p, .md\:minw140p { + min-width: 140px; + } + .md\:maxw-140p, .md\:maxw140p { + max-width: 140px; + } + .md\:w-130p, .md\:w130p { + width: 130px; + } + .md\:minw-130p, .md\:minw130p { + min-width: 130px; + } + .md\:maxw-130p, .md\:maxw130p { + max-width: 130px; + } + .md\:w-120p, .md\:w120p { + width: 120px; + } + .md\:minw-120p, .md\:minw120p { + min-width: 120px; + } + .md\:maxw-120p, .md\:maxw120p { + max-width: 120px; + } + .md\:w-110p, .md\:w110p { + width: 110px; + } + .md\:minw-110p, .md\:minw110p { + min-width: 110px; + } + .md\:maxw-110p, .md\:maxw110p { + max-width: 110px; + } + .md\:w-100p, .md\:w100p { + width: 100px; + } + .md\:minw-100p, .md\:minw100p { + min-width: 100px; + } + .md\:maxw-100p, .md\:maxw100p { + max-width: 100px; + } + .md\:w-90p, .md\:w90p { + width: 90px; + } + .md\:minw-90p, .md\:minw90p { + min-width: 90px; + } + .md\:maxw-90p, .md\:maxw90p { + max-width: 90px; + } + .md\:w-80p, .md\:w80p { + width: 80px; + } + .md\:minw-80p, .md\:minw80p { + min-width: 80px; + } + .md\:maxw-80p, .md\:maxw80p { + max-width: 80px; + } + .md\:w-70p, .md\:w70p { + width: 70px; + } + .md\:minw-70p, .md\:minw70p { + min-width: 70px; + } + .md\:maxw-70p, .md\:maxw70p { + max-width: 70px; + } + .md\:w-60p, .md\:w60p { + width: 60px; + } + .md\:minw-60p, .md\:minw60p { + min-width: 60px; + } + .md\:maxw-60p, .md\:maxw60p { + max-width: 60px; + } + .md\:w-50p, .md\:w50p { + width: 50px; + } + .md\:minw-50p, .md\:minw50p { + min-width: 50px; + } + .md\:maxw-50p, .md\:maxw50p { + max-width: 50px; + } + .md\:w-40p, .md\:w40p { + width: 40px; + } + .md\:minw-40p, .md\:minw40p { + min-width: 40px; + } + .md\:maxw-40p, .md\:maxw40p { + max-width: 40px; + } + .md\:w-30p, .md\:w30p { + width: 30px; + } + .md\:minw-30p, .md\:minw30p { + min-width: 30px; + } + .md\:maxw-30p, .md\:maxw30p { + max-width: 30px; + } + .md\:w-20p, .md\:w20p { + width: 20px; + } + .md\:minw-20p, .md\:minw20p { + min-width: 20px; + } + .md\:maxw-20p, .md\:maxw20p { + max-width: 20px; + } + .md\:w-10p, .md\:w10p { + width: 10px; + } + .md\:minw-10p, .md\:minw10p { + min-width: 10px; + } + .md\:maxw-10p, .md\:maxw10p { + max-width: 10px; + } + .md\:w-33, .md\:w33 { + width: calc(100% / 3); + } + .md\:minw-33, .md\:minw33 { + min-width: calc(100% / 3); + } + .md\:w-66, .md\:w66 { + width: calc(100% / 3 * 2); + } + .md\:minw-66, .md\:minw66 { + min-width: calc(100% / 3 * 2); + } + .md\:w-100vw, .md\:w100vw { + width: 100vw; + } + .md\:minw-100vw, .md\:minw100vw { + min-width: 100vw; + } + .md\:w-auto, .md\:wauto { + width: auto; + } + .md\:w220p, .md\:w-220p { + width: 220px; + } + .md\:minw220p, .md\:minw-220p { + min-width: 220px; + } + .md\:maxw220p, .md\:maxw-220p { + max-width: 220px; + } + .md\:w740p, .md\:w-740p { + width: 740px; + } + .md\:minw740p, .md\:minw-740p { + min-width: 740px; + } + .md\:maxw740p, .md\:maxw-740p { + max-width: 740px; + } + .md\:w960p, .md\:w-960p { + width: 960px; + } + .md\:minw960p, .md\:minw-960p { + min-width: 960px; + } + .md\:maxw960p, .md\:maxw-960p { + max-width: 960px; + } + .md\:w1140p, .md\:w-1140p { + width: 1140px; + } + .md\:minw1140p, .md\:minw-1140p { + min-width: 1140px; + } + .md\:maxw1140p, .md\:maxw-1140p { + max-width: 1140px; + } + .md\:w1440p, .md\:w-1440p { + width: 1440px; + } + .md\:minw1440p, .md\:minw-1440p { + min-width: 1440px; + } + .md\:maxw1440p, .md\:maxw-1440p { + max-width: 1440px; + } + .md\:wlecture, .md\:w-lecture { + width: var(--largeur-lecture); + } + .md\:minwlecture, .md\:minw-lecture { + min-width: var(--largeur-lecture); + } + .md\:maxwlecture, .md\:maxw-lecture { + max-width: var(--largeur-lecture); + } + .md\:wchapo, .md\:w-chapo { + width: var(--largeur-chapo); + } + .md\:minwchapo, .md\:minw-chapo { + min-width: var(--largeur-chapo); + } + .md\:maxwchapo, .md\:maxw-chapo { + max-width: var(--largeur-chapo); + } +} +@media (min-width: 1024px) { + .lg\:w-100, .lg\:w100 { + width: 100%; + } + .lg\:minw-100, .lg\:minw100 { + min-width: 100%; + } + .lg\:maxw-100, .lg\:maxw100 { + max-width: 100%; + } + .lg\:w-95, .lg\:w95 { + width: 95%; + } + .lg\:minw-95, .lg\:minw95 { + min-width: 95%; + } + .lg\:maxw-95, .lg\:maxw95 { + max-width: 95%; + } + .lg\:w-90, .lg\:w90 { + width: 90%; + } + .lg\:minw-90, .lg\:minw90 { + min-width: 90%; + } + .lg\:maxw-90, .lg\:maxw90 { + max-width: 90%; + } + .lg\:w-85, .lg\:w85 { + width: 85%; + } + .lg\:minw-85, .lg\:minw85 { + min-width: 85%; + } + .lg\:maxw-85, .lg\:maxw85 { + max-width: 85%; + } + .lg\:w-80, .lg\:w80 { + width: 80%; + } + .lg\:minw-80, .lg\:minw80 { + min-width: 80%; + } + .lg\:maxw-80, .lg\:maxw80 { + max-width: 80%; + } + .lg\:w-75, .lg\:w75 { + width: 75%; + } + .lg\:minw-75, .lg\:minw75 { + min-width: 75%; + } + .lg\:maxw-75, .lg\:maxw75 { + max-width: 75%; + } + .lg\:w-70, .lg\:w70 { + width: 70%; + } + .lg\:minw-70, .lg\:minw70 { + min-width: 70%; + } + .lg\:maxw-70, .lg\:maxw70 { + max-width: 70%; + } + .lg\:w-65, .lg\:w65 { + width: 65%; + } + .lg\:minw-65, .lg\:minw65 { + min-width: 65%; + } + .lg\:maxw-65, .lg\:maxw65 { + max-width: 65%; + } + .lg\:w-60, .lg\:w60 { + width: 60%; + } + .lg\:minw-60, .lg\:minw60 { + min-width: 60%; + } + .lg\:maxw-60, .lg\:maxw60 { + max-width: 60%; + } + .lg\:w-55, .lg\:w55 { + width: 55%; + } + .lg\:minw-55, .lg\:minw55 { + min-width: 55%; + } + .lg\:maxw-55, .lg\:maxw55 { + max-width: 55%; + } + .lg\:w-50, .lg\:w50 { + width: 50%; + } + .lg\:minw-50, .lg\:minw50 { + min-width: 50%; + } + .lg\:maxw-50, .lg\:maxw50 { + max-width: 50%; + } + .lg\:w-45, .lg\:w45 { + width: 45%; + } + .lg\:minw-45, .lg\:minw45 { + min-width: 45%; + } + .lg\:maxw-45, .lg\:maxw45 { + max-width: 45%; + } + .lg\:w-40, .lg\:w40 { + width: 40%; + } + .lg\:minw-40, .lg\:minw40 { + min-width: 40%; + } + .lg\:maxw-40, .lg\:maxw40 { + max-width: 40%; + } + .lg\:w-35, .lg\:w35 { + width: 35%; + } + .lg\:minw-35, .lg\:minw35 { + min-width: 35%; + } + .lg\:maxw-35, .lg\:maxw35 { + max-width: 35%; + } + .lg\:w-30, .lg\:w30 { + width: 30%; + } + .lg\:minw-30, .lg\:minw30 { + min-width: 30%; + } + .lg\:maxw-30, .lg\:maxw30 { + max-width: 30%; + } + .lg\:w-25, .lg\:w25 { + width: 25%; + } + .lg\:minw-25, .lg\:minw25 { + min-width: 25%; + } + .lg\:maxw-25, .lg\:maxw25 { + max-width: 25%; + } + .lg\:w-20, .lg\:w20 { + width: 20%; + } + .lg\:minw-20, .lg\:minw20 { + min-width: 20%; + } + .lg\:maxw-20, .lg\:maxw20 { + max-width: 20%; + } + .lg\:w-15, .lg\:w15 { + width: 15%; + } + .lg\:minw-15, .lg\:minw15 { + min-width: 15%; + } + .lg\:maxw-15, .lg\:maxw15 { + max-width: 15%; + } + .lg\:w-10, .lg\:w10 { + width: 10%; + } + .lg\:minw-10, .lg\:minw10 { + min-width: 10%; + } + .lg\:maxw-10, .lg\:maxw10 { + max-width: 10%; + } + .lg\:w-5, .lg\:w5 { + width: 5%; + } + .lg\:minw-5, .lg\:minw5 { + min-width: 5%; + } + .lg\:maxw-5, .lg\:maxw5 { + max-width: 5%; + } + .lg\:w-1000p, .lg\:w1000p { + width: 1000px; + } + .lg\:minw-1000p, .lg\:minw1000p { + min-width: 1000px; + } + .lg\:maxw-1000p, .lg\:maxw1000p { + max-width: 1000px; + } + .lg\:w-950p, .lg\:w950p { + width: 950px; + } + .lg\:minw-950p, .lg\:minw950p { + min-width: 950px; + } + .lg\:maxw-950p, .lg\:maxw950p { + max-width: 950px; + } + .lg\:w-900p, .lg\:w900p { + width: 900px; + } + .lg\:minw-900p, .lg\:minw900p { + min-width: 900px; + } + .lg\:maxw-900p, .lg\:maxw900p { + max-width: 900px; + } + .lg\:w-850p, .lg\:w850p { + width: 850px; + } + .lg\:minw-850p, .lg\:minw850p { + min-width: 850px; + } + .lg\:maxw-850p, .lg\:maxw850p { + max-width: 850px; + } + .lg\:w-800p, .lg\:w800p { + width: 800px; + } + .lg\:minw-800p, .lg\:minw800p { + min-width: 800px; + } + .lg\:maxw-800p, .lg\:maxw800p { + max-width: 800px; + } + .lg\:w-750p, .lg\:w750p { + width: 750px; + } + .lg\:minw-750p, .lg\:minw750p { + min-width: 750px; + } + .lg\:maxw-750p, .lg\:maxw750p { + max-width: 750px; + } + .lg\:w-700p, .lg\:w700p { + width: 700px; + } + .lg\:minw-700p, .lg\:minw700p { + min-width: 700px; + } + .lg\:maxw-700p, .lg\:maxw700p { + max-width: 700px; + } + .lg\:w-650p, .lg\:w650p { + width: 650px; + } + .lg\:minw-650p, .lg\:minw650p { + min-width: 650px; + } + .lg\:maxw-650p, .lg\:maxw650p { + max-width: 650px; + } + .lg\:w-600p, .lg\:w600p { + width: 600px; + } + .lg\:minw-600p, .lg\:minw600p { + min-width: 600px; + } + .lg\:maxw-600p, .lg\:maxw600p { + max-width: 600px; + } + .lg\:w-550p, .lg\:w550p { + width: 550px; + } + .lg\:minw-550p, .lg\:minw550p { + min-width: 550px; + } + .lg\:maxw-550p, .lg\:maxw550p { + max-width: 550px; + } + .lg\:w-500p, .lg\:w500p { + width: 500px; + } + .lg\:minw-500p, .lg\:minw500p { + min-width: 500px; + } + .lg\:maxw-500p, .lg\:maxw500p { + max-width: 500px; + } + .lg\:w-450p, .lg\:w450p { + width: 450px; + } + .lg\:minw-450p, .lg\:minw450p { + min-width: 450px; + } + .lg\:maxw-450p, .lg\:maxw450p { + max-width: 450px; + } + .lg\:w-400p, .lg\:w400p { + width: 400px; + } + .lg\:minw-400p, .lg\:minw400p { + min-width: 400px; + } + .lg\:maxw-400p, .lg\:maxw400p { + max-width: 400px; + } + .lg\:w-350p, .lg\:w350p { + width: 350px; + } + .lg\:minw-350p, .lg\:minw350p { + min-width: 350px; + } + .lg\:maxw-350p, .lg\:maxw350p { + max-width: 350px; + } + .lg\:w-300p, .lg\:w300p { + width: 300px; + } + .lg\:minw-300p, .lg\:minw300p { + min-width: 300px; + } + .lg\:maxw-300p, .lg\:maxw300p { + max-width: 300px; + } + .lg\:w-250p, .lg\:w250p { + width: 250px; + } + .lg\:minw-250p, .lg\:minw250p { + min-width: 250px; + } + .lg\:maxw-250p, .lg\:maxw250p { + max-width: 250px; + } + .lg\:w-200p, .lg\:w200p { + width: 200px; + } + .lg\:minw-200p, .lg\:minw200p { + min-width: 200px; + } + .lg\:maxw-200p, .lg\:maxw200p { + max-width: 200px; + } + .lg\:w-150p, .lg\:w150p { + width: 150px; + } + .lg\:minw-150p, .lg\:minw150p { + min-width: 150px; + } + .lg\:maxw-150p, .lg\:maxw150p { + max-width: 150px; + } + .lg\:w-140p, .lg\:w140p { + width: 140px; + } + .lg\:minw-140p, .lg\:minw140p { + min-width: 140px; + } + .lg\:maxw-140p, .lg\:maxw140p { + max-width: 140px; + } + .lg\:w-130p, .lg\:w130p { + width: 130px; + } + .lg\:minw-130p, .lg\:minw130p { + min-width: 130px; + } + .lg\:maxw-130p, .lg\:maxw130p { + max-width: 130px; + } + .lg\:w-120p, .lg\:w120p { + width: 120px; + } + .lg\:minw-120p, .lg\:minw120p { + min-width: 120px; + } + .lg\:maxw-120p, .lg\:maxw120p { + max-width: 120px; + } + .lg\:w-110p, .lg\:w110p { + width: 110px; + } + .lg\:minw-110p, .lg\:minw110p { + min-width: 110px; + } + .lg\:maxw-110p, .lg\:maxw110p { + max-width: 110px; + } + .lg\:w-100p, .lg\:w100p { + width: 100px; + } + .lg\:minw-100p, .lg\:minw100p { + min-width: 100px; + } + .lg\:maxw-100p, .lg\:maxw100p { + max-width: 100px; + } + .lg\:w-90p, .lg\:w90p { + width: 90px; + } + .lg\:minw-90p, .lg\:minw90p { + min-width: 90px; + } + .lg\:maxw-90p, .lg\:maxw90p { + max-width: 90px; + } + .lg\:w-80p, .lg\:w80p { + width: 80px; + } + .lg\:minw-80p, .lg\:minw80p { + min-width: 80px; + } + .lg\:maxw-80p, .lg\:maxw80p { + max-width: 80px; + } + .lg\:w-70p, .lg\:w70p { + width: 70px; + } + .lg\:minw-70p, .lg\:minw70p { + min-width: 70px; + } + .lg\:maxw-70p, .lg\:maxw70p { + max-width: 70px; + } + .lg\:w-60p, .lg\:w60p { + width: 60px; + } + .lg\:minw-60p, .lg\:minw60p { + min-width: 60px; + } + .lg\:maxw-60p, .lg\:maxw60p { + max-width: 60px; + } + .lg\:w-50p, .lg\:w50p { + width: 50px; + } + .lg\:minw-50p, .lg\:minw50p { + min-width: 50px; + } + .lg\:maxw-50p, .lg\:maxw50p { + max-width: 50px; + } + .lg\:w-40p, .lg\:w40p { + width: 40px; + } + .lg\:minw-40p, .lg\:minw40p { + min-width: 40px; + } + .lg\:maxw-40p, .lg\:maxw40p { + max-width: 40px; + } + .lg\:w-30p, .lg\:w30p { + width: 30px; + } + .lg\:minw-30p, .lg\:minw30p { + min-width: 30px; + } + .lg\:maxw-30p, .lg\:maxw30p { + max-width: 30px; + } + .lg\:w-20p, .lg\:w20p { + width: 20px; + } + .lg\:minw-20p, .lg\:minw20p { + min-width: 20px; + } + .lg\:maxw-20p, .lg\:maxw20p { + max-width: 20px; + } + .lg\:w-10p, .lg\:w10p { + width: 10px; + } + .lg\:minw-10p, .lg\:minw10p { + min-width: 10px; + } + .lg\:maxw-10p, .lg\:maxw10p { + max-width: 10px; + } + .lg\:w-33, .lg\:w33 { + width: calc(100% / 3); + } + .lg\:minw-33, .lg\:minw33 { + min-width: calc(100% / 3); + } + .lg\:w-66, .lg\:w66 { + width: calc(100% / 3 * 2); + } + .lg\:minw-66, .lg\:minw66 { + min-width: calc(100% / 3 * 2); + } + .lg\:w-100vw, .lg\:w100vw { + width: 100vw; + } + .lg\:minw-100vw, .lg\:minw100vw { + min-width: 100vw; + } + .lg\:w-auto, .lg\:wauto { + width: auto; + } + .lg\:w220p, .lg\:w-220p { + width: 220px; + } + .lg\:minw220p, .lg\:minw-220p { + min-width: 220px; + } + .lg\:maxw220p, .lg\:maxw-220p { + max-width: 220px; + } + .lg\:w740p, .lg\:w-740p { + width: 740px; + } + .lg\:minw740p, .lg\:minw-740p { + min-width: 740px; + } + .lg\:maxw740p, .lg\:maxw-740p { + max-width: 740px; + } + .lg\:w960p, .lg\:w-960p { + width: 960px; + } + .lg\:minw960p, .lg\:minw-960p { + min-width: 960px; + } + .lg\:maxw960p, .lg\:maxw-960p { + max-width: 960px; + } + .lg\:w1140p, .lg\:w-1140p { + width: 1140px; + } + .lg\:minw1140p, .lg\:minw-1140p { + min-width: 1140px; + } + .lg\:maxw1140p, .lg\:maxw-1140p { + max-width: 1140px; + } + .lg\:w1440p, .lg\:w-1440p { + width: 1440px; + } + .lg\:minw1440p, .lg\:minw-1440p { + min-width: 1440px; + } + .lg\:maxw1440p, .lg\:maxw-1440p { + max-width: 1440px; + } + .lg\:wlecture, .lg\:w-lecture { + width: var(--largeur-lecture); + } + .lg\:minwlecture, .lg\:minw-lecture { + min-width: var(--largeur-lecture); + } + .lg\:maxwlecture, .lg\:maxw-lecture { + max-width: var(--largeur-lecture); + } + .lg\:wchapo, .lg\:w-chapo { + width: var(--largeur-chapo); + } + .lg\:minwchapo, .lg\:minw-chapo { + min-width: var(--largeur-chapo); + } + .lg\:maxwchapo, .lg\:maxw-chapo { + max-width: var(--largeur-chapo); + } +} +@media (min-width: 1440px) { + .xl\:w-100, .xl\:w100 { + width: 100%; + } + .xl\:minw-100, .xl\:minw100 { + min-width: 100%; + } + .xl\:maxw-100, .xl\:maxw100 { + max-width: 100%; + } + .xl\:w-95, .xl\:w95 { + width: 95%; + } + .xl\:minw-95, .xl\:minw95 { + min-width: 95%; + } + .xl\:maxw-95, .xl\:maxw95 { + max-width: 95%; + } + .xl\:w-90, .xl\:w90 { + width: 90%; + } + .xl\:minw-90, .xl\:minw90 { + min-width: 90%; + } + .xl\:maxw-90, .xl\:maxw90 { + max-width: 90%; + } + .xl\:w-85, .xl\:w85 { + width: 85%; + } + .xl\:minw-85, .xl\:minw85 { + min-width: 85%; + } + .xl\:maxw-85, .xl\:maxw85 { + max-width: 85%; + } + .xl\:w-80, .xl\:w80 { + width: 80%; + } + .xl\:minw-80, .xl\:minw80 { + min-width: 80%; + } + .xl\:maxw-80, .xl\:maxw80 { + max-width: 80%; + } + .xl\:w-75, .xl\:w75 { + width: 75%; + } + .xl\:minw-75, .xl\:minw75 { + min-width: 75%; + } + .xl\:maxw-75, .xl\:maxw75 { + max-width: 75%; + } + .xl\:w-70, .xl\:w70 { + width: 70%; + } + .xl\:minw-70, .xl\:minw70 { + min-width: 70%; + } + .xl\:maxw-70, .xl\:maxw70 { + max-width: 70%; + } + .xl\:w-65, .xl\:w65 { + width: 65%; + } + .xl\:minw-65, .xl\:minw65 { + min-width: 65%; + } + .xl\:maxw-65, .xl\:maxw65 { + max-width: 65%; + } + .xl\:w-60, .xl\:w60 { + width: 60%; + } + .xl\:minw-60, .xl\:minw60 { + min-width: 60%; + } + .xl\:maxw-60, .xl\:maxw60 { + max-width: 60%; + } + .xl\:w-55, .xl\:w55 { + width: 55%; + } + .xl\:minw-55, .xl\:minw55 { + min-width: 55%; + } + .xl\:maxw-55, .xl\:maxw55 { + max-width: 55%; + } + .xl\:w-50, .xl\:w50 { + width: 50%; + } + .xl\:minw-50, .xl\:minw50 { + min-width: 50%; + } + .xl\:maxw-50, .xl\:maxw50 { + max-width: 50%; + } + .xl\:w-45, .xl\:w45 { + width: 45%; + } + .xl\:minw-45, .xl\:minw45 { + min-width: 45%; + } + .xl\:maxw-45, .xl\:maxw45 { + max-width: 45%; + } + .xl\:w-40, .xl\:w40 { + width: 40%; + } + .xl\:minw-40, .xl\:minw40 { + min-width: 40%; + } + .xl\:maxw-40, .xl\:maxw40 { + max-width: 40%; + } + .xl\:w-35, .xl\:w35 { + width: 35%; + } + .xl\:minw-35, .xl\:minw35 { + min-width: 35%; + } + .xl\:maxw-35, .xl\:maxw35 { + max-width: 35%; + } + .xl\:w-30, .xl\:w30 { + width: 30%; + } + .xl\:minw-30, .xl\:minw30 { + min-width: 30%; + } + .xl\:maxw-30, .xl\:maxw30 { + max-width: 30%; + } + .xl\:w-25, .xl\:w25 { + width: 25%; + } + .xl\:minw-25, .xl\:minw25 { + min-width: 25%; + } + .xl\:maxw-25, .xl\:maxw25 { + max-width: 25%; + } + .xl\:w-20, .xl\:w20 { + width: 20%; + } + .xl\:minw-20, .xl\:minw20 { + min-width: 20%; + } + .xl\:maxw-20, .xl\:maxw20 { + max-width: 20%; + } + .xl\:w-15, .xl\:w15 { + width: 15%; + } + .xl\:minw-15, .xl\:minw15 { + min-width: 15%; + } + .xl\:maxw-15, .xl\:maxw15 { + max-width: 15%; + } + .xl\:w-10, .xl\:w10 { + width: 10%; + } + .xl\:minw-10, .xl\:minw10 { + min-width: 10%; + } + .xl\:maxw-10, .xl\:maxw10 { + max-width: 10%; + } + .xl\:w-5, .xl\:w5 { + width: 5%; + } + .xl\:minw-5, .xl\:minw5 { + min-width: 5%; + } + .xl\:maxw-5, .xl\:maxw5 { + max-width: 5%; + } + .xl\:w-1000p, .xl\:w1000p { + width: 1000px; + } + .xl\:minw-1000p, .xl\:minw1000p { + min-width: 1000px; + } + .xl\:maxw-1000p, .xl\:maxw1000p { + max-width: 1000px; + } + .xl\:w-950p, .xl\:w950p { + width: 950px; + } + .xl\:minw-950p, .xl\:minw950p { + min-width: 950px; + } + .xl\:maxw-950p, .xl\:maxw950p { + max-width: 950px; + } + .xl\:w-900p, .xl\:w900p { + width: 900px; + } + .xl\:minw-900p, .xl\:minw900p { + min-width: 900px; + } + .xl\:maxw-900p, .xl\:maxw900p { + max-width: 900px; + } + .xl\:w-850p, .xl\:w850p { + width: 850px; + } + .xl\:minw-850p, .xl\:minw850p { + min-width: 850px; + } + .xl\:maxw-850p, .xl\:maxw850p { + max-width: 850px; + } + .xl\:w-800p, .xl\:w800p { + width: 800px; + } + .xl\:minw-800p, .xl\:minw800p { + min-width: 800px; + } + .xl\:maxw-800p, .xl\:maxw800p { + max-width: 800px; + } + .xl\:w-750p, .xl\:w750p { + width: 750px; + } + .xl\:minw-750p, .xl\:minw750p { + min-width: 750px; + } + .xl\:maxw-750p, .xl\:maxw750p { + max-width: 750px; + } + .xl\:w-700p, .xl\:w700p { + width: 700px; + } + .xl\:minw-700p, .xl\:minw700p { + min-width: 700px; + } + .xl\:maxw-700p, .xl\:maxw700p { + max-width: 700px; + } + .xl\:w-650p, .xl\:w650p { + width: 650px; + } + .xl\:minw-650p, .xl\:minw650p { + min-width: 650px; + } + .xl\:maxw-650p, .xl\:maxw650p { + max-width: 650px; + } + .xl\:w-600p, .xl\:w600p { + width: 600px; + } + .xl\:minw-600p, .xl\:minw600p { + min-width: 600px; + } + .xl\:maxw-600p, .xl\:maxw600p { + max-width: 600px; + } + .xl\:w-550p, .xl\:w550p { + width: 550px; + } + .xl\:minw-550p, .xl\:minw550p { + min-width: 550px; + } + .xl\:maxw-550p, .xl\:maxw550p { + max-width: 550px; + } + .xl\:w-500p, .xl\:w500p { + width: 500px; + } + .xl\:minw-500p, .xl\:minw500p { + min-width: 500px; + } + .xl\:maxw-500p, .xl\:maxw500p { + max-width: 500px; + } + .xl\:w-450p, .xl\:w450p { + width: 450px; + } + .xl\:minw-450p, .xl\:minw450p { + min-width: 450px; + } + .xl\:maxw-450p, .xl\:maxw450p { + max-width: 450px; + } + .xl\:w-400p, .xl\:w400p { + width: 400px; + } + .xl\:minw-400p, .xl\:minw400p { + min-width: 400px; + } + .xl\:maxw-400p, .xl\:maxw400p { + max-width: 400px; + } + .xl\:w-350p, .xl\:w350p { + width: 350px; + } + .xl\:minw-350p, .xl\:minw350p { + min-width: 350px; + } + .xl\:maxw-350p, .xl\:maxw350p { + max-width: 350px; + } + .xl\:w-300p, .xl\:w300p { + width: 300px; + } + .xl\:minw-300p, .xl\:minw300p { + min-width: 300px; + } + .xl\:maxw-300p, .xl\:maxw300p { + max-width: 300px; + } + .xl\:w-250p, .xl\:w250p { + width: 250px; + } + .xl\:minw-250p, .xl\:minw250p { + min-width: 250px; + } + .xl\:maxw-250p, .xl\:maxw250p { + max-width: 250px; + } + .xl\:w-200p, .xl\:w200p { + width: 200px; + } + .xl\:minw-200p, .xl\:minw200p { + min-width: 200px; + } + .xl\:maxw-200p, .xl\:maxw200p { + max-width: 200px; + } + .xl\:w-150p, .xl\:w150p { + width: 150px; + } + .xl\:minw-150p, .xl\:minw150p { + min-width: 150px; + } + .xl\:maxw-150p, .xl\:maxw150p { + max-width: 150px; + } + .xl\:w-140p, .xl\:w140p { + width: 140px; + } + .xl\:minw-140p, .xl\:minw140p { + min-width: 140px; + } + .xl\:maxw-140p, .xl\:maxw140p { + max-width: 140px; + } + .xl\:w-130p, .xl\:w130p { + width: 130px; + } + .xl\:minw-130p, .xl\:minw130p { + min-width: 130px; + } + .xl\:maxw-130p, .xl\:maxw130p { + max-width: 130px; + } + .xl\:w-120p, .xl\:w120p { + width: 120px; + } + .xl\:minw-120p, .xl\:minw120p { + min-width: 120px; + } + .xl\:maxw-120p, .xl\:maxw120p { + max-width: 120px; + } + .xl\:w-110p, .xl\:w110p { + width: 110px; + } + .xl\:minw-110p, .xl\:minw110p { + min-width: 110px; + } + .xl\:maxw-110p, .xl\:maxw110p { + max-width: 110px; + } + .xl\:w-100p, .xl\:w100p { + width: 100px; + } + .xl\:minw-100p, .xl\:minw100p { + min-width: 100px; + } + .xl\:maxw-100p, .xl\:maxw100p { + max-width: 100px; + } + .xl\:w-90p, .xl\:w90p { + width: 90px; + } + .xl\:minw-90p, .xl\:minw90p { + min-width: 90px; + } + .xl\:maxw-90p, .xl\:maxw90p { + max-width: 90px; + } + .xl\:w-80p, .xl\:w80p { + width: 80px; + } + .xl\:minw-80p, .xl\:minw80p { + min-width: 80px; + } + .xl\:maxw-80p, .xl\:maxw80p { + max-width: 80px; + } + .xl\:w-70p, .xl\:w70p { + width: 70px; + } + .xl\:minw-70p, .xl\:minw70p { + min-width: 70px; + } + .xl\:maxw-70p, .xl\:maxw70p { + max-width: 70px; + } + .xl\:w-60p, .xl\:w60p { + width: 60px; + } + .xl\:minw-60p, .xl\:minw60p { + min-width: 60px; + } + .xl\:maxw-60p, .xl\:maxw60p { + max-width: 60px; + } + .xl\:w-50p, .xl\:w50p { + width: 50px; + } + .xl\:minw-50p, .xl\:minw50p { + min-width: 50px; + } + .xl\:maxw-50p, .xl\:maxw50p { + max-width: 50px; + } + .xl\:w-40p, .xl\:w40p { + width: 40px; + } + .xl\:minw-40p, .xl\:minw40p { + min-width: 40px; + } + .xl\:maxw-40p, .xl\:maxw40p { + max-width: 40px; + } + .xl\:w-30p, .xl\:w30p { + width: 30px; + } + .xl\:minw-30p, .xl\:minw30p { + min-width: 30px; + } + .xl\:maxw-30p, .xl\:maxw30p { + max-width: 30px; + } + .xl\:w-20p, .xl\:w20p { + width: 20px; + } + .xl\:minw-20p, .xl\:minw20p { + min-width: 20px; + } + .xl\:maxw-20p, .xl\:maxw20p { + max-width: 20px; + } + .xl\:w-10p, .xl\:w10p { + width: 10px; + } + .xl\:minw-10p, .xl\:minw10p { + min-width: 10px; + } + .xl\:maxw-10p, .xl\:maxw10p { + max-width: 10px; + } + .xl\:w-33, .xl\:w33 { + width: calc(100% / 3); + } + .xl\:minw-33, .xl\:minw33 { + min-width: calc(100% / 3); + } + .xl\:w-66, .xl\:w66 { + width: calc(100% / 3 * 2); + } + .xl\:minw-66, .xl\:minw66 { + min-width: calc(100% / 3 * 2); + } + .xl\:w-100vw, .xl\:w100vw { + width: 100vw; + } + .xl\:minw-100vw, .xl\:minw100vw { + min-width: 100vw; + } + .xl\:w-auto, .xl\:wauto { + width: auto; + } + .xl\:w220p, .xl\:w-220p { + width: 220px; + } + .xl\:minw220p, .xl\:minw-220p { + min-width: 220px; + } + .xl\:maxw220p, .xl\:maxw-220p { + max-width: 220px; + } + .xl\:w740p, .xl\:w-740p { + width: 740px; + } + .xl\:minw740p, .xl\:minw-740p { + min-width: 740px; + } + .xl\:maxw740p, .xl\:maxw-740p { + max-width: 740px; + } + .xl\:w960p, .xl\:w-960p { + width: 960px; + } + .xl\:minw960p, .xl\:minw-960p { + min-width: 960px; + } + .xl\:maxw960p, .xl\:maxw-960p { + max-width: 960px; + } + .xl\:w1140p, .xl\:w-1140p { + width: 1140px; + } + .xl\:minw1140p, .xl\:minw-1140p { + min-width: 1140px; + } + .xl\:maxw1140p, .xl\:maxw-1140p { + max-width: 1140px; + } + .xl\:w1440p, .xl\:w-1440p { + width: 1440px; + } + .xl\:minw1440p, .xl\:minw-1440p { + min-width: 1440px; + } + .xl\:maxw1440p, .xl\:maxw-1440p { + max-width: 1440px; + } + .xl\:wlecture, .xl\:w-lecture { + width: var(--largeur-lecture); + } + .xl\:minwlecture, .xl\:minw-lecture { + min-width: var(--largeur-lecture); + } + .xl\:maxwlecture, .xl\:maxw-lecture { + max-width: var(--largeur-lecture); + } + .xl\:wchapo, .xl\:w-chapo { + width: var(--largeur-chapo); + } + .xl\:minwchapo, .xl\:minw-chapo { + min-width: var(--largeur-chapo); + } + .xl\:maxwchapo, .xl\:maxw-chapo { + max-width: var(--largeur-chapo); + } +} +@media (min-width: 1920px) { + .xxl\:w-100, .xxl\:w100 { + width: 100%; + } + .xxl\:minw-100, .xxl\:minw100 { + min-width: 100%; + } + .xxl\:maxw-100, .xxl\:maxw100 { + max-width: 100%; + } + .xxl\:w-95, .xxl\:w95 { + width: 95%; + } + .xxl\:minw-95, .xxl\:minw95 { + min-width: 95%; + } + .xxl\:maxw-95, .xxl\:maxw95 { + max-width: 95%; + } + .xxl\:w-90, .xxl\:w90 { + width: 90%; + } + .xxl\:minw-90, .xxl\:minw90 { + min-width: 90%; + } + .xxl\:maxw-90, .xxl\:maxw90 { + max-width: 90%; + } + .xxl\:w-85, .xxl\:w85 { + width: 85%; + } + .xxl\:minw-85, .xxl\:minw85 { + min-width: 85%; + } + .xxl\:maxw-85, .xxl\:maxw85 { + max-width: 85%; + } + .xxl\:w-80, .xxl\:w80 { + width: 80%; + } + .xxl\:minw-80, .xxl\:minw80 { + min-width: 80%; + } + .xxl\:maxw-80, .xxl\:maxw80 { + max-width: 80%; + } + .xxl\:w-75, .xxl\:w75 { + width: 75%; + } + .xxl\:minw-75, .xxl\:minw75 { + min-width: 75%; + } + .xxl\:maxw-75, .xxl\:maxw75 { + max-width: 75%; + } + .xxl\:w-70, .xxl\:w70 { + width: 70%; + } + .xxl\:minw-70, .xxl\:minw70 { + min-width: 70%; + } + .xxl\:maxw-70, .xxl\:maxw70 { + max-width: 70%; + } + .xxl\:w-65, .xxl\:w65 { + width: 65%; + } + .xxl\:minw-65, .xxl\:minw65 { + min-width: 65%; + } + .xxl\:maxw-65, .xxl\:maxw65 { + max-width: 65%; + } + .xxl\:w-60, .xxl\:w60 { + width: 60%; + } + .xxl\:minw-60, .xxl\:minw60 { + min-width: 60%; + } + .xxl\:maxw-60, .xxl\:maxw60 { + max-width: 60%; + } + .xxl\:w-55, .xxl\:w55 { + width: 55%; + } + .xxl\:minw-55, .xxl\:minw55 { + min-width: 55%; + } + .xxl\:maxw-55, .xxl\:maxw55 { + max-width: 55%; + } + .xxl\:w-50, .xxl\:w50 { + width: 50%; + } + .xxl\:minw-50, .xxl\:minw50 { + min-width: 50%; + } + .xxl\:maxw-50, .xxl\:maxw50 { + max-width: 50%; + } + .xxl\:w-45, .xxl\:w45 { + width: 45%; + } + .xxl\:minw-45, .xxl\:minw45 { + min-width: 45%; + } + .xxl\:maxw-45, .xxl\:maxw45 { + max-width: 45%; + } + .xxl\:w-40, .xxl\:w40 { + width: 40%; + } + .xxl\:minw-40, .xxl\:minw40 { + min-width: 40%; + } + .xxl\:maxw-40, .xxl\:maxw40 { + max-width: 40%; + } + .xxl\:w-35, .xxl\:w35 { + width: 35%; + } + .xxl\:minw-35, .xxl\:minw35 { + min-width: 35%; + } + .xxl\:maxw-35, .xxl\:maxw35 { + max-width: 35%; + } + .xxl\:w-30, .xxl\:w30 { + width: 30%; + } + .xxl\:minw-30, .xxl\:minw30 { + min-width: 30%; + } + .xxl\:maxw-30, .xxl\:maxw30 { + max-width: 30%; + } + .xxl\:w-25, .xxl\:w25 { + width: 25%; + } + .xxl\:minw-25, .xxl\:minw25 { + min-width: 25%; + } + .xxl\:maxw-25, .xxl\:maxw25 { + max-width: 25%; + } + .xxl\:w-20, .xxl\:w20 { + width: 20%; + } + .xxl\:minw-20, .xxl\:minw20 { + min-width: 20%; + } + .xxl\:maxw-20, .xxl\:maxw20 { + max-width: 20%; + } + .xxl\:w-15, .xxl\:w15 { + width: 15%; + } + .xxl\:minw-15, .xxl\:minw15 { + min-width: 15%; + } + .xxl\:maxw-15, .xxl\:maxw15 { + max-width: 15%; + } + .xxl\:w-10, .xxl\:w10 { + width: 10%; + } + .xxl\:minw-10, .xxl\:minw10 { + min-width: 10%; + } + .xxl\:maxw-10, .xxl\:maxw10 { + max-width: 10%; + } + .xxl\:w-5, .xxl\:w5 { + width: 5%; + } + .xxl\:minw-5, .xxl\:minw5 { + min-width: 5%; + } + .xxl\:maxw-5, .xxl\:maxw5 { + max-width: 5%; + } + .xxl\:w-1000p, .xxl\:w1000p { + width: 1000px; + } + .xxl\:minw-1000p, .xxl\:minw1000p { + min-width: 1000px; + } + .xxl\:maxw-1000p, .xxl\:maxw1000p { + max-width: 1000px; + } + .xxl\:w-950p, .xxl\:w950p { + width: 950px; + } + .xxl\:minw-950p, .xxl\:minw950p { + min-width: 950px; + } + .xxl\:maxw-950p, .xxl\:maxw950p { + max-width: 950px; + } + .xxl\:w-900p, .xxl\:w900p { + width: 900px; + } + .xxl\:minw-900p, .xxl\:minw900p { + min-width: 900px; + } + .xxl\:maxw-900p, .xxl\:maxw900p { + max-width: 900px; + } + .xxl\:w-850p, .xxl\:w850p { + width: 850px; + } + .xxl\:minw-850p, .xxl\:minw850p { + min-width: 850px; + } + .xxl\:maxw-850p, .xxl\:maxw850p { + max-width: 850px; + } + .xxl\:w-800p, .xxl\:w800p { + width: 800px; + } + .xxl\:minw-800p, .xxl\:minw800p { + min-width: 800px; + } + .xxl\:maxw-800p, .xxl\:maxw800p { + max-width: 800px; + } + .xxl\:w-750p, .xxl\:w750p { + width: 750px; + } + .xxl\:minw-750p, .xxl\:minw750p { + min-width: 750px; + } + .xxl\:maxw-750p, .xxl\:maxw750p { + max-width: 750px; + } + .xxl\:w-700p, .xxl\:w700p { + width: 700px; + } + .xxl\:minw-700p, .xxl\:minw700p { + min-width: 700px; + } + .xxl\:maxw-700p, .xxl\:maxw700p { + max-width: 700px; + } + .xxl\:w-650p, .xxl\:w650p { + width: 650px; + } + .xxl\:minw-650p, .xxl\:minw650p { + min-width: 650px; + } + .xxl\:maxw-650p, .xxl\:maxw650p { + max-width: 650px; + } + .xxl\:w-600p, .xxl\:w600p { + width: 600px; + } + .xxl\:minw-600p, .xxl\:minw600p { + min-width: 600px; + } + .xxl\:maxw-600p, .xxl\:maxw600p { + max-width: 600px; + } + .xxl\:w-550p, .xxl\:w550p { + width: 550px; + } + .xxl\:minw-550p, .xxl\:minw550p { + min-width: 550px; + } + .xxl\:maxw-550p, .xxl\:maxw550p { + max-width: 550px; + } + .xxl\:w-500p, .xxl\:w500p { + width: 500px; + } + .xxl\:minw-500p, .xxl\:minw500p { + min-width: 500px; + } + .xxl\:maxw-500p, .xxl\:maxw500p { + max-width: 500px; + } + .xxl\:w-450p, .xxl\:w450p { + width: 450px; + } + .xxl\:minw-450p, .xxl\:minw450p { + min-width: 450px; + } + .xxl\:maxw-450p, .xxl\:maxw450p { + max-width: 450px; + } + .xxl\:w-400p, .xxl\:w400p { + width: 400px; + } + .xxl\:minw-400p, .xxl\:minw400p { + min-width: 400px; + } + .xxl\:maxw-400p, .xxl\:maxw400p { + max-width: 400px; + } + .xxl\:w-350p, .xxl\:w350p { + width: 350px; + } + .xxl\:minw-350p, .xxl\:minw350p { + min-width: 350px; + } + .xxl\:maxw-350p, .xxl\:maxw350p { + max-width: 350px; + } + .xxl\:w-300p, .xxl\:w300p { + width: 300px; + } + .xxl\:minw-300p, .xxl\:minw300p { + min-width: 300px; + } + .xxl\:maxw-300p, .xxl\:maxw300p { + max-width: 300px; + } + .xxl\:w-250p, .xxl\:w250p { + width: 250px; + } + .xxl\:minw-250p, .xxl\:minw250p { + min-width: 250px; + } + .xxl\:maxw-250p, .xxl\:maxw250p { + max-width: 250px; + } + .xxl\:w-200p, .xxl\:w200p { + width: 200px; + } + .xxl\:minw-200p, .xxl\:minw200p { + min-width: 200px; + } + .xxl\:maxw-200p, .xxl\:maxw200p { + max-width: 200px; + } + .xxl\:w-150p, .xxl\:w150p { + width: 150px; + } + .xxl\:minw-150p, .xxl\:minw150p { + min-width: 150px; + } + .xxl\:maxw-150p, .xxl\:maxw150p { + max-width: 150px; + } + .xxl\:w-140p, .xxl\:w140p { + width: 140px; + } + .xxl\:minw-140p, .xxl\:minw140p { + min-width: 140px; + } + .xxl\:maxw-140p, .xxl\:maxw140p { + max-width: 140px; + } + .xxl\:w-130p, .xxl\:w130p { + width: 130px; + } + .xxl\:minw-130p, .xxl\:minw130p { + min-width: 130px; + } + .xxl\:maxw-130p, .xxl\:maxw130p { + max-width: 130px; + } + .xxl\:w-120p, .xxl\:w120p { + width: 120px; + } + .xxl\:minw-120p, .xxl\:minw120p { + min-width: 120px; + } + .xxl\:maxw-120p, .xxl\:maxw120p { + max-width: 120px; + } + .xxl\:w-110p, .xxl\:w110p { + width: 110px; + } + .xxl\:minw-110p, .xxl\:minw110p { + min-width: 110px; + } + .xxl\:maxw-110p, .xxl\:maxw110p { + max-width: 110px; + } + .xxl\:w-100p, .xxl\:w100p { + width: 100px; + } + .xxl\:minw-100p, .xxl\:minw100p { + min-width: 100px; + } + .xxl\:maxw-100p, .xxl\:maxw100p { + max-width: 100px; + } + .xxl\:w-90p, .xxl\:w90p { + width: 90px; + } + .xxl\:minw-90p, .xxl\:minw90p { + min-width: 90px; + } + .xxl\:maxw-90p, .xxl\:maxw90p { + max-width: 90px; + } + .xxl\:w-80p, .xxl\:w80p { + width: 80px; + } + .xxl\:minw-80p, .xxl\:minw80p { + min-width: 80px; + } + .xxl\:maxw-80p, .xxl\:maxw80p { + max-width: 80px; + } + .xxl\:w-70p, .xxl\:w70p { + width: 70px; + } + .xxl\:minw-70p, .xxl\:minw70p { + min-width: 70px; + } + .xxl\:maxw-70p, .xxl\:maxw70p { + max-width: 70px; + } + .xxl\:w-60p, .xxl\:w60p { + width: 60px; + } + .xxl\:minw-60p, .xxl\:minw60p { + min-width: 60px; + } + .xxl\:maxw-60p, .xxl\:maxw60p { + max-width: 60px; + } + .xxl\:w-50p, .xxl\:w50p { + width: 50px; + } + .xxl\:minw-50p, .xxl\:minw50p { + min-width: 50px; + } + .xxl\:maxw-50p, .xxl\:maxw50p { + max-width: 50px; + } + .xxl\:w-40p, .xxl\:w40p { + width: 40px; + } + .xxl\:minw-40p, .xxl\:minw40p { + min-width: 40px; + } + .xxl\:maxw-40p, .xxl\:maxw40p { + max-width: 40px; + } + .xxl\:w-30p, .xxl\:w30p { + width: 30px; + } + .xxl\:minw-30p, .xxl\:minw30p { + min-width: 30px; + } + .xxl\:maxw-30p, .xxl\:maxw30p { + max-width: 30px; + } + .xxl\:w-20p, .xxl\:w20p { + width: 20px; + } + .xxl\:minw-20p, .xxl\:minw20p { + min-width: 20px; + } + .xxl\:maxw-20p, .xxl\:maxw20p { + max-width: 20px; + } + .xxl\:w-10p, .xxl\:w10p { + width: 10px; + } + .xxl\:minw-10p, .xxl\:minw10p { + min-width: 10px; + } + .xxl\:maxw-10p, .xxl\:maxw10p { + max-width: 10px; + } + .xxl\:w-33, .xxl\:w33 { + width: calc(100% / 3); + } + .xxl\:minw-33, .xxl\:minw33 { + min-width: calc(100% / 3); + } + .xxl\:w-66, .xxl\:w66 { + width: calc(100% / 3 * 2); + } + .xxl\:minw-66, .xxl\:minw66 { + min-width: calc(100% / 3 * 2); + } + .xxl\:w-100vw, .xxl\:w100vw { + width: 100vw; + } + .xxl\:minw-100vw, .xxl\:minw100vw { + min-width: 100vw; + } + .xxl\:w-auto, .xxl\:wauto { + width: auto; + } + .xxl\:w220p, .xxl\:w-220p { + width: 220px; + } + .xxl\:minw220p, .xxl\:minw-220p { + min-width: 220px; + } + .xxl\:maxw220p, .xxl\:maxw-220p { + max-width: 220px; + } + .xxl\:w740p, .xxl\:w-740p { + width: 740px; + } + .xxl\:minw740p, .xxl\:minw-740p { + min-width: 740px; + } + .xxl\:maxw740p, .xxl\:maxw-740p { + max-width: 740px; + } + .xxl\:w960p, .xxl\:w-960p { + width: 960px; + } + .xxl\:minw960p, .xxl\:minw-960p { + min-width: 960px; + } + .xxl\:maxw960p, .xxl\:maxw-960p { + max-width: 960px; + } + .xxl\:w1140p, .xxl\:w-1140p { + width: 1140px; + } + .xxl\:minw1140p, .xxl\:minw-1140p { + min-width: 1140px; + } + .xxl\:maxw1140p, .xxl\:maxw-1140p { + max-width: 1140px; + } + .xxl\:w1440p, .xxl\:w-1440p { + width: 1440px; + } + .xxl\:minw1440p, .xxl\:minw-1440p { + min-width: 1440px; + } + .xxl\:maxw1440p, .xxl\:maxw-1440p { + max-width: 1440px; + } + .xxl\:wlecture, .xxl\:w-lecture { + width: var(--largeur-lecture); + } + .xxl\:minwlecture, .xxl\:minw-lecture { + min-width: var(--largeur-lecture); + } + .xxl\:maxwlecture, .xxl\:maxw-lecture { + max-width: var(--largeur-lecture); + } + .xxl\:wchapo, .xxl\:w-chapo { + width: var(--largeur-chapo); + } + .xxl\:minwchapo, .xxl\:minw-chapo { + min-width: var(--largeur-chapo); + } + .xxl\:maxwchapo, .xxl\:maxw-chapo { + max-width: var(--largeur-chapo); + } +} +/* Height Helpers */ +/* ------------- */ +/* blocks heights (rem and pixels) */ +.h-100p, .h100p { + height: 100px; +} +.h-100pc { + height: 100%; +} +.minh-100p, .minh100p { + min-height: 100px; +} +.minh-100pc { + min-height: 100%; +} +.maxh-100p, .maxh100p { + max-height: 100px; +} +.maxh-100pc { + max-height: 100%; +} +.h-95p, .h95p { + height: 95px; +} +.h-95pc { + height: 95%; +} +.minh-95p, .minh95p { + min-height: 95px; +} +.minh-95pc { + min-height: 95%; +} +.maxh-95p, .maxh95p { + max-height: 95px; +} +.maxh-95pc { + max-height: 95%; +} +.h-90p, .h90p { + height: 90px; +} +.h-90pc { + height: 90%; +} +.minh-90p, .minh90p { + min-height: 90px; +} +.minh-90pc { + min-height: 90%; +} +.maxh-90p, .maxh90p { + max-height: 90px; +} +.maxh-90pc { + max-height: 90%; +} +.h-85p, .h85p { + height: 85px; +} +.h-85pc { + height: 85%; +} +.minh-85p, .minh85p { + min-height: 85px; +} +.minh-85pc { + min-height: 85%; +} +.maxh-85p, .maxh85p { + max-height: 85px; +} +.maxh-85pc { + max-height: 85%; +} +.h-80p, .h80p { + height: 80px; +} +.h-80pc { + height: 80%; +} +.minh-80p, .minh80p { + min-height: 80px; +} +.minh-80pc { + min-height: 80%; +} +.maxh-80p, .maxh80p { + max-height: 80px; +} +.maxh-80pc { + max-height: 80%; +} +.h-75p, .h75p { + height: 75px; +} +.h-75pc { + height: 75%; +} +.minh-75p, .minh75p { + min-height: 75px; +} +.minh-75pc { + min-height: 75%; +} +.maxh-75p, .maxh75p { + max-height: 75px; +} +.maxh-75pc { + max-height: 75%; +} +.h-70p, .h70p { + height: 70px; +} +.h-70pc { + height: 70%; +} +.minh-70p, .minh70p { + min-height: 70px; +} +.minh-70pc { + min-height: 70%; +} +.maxh-70p, .maxh70p { + max-height: 70px; +} +.maxh-70pc { + max-height: 70%; +} +.h-65p, .h65p { + height: 65px; +} +.h-65pc { + height: 65%; +} +.minh-65p, .minh65p { + min-height: 65px; +} +.minh-65pc { + min-height: 65%; +} +.maxh-65p, .maxh65p { + max-height: 65px; +} +.maxh-65pc { + max-height: 65%; +} +.h-60p, .h60p { + height: 60px; +} +.h-60pc { + height: 60%; +} +.minh-60p, .minh60p { + min-height: 60px; +} +.minh-60pc { + min-height: 60%; +} +.maxh-60p, .maxh60p { + max-height: 60px; +} +.maxh-60pc { + max-height: 60%; +} +.h-55p, .h55p { + height: 55px; +} +.h-55pc { + height: 55%; +} +.minh-55p, .minh55p { + min-height: 55px; +} +.minh-55pc { + min-height: 55%; +} +.maxh-55p, .maxh55p { + max-height: 55px; +} +.maxh-55pc { + max-height: 55%; +} +.h-50p, .h50p { + height: 50px; +} +.h-50pc { + height: 50%; +} +.minh-50p, .minh50p { + min-height: 50px; +} +.minh-50pc { + min-height: 50%; +} +.maxh-50p, .maxh50p { + max-height: 50px; +} +.maxh-50pc { + max-height: 50%; +} +.h-45p, .h45p { + height: 45px; +} +.h-45pc { + height: 45%; +} +.minh-45p, .minh45p { + min-height: 45px; +} +.minh-45pc { + min-height: 45%; +} +.maxh-45p, .maxh45p { + max-height: 45px; +} +.maxh-45pc { + max-height: 45%; +} +.h-40p, .h40p { + height: 40px; +} +.h-40pc { + height: 40%; +} +.minh-40p, .minh40p { + min-height: 40px; +} +.minh-40pc { + min-height: 40%; +} +.maxh-40p, .maxh40p { + max-height: 40px; +} +.maxh-40pc { + max-height: 40%; +} +.h-35p, .h35p { + height: 35px; +} +.h-35pc { + height: 35%; +} +.minh-35p, .minh35p { + min-height: 35px; +} +.minh-35pc { + min-height: 35%; +} +.maxh-35p, .maxh35p { + max-height: 35px; +} +.maxh-35pc { + max-height: 35%; +} +.h-30p, .h30p { + height: 30px; +} +.h-30pc { + height: 30%; +} +.minh-30p, .minh30p { + min-height: 30px; +} +.minh-30pc { + min-height: 30%; +} +.maxh-30p, .maxh30p { + max-height: 30px; +} +.maxh-30pc { + max-height: 30%; +} +.h-25p, .h25p { + height: 25px; +} +.h-25pc { + height: 25%; +} +.minh-25p, .minh25p { + min-height: 25px; +} +.minh-25pc { + min-height: 25%; +} +.maxh-25p, .maxh25p { + max-height: 25px; +} +.maxh-25pc { + max-height: 25%; +} +.h-20p, .h20p { + height: 20px; +} +.h-20pc { + height: 20%; +} +.minh-20p, .minh20p { + min-height: 20px; +} +.minh-20pc { + min-height: 20%; +} +.maxh-20p, .maxh20p { + max-height: 20px; +} +.maxh-20pc { + max-height: 20%; +} +.h-15p, .h15p { + height: 15px; +} +.h-15pc { + height: 15%; +} +.minh-15p, .minh15p { + min-height: 15px; +} +.minh-15pc { + min-height: 15%; +} +.maxh-15p, .maxh15p { + max-height: 15px; +} +.maxh-15pc { + max-height: 15%; +} +.h-10p, .h10p { + height: 10px; +} +.h-10pc { + height: 10%; +} +.minh-10p, .minh10p { + min-height: 10px; +} +.minh-10pc { + min-height: 10%; +} +.maxh-10p, .maxh10p { + max-height: 10px; +} +.maxh-10pc { + max-height: 10%; +} +.h-5p, .h5p { + height: 5px; +} +.h-5pc { + height: 5%; +} +.minh-5p, .minh5p { + min-height: 5px; +} +.minh-5pc { + min-height: 5%; +} +.maxh-5p, .maxh5p { + max-height: 5px; +} +.maxh-5pc { + max-height: 5%; +} +.h-1000p, .h1000p { + height: 1000px; +} +.minh-1000p, .minh1000p { + min-height: 1000px; +} +.maxh-1000p, .maxh1000p { + max-height: 1000px; +} +.h-950p, .h950p { + height: 950px; +} +.minh-950p, .minh950p { + min-height: 950px; +} +.maxh-950p, .maxh950p { + max-height: 950px; +} +.h-900p, .h900p { + height: 900px; +} +.minh-900p, .minh900p { + min-height: 900px; +} +.maxh-900p, .maxh900p { + max-height: 900px; +} +.h-850p, .h850p { + height: 850px; +} +.minh-850p, .minh850p { + min-height: 850px; +} +.maxh-850p, .maxh850p { + max-height: 850px; +} +.h-800p, .h800p { + height: 800px; +} +.minh-800p, .minh800p { + min-height: 800px; +} +.maxh-800p, .maxh800p { + max-height: 800px; +} +.h-750p, .h750p { + height: 750px; +} +.minh-750p, .minh750p { + min-height: 750px; +} +.maxh-750p, .maxh750p { + max-height: 750px; +} +.h-700p, .h700p { + height: 700px; +} +.minh-700p, .minh700p { + min-height: 700px; +} +.maxh-700p, .maxh700p { + max-height: 700px; +} +.h-650p, .h650p { + height: 650px; +} +.minh-650p, .minh650p { + min-height: 650px; +} +.maxh-650p, .maxh650p { + max-height: 650px; +} +.h-600p, .h600p { + height: 600px; +} +.minh-600p, .minh600p { + min-height: 600px; +} +.maxh-600p, .maxh600p { + max-height: 600px; +} +.h-550p, .h550p { + height: 550px; +} +.minh-550p, .minh550p { + min-height: 550px; +} +.maxh-550p, .maxh550p { + max-height: 550px; +} +.h-500p, .h500p { + height: 500px; +} +.minh-500p, .minh500p { + min-height: 500px; +} +.maxh-500p, .maxh500p { + max-height: 500px; +} +.h-450p, .h450p { + height: 450px; +} +.minh-450p, .minh450p { + min-height: 450px; +} +.maxh-450p, .maxh450p { + max-height: 450px; +} +.h-400p, .h400p { + height: 400px; +} +.minh-400p, .minh400p { + min-height: 400px; +} +.maxh-400p, .maxh400p { + max-height: 400px; +} +.h-350p, .h350p { + height: 350px; +} +.minh-350p, .minh350p { + min-height: 350px; +} +.maxh-350p, .maxh350p { + max-height: 350px; +} +.h-300p, .h300p { + height: 300px; +} +.minh-300p, .minh300p { + min-height: 300px; +} +.maxh-300p, .maxh300p { + max-height: 300px; +} +.h-250p, .h250p { + height: 250px; +} +.minh-250p, .minh250p { + min-height: 250px; +} +.maxh-250p, .maxh250p { + max-height: 250px; +} +.h-200p, .h200p { + height: 200px; +} +.minh-200p, .minh200p { + min-height: 200px; +} +.maxh-200p, .maxh200p { + max-height: 200px; +} +.h-150p, .h150p { + height: 150px; +} +.minh-150p, .minh150p { + min-height: 150px; +} +.maxh-150p, .maxh150p { + max-height: 150px; +} +.h-auto, .hauto { + height: auto; +} +@media (min-width: 400px) { + .xs\:h-100p, .xs\:h100p { + height: 100px; + } + .xs\:h-100pc { + height: 100%; + } + .xs\:minh-100p, .xs\:minh100p { + min-height: 100px; + } + .xs\:minh-100pc { + min-height: 100%; + } + .xs\:maxh-100p, .xs\:maxh100p { + max-height: 100px; + } + .xs\:maxh-100pc { + max-height: 100%; + } + .xs\:h-95p, .xs\:h95p { + height: 95px; + } + .xs\:h-95pc { + height: 95%; + } + .xs\:minh-95p, .xs\:minh95p { + min-height: 95px; + } + .xs\:minh-95pc { + min-height: 95%; + } + .xs\:maxh-95p, .xs\:maxh95p { + max-height: 95px; + } + .xs\:maxh-95pc { + max-height: 95%; + } + .xs\:h-90p, .xs\:h90p { + height: 90px; + } + .xs\:h-90pc { + height: 90%; + } + .xs\:minh-90p, .xs\:minh90p { + min-height: 90px; + } + .xs\:minh-90pc { + min-height: 90%; + } + .xs\:maxh-90p, .xs\:maxh90p { + max-height: 90px; + } + .xs\:maxh-90pc { + max-height: 90%; + } + .xs\:h-85p, .xs\:h85p { + height: 85px; + } + .xs\:h-85pc { + height: 85%; + } + .xs\:minh-85p, .xs\:minh85p { + min-height: 85px; + } + .xs\:minh-85pc { + min-height: 85%; + } + .xs\:maxh-85p, .xs\:maxh85p { + max-height: 85px; + } + .xs\:maxh-85pc { + max-height: 85%; + } + .xs\:h-80p, .xs\:h80p { + height: 80px; + } + .xs\:h-80pc { + height: 80%; + } + .xs\:minh-80p, .xs\:minh80p { + min-height: 80px; + } + .xs\:minh-80pc { + min-height: 80%; + } + .xs\:maxh-80p, .xs\:maxh80p { + max-height: 80px; + } + .xs\:maxh-80pc { + max-height: 80%; + } + .xs\:h-75p, .xs\:h75p { + height: 75px; + } + .xs\:h-75pc { + height: 75%; + } + .xs\:minh-75p, .xs\:minh75p { + min-height: 75px; + } + .xs\:minh-75pc { + min-height: 75%; + } + .xs\:maxh-75p, .xs\:maxh75p { + max-height: 75px; + } + .xs\:maxh-75pc { + max-height: 75%; + } + .xs\:h-70p, .xs\:h70p { + height: 70px; + } + .xs\:h-70pc { + height: 70%; + } + .xs\:minh-70p, .xs\:minh70p { + min-height: 70px; + } + .xs\:minh-70pc { + min-height: 70%; + } + .xs\:maxh-70p, .xs\:maxh70p { + max-height: 70px; + } + .xs\:maxh-70pc { + max-height: 70%; + } + .xs\:h-65p, .xs\:h65p { + height: 65px; + } + .xs\:h-65pc { + height: 65%; + } + .xs\:minh-65p, .xs\:minh65p { + min-height: 65px; + } + .xs\:minh-65pc { + min-height: 65%; + } + .xs\:maxh-65p, .xs\:maxh65p { + max-height: 65px; + } + .xs\:maxh-65pc { + max-height: 65%; + } + .xs\:h-60p, .xs\:h60p { + height: 60px; + } + .xs\:h-60pc { + height: 60%; + } + .xs\:minh-60p, .xs\:minh60p { + min-height: 60px; + } + .xs\:minh-60pc { + min-height: 60%; + } + .xs\:maxh-60p, .xs\:maxh60p { + max-height: 60px; + } + .xs\:maxh-60pc { + max-height: 60%; + } + .xs\:h-55p, .xs\:h55p { + height: 55px; + } + .xs\:h-55pc { + height: 55%; + } + .xs\:minh-55p, .xs\:minh55p { + min-height: 55px; + } + .xs\:minh-55pc { + min-height: 55%; + } + .xs\:maxh-55p, .xs\:maxh55p { + max-height: 55px; + } + .xs\:maxh-55pc { + max-height: 55%; + } + .xs\:h-50p, .xs\:h50p { + height: 50px; + } + .xs\:h-50pc { + height: 50%; + } + .xs\:minh-50p, .xs\:minh50p { + min-height: 50px; + } + .xs\:minh-50pc { + min-height: 50%; + } + .xs\:maxh-50p, .xs\:maxh50p { + max-height: 50px; + } + .xs\:maxh-50pc { + max-height: 50%; + } + .xs\:h-45p, .xs\:h45p { + height: 45px; + } + .xs\:h-45pc { + height: 45%; + } + .xs\:minh-45p, .xs\:minh45p { + min-height: 45px; + } + .xs\:minh-45pc { + min-height: 45%; + } + .xs\:maxh-45p, .xs\:maxh45p { + max-height: 45px; + } + .xs\:maxh-45pc { + max-height: 45%; + } + .xs\:h-40p, .xs\:h40p { + height: 40px; + } + .xs\:h-40pc { + height: 40%; + } + .xs\:minh-40p, .xs\:minh40p { + min-height: 40px; + } + .xs\:minh-40pc { + min-height: 40%; + } + .xs\:maxh-40p, .xs\:maxh40p { + max-height: 40px; + } + .xs\:maxh-40pc { + max-height: 40%; + } + .xs\:h-35p, .xs\:h35p { + height: 35px; + } + .xs\:h-35pc { + height: 35%; + } + .xs\:minh-35p, .xs\:minh35p { + min-height: 35px; + } + .xs\:minh-35pc { + min-height: 35%; + } + .xs\:maxh-35p, .xs\:maxh35p { + max-height: 35px; + } + .xs\:maxh-35pc { + max-height: 35%; + } + .xs\:h-30p, .xs\:h30p { + height: 30px; + } + .xs\:h-30pc { + height: 30%; + } + .xs\:minh-30p, .xs\:minh30p { + min-height: 30px; + } + .xs\:minh-30pc { + min-height: 30%; + } + .xs\:maxh-30p, .xs\:maxh30p { + max-height: 30px; + } + .xs\:maxh-30pc { + max-height: 30%; + } + .xs\:h-25p, .xs\:h25p { + height: 25px; + } + .xs\:h-25pc { + height: 25%; + } + .xs\:minh-25p, .xs\:minh25p { + min-height: 25px; + } + .xs\:minh-25pc { + min-height: 25%; + } + .xs\:maxh-25p, .xs\:maxh25p { + max-height: 25px; + } + .xs\:maxh-25pc { + max-height: 25%; + } + .xs\:h-20p, .xs\:h20p { + height: 20px; + } + .xs\:h-20pc { + height: 20%; + } + .xs\:minh-20p, .xs\:minh20p { + min-height: 20px; + } + .xs\:minh-20pc { + min-height: 20%; + } + .xs\:maxh-20p, .xs\:maxh20p { + max-height: 20px; + } + .xs\:maxh-20pc { + max-height: 20%; + } + .xs\:h-15p, .xs\:h15p { + height: 15px; + } + .xs\:h-15pc { + height: 15%; + } + .xs\:minh-15p, .xs\:minh15p { + min-height: 15px; + } + .xs\:minh-15pc { + min-height: 15%; + } + .xs\:maxh-15p, .xs\:maxh15p { + max-height: 15px; + } + .xs\:maxh-15pc { + max-height: 15%; + } + .xs\:h-10p, .xs\:h10p { + height: 10px; + } + .xs\:h-10pc { + height: 10%; + } + .xs\:minh-10p, .xs\:minh10p { + min-height: 10px; + } + .xs\:minh-10pc { + min-height: 10%; + } + .xs\:maxh-10p, .xs\:maxh10p { + max-height: 10px; + } + .xs\:maxh-10pc { + max-height: 10%; + } + .xs\:h-5p, .xs\:h5p { + height: 5px; + } + .xs\:h-5pc { + height: 5%; + } + .xs\:minh-5p, .xs\:minh5p { + min-height: 5px; + } + .xs\:minh-5pc { + min-height: 5%; + } + .xs\:maxh-5p, .xs\:maxh5p { + max-height: 5px; + } + .xs\:maxh-5pc { + max-height: 5%; + } + .xs\:h-1000p, .xs\:h1000p { + height: 1000px; + } + .xs\:minh-1000p, .xs\:minh1000p { + min-height: 1000px; + } + .xs\:maxh-1000p, .xs\:maxh1000p { + max-height: 1000px; + } + .xs\:h-950p, .xs\:h950p { + height: 950px; + } + .xs\:minh-950p, .xs\:minh950p { + min-height: 950px; + } + .xs\:maxh-950p, .xs\:maxh950p { + max-height: 950px; + } + .xs\:h-900p, .xs\:h900p { + height: 900px; + } + .xs\:minh-900p, .xs\:minh900p { + min-height: 900px; + } + .xs\:maxh-900p, .xs\:maxh900p { + max-height: 900px; + } + .xs\:h-850p, .xs\:h850p { + height: 850px; + } + .xs\:minh-850p, .xs\:minh850p { + min-height: 850px; + } + .xs\:maxh-850p, .xs\:maxh850p { + max-height: 850px; + } + .xs\:h-800p, .xs\:h800p { + height: 800px; + } + .xs\:minh-800p, .xs\:minh800p { + min-height: 800px; + } + .xs\:maxh-800p, .xs\:maxh800p { + max-height: 800px; + } + .xs\:h-750p, .xs\:h750p { + height: 750px; + } + .xs\:minh-750p, .xs\:minh750p { + min-height: 750px; + } + .xs\:maxh-750p, .xs\:maxh750p { + max-height: 750px; + } + .xs\:h-700p, .xs\:h700p { + height: 700px; + } + .xs\:minh-700p, .xs\:minh700p { + min-height: 700px; + } + .xs\:maxh-700p, .xs\:maxh700p { + max-height: 700px; + } + .xs\:h-650p, .xs\:h650p { + height: 650px; + } + .xs\:minh-650p, .xs\:minh650p { + min-height: 650px; + } + .xs\:maxh-650p, .xs\:maxh650p { + max-height: 650px; + } + .xs\:h-600p, .xs\:h600p { + height: 600px; + } + .xs\:minh-600p, .xs\:minh600p { + min-height: 600px; + } + .xs\:maxh-600p, .xs\:maxh600p { + max-height: 600px; + } + .xs\:h-550p, .xs\:h550p { + height: 550px; + } + .xs\:minh-550p, .xs\:minh550p { + min-height: 550px; + } + .xs\:maxh-550p, .xs\:maxh550p { + max-height: 550px; + } + .xs\:h-500p, .xs\:h500p { + height: 500px; + } + .xs\:minh-500p, .xs\:minh500p { + min-height: 500px; + } + .xs\:maxh-500p, .xs\:maxh500p { + max-height: 500px; + } + .xs\:h-450p, .xs\:h450p { + height: 450px; + } + .xs\:minh-450p, .xs\:minh450p { + min-height: 450px; + } + .xs\:maxh-450p, .xs\:maxh450p { + max-height: 450px; + } + .xs\:h-400p, .xs\:h400p { + height: 400px; + } + .xs\:minh-400p, .xs\:minh400p { + min-height: 400px; + } + .xs\:maxh-400p, .xs\:maxh400p { + max-height: 400px; + } + .xs\:h-350p, .xs\:h350p { + height: 350px; + } + .xs\:minh-350p, .xs\:minh350p { + min-height: 350px; + } + .xs\:maxh-350p, .xs\:maxh350p { + max-height: 350px; + } + .xs\:h-300p, .xs\:h300p { + height: 300px; + } + .xs\:minh-300p, .xs\:minh300p { + min-height: 300px; + } + .xs\:maxh-300p, .xs\:maxh300p { + max-height: 300px; + } + .xs\:h-250p, .xs\:h250p { + height: 250px; + } + .xs\:minh-250p, .xs\:minh250p { + min-height: 250px; + } + .xs\:maxh-250p, .xs\:maxh250p { + max-height: 250px; + } + .xs\:h-200p, .xs\:h200p { + height: 200px; + } + .xs\:minh-200p, .xs\:minh200p { + min-height: 200px; + } + .xs\:maxh-200p, .xs\:maxh200p { + max-height: 200px; + } + .xs\:h-150p, .xs\:h150p { + height: 150px; + } + .xs\:minh-150p, .xs\:minh150p { + min-height: 150px; + } + .xs\:maxh-150p, .xs\:maxh150p { + max-height: 150px; + } + .xs\:h-auto, .xs\:hauto { + height: auto; + } +} +@media (min-width: 576px) { + .sm\:h-100p, .sm\:h100p { + height: 100px; + } + .sm\:h-100pc { + height: 100%; + } + .sm\:minh-100p, .sm\:minh100p { + min-height: 100px; + } + .sm\:minh-100pc { + min-height: 100%; + } + .sm\:maxh-100p, .sm\:maxh100p { + max-height: 100px; + } + .sm\:maxh-100pc { + max-height: 100%; + } + .sm\:h-95p, .sm\:h95p { + height: 95px; + } + .sm\:h-95pc { + height: 95%; + } + .sm\:minh-95p, .sm\:minh95p { + min-height: 95px; + } + .sm\:minh-95pc { + min-height: 95%; + } + .sm\:maxh-95p, .sm\:maxh95p { + max-height: 95px; + } + .sm\:maxh-95pc { + max-height: 95%; + } + .sm\:h-90p, .sm\:h90p { + height: 90px; + } + .sm\:h-90pc { + height: 90%; + } + .sm\:minh-90p, .sm\:minh90p { + min-height: 90px; + } + .sm\:minh-90pc { + min-height: 90%; + } + .sm\:maxh-90p, .sm\:maxh90p { + max-height: 90px; + } + .sm\:maxh-90pc { + max-height: 90%; + } + .sm\:h-85p, .sm\:h85p { + height: 85px; + } + .sm\:h-85pc { + height: 85%; + } + .sm\:minh-85p, .sm\:minh85p { + min-height: 85px; + } + .sm\:minh-85pc { + min-height: 85%; + } + .sm\:maxh-85p, .sm\:maxh85p { + max-height: 85px; + } + .sm\:maxh-85pc { + max-height: 85%; + } + .sm\:h-80p, .sm\:h80p { + height: 80px; + } + .sm\:h-80pc { + height: 80%; + } + .sm\:minh-80p, .sm\:minh80p { + min-height: 80px; + } + .sm\:minh-80pc { + min-height: 80%; + } + .sm\:maxh-80p, .sm\:maxh80p { + max-height: 80px; + } + .sm\:maxh-80pc { + max-height: 80%; + } + .sm\:h-75p, .sm\:h75p { + height: 75px; + } + .sm\:h-75pc { + height: 75%; + } + .sm\:minh-75p, .sm\:minh75p { + min-height: 75px; + } + .sm\:minh-75pc { + min-height: 75%; + } + .sm\:maxh-75p, .sm\:maxh75p { + max-height: 75px; + } + .sm\:maxh-75pc { + max-height: 75%; + } + .sm\:h-70p, .sm\:h70p { + height: 70px; + } + .sm\:h-70pc { + height: 70%; + } + .sm\:minh-70p, .sm\:minh70p { + min-height: 70px; + } + .sm\:minh-70pc { + min-height: 70%; + } + .sm\:maxh-70p, .sm\:maxh70p { + max-height: 70px; + } + .sm\:maxh-70pc { + max-height: 70%; + } + .sm\:h-65p, .sm\:h65p { + height: 65px; + } + .sm\:h-65pc { + height: 65%; + } + .sm\:minh-65p, .sm\:minh65p { + min-height: 65px; + } + .sm\:minh-65pc { + min-height: 65%; + } + .sm\:maxh-65p, .sm\:maxh65p { + max-height: 65px; + } + .sm\:maxh-65pc { + max-height: 65%; + } + .sm\:h-60p, .sm\:h60p { + height: 60px; + } + .sm\:h-60pc { + height: 60%; + } + .sm\:minh-60p, .sm\:minh60p { + min-height: 60px; + } + .sm\:minh-60pc { + min-height: 60%; + } + .sm\:maxh-60p, .sm\:maxh60p { + max-height: 60px; + } + .sm\:maxh-60pc { + max-height: 60%; + } + .sm\:h-55p, .sm\:h55p { + height: 55px; + } + .sm\:h-55pc { + height: 55%; + } + .sm\:minh-55p, .sm\:minh55p { + min-height: 55px; + } + .sm\:minh-55pc { + min-height: 55%; + } + .sm\:maxh-55p, .sm\:maxh55p { + max-height: 55px; + } + .sm\:maxh-55pc { + max-height: 55%; + } + .sm\:h-50p, .sm\:h50p { + height: 50px; + } + .sm\:h-50pc { + height: 50%; + } + .sm\:minh-50p, .sm\:minh50p { + min-height: 50px; + } + .sm\:minh-50pc { + min-height: 50%; + } + .sm\:maxh-50p, .sm\:maxh50p { + max-height: 50px; + } + .sm\:maxh-50pc { + max-height: 50%; + } + .sm\:h-45p, .sm\:h45p { + height: 45px; + } + .sm\:h-45pc { + height: 45%; + } + .sm\:minh-45p, .sm\:minh45p { + min-height: 45px; + } + .sm\:minh-45pc { + min-height: 45%; + } + .sm\:maxh-45p, .sm\:maxh45p { + max-height: 45px; + } + .sm\:maxh-45pc { + max-height: 45%; + } + .sm\:h-40p, .sm\:h40p { + height: 40px; + } + .sm\:h-40pc { + height: 40%; + } + .sm\:minh-40p, .sm\:minh40p { + min-height: 40px; + } + .sm\:minh-40pc { + min-height: 40%; + } + .sm\:maxh-40p, .sm\:maxh40p { + max-height: 40px; + } + .sm\:maxh-40pc { + max-height: 40%; + } + .sm\:h-35p, .sm\:h35p { + height: 35px; + } + .sm\:h-35pc { + height: 35%; + } + .sm\:minh-35p, .sm\:minh35p { + min-height: 35px; + } + .sm\:minh-35pc { + min-height: 35%; + } + .sm\:maxh-35p, .sm\:maxh35p { + max-height: 35px; + } + .sm\:maxh-35pc { + max-height: 35%; + } + .sm\:h-30p, .sm\:h30p { + height: 30px; + } + .sm\:h-30pc { + height: 30%; + } + .sm\:minh-30p, .sm\:minh30p { + min-height: 30px; + } + .sm\:minh-30pc { + min-height: 30%; + } + .sm\:maxh-30p, .sm\:maxh30p { + max-height: 30px; + } + .sm\:maxh-30pc { + max-height: 30%; + } + .sm\:h-25p, .sm\:h25p { + height: 25px; + } + .sm\:h-25pc { + height: 25%; + } + .sm\:minh-25p, .sm\:minh25p { + min-height: 25px; + } + .sm\:minh-25pc { + min-height: 25%; + } + .sm\:maxh-25p, .sm\:maxh25p { + max-height: 25px; + } + .sm\:maxh-25pc { + max-height: 25%; + } + .sm\:h-20p, .sm\:h20p { + height: 20px; + } + .sm\:h-20pc { + height: 20%; + } + .sm\:minh-20p, .sm\:minh20p { + min-height: 20px; + } + .sm\:minh-20pc { + min-height: 20%; + } + .sm\:maxh-20p, .sm\:maxh20p { + max-height: 20px; + } + .sm\:maxh-20pc { + max-height: 20%; + } + .sm\:h-15p, .sm\:h15p { + height: 15px; + } + .sm\:h-15pc { + height: 15%; + } + .sm\:minh-15p, .sm\:minh15p { + min-height: 15px; + } + .sm\:minh-15pc { + min-height: 15%; + } + .sm\:maxh-15p, .sm\:maxh15p { + max-height: 15px; + } + .sm\:maxh-15pc { + max-height: 15%; + } + .sm\:h-10p, .sm\:h10p { + height: 10px; + } + .sm\:h-10pc { + height: 10%; + } + .sm\:minh-10p, .sm\:minh10p { + min-height: 10px; + } + .sm\:minh-10pc { + min-height: 10%; + } + .sm\:maxh-10p, .sm\:maxh10p { + max-height: 10px; + } + .sm\:maxh-10pc { + max-height: 10%; + } + .sm\:h-5p, .sm\:h5p { + height: 5px; + } + .sm\:h-5pc { + height: 5%; + } + .sm\:minh-5p, .sm\:minh5p { + min-height: 5px; + } + .sm\:minh-5pc { + min-height: 5%; + } + .sm\:maxh-5p, .sm\:maxh5p { + max-height: 5px; + } + .sm\:maxh-5pc { + max-height: 5%; + } + .sm\:h-1000p, .sm\:h1000p { + height: 1000px; + } + .sm\:minh-1000p, .sm\:minh1000p { + min-height: 1000px; + } + .sm\:maxh-1000p, .sm\:maxh1000p { + max-height: 1000px; + } + .sm\:h-950p, .sm\:h950p { + height: 950px; + } + .sm\:minh-950p, .sm\:minh950p { + min-height: 950px; + } + .sm\:maxh-950p, .sm\:maxh950p { + max-height: 950px; + } + .sm\:h-900p, .sm\:h900p { + height: 900px; + } + .sm\:minh-900p, .sm\:minh900p { + min-height: 900px; + } + .sm\:maxh-900p, .sm\:maxh900p { + max-height: 900px; + } + .sm\:h-850p, .sm\:h850p { + height: 850px; + } + .sm\:minh-850p, .sm\:minh850p { + min-height: 850px; + } + .sm\:maxh-850p, .sm\:maxh850p { + max-height: 850px; + } + .sm\:h-800p, .sm\:h800p { + height: 800px; + } + .sm\:minh-800p, .sm\:minh800p { + min-height: 800px; + } + .sm\:maxh-800p, .sm\:maxh800p { + max-height: 800px; + } + .sm\:h-750p, .sm\:h750p { + height: 750px; + } + .sm\:minh-750p, .sm\:minh750p { + min-height: 750px; + } + .sm\:maxh-750p, .sm\:maxh750p { + max-height: 750px; + } + .sm\:h-700p, .sm\:h700p { + height: 700px; + } + .sm\:minh-700p, .sm\:minh700p { + min-height: 700px; + } + .sm\:maxh-700p, .sm\:maxh700p { + max-height: 700px; + } + .sm\:h-650p, .sm\:h650p { + height: 650px; + } + .sm\:minh-650p, .sm\:minh650p { + min-height: 650px; + } + .sm\:maxh-650p, .sm\:maxh650p { + max-height: 650px; + } + .sm\:h-600p, .sm\:h600p { + height: 600px; + } + .sm\:minh-600p, .sm\:minh600p { + min-height: 600px; + } + .sm\:maxh-600p, .sm\:maxh600p { + max-height: 600px; + } + .sm\:h-550p, .sm\:h550p { + height: 550px; + } + .sm\:minh-550p, .sm\:minh550p { + min-height: 550px; + } + .sm\:maxh-550p, .sm\:maxh550p { + max-height: 550px; + } + .sm\:h-500p, .sm\:h500p { + height: 500px; + } + .sm\:minh-500p, .sm\:minh500p { + min-height: 500px; + } + .sm\:maxh-500p, .sm\:maxh500p { + max-height: 500px; + } + .sm\:h-450p, .sm\:h450p { + height: 450px; + } + .sm\:minh-450p, .sm\:minh450p { + min-height: 450px; + } + .sm\:maxh-450p, .sm\:maxh450p { + max-height: 450px; + } + .sm\:h-400p, .sm\:h400p { + height: 400px; + } + .sm\:minh-400p, .sm\:minh400p { + min-height: 400px; + } + .sm\:maxh-400p, .sm\:maxh400p { + max-height: 400px; + } + .sm\:h-350p, .sm\:h350p { + height: 350px; + } + .sm\:minh-350p, .sm\:minh350p { + min-height: 350px; + } + .sm\:maxh-350p, .sm\:maxh350p { + max-height: 350px; + } + .sm\:h-300p, .sm\:h300p { + height: 300px; + } + .sm\:minh-300p, .sm\:minh300p { + min-height: 300px; + } + .sm\:maxh-300p, .sm\:maxh300p { + max-height: 300px; + } + .sm\:h-250p, .sm\:h250p { + height: 250px; + } + .sm\:minh-250p, .sm\:minh250p { + min-height: 250px; + } + .sm\:maxh-250p, .sm\:maxh250p { + max-height: 250px; + } + .sm\:h-200p, .sm\:h200p { + height: 200px; + } + .sm\:minh-200p, .sm\:minh200p { + min-height: 200px; + } + .sm\:maxh-200p, .sm\:maxh200p { + max-height: 200px; + } + .sm\:h-150p, .sm\:h150p { + height: 150px; + } + .sm\:minh-150p, .sm\:minh150p { + min-height: 150px; + } + .sm\:maxh-150p, .sm\:maxh150p { + max-height: 150px; + } + .sm\:h-auto, .sm\:hauto { + height: auto; + } +} +@media (min-width: 768px) { + .md\:h-100p, .md\:h100p { + height: 100px; + } + .md\:h-100pc { + height: 100%; + } + .md\:minh-100p, .md\:minh100p { + min-height: 100px; + } + .md\:minh-100pc { + min-height: 100%; + } + .md\:maxh-100p, .md\:maxh100p { + max-height: 100px; + } + .md\:maxh-100pc { + max-height: 100%; + } + .md\:h-95p, .md\:h95p { + height: 95px; + } + .md\:h-95pc { + height: 95%; + } + .md\:minh-95p, .md\:minh95p { + min-height: 95px; + } + .md\:minh-95pc { + min-height: 95%; + } + .md\:maxh-95p, .md\:maxh95p { + max-height: 95px; + } + .md\:maxh-95pc { + max-height: 95%; + } + .md\:h-90p, .md\:h90p { + height: 90px; + } + .md\:h-90pc { + height: 90%; + } + .md\:minh-90p, .md\:minh90p { + min-height: 90px; + } + .md\:minh-90pc { + min-height: 90%; + } + .md\:maxh-90p, .md\:maxh90p { + max-height: 90px; + } + .md\:maxh-90pc { + max-height: 90%; + } + .md\:h-85p, .md\:h85p { + height: 85px; + } + .md\:h-85pc { + height: 85%; + } + .md\:minh-85p, .md\:minh85p { + min-height: 85px; + } + .md\:minh-85pc { + min-height: 85%; + } + .md\:maxh-85p, .md\:maxh85p { + max-height: 85px; + } + .md\:maxh-85pc { + max-height: 85%; + } + .md\:h-80p, .md\:h80p { + height: 80px; + } + .md\:h-80pc { + height: 80%; + } + .md\:minh-80p, .md\:minh80p { + min-height: 80px; + } + .md\:minh-80pc { + min-height: 80%; + } + .md\:maxh-80p, .md\:maxh80p { + max-height: 80px; + } + .md\:maxh-80pc { + max-height: 80%; + } + .md\:h-75p, .md\:h75p { + height: 75px; + } + .md\:h-75pc { + height: 75%; + } + .md\:minh-75p, .md\:minh75p { + min-height: 75px; + } + .md\:minh-75pc { + min-height: 75%; + } + .md\:maxh-75p, .md\:maxh75p { + max-height: 75px; + } + .md\:maxh-75pc { + max-height: 75%; + } + .md\:h-70p, .md\:h70p { + height: 70px; + } + .md\:h-70pc { + height: 70%; + } + .md\:minh-70p, .md\:minh70p { + min-height: 70px; + } + .md\:minh-70pc { + min-height: 70%; + } + .md\:maxh-70p, .md\:maxh70p { + max-height: 70px; + } + .md\:maxh-70pc { + max-height: 70%; + } + .md\:h-65p, .md\:h65p { + height: 65px; + } + .md\:h-65pc { + height: 65%; + } + .md\:minh-65p, .md\:minh65p { + min-height: 65px; + } + .md\:minh-65pc { + min-height: 65%; + } + .md\:maxh-65p, .md\:maxh65p { + max-height: 65px; + } + .md\:maxh-65pc { + max-height: 65%; + } + .md\:h-60p, .md\:h60p { + height: 60px; + } + .md\:h-60pc { + height: 60%; + } + .md\:minh-60p, .md\:minh60p { + min-height: 60px; + } + .md\:minh-60pc { + min-height: 60%; + } + .md\:maxh-60p, .md\:maxh60p { + max-height: 60px; + } + .md\:maxh-60pc { + max-height: 60%; + } + .md\:h-55p, .md\:h55p { + height: 55px; + } + .md\:h-55pc { + height: 55%; + } + .md\:minh-55p, .md\:minh55p { + min-height: 55px; + } + .md\:minh-55pc { + min-height: 55%; + } + .md\:maxh-55p, .md\:maxh55p { + max-height: 55px; + } + .md\:maxh-55pc { + max-height: 55%; + } + .md\:h-50p, .md\:h50p { + height: 50px; + } + .md\:h-50pc { + height: 50%; + } + .md\:minh-50p, .md\:minh50p { + min-height: 50px; + } + .md\:minh-50pc { + min-height: 50%; + } + .md\:maxh-50p, .md\:maxh50p { + max-height: 50px; + } + .md\:maxh-50pc { + max-height: 50%; + } + .md\:h-45p, .md\:h45p { + height: 45px; + } + .md\:h-45pc { + height: 45%; + } + .md\:minh-45p, .md\:minh45p { + min-height: 45px; + } + .md\:minh-45pc { + min-height: 45%; + } + .md\:maxh-45p, .md\:maxh45p { + max-height: 45px; + } + .md\:maxh-45pc { + max-height: 45%; + } + .md\:h-40p, .md\:h40p { + height: 40px; + } + .md\:h-40pc { + height: 40%; + } + .md\:minh-40p, .md\:minh40p { + min-height: 40px; + } + .md\:minh-40pc { + min-height: 40%; + } + .md\:maxh-40p, .md\:maxh40p { + max-height: 40px; + } + .md\:maxh-40pc { + max-height: 40%; + } + .md\:h-35p, .md\:h35p { + height: 35px; + } + .md\:h-35pc { + height: 35%; + } + .md\:minh-35p, .md\:minh35p { + min-height: 35px; + } + .md\:minh-35pc { + min-height: 35%; + } + .md\:maxh-35p, .md\:maxh35p { + max-height: 35px; + } + .md\:maxh-35pc { + max-height: 35%; + } + .md\:h-30p, .md\:h30p { + height: 30px; + } + .md\:h-30pc { + height: 30%; + } + .md\:minh-30p, .md\:minh30p { + min-height: 30px; + } + .md\:minh-30pc { + min-height: 30%; + } + .md\:maxh-30p, .md\:maxh30p { + max-height: 30px; + } + .md\:maxh-30pc { + max-height: 30%; + } + .md\:h-25p, .md\:h25p { + height: 25px; + } + .md\:h-25pc { + height: 25%; + } + .md\:minh-25p, .md\:minh25p { + min-height: 25px; + } + .md\:minh-25pc { + min-height: 25%; + } + .md\:maxh-25p, .md\:maxh25p { + max-height: 25px; + } + .md\:maxh-25pc { + max-height: 25%; + } + .md\:h-20p, .md\:h20p { + height: 20px; + } + .md\:h-20pc { + height: 20%; + } + .md\:minh-20p, .md\:minh20p { + min-height: 20px; + } + .md\:minh-20pc { + min-height: 20%; + } + .md\:maxh-20p, .md\:maxh20p { + max-height: 20px; + } + .md\:maxh-20pc { + max-height: 20%; + } + .md\:h-15p, .md\:h15p { + height: 15px; + } + .md\:h-15pc { + height: 15%; + } + .md\:minh-15p, .md\:minh15p { + min-height: 15px; + } + .md\:minh-15pc { + min-height: 15%; + } + .md\:maxh-15p, .md\:maxh15p { + max-height: 15px; + } + .md\:maxh-15pc { + max-height: 15%; + } + .md\:h-10p, .md\:h10p { + height: 10px; + } + .md\:h-10pc { + height: 10%; + } + .md\:minh-10p, .md\:minh10p { + min-height: 10px; + } + .md\:minh-10pc { + min-height: 10%; + } + .md\:maxh-10p, .md\:maxh10p { + max-height: 10px; + } + .md\:maxh-10pc { + max-height: 10%; + } + .md\:h-5p, .md\:h5p { + height: 5px; + } + .md\:h-5pc { + height: 5%; + } + .md\:minh-5p, .md\:minh5p { + min-height: 5px; + } + .md\:minh-5pc { + min-height: 5%; + } + .md\:maxh-5p, .md\:maxh5p { + max-height: 5px; + } + .md\:maxh-5pc { + max-height: 5%; + } + .md\:h-1000p, .md\:h1000p { + height: 1000px; + } + .md\:minh-1000p, .md\:minh1000p { + min-height: 1000px; + } + .md\:maxh-1000p, .md\:maxh1000p { + max-height: 1000px; + } + .md\:h-950p, .md\:h950p { + height: 950px; + } + .md\:minh-950p, .md\:minh950p { + min-height: 950px; + } + .md\:maxh-950p, .md\:maxh950p { + max-height: 950px; + } + .md\:h-900p, .md\:h900p { + height: 900px; + } + .md\:minh-900p, .md\:minh900p { + min-height: 900px; + } + .md\:maxh-900p, .md\:maxh900p { + max-height: 900px; + } + .md\:h-850p, .md\:h850p { + height: 850px; + } + .md\:minh-850p, .md\:minh850p { + min-height: 850px; + } + .md\:maxh-850p, .md\:maxh850p { + max-height: 850px; + } + .md\:h-800p, .md\:h800p { + height: 800px; + } + .md\:minh-800p, .md\:minh800p { + min-height: 800px; + } + .md\:maxh-800p, .md\:maxh800p { + max-height: 800px; + } + .md\:h-750p, .md\:h750p { + height: 750px; + } + .md\:minh-750p, .md\:minh750p { + min-height: 750px; + } + .md\:maxh-750p, .md\:maxh750p { + max-height: 750px; + } + .md\:h-700p, .md\:h700p { + height: 700px; + } + .md\:minh-700p, .md\:minh700p { + min-height: 700px; + } + .md\:maxh-700p, .md\:maxh700p { + max-height: 700px; + } + .md\:h-650p, .md\:h650p { + height: 650px; + } + .md\:minh-650p, .md\:minh650p { + min-height: 650px; + } + .md\:maxh-650p, .md\:maxh650p { + max-height: 650px; + } + .md\:h-600p, .md\:h600p { + height: 600px; + } + .md\:minh-600p, .md\:minh600p { + min-height: 600px; + } + .md\:maxh-600p, .md\:maxh600p { + max-height: 600px; + } + .md\:h-550p, .md\:h550p { + height: 550px; + } + .md\:minh-550p, .md\:minh550p { + min-height: 550px; + } + .md\:maxh-550p, .md\:maxh550p { + max-height: 550px; + } + .md\:h-500p, .md\:h500p { + height: 500px; + } + .md\:minh-500p, .md\:minh500p { + min-height: 500px; + } + .md\:maxh-500p, .md\:maxh500p { + max-height: 500px; + } + .md\:h-450p, .md\:h450p { + height: 450px; + } + .md\:minh-450p, .md\:minh450p { + min-height: 450px; + } + .md\:maxh-450p, .md\:maxh450p { + max-height: 450px; + } + .md\:h-400p, .md\:h400p { + height: 400px; + } + .md\:minh-400p, .md\:minh400p { + min-height: 400px; + } + .md\:maxh-400p, .md\:maxh400p { + max-height: 400px; + } + .md\:h-350p, .md\:h350p { + height: 350px; + } + .md\:minh-350p, .md\:minh350p { + min-height: 350px; + } + .md\:maxh-350p, .md\:maxh350p { + max-height: 350px; + } + .md\:h-300p, .md\:h300p { + height: 300px; + } + .md\:minh-300p, .md\:minh300p { + min-height: 300px; + } + .md\:maxh-300p, .md\:maxh300p { + max-height: 300px; + } + .md\:h-250p, .md\:h250p { + height: 250px; + } + .md\:minh-250p, .md\:minh250p { + min-height: 250px; + } + .md\:maxh-250p, .md\:maxh250p { + max-height: 250px; + } + .md\:h-200p, .md\:h200p { + height: 200px; + } + .md\:minh-200p, .md\:minh200p { + min-height: 200px; + } + .md\:maxh-200p, .md\:maxh200p { + max-height: 200px; + } + .md\:h-150p, .md\:h150p { + height: 150px; + } + .md\:minh-150p, .md\:minh150p { + min-height: 150px; + } + .md\:maxh-150p, .md\:maxh150p { + max-height: 150px; + } + .md\:h-auto, .md\:hauto { + height: auto; + } +} +@media (min-width: 1024px) { + .lg\:h-100p, .lg\:h100p { + height: 100px; + } + .lg\:h-100pc { + height: 100%; + } + .lg\:minh-100p, .lg\:minh100p { + min-height: 100px; + } + .lg\:minh-100pc { + min-height: 100%; + } + .lg\:maxh-100p, .lg\:maxh100p { + max-height: 100px; + } + .lg\:maxh-100pc { + max-height: 100%; + } + .lg\:h-95p, .lg\:h95p { + height: 95px; + } + .lg\:h-95pc { + height: 95%; + } + .lg\:minh-95p, .lg\:minh95p { + min-height: 95px; + } + .lg\:minh-95pc { + min-height: 95%; + } + .lg\:maxh-95p, .lg\:maxh95p { + max-height: 95px; + } + .lg\:maxh-95pc { + max-height: 95%; + } + .lg\:h-90p, .lg\:h90p { + height: 90px; + } + .lg\:h-90pc { + height: 90%; + } + .lg\:minh-90p, .lg\:minh90p { + min-height: 90px; + } + .lg\:minh-90pc { + min-height: 90%; + } + .lg\:maxh-90p, .lg\:maxh90p { + max-height: 90px; + } + .lg\:maxh-90pc { + max-height: 90%; + } + .lg\:h-85p, .lg\:h85p { + height: 85px; + } + .lg\:h-85pc { + height: 85%; + } + .lg\:minh-85p, .lg\:minh85p { + min-height: 85px; + } + .lg\:minh-85pc { + min-height: 85%; + } + .lg\:maxh-85p, .lg\:maxh85p { + max-height: 85px; + } + .lg\:maxh-85pc { + max-height: 85%; + } + .lg\:h-80p, .lg\:h80p { + height: 80px; + } + .lg\:h-80pc { + height: 80%; + } + .lg\:minh-80p, .lg\:minh80p { + min-height: 80px; + } + .lg\:minh-80pc { + min-height: 80%; + } + .lg\:maxh-80p, .lg\:maxh80p { + max-height: 80px; + } + .lg\:maxh-80pc { + max-height: 80%; + } + .lg\:h-75p, .lg\:h75p { + height: 75px; + } + .lg\:h-75pc { + height: 75%; + } + .lg\:minh-75p, .lg\:minh75p { + min-height: 75px; + } + .lg\:minh-75pc { + min-height: 75%; + } + .lg\:maxh-75p, .lg\:maxh75p { + max-height: 75px; + } + .lg\:maxh-75pc { + max-height: 75%; + } + .lg\:h-70p, .lg\:h70p { + height: 70px; + } + .lg\:h-70pc { + height: 70%; + } + .lg\:minh-70p, .lg\:minh70p { + min-height: 70px; + } + .lg\:minh-70pc { + min-height: 70%; + } + .lg\:maxh-70p, .lg\:maxh70p { + max-height: 70px; + } + .lg\:maxh-70pc { + max-height: 70%; + } + .lg\:h-65p, .lg\:h65p { + height: 65px; + } + .lg\:h-65pc { + height: 65%; + } + .lg\:minh-65p, .lg\:minh65p { + min-height: 65px; + } + .lg\:minh-65pc { + min-height: 65%; + } + .lg\:maxh-65p, .lg\:maxh65p { + max-height: 65px; + } + .lg\:maxh-65pc { + max-height: 65%; + } + .lg\:h-60p, .lg\:h60p { + height: 60px; + } + .lg\:h-60pc { + height: 60%; + } + .lg\:minh-60p, .lg\:minh60p { + min-height: 60px; + } + .lg\:minh-60pc { + min-height: 60%; + } + .lg\:maxh-60p, .lg\:maxh60p { + max-height: 60px; + } + .lg\:maxh-60pc { + max-height: 60%; + } + .lg\:h-55p, .lg\:h55p { + height: 55px; + } + .lg\:h-55pc { + height: 55%; + } + .lg\:minh-55p, .lg\:minh55p { + min-height: 55px; + } + .lg\:minh-55pc { + min-height: 55%; + } + .lg\:maxh-55p, .lg\:maxh55p { + max-height: 55px; + } + .lg\:maxh-55pc { + max-height: 55%; + } + .lg\:h-50p, .lg\:h50p { + height: 50px; + } + .lg\:h-50pc { + height: 50%; + } + .lg\:minh-50p, .lg\:minh50p { + min-height: 50px; + } + .lg\:minh-50pc { + min-height: 50%; + } + .lg\:maxh-50p, .lg\:maxh50p { + max-height: 50px; + } + .lg\:maxh-50pc { + max-height: 50%; + } + .lg\:h-45p, .lg\:h45p { + height: 45px; + } + .lg\:h-45pc { + height: 45%; + } + .lg\:minh-45p, .lg\:minh45p { + min-height: 45px; + } + .lg\:minh-45pc { + min-height: 45%; + } + .lg\:maxh-45p, .lg\:maxh45p { + max-height: 45px; + } + .lg\:maxh-45pc { + max-height: 45%; + } + .lg\:h-40p, .lg\:h40p { + height: 40px; + } + .lg\:h-40pc { + height: 40%; + } + .lg\:minh-40p, .lg\:minh40p { + min-height: 40px; + } + .lg\:minh-40pc { + min-height: 40%; + } + .lg\:maxh-40p, .lg\:maxh40p { + max-height: 40px; + } + .lg\:maxh-40pc { + max-height: 40%; + } + .lg\:h-35p, .lg\:h35p { + height: 35px; + } + .lg\:h-35pc { + height: 35%; + } + .lg\:minh-35p, .lg\:minh35p { + min-height: 35px; + } + .lg\:minh-35pc { + min-height: 35%; + } + .lg\:maxh-35p, .lg\:maxh35p { + max-height: 35px; + } + .lg\:maxh-35pc { + max-height: 35%; + } + .lg\:h-30p, .lg\:h30p { + height: 30px; + } + .lg\:h-30pc { + height: 30%; + } + .lg\:minh-30p, .lg\:minh30p { + min-height: 30px; + } + .lg\:minh-30pc { + min-height: 30%; + } + .lg\:maxh-30p, .lg\:maxh30p { + max-height: 30px; + } + .lg\:maxh-30pc { + max-height: 30%; + } + .lg\:h-25p, .lg\:h25p { + height: 25px; + } + .lg\:h-25pc { + height: 25%; + } + .lg\:minh-25p, .lg\:minh25p { + min-height: 25px; + } + .lg\:minh-25pc { + min-height: 25%; + } + .lg\:maxh-25p, .lg\:maxh25p { + max-height: 25px; + } + .lg\:maxh-25pc { + max-height: 25%; + } + .lg\:h-20p, .lg\:h20p { + height: 20px; + } + .lg\:h-20pc { + height: 20%; + } + .lg\:minh-20p, .lg\:minh20p { + min-height: 20px; + } + .lg\:minh-20pc { + min-height: 20%; + } + .lg\:maxh-20p, .lg\:maxh20p { + max-height: 20px; + } + .lg\:maxh-20pc { + max-height: 20%; + } + .lg\:h-15p, .lg\:h15p { + height: 15px; + } + .lg\:h-15pc { + height: 15%; + } + .lg\:minh-15p, .lg\:minh15p { + min-height: 15px; + } + .lg\:minh-15pc { + min-height: 15%; + } + .lg\:maxh-15p, .lg\:maxh15p { + max-height: 15px; + } + .lg\:maxh-15pc { + max-height: 15%; + } + .lg\:h-10p, .lg\:h10p { + height: 10px; + } + .lg\:h-10pc { + height: 10%; + } + .lg\:minh-10p, .lg\:minh10p { + min-height: 10px; + } + .lg\:minh-10pc { + min-height: 10%; + } + .lg\:maxh-10p, .lg\:maxh10p { + max-height: 10px; + } + .lg\:maxh-10pc { + max-height: 10%; + } + .lg\:h-5p, .lg\:h5p { + height: 5px; + } + .lg\:h-5pc { + height: 5%; + } + .lg\:minh-5p, .lg\:minh5p { + min-height: 5px; + } + .lg\:minh-5pc { + min-height: 5%; + } + .lg\:maxh-5p, .lg\:maxh5p { + max-height: 5px; + } + .lg\:maxh-5pc { + max-height: 5%; + } + .lg\:h-1000p, .lg\:h1000p { + height: 1000px; + } + .lg\:minh-1000p, .lg\:minh1000p { + min-height: 1000px; + } + .lg\:maxh-1000p, .lg\:maxh1000p { + max-height: 1000px; + } + .lg\:h-950p, .lg\:h950p { + height: 950px; + } + .lg\:minh-950p, .lg\:minh950p { + min-height: 950px; + } + .lg\:maxh-950p, .lg\:maxh950p { + max-height: 950px; + } + .lg\:h-900p, .lg\:h900p { + height: 900px; + } + .lg\:minh-900p, .lg\:minh900p { + min-height: 900px; + } + .lg\:maxh-900p, .lg\:maxh900p { + max-height: 900px; + } + .lg\:h-850p, .lg\:h850p { + height: 850px; + } + .lg\:minh-850p, .lg\:minh850p { + min-height: 850px; + } + .lg\:maxh-850p, .lg\:maxh850p { + max-height: 850px; + } + .lg\:h-800p, .lg\:h800p { + height: 800px; + } + .lg\:minh-800p, .lg\:minh800p { + min-height: 800px; + } + .lg\:maxh-800p, .lg\:maxh800p { + max-height: 800px; + } + .lg\:h-750p, .lg\:h750p { + height: 750px; + } + .lg\:minh-750p, .lg\:minh750p { + min-height: 750px; + } + .lg\:maxh-750p, .lg\:maxh750p { + max-height: 750px; + } + .lg\:h-700p, .lg\:h700p { + height: 700px; + } + .lg\:minh-700p, .lg\:minh700p { + min-height: 700px; + } + .lg\:maxh-700p, .lg\:maxh700p { + max-height: 700px; + } + .lg\:h-650p, .lg\:h650p { + height: 650px; + } + .lg\:minh-650p, .lg\:minh650p { + min-height: 650px; + } + .lg\:maxh-650p, .lg\:maxh650p { + max-height: 650px; + } + .lg\:h-600p, .lg\:h600p { + height: 600px; + } + .lg\:minh-600p, .lg\:minh600p { + min-height: 600px; + } + .lg\:maxh-600p, .lg\:maxh600p { + max-height: 600px; + } + .lg\:h-550p, .lg\:h550p { + height: 550px; + } + .lg\:minh-550p, .lg\:minh550p { + min-height: 550px; + } + .lg\:maxh-550p, .lg\:maxh550p { + max-height: 550px; + } + .lg\:h-500p, .lg\:h500p { + height: 500px; + } + .lg\:minh-500p, .lg\:minh500p { + min-height: 500px; + } + .lg\:maxh-500p, .lg\:maxh500p { + max-height: 500px; + } + .lg\:h-450p, .lg\:h450p { + height: 450px; + } + .lg\:minh-450p, .lg\:minh450p { + min-height: 450px; + } + .lg\:maxh-450p, .lg\:maxh450p { + max-height: 450px; + } + .lg\:h-400p, .lg\:h400p { + height: 400px; + } + .lg\:minh-400p, .lg\:minh400p { + min-height: 400px; + } + .lg\:maxh-400p, .lg\:maxh400p { + max-height: 400px; + } + .lg\:h-350p, .lg\:h350p { + height: 350px; + } + .lg\:minh-350p, .lg\:minh350p { + min-height: 350px; + } + .lg\:maxh-350p, .lg\:maxh350p { + max-height: 350px; + } + .lg\:h-300p, .lg\:h300p { + height: 300px; + } + .lg\:minh-300p, .lg\:minh300p { + min-height: 300px; + } + .lg\:maxh-300p, .lg\:maxh300p { + max-height: 300px; + } + .lg\:h-250p, .lg\:h250p { + height: 250px; + } + .lg\:minh-250p, .lg\:minh250p { + min-height: 250px; + } + .lg\:maxh-250p, .lg\:maxh250p { + max-height: 250px; + } + .lg\:h-200p, .lg\:h200p { + height: 200px; + } + .lg\:minh-200p, .lg\:minh200p { + min-height: 200px; + } + .lg\:maxh-200p, .lg\:maxh200p { + max-height: 200px; + } + .lg\:h-150p, .lg\:h150p { + height: 150px; + } + .lg\:minh-150p, .lg\:minh150p { + min-height: 150px; + } + .lg\:maxh-150p, .lg\:maxh150p { + max-height: 150px; + } + .lg\:h-auto, .lg\:hauto { + height: auto; + } +} +@media (min-width: 1440px) { + .xl\:h-100p, .xl\:h100p { + height: 100px; + } + .xl\:h-100pc { + height: 100%; + } + .xl\:minh-100p, .xl\:minh100p { + min-height: 100px; + } + .xl\:minh-100pc { + min-height: 100%; + } + .xl\:maxh-100p, .xl\:maxh100p { + max-height: 100px; + } + .xl\:maxh-100pc { + max-height: 100%; + } + .xl\:h-95p, .xl\:h95p { + height: 95px; + } + .xl\:h-95pc { + height: 95%; + } + .xl\:minh-95p, .xl\:minh95p { + min-height: 95px; + } + .xl\:minh-95pc { + min-height: 95%; + } + .xl\:maxh-95p, .xl\:maxh95p { + max-height: 95px; + } + .xl\:maxh-95pc { + max-height: 95%; + } + .xl\:h-90p, .xl\:h90p { + height: 90px; + } + .xl\:h-90pc { + height: 90%; + } + .xl\:minh-90p, .xl\:minh90p { + min-height: 90px; + } + .xl\:minh-90pc { + min-height: 90%; + } + .xl\:maxh-90p, .xl\:maxh90p { + max-height: 90px; + } + .xl\:maxh-90pc { + max-height: 90%; + } + .xl\:h-85p, .xl\:h85p { + height: 85px; + } + .xl\:h-85pc { + height: 85%; + } + .xl\:minh-85p, .xl\:minh85p { + min-height: 85px; + } + .xl\:minh-85pc { + min-height: 85%; + } + .xl\:maxh-85p, .xl\:maxh85p { + max-height: 85px; + } + .xl\:maxh-85pc { + max-height: 85%; + } + .xl\:h-80p, .xl\:h80p { + height: 80px; + } + .xl\:h-80pc { + height: 80%; + } + .xl\:minh-80p, .xl\:minh80p { + min-height: 80px; + } + .xl\:minh-80pc { + min-height: 80%; + } + .xl\:maxh-80p, .xl\:maxh80p { + max-height: 80px; + } + .xl\:maxh-80pc { + max-height: 80%; + } + .xl\:h-75p, .xl\:h75p { + height: 75px; + } + .xl\:h-75pc { + height: 75%; + } + .xl\:minh-75p, .xl\:minh75p { + min-height: 75px; + } + .xl\:minh-75pc { + min-height: 75%; + } + .xl\:maxh-75p, .xl\:maxh75p { + max-height: 75px; + } + .xl\:maxh-75pc { + max-height: 75%; + } + .xl\:h-70p, .xl\:h70p { + height: 70px; + } + .xl\:h-70pc { + height: 70%; + } + .xl\:minh-70p, .xl\:minh70p { + min-height: 70px; + } + .xl\:minh-70pc { + min-height: 70%; + } + .xl\:maxh-70p, .xl\:maxh70p { + max-height: 70px; + } + .xl\:maxh-70pc { + max-height: 70%; + } + .xl\:h-65p, .xl\:h65p { + height: 65px; + } + .xl\:h-65pc { + height: 65%; + } + .xl\:minh-65p, .xl\:minh65p { + min-height: 65px; + } + .xl\:minh-65pc { + min-height: 65%; + } + .xl\:maxh-65p, .xl\:maxh65p { + max-height: 65px; + } + .xl\:maxh-65pc { + max-height: 65%; + } + .xl\:h-60p, .xl\:h60p { + height: 60px; + } + .xl\:h-60pc { + height: 60%; + } + .xl\:minh-60p, .xl\:minh60p { + min-height: 60px; + } + .xl\:minh-60pc { + min-height: 60%; + } + .xl\:maxh-60p, .xl\:maxh60p { + max-height: 60px; + } + .xl\:maxh-60pc { + max-height: 60%; + } + .xl\:h-55p, .xl\:h55p { + height: 55px; + } + .xl\:h-55pc { + height: 55%; + } + .xl\:minh-55p, .xl\:minh55p { + min-height: 55px; + } + .xl\:minh-55pc { + min-height: 55%; + } + .xl\:maxh-55p, .xl\:maxh55p { + max-height: 55px; + } + .xl\:maxh-55pc { + max-height: 55%; + } + .xl\:h-50p, .xl\:h50p { + height: 50px; + } + .xl\:h-50pc { + height: 50%; + } + .xl\:minh-50p, .xl\:minh50p { + min-height: 50px; + } + .xl\:minh-50pc { + min-height: 50%; + } + .xl\:maxh-50p, .xl\:maxh50p { + max-height: 50px; + } + .xl\:maxh-50pc { + max-height: 50%; + } + .xl\:h-45p, .xl\:h45p { + height: 45px; + } + .xl\:h-45pc { + height: 45%; + } + .xl\:minh-45p, .xl\:minh45p { + min-height: 45px; + } + .xl\:minh-45pc { + min-height: 45%; + } + .xl\:maxh-45p, .xl\:maxh45p { + max-height: 45px; + } + .xl\:maxh-45pc { + max-height: 45%; + } + .xl\:h-40p, .xl\:h40p { + height: 40px; + } + .xl\:h-40pc { + height: 40%; + } + .xl\:minh-40p, .xl\:minh40p { + min-height: 40px; + } + .xl\:minh-40pc { + min-height: 40%; + } + .xl\:maxh-40p, .xl\:maxh40p { + max-height: 40px; + } + .xl\:maxh-40pc { + max-height: 40%; + } + .xl\:h-35p, .xl\:h35p { + height: 35px; + } + .xl\:h-35pc { + height: 35%; + } + .xl\:minh-35p, .xl\:minh35p { + min-height: 35px; + } + .xl\:minh-35pc { + min-height: 35%; + } + .xl\:maxh-35p, .xl\:maxh35p { + max-height: 35px; + } + .xl\:maxh-35pc { + max-height: 35%; + } + .xl\:h-30p, .xl\:h30p { + height: 30px; + } + .xl\:h-30pc { + height: 30%; + } + .xl\:minh-30p, .xl\:minh30p { + min-height: 30px; + } + .xl\:minh-30pc { + min-height: 30%; + } + .xl\:maxh-30p, .xl\:maxh30p { + max-height: 30px; + } + .xl\:maxh-30pc { + max-height: 30%; + } + .xl\:h-25p, .xl\:h25p { + height: 25px; + } + .xl\:h-25pc { + height: 25%; + } + .xl\:minh-25p, .xl\:minh25p { + min-height: 25px; + } + .xl\:minh-25pc { + min-height: 25%; + } + .xl\:maxh-25p, .xl\:maxh25p { + max-height: 25px; + } + .xl\:maxh-25pc { + max-height: 25%; + } + .xl\:h-20p, .xl\:h20p { + height: 20px; + } + .xl\:h-20pc { + height: 20%; + } + .xl\:minh-20p, .xl\:minh20p { + min-height: 20px; + } + .xl\:minh-20pc { + min-height: 20%; + } + .xl\:maxh-20p, .xl\:maxh20p { + max-height: 20px; + } + .xl\:maxh-20pc { + max-height: 20%; + } + .xl\:h-15p, .xl\:h15p { + height: 15px; + } + .xl\:h-15pc { + height: 15%; + } + .xl\:minh-15p, .xl\:minh15p { + min-height: 15px; + } + .xl\:minh-15pc { + min-height: 15%; + } + .xl\:maxh-15p, .xl\:maxh15p { + max-height: 15px; + } + .xl\:maxh-15pc { + max-height: 15%; + } + .xl\:h-10p, .xl\:h10p { + height: 10px; + } + .xl\:h-10pc { + height: 10%; + } + .xl\:minh-10p, .xl\:minh10p { + min-height: 10px; + } + .xl\:minh-10pc { + min-height: 10%; + } + .xl\:maxh-10p, .xl\:maxh10p { + max-height: 10px; + } + .xl\:maxh-10pc { + max-height: 10%; + } + .xl\:h-5p, .xl\:h5p { + height: 5px; + } + .xl\:h-5pc { + height: 5%; + } + .xl\:minh-5p, .xl\:minh5p { + min-height: 5px; + } + .xl\:minh-5pc { + min-height: 5%; + } + .xl\:maxh-5p, .xl\:maxh5p { + max-height: 5px; + } + .xl\:maxh-5pc { + max-height: 5%; + } + .xl\:h-1000p, .xl\:h1000p { + height: 1000px; + } + .xl\:minh-1000p, .xl\:minh1000p { + min-height: 1000px; + } + .xl\:maxh-1000p, .xl\:maxh1000p { + max-height: 1000px; + } + .xl\:h-950p, .xl\:h950p { + height: 950px; + } + .xl\:minh-950p, .xl\:minh950p { + min-height: 950px; + } + .xl\:maxh-950p, .xl\:maxh950p { + max-height: 950px; + } + .xl\:h-900p, .xl\:h900p { + height: 900px; + } + .xl\:minh-900p, .xl\:minh900p { + min-height: 900px; + } + .xl\:maxh-900p, .xl\:maxh900p { + max-height: 900px; + } + .xl\:h-850p, .xl\:h850p { + height: 850px; + } + .xl\:minh-850p, .xl\:minh850p { + min-height: 850px; + } + .xl\:maxh-850p, .xl\:maxh850p { + max-height: 850px; + } + .xl\:h-800p, .xl\:h800p { + height: 800px; + } + .xl\:minh-800p, .xl\:minh800p { + min-height: 800px; + } + .xl\:maxh-800p, .xl\:maxh800p { + max-height: 800px; + } + .xl\:h-750p, .xl\:h750p { + height: 750px; + } + .xl\:minh-750p, .xl\:minh750p { + min-height: 750px; + } + .xl\:maxh-750p, .xl\:maxh750p { + max-height: 750px; + } + .xl\:h-700p, .xl\:h700p { + height: 700px; + } + .xl\:minh-700p, .xl\:minh700p { + min-height: 700px; + } + .xl\:maxh-700p, .xl\:maxh700p { + max-height: 700px; + } + .xl\:h-650p, .xl\:h650p { + height: 650px; + } + .xl\:minh-650p, .xl\:minh650p { + min-height: 650px; + } + .xl\:maxh-650p, .xl\:maxh650p { + max-height: 650px; + } + .xl\:h-600p, .xl\:h600p { + height: 600px; + } + .xl\:minh-600p, .xl\:minh600p { + min-height: 600px; + } + .xl\:maxh-600p, .xl\:maxh600p { + max-height: 600px; + } + .xl\:h-550p, .xl\:h550p { + height: 550px; + } + .xl\:minh-550p, .xl\:minh550p { + min-height: 550px; + } + .xl\:maxh-550p, .xl\:maxh550p { + max-height: 550px; + } + .xl\:h-500p, .xl\:h500p { + height: 500px; + } + .xl\:minh-500p, .xl\:minh500p { + min-height: 500px; + } + .xl\:maxh-500p, .xl\:maxh500p { + max-height: 500px; + } + .xl\:h-450p, .xl\:h450p { + height: 450px; + } + .xl\:minh-450p, .xl\:minh450p { + min-height: 450px; + } + .xl\:maxh-450p, .xl\:maxh450p { + max-height: 450px; + } + .xl\:h-400p, .xl\:h400p { + height: 400px; + } + .xl\:minh-400p, .xl\:minh400p { + min-height: 400px; + } + .xl\:maxh-400p, .xl\:maxh400p { + max-height: 400px; + } + .xl\:h-350p, .xl\:h350p { + height: 350px; + } + .xl\:minh-350p, .xl\:minh350p { + min-height: 350px; + } + .xl\:maxh-350p, .xl\:maxh350p { + max-height: 350px; + } + .xl\:h-300p, .xl\:h300p { + height: 300px; + } + .xl\:minh-300p, .xl\:minh300p { + min-height: 300px; + } + .xl\:maxh-300p, .xl\:maxh300p { + max-height: 300px; + } + .xl\:h-250p, .xl\:h250p { + height: 250px; + } + .xl\:minh-250p, .xl\:minh250p { + min-height: 250px; + } + .xl\:maxh-250p, .xl\:maxh250p { + max-height: 250px; + } + .xl\:h-200p, .xl\:h200p { + height: 200px; + } + .xl\:minh-200p, .xl\:minh200p { + min-height: 200px; + } + .xl\:maxh-200p, .xl\:maxh200p { + max-height: 200px; + } + .xl\:h-150p, .xl\:h150p { + height: 150px; + } + .xl\:minh-150p, .xl\:minh150p { + min-height: 150px; + } + .xl\:maxh-150p, .xl\:maxh150p { + max-height: 150px; + } + .xl\:h-auto, .xl\:hauto { + height: auto; + } +} +@media (min-width: 1920px) { + .xxl\:h-100p, .xxl\:h100p { + height: 100px; + } + .xxl\:h-100pc { + height: 100%; + } + .xxl\:minh-100p, .xxl\:minh100p { + min-height: 100px; + } + .xxl\:minh-100pc { + min-height: 100%; + } + .xxl\:maxh-100p, .xxl\:maxh100p { + max-height: 100px; + } + .xxl\:maxh-100pc { + max-height: 100%; + } + .xxl\:h-95p, .xxl\:h95p { + height: 95px; + } + .xxl\:h-95pc { + height: 95%; + } + .xxl\:minh-95p, .xxl\:minh95p { + min-height: 95px; + } + .xxl\:minh-95pc { + min-height: 95%; + } + .xxl\:maxh-95p, .xxl\:maxh95p { + max-height: 95px; + } + .xxl\:maxh-95pc { + max-height: 95%; + } + .xxl\:h-90p, .xxl\:h90p { + height: 90px; + } + .xxl\:h-90pc { + height: 90%; + } + .xxl\:minh-90p, .xxl\:minh90p { + min-height: 90px; + } + .xxl\:minh-90pc { + min-height: 90%; + } + .xxl\:maxh-90p, .xxl\:maxh90p { + max-height: 90px; + } + .xxl\:maxh-90pc { + max-height: 90%; + } + .xxl\:h-85p, .xxl\:h85p { + height: 85px; + } + .xxl\:h-85pc { + height: 85%; + } + .xxl\:minh-85p, .xxl\:minh85p { + min-height: 85px; + } + .xxl\:minh-85pc { + min-height: 85%; + } + .xxl\:maxh-85p, .xxl\:maxh85p { + max-height: 85px; + } + .xxl\:maxh-85pc { + max-height: 85%; + } + .xxl\:h-80p, .xxl\:h80p { + height: 80px; + } + .xxl\:h-80pc { + height: 80%; + } + .xxl\:minh-80p, .xxl\:minh80p { + min-height: 80px; + } + .xxl\:minh-80pc { + min-height: 80%; + } + .xxl\:maxh-80p, .xxl\:maxh80p { + max-height: 80px; + } + .xxl\:maxh-80pc { + max-height: 80%; + } + .xxl\:h-75p, .xxl\:h75p { + height: 75px; + } + .xxl\:h-75pc { + height: 75%; + } + .xxl\:minh-75p, .xxl\:minh75p { + min-height: 75px; + } + .xxl\:minh-75pc { + min-height: 75%; + } + .xxl\:maxh-75p, .xxl\:maxh75p { + max-height: 75px; + } + .xxl\:maxh-75pc { + max-height: 75%; + } + .xxl\:h-70p, .xxl\:h70p { + height: 70px; + } + .xxl\:h-70pc { + height: 70%; + } + .xxl\:minh-70p, .xxl\:minh70p { + min-height: 70px; + } + .xxl\:minh-70pc { + min-height: 70%; + } + .xxl\:maxh-70p, .xxl\:maxh70p { + max-height: 70px; + } + .xxl\:maxh-70pc { + max-height: 70%; + } + .xxl\:h-65p, .xxl\:h65p { + height: 65px; + } + .xxl\:h-65pc { + height: 65%; + } + .xxl\:minh-65p, .xxl\:minh65p { + min-height: 65px; + } + .xxl\:minh-65pc { + min-height: 65%; + } + .xxl\:maxh-65p, .xxl\:maxh65p { + max-height: 65px; + } + .xxl\:maxh-65pc { + max-height: 65%; + } + .xxl\:h-60p, .xxl\:h60p { + height: 60px; + } + .xxl\:h-60pc { + height: 60%; + } + .xxl\:minh-60p, .xxl\:minh60p { + min-height: 60px; + } + .xxl\:minh-60pc { + min-height: 60%; + } + .xxl\:maxh-60p, .xxl\:maxh60p { + max-height: 60px; + } + .xxl\:maxh-60pc { + max-height: 60%; + } + .xxl\:h-55p, .xxl\:h55p { + height: 55px; + } + .xxl\:h-55pc { + height: 55%; + } + .xxl\:minh-55p, .xxl\:minh55p { + min-height: 55px; + } + .xxl\:minh-55pc { + min-height: 55%; + } + .xxl\:maxh-55p, .xxl\:maxh55p { + max-height: 55px; + } + .xxl\:maxh-55pc { + max-height: 55%; + } + .xxl\:h-50p, .xxl\:h50p { + height: 50px; + } + .xxl\:h-50pc { + height: 50%; + } + .xxl\:minh-50p, .xxl\:minh50p { + min-height: 50px; + } + .xxl\:minh-50pc { + min-height: 50%; + } + .xxl\:maxh-50p, .xxl\:maxh50p { + max-height: 50px; + } + .xxl\:maxh-50pc { + max-height: 50%; + } + .xxl\:h-45p, .xxl\:h45p { + height: 45px; + } + .xxl\:h-45pc { + height: 45%; + } + .xxl\:minh-45p, .xxl\:minh45p { + min-height: 45px; + } + .xxl\:minh-45pc { + min-height: 45%; + } + .xxl\:maxh-45p, .xxl\:maxh45p { + max-height: 45px; + } + .xxl\:maxh-45pc { + max-height: 45%; + } + .xxl\:h-40p, .xxl\:h40p { + height: 40px; + } + .xxl\:h-40pc { + height: 40%; + } + .xxl\:minh-40p, .xxl\:minh40p { + min-height: 40px; + } + .xxl\:minh-40pc { + min-height: 40%; + } + .xxl\:maxh-40p, .xxl\:maxh40p { + max-height: 40px; + } + .xxl\:maxh-40pc { + max-height: 40%; + } + .xxl\:h-35p, .xxl\:h35p { + height: 35px; + } + .xxl\:h-35pc { + height: 35%; + } + .xxl\:minh-35p, .xxl\:minh35p { + min-height: 35px; + } + .xxl\:minh-35pc { + min-height: 35%; + } + .xxl\:maxh-35p, .xxl\:maxh35p { + max-height: 35px; + } + .xxl\:maxh-35pc { + max-height: 35%; + } + .xxl\:h-30p, .xxl\:h30p { + height: 30px; + } + .xxl\:h-30pc { + height: 30%; + } + .xxl\:minh-30p, .xxl\:minh30p { + min-height: 30px; + } + .xxl\:minh-30pc { + min-height: 30%; + } + .xxl\:maxh-30p, .xxl\:maxh30p { + max-height: 30px; + } + .xxl\:maxh-30pc { + max-height: 30%; + } + .xxl\:h-25p, .xxl\:h25p { + height: 25px; + } + .xxl\:h-25pc { + height: 25%; + } + .xxl\:minh-25p, .xxl\:minh25p { + min-height: 25px; + } + .xxl\:minh-25pc { + min-height: 25%; + } + .xxl\:maxh-25p, .xxl\:maxh25p { + max-height: 25px; + } + .xxl\:maxh-25pc { + max-height: 25%; + } + .xxl\:h-20p, .xxl\:h20p { + height: 20px; + } + .xxl\:h-20pc { + height: 20%; + } + .xxl\:minh-20p, .xxl\:minh20p { + min-height: 20px; + } + .xxl\:minh-20pc { + min-height: 20%; + } + .xxl\:maxh-20p, .xxl\:maxh20p { + max-height: 20px; + } + .xxl\:maxh-20pc { + max-height: 20%; + } + .xxl\:h-15p, .xxl\:h15p { + height: 15px; + } + .xxl\:h-15pc { + height: 15%; + } + .xxl\:minh-15p, .xxl\:minh15p { + min-height: 15px; + } + .xxl\:minh-15pc { + min-height: 15%; + } + .xxl\:maxh-15p, .xxl\:maxh15p { + max-height: 15px; + } + .xxl\:maxh-15pc { + max-height: 15%; + } + .xxl\:h-10p, .xxl\:h10p { + height: 10px; + } + .xxl\:h-10pc { + height: 10%; + } + .xxl\:minh-10p, .xxl\:minh10p { + min-height: 10px; + } + .xxl\:minh-10pc { + min-height: 10%; + } + .xxl\:maxh-10p, .xxl\:maxh10p { + max-height: 10px; + } + .xxl\:maxh-10pc { + max-height: 10%; + } + .xxl\:h-5p, .xxl\:h5p { + height: 5px; + } + .xxl\:h-5pc { + height: 5%; + } + .xxl\:minh-5p, .xxl\:minh5p { + min-height: 5px; + } + .xxl\:minh-5pc { + min-height: 5%; + } + .xxl\:maxh-5p, .xxl\:maxh5p { + max-height: 5px; + } + .xxl\:maxh-5pc { + max-height: 5%; + } + .xxl\:h-1000p, .xxl\:h1000p { + height: 1000px; + } + .xxl\:minh-1000p, .xxl\:minh1000p { + min-height: 1000px; + } + .xxl\:maxh-1000p, .xxl\:maxh1000p { + max-height: 1000px; + } + .xxl\:h-950p, .xxl\:h950p { + height: 950px; + } + .xxl\:minh-950p, .xxl\:minh950p { + min-height: 950px; + } + .xxl\:maxh-950p, .xxl\:maxh950p { + max-height: 950px; + } + .xxl\:h-900p, .xxl\:h900p { + height: 900px; + } + .xxl\:minh-900p, .xxl\:minh900p { + min-height: 900px; + } + .xxl\:maxh-900p, .xxl\:maxh900p { + max-height: 900px; + } + .xxl\:h-850p, .xxl\:h850p { + height: 850px; + } + .xxl\:minh-850p, .xxl\:minh850p { + min-height: 850px; + } + .xxl\:maxh-850p, .xxl\:maxh850p { + max-height: 850px; + } + .xxl\:h-800p, .xxl\:h800p { + height: 800px; + } + .xxl\:minh-800p, .xxl\:minh800p { + min-height: 800px; + } + .xxl\:maxh-800p, .xxl\:maxh800p { + max-height: 800px; + } + .xxl\:h-750p, .xxl\:h750p { + height: 750px; + } + .xxl\:minh-750p, .xxl\:minh750p { + min-height: 750px; + } + .xxl\:maxh-750p, .xxl\:maxh750p { + max-height: 750px; + } + .xxl\:h-700p, .xxl\:h700p { + height: 700px; + } + .xxl\:minh-700p, .xxl\:minh700p { + min-height: 700px; + } + .xxl\:maxh-700p, .xxl\:maxh700p { + max-height: 700px; + } + .xxl\:h-650p, .xxl\:h650p { + height: 650px; + } + .xxl\:minh-650p, .xxl\:minh650p { + min-height: 650px; + } + .xxl\:maxh-650p, .xxl\:maxh650p { + max-height: 650px; + } + .xxl\:h-600p, .xxl\:h600p { + height: 600px; + } + .xxl\:minh-600p, .xxl\:minh600p { + min-height: 600px; + } + .xxl\:maxh-600p, .xxl\:maxh600p { + max-height: 600px; + } + .xxl\:h-550p, .xxl\:h550p { + height: 550px; + } + .xxl\:minh-550p, .xxl\:minh550p { + min-height: 550px; + } + .xxl\:maxh-550p, .xxl\:maxh550p { + max-height: 550px; + } + .xxl\:h-500p, .xxl\:h500p { + height: 500px; + } + .xxl\:minh-500p, .xxl\:minh500p { + min-height: 500px; + } + .xxl\:maxh-500p, .xxl\:maxh500p { + max-height: 500px; + } + .xxl\:h-450p, .xxl\:h450p { + height: 450px; + } + .xxl\:minh-450p, .xxl\:minh450p { + min-height: 450px; + } + .xxl\:maxh-450p, .xxl\:maxh450p { + max-height: 450px; + } + .xxl\:h-400p, .xxl\:h400p { + height: 400px; + } + .xxl\:minh-400p, .xxl\:minh400p { + min-height: 400px; + } + .xxl\:maxh-400p, .xxl\:maxh400p { + max-height: 400px; + } + .xxl\:h-350p, .xxl\:h350p { + height: 350px; + } + .xxl\:minh-350p, .xxl\:minh350p { + min-height: 350px; + } + .xxl\:maxh-350p, .xxl\:maxh350p { + max-height: 350px; + } + .xxl\:h-300p, .xxl\:h300p { + height: 300px; + } + .xxl\:minh-300p, .xxl\:minh300p { + min-height: 300px; + } + .xxl\:maxh-300p, .xxl\:maxh300p { + max-height: 300px; + } + .xxl\:h-250p, .xxl\:h250p { + height: 250px; + } + .xxl\:minh-250p, .xxl\:minh250p { + min-height: 250px; + } + .xxl\:maxh-250p, .xxl\:maxh250p { + max-height: 250px; + } + .xxl\:h-200p, .xxl\:h200p { + height: 200px; + } + .xxl\:minh-200p, .xxl\:minh200p { + min-height: 200px; + } + .xxl\:maxh-200p, .xxl\:maxh200p { + max-height: 200px; + } + .xxl\:h-150p, .xxl\:h150p { + height: 150px; + } + .xxl\:minh-150p, .xxl\:minh150p { + min-height: 150px; + } + .xxl\:maxh-150p, .xxl\:maxh150p { + max-height: 150px; + } + .xxl\:h-auto, .xxl\:hauto { + height: auto; + } +} +/* les bordures */ +/* bordures 4 côtés */ +.b-1 { + border: 1px solid; + box-shadow: none; +} +.b-2 { + border: 2px solid; + box-shadow: none; +} +.b-3 { + border: 3px solid; + box-shadow: none; +} +.b-5 { + border: 5px solid; + box-shadow: none; +} +.b-10 { + border: 10px solid; + box-shadow: none; +} +.b-15 { + border: 15px solid; + box-shadow: none; +} +.b-20 { + border: 20px solid; + box-shadow: none; +} +.b-25 { + border: 25px solid; + box-shadow: none; +} +.b-none { + border: none; + box-shadow: none; +} +@media (min-width: 400px) { + .xs\:b-1 { + border: 1px solid; + box-shadow: none; + } + .xs\:b-2 { + border: 2px solid; + box-shadow: none; + } + .xs\:b-3 { + border: 3px solid; + box-shadow: none; + } + .xs\:b-5 { + border: 5px solid; + box-shadow: none; + } + .xs\:b-10 { + border: 10px solid; + box-shadow: none; + } + .xs\:b-15 { + border: 15px solid; + box-shadow: none; + } + .xs\:b-20 { + border: 20px solid; + box-shadow: none; + } + .xs\:b-25 { + border: 25px solid; + box-shadow: none; + } + .xs\:b-none { + border: none; + box-shadow: none; + } +} +@media (min-width: 576px) { + .sm\:b-1 { + border: 1px solid; + box-shadow: none; + } + .sm\:b-2 { + border: 2px solid; + box-shadow: none; + } + .sm\:b-3 { + border: 3px solid; + box-shadow: none; + } + .sm\:b-5 { + border: 5px solid; + box-shadow: none; + } + .sm\:b-10 { + border: 10px solid; + box-shadow: none; + } + .sm\:b-15 { + border: 15px solid; + box-shadow: none; + } + .sm\:b-20 { + border: 20px solid; + box-shadow: none; + } + .sm\:b-25 { + border: 25px solid; + box-shadow: none; + } + .sm\:b-none { + border: none; + box-shadow: none; + } +} +@media (min-width: 768px) { + .md\:b-1 { + border: 1px solid; + box-shadow: none; + } + .md\:b-2 { + border: 2px solid; + box-shadow: none; + } + .md\:b-3 { + border: 3px solid; + box-shadow: none; + } + .md\:b-5 { + border: 5px solid; + box-shadow: none; + } + .md\:b-10 { + border: 10px solid; + box-shadow: none; + } + .md\:b-15 { + border: 15px solid; + box-shadow: none; + } + .md\:b-20 { + border: 20px solid; + box-shadow: none; + } + .md\:b-25 { + border: 25px solid; + box-shadow: none; + } + .md\:b-none { + border: none; + box-shadow: none; + } +} +@media (min-width: 1024px) { + .lg\:b-1 { + border: 1px solid; + box-shadow: none; + } + .lg\:b-2 { + border: 2px solid; + box-shadow: none; + } + .lg\:b-3 { + border: 3px solid; + box-shadow: none; + } + .lg\:b-5 { + border: 5px solid; + box-shadow: none; + } + .lg\:b-10 { + border: 10px solid; + box-shadow: none; + } + .lg\:b-15 { + border: 15px solid; + box-shadow: none; + } + .lg\:b-20 { + border: 20px solid; + box-shadow: none; + } + .lg\:b-25 { + border: 25px solid; + box-shadow: none; + } + .lg\:b-none { + border: none; + box-shadow: none; + } +} +@media (min-width: 1440px) { + .xl\:b-1 { + border: 1px solid; + box-shadow: none; + } + .xl\:b-2 { + border: 2px solid; + box-shadow: none; + } + .xl\:b-3 { + border: 3px solid; + box-shadow: none; + } + .xl\:b-5 { + border: 5px solid; + box-shadow: none; + } + .xl\:b-10 { + border: 10px solid; + box-shadow: none; + } + .xl\:b-15 { + border: 15px solid; + box-shadow: none; + } + .xl\:b-20 { + border: 20px solid; + box-shadow: none; + } + .xl\:b-25 { + border: 25px solid; + box-shadow: none; + } + .xl\:b-none { + border: none; + box-shadow: none; + } +} +@media (min-width: 1920px) { + .xxl\:b-1 { + border: 1px solid; + box-shadow: none; + } + .xxl\:b-2 { + border: 2px solid; + box-shadow: none; + } + .xxl\:b-3 { + border: 3px solid; + box-shadow: none; + } + .xxl\:b-5 { + border: 5px solid; + box-shadow: none; + } + .xxl\:b-10 { + border: 10px solid; + box-shadow: none; + } + .xxl\:b-15 { + border: 15px solid; + box-shadow: none; + } + .xxl\:b-20 { + border: 20px solid; + box-shadow: none; + } + .xxl\:b-25 { + border: 25px solid; + box-shadow: none; + } + .xxl\:b-none { + border: none; + box-shadow: none; + } +} +/* bordures 1 seul côté */ +.br-1 { + border-right: 1px solid; + box-shadow: none; +} +.br-2 { + border-right: 2px solid; + box-shadow: none; +} +.br-3 { + border-right: 3px solid; + box-shadow: none; +} +.br-4 { + border-right: 4px solid; + box-shadow: none; +} +.br-5 { + border-right: 5px solid; + box-shadow: none; +} +.br-10 { + border-right: 10px solid; + box-shadow: none; +} +.br-15 { + border-right: 15px solid; + box-shadow: none; +} +.br-20 { + border-right: 20px solid; + box-shadow: none; +} +.br-25 { + border-right: 25px solid; + box-shadow: none; +} +@media (min-width: 400px) { + .xs\:br-1 { + border-right: 1px solid; + box-shadow: none; + } + .xs\:br-2 { + border-right: 2px solid; + box-shadow: none; + } + .xs\:br-3 { + border-right: 3px solid; + box-shadow: none; + } + .xs\:br-4 { + border-right: 4px solid; + box-shadow: none; + } + .xs\:br-5 { + border-right: 5px solid; + box-shadow: none; + } + .xs\:br-10 { + border-right: 10px solid; + box-shadow: none; + } + .xs\:br-20 { + border-right: 20px solid; + box-shadow: none; + } + .xs\:br-25 { + border-right: 25px solid; + box-shadow: none; + } + .xs\:br-15 { + border-right: 15px solid; + box-shadow: none; + } +} +@media (min-width: 576px) { + .sm\:br-1 { + border-right: 1px solid; + box-shadow: none; + } + .sm\:br-2 { + border-right: 2px solid; + box-shadow: none; + } + .sm\:br-3 { + border-right: 3px solid; + box-shadow: none; + } + .sm\:br-4 { + border-right: 4px solid; + box-shadow: none; + } + .sm\:br-5 { + border-right: 5px solid; + box-shadow: none; + } + .sm\:br-10 { + border-right: 10px solid; + box-shadow: none; + } + .sm\:br-20 { + border-right: 20px solid; + box-shadow: none; + } + .sm\:br-25 { + border-right: 25px solid; + box-shadow: none; + } + .sm\:br-15 { + border-right: 15px solid; + box-shadow: none; + } +} +@media (min-width: 768px) { + .md\:br-1 { + border-right: 1px solid; + box-shadow: none; + } + .md\:br-2 { + border-right: 2px solid; + box-shadow: none; + } + .md\:br-3 { + border-right: 3px solid; + box-shadow: none; + } + .md\:br-4 { + border-right: 4px solid; + box-shadow: none; + } + .md\:br-5 { + border-right: 5px solid; + box-shadow: none; + } + .md\:br-10 { + border-right: 10px solid; + box-shadow: none; + } + .md\:br-20 { + border-right: 20px solid; + box-shadow: none; + } + .md\:br-25 { + border-right: 25px solid; + box-shadow: none; + } + .md\:br-15 { + border-right: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1024px) { + .lg\:br-1 { + border-right: 1px solid; + box-shadow: none; + } + .lg\:br-2 { + border-right: 2px solid; + box-shadow: none; + } + .lg\:br-3 { + border-right: 3px solid; + box-shadow: none; + } + .lg\:br-4 { + border-right: 4px solid; + box-shadow: none; + } + .lg\:br-5 { + border-right: 5px solid; + box-shadow: none; + } + .lg\:br-10 { + border-right: 10px solid; + box-shadow: none; + } + .lg\:br-20 { + border-right: 20px solid; + box-shadow: none; + } + .lg\:br-25 { + border-right: 25px solid; + box-shadow: none; + } + .lg\:br-15 { + border-right: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1440px) { + .xl\:br-1 { + border-right: 1px solid; + box-shadow: none; + } + .xl\:br-2 { + border-right: 2px solid; + box-shadow: none; + } + .xl\:br-3 { + border-right: 3px solid; + box-shadow: none; + } + .xl\:br-4 { + border-right: 4px solid; + box-shadow: none; + } + .xl\:br-5 { + border-right: 5px solid; + box-shadow: none; + } + .xl\:br-10 { + border-right: 10px solid; + box-shadow: none; + } + .xl\:br-20 { + border-right: 20px solid; + box-shadow: none; + } + .xl\:br-25 { + border-right: 25px solid; + box-shadow: none; + } + .xl\:br-15 { + border-right: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1920px) { + .xxl\:br-1 { + border-right: 1px solid; + box-shadow: none; + } + .xxl\:br-2 { + border-right: 2px solid; + box-shadow: none; + } + .xxl\:br-3 { + border-right: 3px solid; + box-shadow: none; + } + .xxl\:br-4 { + border-right: 4px solid; + box-shadow: none; + } + .xxl\:br-5 { + border-right: 5px solid; + box-shadow: none; + } + .xxl\:br-10 { + border-right: 10px solid; + box-shadow: none; + } + .xxl\:br-20 { + border-right: 20px solid; + box-shadow: none; + } + .xxl\:br-25 { + border-right: 25px solid; + box-shadow: none; + } + .xxl\:br-15 { + border-right: 15px solid; + box-shadow: none; + } +} +.bb-1 { + border-bottom: 1px solid; + box-shadow: none; +} +.bb-2 { + border-bottom: 2px solid; + box-shadow: none; +} +.bb-3 { + border-bottom: 3px solid; + box-shadow: none; +} +.bb-4 { + border-bottom: 4px solid; + box-shadow: none; +} +.bb-5 { + border-bottom: 5px solid; + box-shadow: none; +} +.bb-10 { + border-bottom: 10px solid; + box-shadow: none; +} +.bb-15 { + border-bottom: 15px solid; + box-shadow: none; +} +.bb-20 { + border-bottom: 20px solid; + box-shadow: none; +} +.bb-25 { + border-bottom: 25px solid; + box-shadow: none; +} +@media (min-width: 400px) { + .xs\:bb-1 { + border-bottom: 1px solid; + box-shadow: none; + } + .xs\:bb-2 { + border-bottom: 2px solid; + box-shadow: none; + } + .xs\:bb-3 { + border-bottom: 3px solid; + box-shadow: none; + } + .xs\:bb-4 { + border-bottom: 4px solid; + box-shadow: none; + } + .xs\:bb-5 { + border-bottom: 5px solid; + box-shadow: none; + } + .xs\:bb-10 { + border-bottom: 10px solid; + box-shadow: none; + } + .xs\:bb-20 { + border-bottom: 20px solid; + box-shadow: none; + } + .xs\:bb-25 { + border-bottom: 25px solid; + box-shadow: none; + } + .xs\:bb-15 { + border-bottom: 15px solid; + box-shadow: none; + } +} +@media (min-width: 576px) { + .sm\:bb-1 { + border-bottom: 1px solid; + box-shadow: none; + } + .sm\:bb-2 { + border-bottom: 2px solid; + box-shadow: none; + } + .sm\:bb-3 { + border-bottom: 3px solid; + box-shadow: none; + } + .sm\:bb-4 { + border-bottom: 4px solid; + box-shadow: none; + } + .sm\:bb-5 { + border-bottom: 5px solid; + box-shadow: none; + } + .sm\:bb-10 { + border-bottom: 10px solid; + box-shadow: none; + } + .sm\:bb-20 { + border-bottom: 20px solid; + box-shadow: none; + } + .sm\:bb-25 { + border-bottom: 25px solid; + box-shadow: none; + } + .sm\:bb-15 { + border-bottom: 15px solid; + box-shadow: none; + } +} +@media (min-width: 768px) { + .md\:bb-1 { + border-bottom: 1px solid; + box-shadow: none; + } + .md\:bb-2 { + border-bottom: 2px solid; + box-shadow: none; + } + .md\:bb-3 { + border-bottom: 3px solid; + box-shadow: none; + } + .md\:bb-4 { + border-bottom: 4px solid; + box-shadow: none; + } + .md\:bb-5 { + border-bottom: 5px solid; + box-shadow: none; + } + .md\:bb-10 { + border-bottom: 10px solid; + box-shadow: none; + } + .md\:bb-20 { + border-bottom: 20px solid; + box-shadow: none; + } + .md\:bb-25 { + border-bottom: 25px solid; + box-shadow: none; + } + .md\:bb-15 { + border-bottom: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1024px) { + .lg\:bb-1 { + border-bottom: 1px solid; + box-shadow: none; + } + .lg\:bb-2 { + border-bottom: 2px solid; + box-shadow: none; + } + .lg\:bb-3 { + border-bottom: 3px solid; + box-shadow: none; + } + .lg\:bb-4 { + border-bottom: 4px solid; + box-shadow: none; + } + .lg\:bb-5 { + border-bottom: 5px solid; + box-shadow: none; + } + .lg\:bb-10 { + border-bottom: 10px solid; + box-shadow: none; + } + .lg\:bb-20 { + border-bottom: 20px solid; + box-shadow: none; + } + .lg\:bb-25 { + border-bottom: 25px solid; + box-shadow: none; + } + .lg\:bb-15 { + border-bottom: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1440px) { + .xl\:bb-1 { + border-bottom: 1px solid; + box-shadow: none; + } + .xl\:bb-2 { + border-bottom: 2px solid; + box-shadow: none; + } + .xl\:bb-3 { + border-bottom: 3px solid; + box-shadow: none; + } + .xl\:bb-4 { + border-bottom: 4px solid; + box-shadow: none; + } + .xl\:bb-5 { + border-bottom: 5px solid; + box-shadow: none; + } + .xl\:bb-10 { + border-bottom: 10px solid; + box-shadow: none; + } + .xl\:bb-20 { + border-bottom: 20px solid; + box-shadow: none; + } + .xl\:bb-25 { + border-bottom: 25px solid; + box-shadow: none; + } + .xl\:bb-15 { + border-bottom: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1920px) { + .xxl\:bb-1 { + border-bottom: 1px solid; + box-shadow: none; + } + .xxl\:bb-2 { + border-bottom: 2px solid; + box-shadow: none; + } + .xxl\:bb-3 { + border-bottom: 3px solid; + box-shadow: none; + } + .xxl\:bb-4 { + border-bottom: 4px solid; + box-shadow: none; + } + .xxl\:bb-5 { + border-bottom: 5px solid; + box-shadow: none; + } + .xxl\:bb-10 { + border-bottom: 10px solid; + box-shadow: none; + } + .xxl\:bb-20 { + border-bottom: 20px solid; + box-shadow: none; + } + .xxl\:bb-25 { + border-bottom: 25px solid; + box-shadow: none; + } + .xxl\:bb-15 { + border-bottom: 15px solid; + box-shadow: none; + } +} +.bl-1 { + border-left: 1px solid; + box-shadow: none; +} +.bl-2 { + border-left: 2px solid; + box-shadow: none; +} +.bl-3 { + border-left: 3px solid; + box-shadow: none; +} +.bl-4 { + border-left: 4px solid; + box-shadow: none; +} +.bl-5 { + border-left: 5px solid; + box-shadow: none; +} +.bl-10 { + border-left: 10px solid; + box-shadow: none; +} +.bl-15 { + border-left: 15px solid; + box-shadow: none; +} +.bl-20 { + border-left: 20px solid; + box-shadow: none; +} +.bl-25 { + border-left: 25px solid; + box-shadow: none; +} +@media (min-width: 400px) { + .xs\:bl-1 { + border-left: 1px solid; + box-shadow: none; + } + .xs\:bl-2 { + border-left: 2px solid; + box-shadow: none; + } + .xs\:bl-3 { + border-left: 3px solid; + box-shadow: none; + } + .xs\:bl-4 { + border-left: 4px solid; + box-shadow: none; + } + .xs\:bl-5 { + border-left: 5px solid; + box-shadow: none; + } + .xs\:bl-10 { + border-left: 10px solid; + box-shadow: none; + } + .xs\:bl-20 { + border-left: 20px solid; + box-shadow: none; + } + .xs\:bl-25 { + border-left: 25px solid; + box-shadow: none; + } + .xs\:bl-15 { + border-left: 15px solid; + box-shadow: none; + } +} +@media (min-width: 576px) { + .sm\:bl-1 { + border-left: 1px solid; + box-shadow: none; + } + .sm\:bl-2 { + border-left: 2px solid; + box-shadow: none; + } + .sm\:bl-3 { + border-left: 3px solid; + box-shadow: none; + } + .sm\:bl-4 { + border-left: 4px solid; + box-shadow: none; + } + .sm\:bl-5 { + border-left: 5px solid; + box-shadow: none; + } + .sm\:bl-10 { + border-left: 10px solid; + box-shadow: none; + } + .sm\:bl-20 { + border-left: 20px solid; + box-shadow: none; + } + .sm\:bl-25 { + border-left: 25px solid; + box-shadow: none; + } + .sm\:bl-15 { + border-left: 15px solid; + box-shadow: none; + } +} +@media (min-width: 768px) { + .md\:bl-1 { + border-left: 1px solid; + box-shadow: none; + } + .md\:bl-2 { + border-left: 2px solid; + box-shadow: none; + } + .md\:bl-3 { + border-left: 3px solid; + box-shadow: none; + } + .md\:bl-4 { + border-left: 4px solid; + box-shadow: none; + } + .md\:bl-5 { + border-left: 5px solid; + box-shadow: none; + } + .md\:bl-10 { + border-left: 10px solid; + box-shadow: none; + } + .md\:bl-20 { + border-left: 20px solid; + box-shadow: none; + } + .md\:bl-25 { + border-left: 25px solid; + box-shadow: none; + } + .md\:bl-15 { + border-left: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1024px) { + .lg\:bl-1 { + border-left: 1px solid; + box-shadow: none; + } + .lg\:bl-2 { + border-left: 2px solid; + box-shadow: none; + } + .lg\:bl-3 { + border-left: 3px solid; + box-shadow: none; + } + .lg\:bl-4 { + border-left: 4px solid; + box-shadow: none; + } + .lg\:bl-5 { + border-left: 5px solid; + box-shadow: none; + } + .lg\:bl-10 { + border-left: 10px solid; + box-shadow: none; + } + .lg\:bl-20 { + border-left: 20px solid; + box-shadow: none; + } + .lg\:bl-25 { + border-left: 25px solid; + box-shadow: none; + } + .lg\:bl-15 { + border-left: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1440px) { + .xl\:bl-1 { + border-left: 1px solid; + box-shadow: none; + } + .xl\:bl-2 { + border-left: 2px solid; + box-shadow: none; + } + .xl\:bl-3 { + border-left: 3px solid; + box-shadow: none; + } + .xl\:bl-4 { + border-left: 4px solid; + box-shadow: none; + } + .xl\:bl-5 { + border-left: 5px solid; + box-shadow: none; + } + .xl\:bl-10 { + border-left: 10px solid; + box-shadow: none; + } + .xl\:bl-20 { + border-left: 20px solid; + box-shadow: none; + } + .xl\:bl-25 { + border-left: 25px solid; + box-shadow: none; + } + .xl\:bl-15 { + border-left: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1920px) { + .xxl\:bl-1 { + border-left: 1px solid; + box-shadow: none; + } + .xxl\:bl-2 { + border-left: 2px solid; + box-shadow: none; + } + .xxl\:bl-3 { + border-left: 3px solid; + box-shadow: none; + } + .xxl\:bl-4 { + border-left: 4px solid; + box-shadow: none; + } + .xxl\:bl-5 { + border-left: 5px solid; + box-shadow: none; + } + .xxl\:bl-10 { + border-left: 10px solid; + box-shadow: none; + } + .xxl\:bl-20 { + border-left: 20px solid; + box-shadow: none; + } + .xxl\:bl-25 { + border-left: 25px solid; + box-shadow: none; + } + .xxl\:bl-15 { + border-left: 15px solid; + box-shadow: none; + } +} +.bt-1 { + border-top: 1px solid; + box-shadow: none; +} +.bt-2 { + border-top: 2px solid; + box-shadow: none; +} +.bt-3 { + border-top: 3px solid; + box-shadow: none; +} +.bt-4 { + border-top: 4px solid; + box-shadow: none; +} +.bt-5 { + border-top: 5px solid; + box-shadow: none; +} +.bt-10 { + border-top: 10px solid; + box-shadow: none; +} +.bt-15 { + border-top: 15px solid; + box-shadow: none; +} +.bt-20 { + border-top: 20px solid; + box-shadow: none; +} +.bt-25 { + border-top: 25px solid; + box-shadow: none; +} +@media (min-width: 400px) { + .xs\:bt-1 { + border-top: 1px solid; + box-shadow: none; + } + .xs\:bt-2 { + border-top: 2px solid; + box-shadow: none; + } + .xs\:bt-3 { + border-top: 3px solid; + box-shadow: none; + } + .xs\:bt-4 { + border-top: 4px solid; + box-shadow: none; + } + .xs\:bt-5 { + border-top: 5px solid; + box-shadow: none; + } + .xs\:bt-10 { + border-top: 10px solid; + box-shadow: none; + } + .xs\:bt-20 { + border-top: 20px solid; + box-shadow: none; + } + .xs\:bt-25 { + border-top: 25px solid; + box-shadow: none; + } + .xs\:bt-15 { + border-top: 15px solid; + box-shadow: none; + } +} +@media (min-width: 576px) { + .sm\:bt-1 { + border-top: 1px solid; + box-shadow: none; + } + .sm\:bt-2 { + border-top: 2px solid; + box-shadow: none; + } + .sm\:bt-3 { + border-top: 3px solid; + box-shadow: none; + } + .sm\:bt-4 { + border-top: 4px solid; + box-shadow: none; + } + .sm\:bt-5 { + border-top: 5px solid; + box-shadow: none; + } + .sm\:bt-10 { + border-top: 10px solid; + box-shadow: none; + } + .sm\:bt-20 { + border-top: 20px solid; + box-shadow: none; + } + .sm\:bt-25 { + border-top: 25px solid; + box-shadow: none; + } + .sm\:bt-15 { + border-top: 15px solid; + box-shadow: none; + } +} +@media (min-width: 768px) { + .md\:bt-1 { + border-top: 1px solid; + box-shadow: none; + } + .md\:bt-2 { + border-top: 2px solid; + box-shadow: none; + } + .md\:bt-3 { + border-top: 3px solid; + box-shadow: none; + } + .md\:bt-4 { + border-top: 4px solid; + box-shadow: none; + } + .md\:bt-5 { + border-top: 5px solid; + box-shadow: none; + } + .md\:bt-10 { + border-top: 10px solid; + box-shadow: none; + } + .md\:bt-20 { + border-top: 20px solid; + box-shadow: none; + } + .md\:bt-25 { + border-top: 25px solid; + box-shadow: none; + } + .md\:bt-15 { + border-top: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1024px) { + .lg\:bt-1 { + border-top: 1px solid; + box-shadow: none; + } + .lg\:bt-2 { + border-top: 2px solid; + box-shadow: none; + } + .lg\:bt-3 { + border-top: 3px solid; + box-shadow: none; + } + .lg\:bt-4 { + border-top: 4px solid; + box-shadow: none; + } + .lg\:bt-5 { + border-top: 5px solid; + box-shadow: none; + } + .lg\:bt-10 { + border-top: 10px solid; + box-shadow: none; + } + .lg\:bt-20 { + border-top: 20px solid; + box-shadow: none; + } + .lg\:bt-25 { + border-top: 25px solid; + box-shadow: none; + } + .lg\:bt-15 { + border-top: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1440px) { + .xl\:bt-1 { + border-top: 1px solid; + box-shadow: none; + } + .xl\:bt-2 { + border-top: 2px solid; + box-shadow: none; + } + .xl\:bt-3 { + border-top: 3px solid; + box-shadow: none; + } + .xl\:bt-4 { + border-top: 4px solid; + box-shadow: none; + } + .xl\:bt-5 { + border-top: 5px solid; + box-shadow: none; + } + .xl\:bt-10 { + border-top: 10px solid; + box-shadow: none; + } + .xl\:bt-20 { + border-top: 20px solid; + box-shadow: none; + } + .xl\:bt-25 { + border-top: 25px solid; + box-shadow: none; + } + .xl\:bt-15 { + border-top: 15px solid; + box-shadow: none; + } +} +@media (min-width: 1920px) { + .xxl\:bt-1 { + border-top: 1px solid; + box-shadow: none; + } + .xxl\:bt-2 { + border-top: 2px solid; + box-shadow: none; + } + .xxl\:bt-3 { + border-top: 3px solid; + box-shadow: none; + } + .xxl\:bt-4 { + border-top: 4px solid; + box-shadow: none; + } + .xxl\:bt-5 { + border-top: 5px solid; + box-shadow: none; + } + .xxl\:bt-10 { + border-top: 10px solid; + box-shadow: none; + } + .xxl\:bt-20 { + border-top: 20px solid; + box-shadow: none; + } + .xxl\:bt-25 { + border-top: 25px solid; + box-shadow: none; + } + .xxl\:bt-15 { + border-top: 15px solid; + box-shadow: none; + } +} +/* border-radius (50% = rond) */ +.brad-5p { + border-radius: 5px; +} +.btlrad-5p { + border-top-left-radius: 5px; +} +.btrrad-5p { + border-top-right-radius: 5px; +} +.bblrad-5p { + border-bottom-left-radius: 5px; +} +.bbrrad-5p { + border-bottom-right-radius: 5px; +} +.brad-10 { + border-radius: 10px; +} +.btlrad-10 { + border-top-left-radius: 10px; +} +.btrrad-10 { + border-top-right-radius: 10px; +} +.bblrad-10 { + border-bottom-left-radius: 10px; +} +.bbrrad-10 { + border-bottom-right-radius: 10px; +} +.brad-10p { + border-radius: 10px; +} +.btlrad-10p { + border-top-left-radius: 10px; +} +.btrrad-10p { + border-top-right-radius: 10px; +} +.bblrad-10p { + border-bottom-left-radius: 10px; +} +.bbrrad-10p { + border-bottom-right-radius: 10px; +} +.brad-15p { + border-radius: 15px; +} +.btlrad-15p { + border-top-left-radius: 15px; +} +.btrrad-15p { + border-top-right-radius: 15px; +} +.bblrad-15p { + border-bottom-left-radius: 15px; +} +.bbrrad-15p { + border-bottom-right-radius: 15px; +} +.brad-1r { + border-radius: 1rem; +} +.btlrad-1r { + border-top-left-radius: 1rem; +} +.btrrad-1r { + border-top-right-radius: 1rem; +} +.bblrad-1r { + border-bottom-left-radius: 1rem; +} +.bbrrad-1r { + border-bottom-right-radius: 1rem; +} +.brad-11r { + border-radius: 1.1rem; +} +.btlrad-11r { + border-top-left-radius: 1.1rem; +} +.btrrad-11r { + border-top-right-radius: 1.1rem; +} +.bblrad-11r { + border-bottom-left-radius: 1.1rem; +} +.bbrrad-11r { + border-bottom-right-radius: 1.1rem; +} +.brad-12r { + border-radius: 1.2rem; +} +.btlrad-12r { + border-top-left-radius: 1.2rem; +} +.btrrad-12r { + border-top-right-radius: 1.2rem; +} +.bblrad-12r { + border-bottom-left-radius: 1.2rem; +} +.bbrrad-12r { + border-bottom-right-radius: 1.2rem; +} +.brad-13r { + border-radius: 1.3rem; +} +.btlrad-13r { + border-top-left-radius: 1.3rem; +} +.btrrad-13r { + border-top-right-radius: 1.3rem; +} +.bblrad-13r { + border-bottom-left-radius: 1.3rem; +} +.bbrrad-13r { + border-bottom-right-radius: 1.3rem; +} +.brad-14r { + border-radius: 1.4rem; +} +.btlrad-14r { + border-top-left-radius: 1.4rem; +} +.btrrad-14r { + border-top-right-radius: 1.4rem; +} +.bblrad-14r { + border-bottom-left-radius: 1.4rem; +} +.bbrrad-14r { + border-bottom-right-radius: 1.4rem; +} +.brad-15r { + border-radius: 1.5rem; +} +.btlrad-15r { + border-top-left-radius: 1.5rem; +} +.btrrad-15r { + border-top-right-radius: 1.5rem; +} +.bblrad-15r { + border-bottom-left-radius: 1.5rem; +} +.bbrrad-15r { + border-bottom-right-radius: 1.5rem; +} +.brad-16r { + border-radius: 1.6rem; +} +.btlrad-16r { + border-top-left-radius: 1.6rem; +} +.btrrad-16r { + border-top-right-radius: 1.6rem; +} +.bblrad-16r { + border-bottom-left-radius: 1.6rem; +} +.bbrrad-16r { + border-bottom-right-radius: 1.6rem; +} +.brad-17r { + border-radius: 1.7rem; +} +.btlrad-17r { + border-top-left-radius: 1.7rem; +} +.btrrad-17r { + border-top-right-radius: 1.7rem; +} +.bblrad-17r { + border-bottom-left-radius: 1.7rem; +} +.bbrrad-17r { + border-bottom-right-radius: 1.7rem; +} +.brad-18r { + border-radius: 1.8rem; +} +.btlrad-18r { + border-top-left-radius: 1.8rem; +} +.btrrad-18r { + border-top-right-radius: 1.8rem; +} +.bblrad-18r { + border-bottom-left-radius: 1.8rem; +} +.bbrrad-18r { + border-bottom-right-radius: 1.8rem; +} +.brad-19r { + border-radius: 1.9rem; +} +.btlrad-19r { + border-top-left-radius: 1.9rem; +} +.btrrad-19r { + border-top-right-radius: 1.9rem; +} +.bblrad-19r { + border-bottom-left-radius: 1.9rem; +} +.bbrrad-19r { + border-bottom-right-radius: 1.9rem; +} +.brad-2r { + border-radius: 2rem; +} +.btlrad-2r { + border-top-left-radius: 2rem; +} +.btrrad-2r { + border-top-right-radius: 2rem; +} +.bblrad-2r { + border-bottom-left-radius: 2rem; +} +.bbrrad-2r { + border-bottom-right-radius: 2rem; +} +.brad-25r { + border-radius: 2.5rem; +} +.btlrad-25r { + border-top-left-radius: 2.5rem; +} +.btrrad-25r { + border-top-right-radius: 2.5rem; +} +.bblrad-25r { + border-bottom-left-radius: 2.5rem; +} +.bbrrad-25r { + border-bottom-right-radius: 2.5rem; +} +.brad-50 { + border-radius: 50%; +} +.btlrad-50 { + border-top-left-radius: 50%; +} +.btrrad-50 { + border-top-right-radius: 50%; +} +.bblrad-50 { + border-bottom-left-radius: 50%; +} +.bbrrad-50 { + border-bottom-right-radius: 50%; +} +/* couleurs */ +.bc-sombre { + border-color: var(--c-sombre); +} +.bc-moyen { + border-color: var(--c-moyen); +} +.bc-clair { + border-color: var(--c-claire); +} +.bc-noir { + border-color: #000; +} +.bc-black { + border-color: #000; +} +.bc-gris { + border-color: #ced4da; +} +.bc-gris100 { + border-color: #f8f9fa; +} +.bc-gris200 { + border-color: #e7e9ed; +} +.bc-gris300 { + border-color: #dee2e6; +} +.bc-gris400 { + border-color: #ced4da; +} +.bc-gris500 { + border-color: #acb3c2; +} +.bc-gris600 { + border-color: #727e96; +} +.bc-gris { + border-color: var(--c-gris); +} +.bc-blanc { + border-color: #FFF; +} +.bc-white { + border-color: #FFF; +} +/* line-height */ +.lh-xs { + line-height: var(--line-height-xs); +} +.lh-s, .lh-sm { + line-height: var(--line-height-sm); +} +.lh-m, .lh-md { + line-height: var(--line-height-md); +} +.lh-l, .lh-lg { + line-height: var(--line-height-lg); +} +.lh-xl { + line-height: var(--line-height-xl); +} +.lh-xxl { + line-height: var(--line-height-xxl); +} +.lh-1 { + line-height: 1; +} +.lh-11 { + line-height: 1.1; +} +.lh-12 { + line-height: 1.2; +} +.lh-15 { + line-height: 1.5; +} +.lh-2 { + line-height: 2; +} +@media (min-width: 400px) { + .xs\:lh-xs { + line-height: var(--line-height-xs); + } + .xs\:lh-s, .xs\:lh-sm { + line-height: var(--line-height-sm); + } + .xs\:lh-m, .xs\:lh-md { + line-height: var(--line-height-md); + } + .xs\:lh-l, .xs\:lh-lg { + line-height: var(--line-height-lg); + } + .xs\:lh-xl { + line-height: var(--line-height-xl); + } + .xs\:lh-xxl { + line-height: var(--line-height-xxl); + } + .xs\:lh-1 { + line-height: 1; + } + .xs\:lh-11 { + line-height: 1.1; + } + .xs\:lh-12 { + line-height: 1.2; + } + .xs\:lh-15 { + line-height: 1.5; + } + .xs\:lh-2 { + line-height: 2; + } +} +@media (min-width: 576px) { + .sm\:lh-xs { + line-height: var(--line-height-xs); + } + .sm\:lh-s, .sm\:lh-sm { + line-height: var(--line-height-sm); + } + .sm\:lh-m, .sm\:lh-md { + line-height: var(--line-height-md); + } + .sm\:lh-l, .sm\:lh-lg { + line-height: var(--line-height-lg); + } + .sm\:lh-xl { + line-height: var(--line-height-xl); + } + .sm\:lh-xxl { + line-height: var(--line-height-xxl); + } + .sm\:lh-1 { + line-height: 1; + } + .sm\:lh-11 { + line-height: 1.1; + } + .sm\:lh-12 { + line-height: 1.2; + } + .sm\:lh-15 { + line-height: 1.5; + } + .sm\:lh-2 { + line-height: 2; + } +} +@media (min-width: 768px) { + .md\:lh-xs { + line-height: var(--line-height-xs); + } + .md\:lh-s, .md\:lh-sm { + line-height: var(--line-height-sm); + } + .md\:lh-m, .md\:lh-md { + line-height: var(--line-height-md); + } + .md\:lh-l, .md\:lh-lg { + line-height: var(--line-height-lg); + } + .md\:lh-xl { + line-height: var(--line-height-xl); + } + .md\:lh-xxl { + line-height: var(--line-height-xxl); + } + .md\:lh-1 { + line-height: 1; + } + .md\:lh-11 { + line-height: 1.1; + } + .md\:lh-12 { + line-height: 1.2; + } + .md\:lh-15 { + line-height: 1.5; + } + .md\:lh-2 { + line-height: 2; + } +} +@media (min-width: 1024px) { + .lg\:lh-xs { + line-height: var(--line-height-xs); + } + .lg\:lh-s, .lg\:lh-sm { + line-height: var(--line-height-sm); + } + .lg\:lh-m, .lg\:lh-md { + line-height: var(--line-height-md); + } + .lg\:lh-l, .lg\:lh-lg { + line-height: var(--line-height-lg); + } + .lg\:lh-xl { + line-height: var(--line-height-xl); + } + .lg\:lh-xxl { + line-height: var(--line-height-xxl); + } + .lg\:lh-1 { + line-height: 1; + } + .lg\:lh-11 { + line-height: 1.1; + } + .lg\:lh-12 { + line-height: 1.2; + } + .lg\:lh-15 { + line-height: 1.5; + } + .lg\:lh-2 { + line-height: 2; + } +} +@media (min-width: 1440px) { + .xl\:lh-xs { + line-height: var(--line-height-xs); + } + .xl\:lh-s, .xl\:lh-sm { + line-height: var(--line-height-sm); + } + .xl\:lh-m, .xl\:lh-md { + line-height: var(--line-height-md); + } + .xl\:lh-l, .xl\:lh-lg { + line-height: var(--line-height-lg); + } + .xl\:lh-xl { + line-height: var(--line-height-xl); + } + .xl\:lh-xxl { + line-height: var(--line-height-xxl); + } + .xl\:lh-1 { + line-height: 1; + } + .xl\:lh-11 { + line-height: 1.1; + } + .xl\:lh-12 { + line-height: 1.2; + } + .xl\:lh-15 { + line-height: 1.5; + } + .xl\:lh-2 { + line-height: 2; + } +} +@media (min-width: 1920px) { + .xxl\:lh-xs { + line-height: var(--line-height-xs); + } + .xxl\:lh-s, .xxl\:lh-sm { + line-height: var(--line-height-sm); + } + .xxl\:lh-m, .xxl\:lh-md { + line-height: var(--line-height-md); + } + .xxl\:lh-l, .xxl\:lh-lg { + line-height: var(--line-height-lg); + } + .xxl\:lh-xl { + line-height: var(--line-height-xl); + } + .xxl\:lh-xxl { + line-height: var(--line-height-xxl); + } + .xxl\:lh-1 { + line-height: 1; + } + .xxl\:lh-11 { + line-height: 1.1; + } + .xxl\:lh-12 { + line-height: 1.2; + } + .xxl\:lh-15 { + line-height: 1.5; + } + .xxl\:lh-2 { + line-height: 2; + } +} +/* letter-spacing */ +.ls-1 { + letter-spacing: 0.01rem; +} +.ls-2 { + letter-spacing: 0.02rem; +} +.ls-3 { + letter-spacing: 0.03rem; +} +.ls-4 { + letter-spacing: 0.04rem; +} +.ls-5 { + letter-spacing: 0.05rem; +} +.ls-6 { + letter-spacing: 0.06rem; +} +.ls-7 { + letter-spacing: 0.07rem; +} +.ls-8 { + letter-spacing: 0.08rem; +} +.ls-9 { + letter-spacing: 0.09rem; +} +.ls-10 { + letter-spacing: 0.01em; +} +.ls-15 { + letter-spacing: 1.5rem; +} +/* opacités */ +.op-1 { + opacity: 0.1; +} +.op-2 { + opacity: 0.2; +} +.op-3 { + opacity: 0.3; +} +.op-4 { + opacity: 0.4; +} +.op-5 { + opacity: 0.5; +} +.op-6 { + opacity: 0.6; +} +.op-7 { + opacity: 0.7; +} +.op-8 { + opacity: 0.8; +} +.op-9 { + opacity: 0.9; +} +.hover-op-1:hover { + opacity: 1; +} +/* position */ +.relative { + position: relative; +} +.absolute { + position: absolute; +} +.fixed { + position: fixed; +} +@media (min-width: 400px) { + .xs\:relative { + position: relative; + } + .xs\:absolute { + position: absolute; + } + .xs\:fixed { + position: fixed; + } +} +@media (min-width: 576px) { + .sm\:relative { + position: relative; + } + .sm\:absolute { + position: absolute; + } + .sm\:fixed { + position: fixed; + } +} +@media (min-width: 768px) { + .md\:relative { + position: relative; + } + .md\:absolute { + position: absolute; + } + .md\:fixed { + position: fixed; + } +} +@media (min-width: 1024px) { + .lg\:relative { + position: relative; + } + .lg\:absolute { + position: absolute; + } + .lg\:fixed { + position: fixed; + } +} +@media (min-width: 1440px) { + .xl\:relative { + position: relative; + } + .xl\:absolute { + position: absolute; + } + .xl\:fixed { + position: fixed; + } +} +@media (min-width: 1920px) { + .xxl\:relative { + position: relative; + } + .xxl\:absolute { + position: absolute; + } + .xxl\:fixed { + position: fixed; + } +} +/* positions pour absolute */ +.absr-0 { + right: 0; +} +.absb-0 { + bottom: 0; +} +.absl-0 { + left: 0; +} +.abst-0 { + top: 0; +} +.absr-1 { + right: 1rem; +} +.absb-1 { + bottom: 1rem; +} +.absl-1 { + left: 1rem; +} +.abst-1 { + top: 1rem; +} +.absr-2 { + right: 2rem; +} +.absb-2 { + bottom: 2rem; +} +.absl-2 { + left: 2rem; +} +.abst-2 { + top: 2rem; +} +/* z-index */ +.zi-0 { + z-index: 0; +} +.zi-1 { + z-index: 1; +} +.zi-2 { + z-index: 2; +} +.zi-3 { + z-index: 3; +} +.zi-4 { + z-index: 4; +} +.zi-5 { + z-index: 5; +} +.zi-6 { + z-index: 6; +} +.zi-7 { + z-index: 7; +} +.zi-8 { + z-index: 8; +} +.zi-9 { + z-index: 9; +} +.zi-10 { + z-index: 10; +} +.zi-99 { + z-index: 99; +} +.zi-999 { + z-index: 999; +} +/* z-index negatifs */ +.zi--2 { + z-index: -2; +} +.zi--9 { + z-index: -9; +} +.zi--99 { + z-index: -99; +} +.zi--999 { + z-index: -999; +} +@media (min-width: 400px) { + .xs\:zi-0 { + z-index: 0; + } + .xs\:zi-1 { + z-index: 1; + } + .xs\:zi-2 { + z-index: 2; + } + .xs\:zi-3 { + z-index: 3; + } + .xs\:zi-4 { + z-index: 4; + } + .xs\:zi-5 { + z-index: 5; + } + .xs\:zi-6 { + z-index: 6; + } + .xs\:zi-7 { + z-index: 7; + } + .xs\:zi-8 { + z-index: 8; + } + .xs\:zi-9 { + z-index: 9; + } + .xs\:zi-10 { + z-index: 10; + } + .xs\:zi-99 { + z-index: 99; + } + .xs\:zi-999 { + z-index: 999; + } + .xs\:zi--2 { + z-index: -2; + } + .xs\:zi--9 { + z-index: -9; + } + .xs\:zi--99 { + z-index: -99; + } + .xs\:zi--999 { + z-index: -999; + } +} +@media (min-width: 576px) { + .sm\:zi-0 { + z-index: 0; + } + .sm\:zi-1 { + z-index: 1; + } + .sm\:zi-2 { + z-index: 2; + } + .sm\:zi-3 { + z-index: 3; + } + .sm\:zi-4 { + z-index: 4; + } + .sm\:zi-5 { + z-index: 5; + } + .sm\:zi-6 { + z-index: 6; + } + .sm\:zi-7 { + z-index: 7; + } + .sm\:zi-8 { + z-index: 8; + } + .sm\:zi-9 { + z-index: 9; + } + .sm\:zi-10 { + z-index: 10; + } + .sm\:zi-99 { + z-index: 99; + } + .sm\:zi-999 { + z-index: 999; + } + .sm\:zi--2 { + z-index: -2; + } + .sm\:zi--9 { + z-index: -9; + } + .sm\:zi--99 { + z-index: -99; + } + .sm\:zi--999 { + z-index: -999; + } +} +@media (min-width: 768px) { + .md\:zi-0 { + z-index: 0; + } + .md\:zi-1 { + z-index: 1; + } + .md\:zi-2 { + z-index: 2; + } + .md\:zi-3 { + z-index: 3; + } + .md\:zi-4 { + z-index: 4; + } + .md\:zi-5 { + z-index: 5; + } + .md\:zi-6 { + z-index: 6; + } + .md\:zi-7 { + z-index: 7; + } + .md\:zi-8 { + z-index: 8; + } + .md\:zi-9 { + z-index: 9; + } + .md\:zi-10 { + z-index: 10; + } + .md\:zi-99 { + z-index: 99; + } + .md\:zi-999 { + z-index: 999; + } + .md\:zi--2 { + z-index: -2; + } + .md\:zi--9 { + z-index: -9; + } + .md\:zi--99 { + z-index: -99; + } + .md\:zi--999 { + z-index: -999; + } +} +@media (min-width: 1024px) { + .lg\:zi-0 { + z-index: 0; + } + .lg\:zi-1 { + z-index: 1; + } + .lg\:zi-2 { + z-index: 2; + } + .lg\:zi-3 { + z-index: 3; + } + .lg\:zi-4 { + z-index: 4; + } + .lg\:zi-5 { + z-index: 5; + } + .lg\:zi-6 { + z-index: 6; + } + .lg\:zi-7 { + z-index: 7; + } + .lg\:zi-8 { + z-index: 8; + } + .lg\:zi-9 { + z-index: 9; + } + .lg\:zi-10 { + z-index: 10; + } + .lg\:zi-99 { + z-index: 99; + } + .lg\:zi-999 { + z-index: 999; + } + .lg\:zi--2 { + z-index: -2; + } + .lg\:zi--9 { + z-index: -9; + } + .lg\:zi--99 { + z-index: -99; + } + .lg\:zi--999 { + z-index: -999; + } +} +@media (min-width: 1440px) { + .xl\:zi-0 { + z-index: 0; + } + .xl\:zi-1 { + z-index: 1; + } + .xl\:zi-2 { + z-index: 2; + } + .xl\:zi-3 { + z-index: 3; + } + .xl\:zi-4 { + z-index: 4; + } + .xl\:zi-5 { + z-index: 5; + } + .xl\:zi-6 { + z-index: 6; + } + .xl\:zi-7 { + z-index: 7; + } + .xl\:zi-8 { + z-index: 8; + } + .xl\:zi-9 { + z-index: 9; + } + .xl\:zi-10 { + z-index: 10; + } + .xl\:zi-99 { + z-index: 99; + } + .xl\:zi-999 { + z-index: 999; + } + .xl\:zi--2 { + z-index: -2; + } + .xl\:zi--9 { + z-index: -9; + } + .xl\:zi--99 { + z-index: -99; + } + .xl\:zi--999 { + z-index: -999; + } +} +@media (min-width: 1920px) { + .xxl\:zi-0 { + z-index: 0; + } + .xxl\:zi-1 { + z-index: 1; + } + .xxl\:zi-2 { + z-index: 2; + } + .xxl\:zi-3 { + z-index: 3; + } + .xxl\:zi-4 { + z-index: 4; + } + .xxl\:zi-5 { + z-index: 5; + } + .xxl\:zi-6 { + z-index: 6; + } + .xxl\:zi-7 { + z-index: 7; + } + .xxl\:zi-8 { + z-index: 8; + } + .xxl\:zi-9 { + z-index: 9; + } + .xxl\:zi-10 { + z-index: 10; + } + .xxl\:zi-99 { + z-index: 99; + } + .xxl\:zi-999 { + z-index: 999; + } + .xxl\:zi--2 { + z-index: -2; + } + .xxl\:zi--9 { + z-index: -9; + } + .xxl\:zi--99 { + z-index: -99; + } + .xxl\:zi--999 { + z-index: -999; + } +} +/* order pour flex */ +.or-1 { + order: 1; +} +.or-2 { + order: 2; +} +.or-3 { + order: 3; +} +.or-4 { + order: 4; +} +.or-5 { + order: 5; +} +.or-6 { + order: 6; +} +.or-7 { + order: 7; +} +.or-8 { + order: 8; +} +.or-9 { + order: 9; +} +.or-10 { + order: 10; +} +.or-97 { + order: 97; +} +.or-98 { + order: 98; +} +.or-99 { + order: 99; +} +@media (min-width: 400px) { + .xs\:or-1 { + order: 1; + } + .xs\:or-2 { + order: 2; + } + .xs\:or-3 { + order: 3; + } + .xs\:or-4 { + order: 4; + } + .xs\:or-5 { + order: 5; + } + .xs\:or-6 { + order: 6; + } + .xs\:or-7 { + order: 7; + } + .xs\:or-8 { + order: 8; + } + .xs\:or-9 { + order: 9; + } + .xs\:or-10 { + order: 10; + } + .xs\:or-97 { + order: 97; + } + .xs\:or-98 { + order: 98; + } + .xs\:or-99 { + order: 99; + } +} +@media (min-width: 576px) { + .sm\:or-1 { + order: 1; + } + .sm\:or-2 { + order: 2; + } + .sm\:or-3 { + order: 3; + } + .sm\:or-4 { + order: 4; + } + .sm\:or-5 { + order: 5; + } + .sm\:or-6 { + order: 6; + } + .sm\:or-7 { + order: 7; + } + .sm\:or-8 { + order: 8; + } + .sm\:or-9 { + order: 9; + } + .sm\:or-10 { + order: 10; + } + .sm\:or-97 { + order: 97; + } + .sm\:or-98 { + order: 98; + } + .sm\:or-99 { + order: 99; + } +} +@media (min-width: 768px) { + .md\:or-1 { + order: 1; + } + .md\:or-2 { + order: 2; + } + .md\:or-3 { + order: 3; + } + .md\:or-4 { + order: 4; + } + .md\:or-5 { + order: 5; + } + .md\:or-6 { + order: 6; + } + .md\:or-7 { + order: 7; + } + .md\:or-8 { + order: 8; + } + .md\:or-9 { + order: 9; + } + .md\:or-10 { + order: 10; + } + .md\:or-97 { + order: 97; + } + .md\:or-98 { + order: 98; + } + .md\:or-99 { + order: 99; + } +} +@media (min-width: 1024px) { + .lg\:or-1 { + order: 1; + } + .lg\:or-2 { + order: 2; + } + .lg\:or-3 { + order: 3; + } + .lg\:or-4 { + order: 4; + } + .lg\:or-5 { + order: 5; + } + .lg\:or-6 { + order: 6; + } + .lg\:or-7 { + order: 7; + } + .lg\:or-8 { + order: 8; + } + .lg\:or-9 { + order: 9; + } + .lg\:or-10 { + order: 10; + } + .lg\:or-97 { + order: 97; + } + .lg\:or-98 { + order: 98; + } + .lg\:or-99 { + order: 99; + } +} +@media (min-width: 1440px) { + .xl\:or-1 { + order: 1; + } + .xl\:or-2 { + order: 2; + } + .xl\:or-3 { + order: 3; + } + .xl\:or-4 { + order: 4; + } + .xl\:or-5 { + order: 5; + } + .xl\:or-6 { + order: 6; + } + .xl\:or-7 { + order: 7; + } + .xl\:or-8 { + order: 8; + } + .xl\:or-9 { + order: 9; + } + .xl\:or-10 { + order: 10; + } + .xl\:or-97 { + order: 97; + } + .xl\:or-98 { + order: 98; + } + .xl\:or-99 { + order: 99; + } +} +@media (min-width: 1920px) { + .xxl\:or-1 { + order: 1; + } + .xxl\:or-2 { + order: 2; + } + .xxl\:or-3 { + order: 3; + } + .xxl\:or-4 { + order: 4; + } + .xxl\:or-5 { + order: 5; + } + .xxl\:or-6 { + order: 6; + } + .xxl\:or-7 { + order: 7; + } + .xxl\:or-8 { + order: 8; + } + .xxl\:or-9 { + order: 9; + } + .xxl\:or-10 { + order: 10; + } + .xxl\:or-97 { + order: 97; + } + .xxl\:or-98 { + order: 98; + } + .xxl\:or-99 { + order: 99; + } +} +.is-unstyled { + list-style: none; + padding-left: 0; +} +.text-normal { + font-weight: normal; + font-style: normal; + text-transform: none; +} +/* invisible for all */ +.is-hidden, .js-hidden, [hidden] { + display: none; +} +.is-nohidden { + display: initial; +} +/* hidden but not for an assistive technology like a screen reader, Yahoo! method */ +.visually-hidden, .tabs-content-item[aria-hidden="true"] { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; +} +.is-disabled, .js-disabled, [disabled], .is-disabled ~ label, [disabled] ~ label { + opacity: 0.5; + cursor: not-allowed !important; + filter: grayscale(1); +} +ul.is-unstyled, ul.unstyled { + list-style: none; + padding-left: 0; +} +.color--inverse { + color: #fff; +} +/* + * Global utility classes + */ +.hidden { + display: none; +} +.block { + display: block; +} +.inline { + display: inline; +} +.inline-block { + display: inline-block; +} +.inline-flex { + display: inline-flex; +} +.flex { + display: flex; +} +.flex-row { + flex-direction: row; +} +.flex-col { + flex-direction: column; +} +.flex-wrap { + flex-wrap: wrap; +} +.flex-no-wrap { + flex-wrap: nowrap; +} +.flex-shrink { + flex-shrink: 1; +} +.flex-no-shrink { + flex-shrink: 0; +} +.flex-grow { + flex-grow: 1; +} +.flex-no-grow { + flex-grow: 0; +} +.float-left { + float: left; +} +.float-right { + float: right; +} +.float-none { + float: none; +} +.text-bold { + font-weight: bold; +} +.text-italic { + font-style: italic; +} +.text-uppercase { + text-transform: uppercase; +} +.text-lowercase { + text-transform: lowercase; +} +.text-capitalize { + text-transform: capitalize; +} +.text-smaller { + font-size: smaller; +} +.text-bigger { + font-size: xx-large; +} +.text-left { + text-align: left; +} +.text-center { + text-align: center; +} +.text-right { + text-align: right; +} +.text-justify { + text-align: justify; +} +.text-wrap { + overflow-wrap: break-word; +} +.text-nowrap { + white-space: nowrap; +} +.justify-start { + justify-content: flex-start; +} +.justify-end { + justify-content: flex-end; +} +.justify-center { + justify-content: center; +} +.justify-between { + justify-content: space-between; +} +.justify-around { + justify-content: space-around; +} +.justify-evenly { + justify-content: space-evenly; +} +.justify-items-start { + justify-items: start; +} +.justify-items-end { + justify-items: end; +} +.justify-items-center { + justify-items: center; +} +.align-start { + align-content: start; +} +.align-end { + align-content: end; +} +.align-center { + align-content: center; +} +.align-between { + align-content: space-between; +} +.align-around { + align-content: space-around; +} +.align-evenly { + align-content: space-evenly; +} +.align-items-start { + align-items: flex-start; +} +.align-items-end { + align-items: flex-end; +} +.align-items-center { + align-items: center; +} +.place-center { + place-content: center; +} +.justify-self-auto { + justify-self: auto; +} +.justify-self-start { + justify-self: start; +} +.justify-self-end { + justify-self: end; +} +.justify-self-center { + justify-self: center; +} +.justify-self-stretch { + justify-self: stretch; +} +.align-self-auto { + align-self: auto; +} +.align-self-start { + align-self: flex-start; +} +.align-self-end { + align-self: flex-end; +} +.align-self-center { + align-self: center; +} +.align-self-stretch { + align-self: stretch; +} +.align-top { + vertical-align: top; +} +.align-bottom { + vertical-align: bottom; +} +.align-middle { + vertical-align: middle; +} +.item-first { + order: -100; +} +.item-last { + order: 100; +} +.clearfix { + clear: both; +} +.h-100pc { + height: 100%; +} +.h-auto { + height: auto; +} +.w-100pc { + width: 100%; +} +.w-auto { + width: auto; +} +.overflow-hidden { + overflow: hidden; +} +@media (min-width: 400px) { + .xs\:hidden { + display: none; + } +} +@media (min-width: 576px) { + .sm\:hidden { + display: none; + } +} +@media (min-width: 768px) { + .md\:hidden { + display: none; + } +} +@media (min-width: 1024px) { + .lg\:hidden { + display: none; + } +} +@media (min-width: 1440px) { + .xl\:hidden { + display: none; + } +} +@media (min-width: 1920px) { + .xxl\:hidden { + display: none; + } +} +@media (min-width: 400px) { + .xs\:block { + display: block; + } +} +@media (min-width: 576px) { + .sm\:block { + display: block; + } +} +@media (min-width: 768px) { + .md\:block { + display: block; + } +} +@media (min-width: 1024px) { + .lg\:block { + display: block; + } +} +@media (min-width: 1440px) { + .xl\:block { + display: block; + } +} +@media (min-width: 1920px) { + .xxl\:block { + display: block; + } +} +@media (min-width: 400px) { + .xs\:inline { + display: inline; + } +} +@media (min-width: 576px) { + .sm\:inline { + display: inline; + } +} +@media (min-width: 768px) { + .md\:inline { + display: inline; + } +} +@media (min-width: 1024px) { + .lg\:inline { + display: inline; + } +} +@media (min-width: 1440px) { + .xl\:inline { + display: inline; + } +} +@media (min-width: 1920px) { + .xxl\:inline { + display: inline; + } +} +@media (min-width: 400px) { + .xs\:inline-block { + display: inline-block; + } +} +@media (min-width: 576px) { + .sm\:inline-block { + display: inline-block; + } +} +@media (min-width: 768px) { + .md\:inline-block { + display: inline-block; + } +} +@media (min-width: 1024px) { + .lg\:inline-block { + display: inline-block; + } +} +@media (min-width: 1440px) { + .xl\:inline-block { + display: inline-block; + } +} +@media (min-width: 1920px) { + .xxl\:inline-block { + display: inline-block; + } +} +@media (min-width: 400px) { + .xs\:inline-flex { + display: inline-flex; + } +} +@media (min-width: 576px) { + .sm\:inline-flex { + display: inline-flex; + } +} +@media (min-width: 768px) { + .md\:inline-flex { + display: inline-flex; + } +} +@media (min-width: 1024px) { + .lg\:inline-flex { + display: inline-flex; + } +} +@media (min-width: 1440px) { + .xl\:inline-flex { + display: inline-flex; + } +} +@media (min-width: 1920px) { + .xxl\:inline-flex { + display: inline-flex; + } +} +@media (min-width: 400px) { + .xs\:flex { + display: flex; + } +} +@media (min-width: 576px) { + .sm\:flex { + display: flex; + } +} +@media (min-width: 768px) { + .md\:flex { + display: flex; + } +} +@media (min-width: 1024px) { + .lg\:flex { + display: flex; + } +} +@media (min-width: 1440px) { + .xl\:flex { + display: flex; + } +} +@media (min-width: 1920px) { + .xxl\:flex { + display: flex; + } +} +@media (min-width: 400px) { + .xs\:flex-row { + flex-direction: row; + } +} +@media (min-width: 576px) { + .sm\:flex-row { + flex-direction: row; + } +} +@media (min-width: 768px) { + .md\:flex-row { + flex-direction: row; + } +} +@media (min-width: 1024px) { + .lg\:flex-row { + flex-direction: row; + } +} +@media (min-width: 1440px) { + .xl\:flex-row { + flex-direction: row; + } +} +@media (min-width: 1920px) { + .xxl\:flex-row { + flex-direction: row; + } +} +@media (min-width: 400px) { + .xs\:flex-col { + flex-direction: column; + } +} +@media (min-width: 576px) { + .sm\:flex-col { + flex-direction: column; + } +} +@media (min-width: 768px) { + .md\:flex-col { + flex-direction: column; + } +} +@media (min-width: 1024px) { + .lg\:flex-col { + flex-direction: column; + } +} +@media (min-width: 1440px) { + .xl\:flex-col { + flex-direction: column; + } +} +@media (min-width: 1920px) { + .xxl\:flex-col { + flex-direction: column; + } +} +@media (min-width: 400px) { + .xs\:flex-wrap { + flex-wrap: wrap; + } +} +@media (min-width: 576px) { + .sm\:flex-wrap { + flex-wrap: wrap; + } +} +@media (min-width: 768px) { + .md\:flex-wrap { + flex-wrap: wrap; + } +} +@media (min-width: 1024px) { + .lg\:flex-wrap { + flex-wrap: wrap; + } +} +@media (min-width: 1440px) { + .xl\:flex-wrap { + flex-wrap: wrap; + } +} +@media (min-width: 1920px) { + .xxl\:flex-wrap { + flex-wrap: wrap; + } +} +@media (min-width: 400px) { + .xs\:flex-no-wrap { + flex-wrap: nowrap; + } +} +@media (min-width: 576px) { + .sm\:flex-no-wrap { + flex-wrap: nowrap; + } +} +@media (min-width: 768px) { + .md\:flex-no-wrap { + flex-wrap: nowrap; + } +} +@media (min-width: 1024px) { + .lg\:flex-no-wrap { + flex-wrap: nowrap; + } +} +@media (min-width: 1440px) { + .xl\:flex-no-wrap { + flex-wrap: nowrap; + } +} +@media (min-width: 1920px) { + .xxl\:flex-no-wrap { + flex-wrap: nowrap; + } +} +@media (min-width: 400px) { + .xs\:flex-shrink { + flex-shrink: 1; + } +} +@media (min-width: 576px) { + .sm\:flex-shrink { + flex-shrink: 1; + } +} +@media (min-width: 768px) { + .md\:flex-shrink { + flex-shrink: 1; + } +} +@media (min-width: 1024px) { + .lg\:flex-shrink { + flex-shrink: 1; + } +} +@media (min-width: 1440px) { + .xl\:flex-shrink { + flex-shrink: 1; + } +} +@media (min-width: 1920px) { + .xxl\:flex-shrink { + flex-shrink: 1; + } +} +@media (min-width: 400px) { + .xs\:flex-no-shrink { + flex-shrink: 0; + } +} +@media (min-width: 576px) { + .sm\:flex-no-shrink { + flex-shrink: 0; + } +} +@media (min-width: 768px) { + .md\:flex-no-shrink { + flex-shrink: 0; + } +} +@media (min-width: 1024px) { + .lg\:flex-no-shrink { + flex-shrink: 0; + } +} +@media (min-width: 1440px) { + .xl\:flex-no-shrink { + flex-shrink: 0; + } +} +@media (min-width: 1920px) { + .xxl\:flex-no-shrink { + flex-shrink: 0; + } +} +@media (min-width: 400px) { + .xs\:flex-grow { + flex-grow: 1; + } +} +@media (min-width: 576px) { + .sm\:flex-grow { + flex-grow: 1; + } +} +@media (min-width: 768px) { + .md\:flex-grow { + flex-grow: 1; + } +} +@media (min-width: 1024px) { + .lg\:flex-grow { + flex-grow: 1; + } +} +@media (min-width: 1440px) { + .xl\:flex-grow { + flex-grow: 1; + } +} +@media (min-width: 1920px) { + .xxl\:flex-grow { + flex-grow: 1; + } +} +@media (min-width: 400px) { + .xs\:flex-no-grow { + flex-grow: 0; + } +} +@media (min-width: 576px) { + .sm\:flex-no-grow { + flex-grow: 0; + } +} +@media (min-width: 768px) { + .md\:flex-no-grow { + flex-grow: 0; + } +} +@media (min-width: 1024px) { + .lg\:flex-no-grow { + flex-grow: 0; + } +} +@media (min-width: 1440px) { + .xl\:flex-no-grow { + flex-grow: 0; + } +} +@media (min-width: 1920px) { + .xxl\:flex-no-grow { + flex-grow: 0; + } +} +@media (min-width: 400px) { + .xs\:float-left { + float: left; + } +} +@media (min-width: 576px) { + .sm\:float-left { + float: left; + } +} +@media (min-width: 768px) { + .md\:float-left { + float: left; + } +} +@media (min-width: 1024px) { + .lg\:float-left { + float: left; + } +} +@media (min-width: 1440px) { + .xl\:float-left { + float: left; + } +} +@media (min-width: 1920px) { + .xxl\:float-left { + float: left; + } +} +@media (min-width: 400px) { + .xs\:float-right { + float: right; + } +} +@media (min-width: 576px) { + .sm\:float-right { + float: right; + } +} +@media (min-width: 768px) { + .md\:float-right { + float: right; + } +} +@media (min-width: 1024px) { + .lg\:float-right { + float: right; + } +} +@media (min-width: 1440px) { + .xl\:float-right { + float: right; + } +} +@media (min-width: 1920px) { + .xxl\:float-right { + float: right; + } +} +@media (min-width: 400px) { + .xs\:float-none { + float: none; + } +} +@media (min-width: 576px) { + .sm\:float-none { + float: none; + } +} +@media (min-width: 768px) { + .md\:float-none { + float: none; + } +} +@media (min-width: 1024px) { + .lg\:float-none { + float: none; + } +} +@media (min-width: 1440px) { + .xl\:float-none { + float: none; + } +} +@media (min-width: 1920px) { + .xxl\:float-none { + float: none; + } +} +@media (min-width: 400px) { + .xs\:text-bold { + font-weight: bold; + } +} +@media (min-width: 576px) { + .sm\:text-bold { + font-weight: bold; + } +} +@media (min-width: 768px) { + .md\:text-bold { + font-weight: bold; + } +} +@media (min-width: 1024px) { + .lg\:text-bold { + font-weight: bold; + } +} +@media (min-width: 1440px) { + .xl\:text-bold { + font-weight: bold; + } +} +@media (min-width: 1920px) { + .xxl\:text-bold { + font-weight: bold; + } +} +@media (min-width: 400px) { + .xs\:text-italic { + font-style: italic; + } +} +@media (min-width: 576px) { + .sm\:text-italic { + font-style: italic; + } +} +@media (min-width: 768px) { + .md\:text-italic { + font-style: italic; + } +} +@media (min-width: 1024px) { + .lg\:text-italic { + font-style: italic; + } +} +@media (min-width: 1440px) { + .xl\:text-italic { + font-style: italic; + } +} +@media (min-width: 1920px) { + .xxl\:text-italic { + font-style: italic; + } +} +@media (min-width: 400px) { + .xs\:text-uppercase { + text-transform: uppercase; + } +} +@media (min-width: 576px) { + .sm\:text-uppercase { + text-transform: uppercase; + } +} +@media (min-width: 768px) { + .md\:text-uppercase { + text-transform: uppercase; + } +} +@media (min-width: 1024px) { + .lg\:text-uppercase { + text-transform: uppercase; + } +} +@media (min-width: 1440px) { + .xl\:text-uppercase { + text-transform: uppercase; + } +} +@media (min-width: 1920px) { + .xxl\:text-uppercase { + text-transform: uppercase; + } +} +@media (min-width: 400px) { + .xs\:text-lowercase { + text-transform: lowercase; + } +} +@media (min-width: 576px) { + .sm\:text-lowercase { + text-transform: lowercase; + } +} +@media (min-width: 768px) { + .md\:text-lowercase { + text-transform: lowercase; + } +} +@media (min-width: 1024px) { + .lg\:text-lowercase { + text-transform: lowercase; + } +} +@media (min-width: 1440px) { + .xl\:text-lowercase { + text-transform: lowercase; + } +} +@media (min-width: 1920px) { + .xxl\:text-lowercase { + text-transform: lowercase; + } +} +@media (min-width: 400px) { + .xs\:text-capitalize { + text-transform: capitalize; + } +} +@media (min-width: 576px) { + .sm\:text-capitalize { + text-transform: capitalize; + } +} +@media (min-width: 768px) { + .md\:text-capitalize { + text-transform: capitalize; + } +} +@media (min-width: 1024px) { + .lg\:text-capitalize { + text-transform: capitalize; + } +} +@media (min-width: 1440px) { + .xl\:text-capitalize { + text-transform: capitalize; + } +} +@media (min-width: 1920px) { + .xxl\:text-capitalize { + text-transform: capitalize; + } +} +@media (min-width: 400px) { + .xs\:text-smaller { + font-size: smaller; + } +} +@media (min-width: 576px) { + .sm\:text-smaller { + font-size: smaller; + } +} +@media (min-width: 768px) { + .md\:text-smaller { + font-size: smaller; + } +} +@media (min-width: 1024px) { + .lg\:text-smaller { + font-size: smaller; + } +} +@media (min-width: 1440px) { + .xl\:text-smaller { + font-size: smaller; + } +} +@media (min-width: 1920px) { + .xxl\:text-smaller { + font-size: smaller; + } +} +@media (min-width: 400px) { + .xs\:text-bigger { + font-size: xx-large; + } +} +@media (min-width: 576px) { + .sm\:text-bigger { + font-size: xx-large; + } +} +@media (min-width: 768px) { + .md\:text-bigger { + font-size: xx-large; + } +} +@media (min-width: 1024px) { + .lg\:text-bigger { + font-size: xx-large; + } +} +@media (min-width: 1440px) { + .xl\:text-bigger { + font-size: xx-large; + } +} +@media (min-width: 1920px) { + .xxl\:text-bigger { + font-size: xx-large; + } +} +@media (min-width: 400px) { + .xs\:text-left { + text-align: left; + } +} +@media (min-width: 576px) { + .sm\:text-left { + text-align: left; + } +} +@media (min-width: 768px) { + .md\:text-left { + text-align: left; + } +} +@media (min-width: 1024px) { + .lg\:text-left { + text-align: left; + } +} +@media (min-width: 1440px) { + .xl\:text-left { + text-align: left; + } +} +@media (min-width: 1920px) { + .xxl\:text-left { + text-align: left; + } +} +@media (min-width: 400px) { + .xs\:text-center { + text-align: center; + } +} +@media (min-width: 576px) { + .sm\:text-center { + text-align: center; + } +} +@media (min-width: 768px) { + .md\:text-center { + text-align: center; + } +} +@media (min-width: 1024px) { + .lg\:text-center { + text-align: center; + } +} +@media (min-width: 1440px) { + .xl\:text-center { + text-align: center; + } +} +@media (min-width: 1920px) { + .xxl\:text-center { + text-align: center; + } +} +@media (min-width: 400px) { + .xs\:text-right { + text-align: right; + } +} +@media (min-width: 576px) { + .sm\:text-right { + text-align: right; + } +} +@media (min-width: 768px) { + .md\:text-right { + text-align: right; + } +} +@media (min-width: 1024px) { + .lg\:text-right { + text-align: right; + } +} +@media (min-width: 1440px) { + .xl\:text-right { + text-align: right; + } +} +@media (min-width: 1920px) { + .xxl\:text-right { + text-align: right; + } +} +@media (min-width: 400px) { + .xs\:text-justify { + text-align: justify; + } +} +@media (min-width: 576px) { + .sm\:text-justify { + text-align: justify; + } +} +@media (min-width: 768px) { + .md\:text-justify { + text-align: justify; + } +} +@media (min-width: 1024px) { + .lg\:text-justify { + text-align: justify; + } +} +@media (min-width: 1440px) { + .xl\:text-justify { + text-align: justify; + } +} +@media (min-width: 1920px) { + .xxl\:text-justify { + text-align: justify; + } +} +@media (min-width: 400px) { + .xs\:text-wrap { + overflow-wrap: break-word; + } +} +@media (min-width: 576px) { + .sm\:text-wrap { + overflow-wrap: break-word; + } +} +@media (min-width: 768px) { + .md\:text-wrap { + overflow-wrap: break-word; + } +} +@media (min-width: 1024px) { + .lg\:text-wrap { + overflow-wrap: break-word; + } +} +@media (min-width: 1440px) { + .xl\:text-wrap { + overflow-wrap: break-word; + } +} +@media (min-width: 1920px) { + .xxl\:text-wrap { + overflow-wrap: break-word; + } +} +@media (min-width: 400px) { + .xs\:text-nowrap { + white-space: nowrap; + } +} +@media (min-width: 576px) { + .sm\:text-nowrap { + white-space: nowrap; + } +} +@media (min-width: 768px) { + .md\:text-nowrap { + white-space: nowrap; + } +} +@media (min-width: 1024px) { + .lg\:text-nowrap { + white-space: nowrap; + } +} +@media (min-width: 1440px) { + .xl\:text-nowrap { + white-space: nowrap; + } +} +@media (min-width: 1920px) { + .xxl\:text-nowrap { + white-space: nowrap; + } +} +@media (min-width: 400px) { + .xs\:justify-start { + justify-content: flex-start; + } +} +@media (min-width: 576px) { + .sm\:justify-start { + justify-content: flex-start; + } +} +@media (min-width: 768px) { + .md\:justify-start { + justify-content: flex-start; + } +} +@media (min-width: 1024px) { + .lg\:justify-start { + justify-content: flex-start; + } +} +@media (min-width: 1440px) { + .xl\:justify-start { + justify-content: flex-start; + } +} +@media (min-width: 1920px) { + .xxl\:justify-start { + justify-content: flex-start; + } +} +@media (min-width: 400px) { + .xs\:justify-end { + justify-content: flex-end; + } +} +@media (min-width: 576px) { + .sm\:justify-end { + justify-content: flex-end; + } +} +@media (min-width: 768px) { + .md\:justify-end { + justify-content: flex-end; + } +} +@media (min-width: 1024px) { + .lg\:justify-end { + justify-content: flex-end; + } +} +@media (min-width: 1440px) { + .xl\:justify-end { + justify-content: flex-end; + } +} +@media (min-width: 1920px) { + .xxl\:justify-end { + justify-content: flex-end; + } +} +@media (min-width: 400px) { + .xs\:justify-center { + justify-content: center; + } +} +@media (min-width: 576px) { + .sm\:justify-center { + justify-content: center; + } +} +@media (min-width: 768px) { + .md\:justify-center { + justify-content: center; + } +} +@media (min-width: 1024px) { + .lg\:justify-center { + justify-content: center; + } +} +@media (min-width: 1440px) { + .xl\:justify-center { + justify-content: center; + } +} +@media (min-width: 1920px) { + .xxl\:justify-center { + justify-content: center; + } +} +@media (min-width: 400px) { + .xs\:justify-between { + justify-content: space-between; + } +} +@media (min-width: 576px) { + .sm\:justify-between { + justify-content: space-between; + } +} +@media (min-width: 768px) { + .md\:justify-between { + justify-content: space-between; + } +} +@media (min-width: 1024px) { + .lg\:justify-between { + justify-content: space-between; + } +} +@media (min-width: 1440px) { + .xl\:justify-between { + justify-content: space-between; + } +} +@media (min-width: 1920px) { + .xxl\:justify-between { + justify-content: space-between; + } +} +@media (min-width: 400px) { + .xs\:justify-around { + justify-content: space-around; + } +} +@media (min-width: 576px) { + .sm\:justify-around { + justify-content: space-around; + } +} +@media (min-width: 768px) { + .md\:justify-around { + justify-content: space-around; + } +} +@media (min-width: 1024px) { + .lg\:justify-around { + justify-content: space-around; + } +} +@media (min-width: 1440px) { + .xl\:justify-around { + justify-content: space-around; + } +} +@media (min-width: 1920px) { + .xxl\:justify-around { + justify-content: space-around; + } +} +@media (min-width: 400px) { + .xs\:justify-evenly { + justify-content: space-evenly; + } +} +@media (min-width: 576px) { + .sm\:justify-evenly { + justify-content: space-evenly; + } +} +@media (min-width: 768px) { + .md\:justify-evenly { + justify-content: space-evenly; + } +} +@media (min-width: 1024px) { + .lg\:justify-evenly { + justify-content: space-evenly; + } +} +@media (min-width: 1440px) { + .xl\:justify-evenly { + justify-content: space-evenly; + } +} +@media (min-width: 1920px) { + .xxl\:justify-evenly { + justify-content: space-evenly; + } +} +@media (min-width: 400px) { + .xs\:justify-items-start { + justify-items: start; + } +} +@media (min-width: 576px) { + .sm\:justify-items-start { + justify-items: start; + } +} +@media (min-width: 768px) { + .md\:justify-items-start { + justify-items: start; + } +} +@media (min-width: 1024px) { + .lg\:justify-items-start { + justify-items: start; + } +} +@media (min-width: 1440px) { + .xl\:justify-items-start { + justify-items: start; + } +} +@media (min-width: 1920px) { + .xxl\:justify-items-start { + justify-items: start; + } +} +@media (min-width: 400px) { + .xs\:justify-items-end { + justify-items: end; + } +} +@media (min-width: 576px) { + .sm\:justify-items-end { + justify-items: end; + } +} +@media (min-width: 768px) { + .md\:justify-items-end { + justify-items: end; + } +} +@media (min-width: 1024px) { + .lg\:justify-items-end { + justify-items: end; + } +} +@media (min-width: 1440px) { + .xl\:justify-items-end { + justify-items: end; + } +} +@media (min-width: 1920px) { + .xxl\:justify-items-end { + justify-items: end; + } +} +@media (min-width: 400px) { + .xs\:justify-items-center { + justify-items: center; + } +} +@media (min-width: 576px) { + .sm\:justify-items-center { + justify-items: center; + } +} +@media (min-width: 768px) { + .md\:justify-items-center { + justify-items: center; + } +} +@media (min-width: 1024px) { + .lg\:justify-items-center { + justify-items: center; + } +} +@media (min-width: 1440px) { + .xl\:justify-items-center { + justify-items: center; + } +} +@media (min-width: 1920px) { + .xxl\:justify-items-center { + justify-items: center; + } +} +@media (min-width: 400px) { + .xs\:align-start { + align-content: start; + } +} +@media (min-width: 576px) { + .sm\:align-start { + align-content: start; + } +} +@media (min-width: 768px) { + .md\:align-start { + align-content: start; + } +} +@media (min-width: 1024px) { + .lg\:align-start { + align-content: start; + } +} +@media (min-width: 1440px) { + .xl\:align-start { + align-content: start; + } +} +@media (min-width: 1920px) { + .xxl\:align-start { + align-content: start; + } +} +@media (min-width: 400px) { + .xs\:align-end { + align-content: end; + } +} +@media (min-width: 576px) { + .sm\:align-end { + align-content: end; + } +} +@media (min-width: 768px) { + .md\:align-end { + align-content: end; + } +} +@media (min-width: 1024px) { + .lg\:align-end { + align-content: end; + } +} +@media (min-width: 1440px) { + .xl\:align-end { + align-content: end; + } +} +@media (min-width: 1920px) { + .xxl\:align-end { + align-content: end; + } +} +@media (min-width: 400px) { + .xs\:align-center { + align-content: center; + } +} +@media (min-width: 576px) { + .sm\:align-center { + align-content: center; + } +} +@media (min-width: 768px) { + .md\:align-center { + align-content: center; + } +} +@media (min-width: 1024px) { + .lg\:align-center { + align-content: center; + } +} +@media (min-width: 1440px) { + .xl\:align-center { + align-content: center; + } +} +@media (min-width: 1920px) { + .xxl\:align-center { + align-content: center; + } +} +@media (min-width: 400px) { + .xs\:align-between { + align-content: space-between; + } +} +@media (min-width: 576px) { + .sm\:align-between { + align-content: space-between; + } +} +@media (min-width: 768px) { + .md\:align-between { + align-content: space-between; + } +} +@media (min-width: 1024px) { + .lg\:align-between { + align-content: space-between; + } +} +@media (min-width: 1440px) { + .xl\:align-between { + align-content: space-between; + } +} +@media (min-width: 1920px) { + .xxl\:align-between { + align-content: space-between; + } +} +@media (min-width: 400px) { + .xs\:align-around { + align-content: space-around; + } +} +@media (min-width: 576px) { + .sm\:align-around { + align-content: space-around; + } +} +@media (min-width: 768px) { + .md\:align-around { + align-content: space-around; + } +} +@media (min-width: 1024px) { + .lg\:align-around { + align-content: space-around; + } +} +@media (min-width: 1440px) { + .xl\:align-around { + align-content: space-around; + } +} +@media (min-width: 1920px) { + .xxl\:align-around { + align-content: space-around; + } +} +@media (min-width: 400px) { + .xs\:align-evenly { + align-content: space-evenly; + } +} +@media (min-width: 576px) { + .sm\:align-evenly { + align-content: space-evenly; + } +} +@media (min-width: 768px) { + .md\:align-evenly { + align-content: space-evenly; + } +} +@media (min-width: 1024px) { + .lg\:align-evenly { + align-content: space-evenly; + } +} +@media (min-width: 1440px) { + .xl\:align-evenly { + align-content: space-evenly; + } +} +@media (min-width: 1920px) { + .xxl\:align-evenly { + align-content: space-evenly; + } +} +@media (min-width: 400px) { + .xs\:align-items-start { + align-items: flex-start; + } +} +@media (min-width: 576px) { + .sm\:align-items-start { + align-items: flex-start; + } +} +@media (min-width: 768px) { + .md\:align-items-start { + align-items: flex-start; + } +} +@media (min-width: 1024px) { + .lg\:align-items-start { + align-items: flex-start; + } +} +@media (min-width: 1440px) { + .xl\:align-items-start { + align-items: flex-start; + } +} +@media (min-width: 1920px) { + .xxl\:align-items-start { + align-items: flex-start; + } +} +@media (min-width: 400px) { + .xs\:align-items-end { + align-items: flex-end; + } +} +@media (min-width: 576px) { + .sm\:align-items-end { + align-items: flex-end; + } +} +@media (min-width: 768px) { + .md\:align-items-end { + align-items: flex-end; + } +} +@media (min-width: 1024px) { + .lg\:align-items-end { + align-items: flex-end; + } +} +@media (min-width: 1440px) { + .xl\:align-items-end { + align-items: flex-end; + } +} +@media (min-width: 1920px) { + .xxl\:align-items-end { + align-items: flex-end; + } +} +@media (min-width: 400px) { + .xs\:align-items-center { + align-items: center; + } +} +@media (min-width: 576px) { + .sm\:align-items-center { + align-items: center; + } +} +@media (min-width: 768px) { + .md\:align-items-center { + align-items: center; + } +} +@media (min-width: 1024px) { + .lg\:align-items-center { + align-items: center; + } +} +@media (min-width: 1440px) { + .xl\:align-items-center { + align-items: center; + } +} +@media (min-width: 1920px) { + .xxl\:align-items-center { + align-items: center; + } +} +@media (min-width: 400px) { + .xs\:place-center { + place-content: center; + } +} +@media (min-width: 576px) { + .sm\:place-center { + place-content: center; + } +} +@media (min-width: 768px) { + .md\:place-center { + place-content: center; + } +} +@media (min-width: 1024px) { + .lg\:place-center { + place-content: center; + } +} +@media (min-width: 1440px) { + .xl\:place-center { + place-content: center; + } +} +@media (min-width: 1920px) { + .xxl\:place-center { + place-content: center; + } +} +@media (min-width: 400px) { + .xs\:justify-self-auto { + justify-self: auto; + } +} +@media (min-width: 576px) { + .sm\:justify-self-auto { + justify-self: auto; + } +} +@media (min-width: 768px) { + .md\:justify-self-auto { + justify-self: auto; + } +} +@media (min-width: 1024px) { + .lg\:justify-self-auto { + justify-self: auto; + } +} +@media (min-width: 1440px) { + .xl\:justify-self-auto { + justify-self: auto; + } +} +@media (min-width: 1920px) { + .xxl\:justify-self-auto { + justify-self: auto; + } +} +@media (min-width: 400px) { + .xs\:justify-self-start { + justify-self: start; + } +} +@media (min-width: 576px) { + .sm\:justify-self-start { + justify-self: start; + } +} +@media (min-width: 768px) { + .md\:justify-self-start { + justify-self: start; + } +} +@media (min-width: 1024px) { + .lg\:justify-self-start { + justify-self: start; + } +} +@media (min-width: 1440px) { + .xl\:justify-self-start { + justify-self: start; + } +} +@media (min-width: 1920px) { + .xxl\:justify-self-start { + justify-self: start; + } +} +@media (min-width: 400px) { + .xs\:justify-self-end { + justify-self: end; + } +} +@media (min-width: 576px) { + .sm\:justify-self-end { + justify-self: end; + } +} +@media (min-width: 768px) { + .md\:justify-self-end { + justify-self: end; + } +} +@media (min-width: 1024px) { + .lg\:justify-self-end { + justify-self: end; + } +} +@media (min-width: 1440px) { + .xl\:justify-self-end { + justify-self: end; + } +} +@media (min-width: 1920px) { + .xxl\:justify-self-end { + justify-self: end; + } +} +@media (min-width: 400px) { + .xs\:justify-self-center { + justify-self: center; + } +} +@media (min-width: 576px) { + .sm\:justify-self-center { + justify-self: center; + } +} +@media (min-width: 768px) { + .md\:justify-self-center { + justify-self: center; + } +} +@media (min-width: 1024px) { + .lg\:justify-self-center { + justify-self: center; + } +} +@media (min-width: 1440px) { + .xl\:justify-self-center { + justify-self: center; + } +} +@media (min-width: 1920px) { + .xxl\:justify-self-center { + justify-self: center; + } +} +@media (min-width: 400px) { + .xs\:justify-self-stretch { + justify-self: stretch; + } +} +@media (min-width: 576px) { + .sm\:justify-self-stretch { + justify-self: stretch; + } +} +@media (min-width: 768px) { + .md\:justify-self-stretch { + justify-self: stretch; + } +} +@media (min-width: 1024px) { + .lg\:justify-self-stretch { + justify-self: stretch; + } +} +@media (min-width: 1440px) { + .xl\:justify-self-stretch { + justify-self: stretch; + } +} +@media (min-width: 1920px) { + .xxl\:justify-self-stretch { + justify-self: stretch; + } +} +@media (min-width: 400px) { + .xs\:align-self-auto { + align-self: auto; + } +} +@media (min-width: 576px) { + .sm\:align-self-auto { + align-self: auto; + } +} +@media (min-width: 768px) { + .md\:align-self-auto { + align-self: auto; + } +} +@media (min-width: 1024px) { + .lg\:align-self-auto { + align-self: auto; + } +} +@media (min-width: 1440px) { + .xl\:align-self-auto { + align-self: auto; + } +} +@media (min-width: 1920px) { + .xxl\:align-self-auto { + align-self: auto; + } +} +@media (min-width: 400px) { + .xs\:align-self-start { + align-self: flex-start; + } +} +@media (min-width: 576px) { + .sm\:align-self-start { + align-self: flex-start; + } +} +@media (min-width: 768px) { + .md\:align-self-start { + align-self: flex-start; + } +} +@media (min-width: 1024px) { + .lg\:align-self-start { + align-self: flex-start; + } +} +@media (min-width: 1440px) { + .xl\:align-self-start { + align-self: flex-start; + } +} +@media (min-width: 1920px) { + .xxl\:align-self-start { + align-self: flex-start; + } +} +@media (min-width: 400px) { + .xs\:align-self-end { + align-self: flex-end; + } +} +@media (min-width: 576px) { + .sm\:align-self-end { + align-self: flex-end; + } +} +@media (min-width: 768px) { + .md\:align-self-end { + align-self: flex-end; + } +} +@media (min-width: 1024px) { + .lg\:align-self-end { + align-self: flex-end; + } +} +@media (min-width: 1440px) { + .xl\:align-self-end { + align-self: flex-end; + } +} +@media (min-width: 1920px) { + .xxl\:align-self-end { + align-self: flex-end; + } +} +@media (min-width: 400px) { + .xs\:align-self-center { + align-self: center; + } +} +@media (min-width: 576px) { + .sm\:align-self-center { + align-self: center; + } +} +@media (min-width: 768px) { + .md\:align-self-center { + align-self: center; + } +} +@media (min-width: 1024px) { + .lg\:align-self-center { + align-self: center; + } +} +@media (min-width: 1440px) { + .xl\:align-self-center { + align-self: center; + } +} +@media (min-width: 1920px) { + .xxl\:align-self-center { + align-self: center; + } +} +@media (min-width: 400px) { + .xs\:align-self-stretch { + align-self: stretch; + } +} +@media (min-width: 576px) { + .sm\:align-self-stretch { + align-self: stretch; + } +} +@media (min-width: 768px) { + .md\:align-self-stretch { + align-self: stretch; + } +} +@media (min-width: 1024px) { + .lg\:align-self-stretch { + align-self: stretch; + } +} +@media (min-width: 1440px) { + .xl\:align-self-stretch { + align-self: stretch; + } +} +@media (min-width: 1920px) { + .xxl\:align-self-stretch { + align-self: stretch; + } +} +@media (min-width: 400px) { + .xs\:align-top { + vertical-align: top; + } +} +@media (min-width: 576px) { + .sm\:align-top { + vertical-align: top; + } +} +@media (min-width: 768px) { + .md\:align-top { + vertical-align: top; + } +} +@media (min-width: 1024px) { + .lg\:align-top { + vertical-align: top; + } +} +@media (min-width: 1440px) { + .xl\:align-top { + vertical-align: top; + } +} +@media (min-width: 1920px) { + .xxl\:align-top { + vertical-align: top; + } +} +@media (min-width: 400px) { + .xs\:align-bottom { + vertical-align: bottom; + } +} +@media (min-width: 576px) { + .sm\:align-bottom { + vertical-align: bottom; + } +} +@media (min-width: 768px) { + .md\:align-bottom { + vertical-align: bottom; + } +} +@media (min-width: 1024px) { + .lg\:align-bottom { + vertical-align: bottom; + } +} +@media (min-width: 1440px) { + .xl\:align-bottom { + vertical-align: bottom; + } +} +@media (min-width: 1920px) { + .xxl\:align-bottom { + vertical-align: bottom; + } +} +@media (min-width: 400px) { + .xs\:align-middle { + vertical-align: middle; + } +} +@media (min-width: 576px) { + .sm\:align-middle { + vertical-align: middle; + } +} +@media (min-width: 768px) { + .md\:align-middle { + vertical-align: middle; + } +} +@media (min-width: 1024px) { + .lg\:align-middle { + vertical-align: middle; + } +} +@media (min-width: 1440px) { + .xl\:align-middle { + vertical-align: middle; + } +} +@media (min-width: 1920px) { + .xxl\:align-middle { + vertical-align: middle; + } +} +@media (min-width: 400px) { + .xs\:item-first { + order: -100; + } +} +@media (min-width: 576px) { + .sm\:item-first { + order: -100; + } +} +@media (min-width: 768px) { + .md\:item-first { + order: -100; + } +} +@media (min-width: 1024px) { + .lg\:item-first { + order: -100; + } +} +@media (min-width: 1440px) { + .xl\:item-first { + order: -100; + } +} +@media (min-width: 1920px) { + .xxl\:item-first { + order: -100; + } +} +@media (min-width: 400px) { + .xs\:item-last { + order: 100; + } +} +@media (min-width: 576px) { + .sm\:item-last { + order: 100; + } +} +@media (min-width: 768px) { + .md\:item-last { + order: 100; + } +} +@media (min-width: 1024px) { + .lg\:item-last { + order: 100; + } +} +@media (min-width: 1440px) { + .xl\:item-last { + order: 100; + } +} +@media (min-width: 1920px) { + .xxl\:item-last { + order: 100; + } +} +@media (min-width: 400px) { + .xs\:clearfix { + clear: both; + } +} +@media (min-width: 576px) { + .sm\:clearfix { + clear: both; + } +} +@media (min-width: 768px) { + .md\:clearfix { + clear: both; + } +} +@media (min-width: 1024px) { + .lg\:clearfix { + clear: both; + } +} +@media (min-width: 1440px) { + .xl\:clearfix { + clear: both; + } +} +@media (min-width: 1920px) { + .xxl\:clearfix { + clear: both; + } +} +@media (min-width: 400px) { + .xs\:h-100pc { + height: 100%; + } +} +@media (min-width: 576px) { + .sm\:h-100pc { + height: 100%; + } +} +@media (min-width: 768px) { + .md\:h-100pc { + height: 100%; + } +} +@media (min-width: 1024px) { + .lg\:h-100pc { + height: 100%; + } +} +@media (min-width: 1440px) { + .xl\:h-100pc { + height: 100%; + } +} +@media (min-width: 1920px) { + .xxl\:h-100pc { + height: 100%; + } +} +@media (min-width: 400px) { + .xs\:h-auto { + height: auto; + } +} +@media (min-width: 576px) { + .sm\:h-auto { + height: auto; + } +} +@media (min-width: 768px) { + .md\:h-auto { + height: auto; + } +} +@media (min-width: 1024px) { + .lg\:h-auto { + height: auto; + } +} +@media (min-width: 1440px) { + .xl\:h-auto { + height: auto; + } +} +@media (min-width: 1920px) { + .xxl\:h-auto { + height: auto; + } +} +@media (min-width: 400px) { + .xs\:w-100pc { + width: 100%; + } +} +@media (min-width: 576px) { + .sm\:w-100pc { + width: 100%; + } +} +@media (min-width: 768px) { + .md\:w-100pc { + width: 100%; + } +} +@media (min-width: 1024px) { + .lg\:w-100pc { + width: 100%; + } +} +@media (min-width: 1440px) { + .xl\:w-100pc { + width: 100%; + } +} +@media (min-width: 1920px) { + .xxl\:w-100pc { + width: 100%; + } +} +@media (min-width: 400px) { + .xs\:w-auto { + width: auto; + } +} +@media (min-width: 576px) { + .sm\:w-auto { + width: auto; + } +} +@media (min-width: 768px) { + .md\:w-auto { + width: auto; + } +} +@media (min-width: 1024px) { + .lg\:w-auto { + width: auto; + } +} +@media (min-width: 1440px) { + .xl\:w-auto { + width: auto; + } +} +@media (min-width: 1920px) { + .xxl\:w-auto { + width: auto; + } +} +@media (min-width: 400px) { + .xs\:overflow-hidden { + overflow: hidden; + } +} +@media (min-width: 576px) { + .sm\:overflow-hidden { + overflow: hidden; + } +} +@media (min-width: 768px) { + .md\:overflow-hidden { + overflow: hidden; + } +} +@media (min-width: 1024px) { + .lg\:overflow-hidden { + overflow: hidden; + } +} +@media (min-width: 1440px) { + .xl\:overflow-hidden { + overflow: hidden; + } +} +@media (min-width: 1920px) { + .xxl\:overflow-hidden { + overflow: hidden; + } +} +@media (min-width: 400px) { + .xs\:visually-hidden { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .xs\:is-unstyled { + list-style: none; + padding-left: 0; + } + .xs\:is-disabled { + opacity: 0.6; + cursor: not-allowed !important; + filter: grayscale(1); + } + .xs\:text-normal { + font-weight: normal; + font-style: normal; + text-transform: none; + } +} +@media (min-width: 576px) { + .sm\:visually-hidden { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .sm\:is-unstyled { + list-style: none; + padding-left: 0; + } + .sm\:is-disabled { + opacity: 0.6; + cursor: not-allowed !important; + filter: grayscale(1); + } + .sm\:text-normal { + font-weight: normal; + font-style: normal; + text-transform: none; + } +} +@media (min-width: 768px) { + .md\:visually-hidden { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .md\:is-unstyled { + list-style: none; + padding-left: 0; + } + .md\:is-disabled { + opacity: 0.6; + cursor: not-allowed !important; + filter: grayscale(1); + } + .md\:text-normal { + font-weight: normal; + font-style: normal; + text-transform: none; + } +} +@media (min-width: 1024px) { + .lg\:visually-hidden { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .lg\:is-unstyled { + list-style: none; + padding-left: 0; + } + .lg\:is-disabled { + opacity: 0.6; + cursor: not-allowed !important; + filter: grayscale(1); + } + .lg\:text-normal { + font-weight: normal; + font-style: normal; + text-transform: none; + } +} +@media (min-width: 1440px) { + .xl\:visually-hidden { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .xl\:is-unstyled { + list-style: none; + padding-left: 0; + } + .xl\:is-disabled { + opacity: 0.6; + cursor: not-allowed !important; + filter: grayscale(1); + } + .xl\:text-normal { + font-weight: normal; + font-style: normal; + text-transform: none; + } +} +@media (min-width: 1920px) { + .xxl\:visually-hidden { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .xxl\:is-unstyled { + list-style: none; + padding-left: 0; + } + .xxl\:is-disabled { + opacity: 0.6; + cursor: not-allowed !important; + filter: grayscale(1); + } + .xxl\:text-normal { + font-weight: normal; + font-style: normal; + text-transform: none; + } +} +/* quelques max-width indispensables + de la forme .prop:md */ +@media (max-width: 400px) { + .visually-hidden\:xs { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .is-hidden\:xs, .js-hidden\:xs { + display: none; + } + .is-nohidden\:xs { + display: initial; + } +} +@media (max-width: 576px) { + .visually-hidden\:sm { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .is-hidden\:sm, .js-hidden\:sm { + display: none; + } + .is-nohidden\:sm { + display: initial; + } +} +@media (max-width: 768px) { + .visually-hidden\:md { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .is-hidden\:md, .js-hidden\:md { + display: none; + } + .is-nohidden\:md { + display: initial; + } +} +@media (max-width: 1024px) { + .visually-hidden\:lg { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .is-hidden\:lg, .js-hidden\:lg { + display: none; + } + .is-nohidden\:lg { + display: initial; + } +} +@media (max-width: 1440px) { + .visually-hidden\:xl { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .is-hidden\:xl, .js-hidden\:xl { + display: none; + } + .is-nohidden\:xl { + display: initial; + } +} +@media (max-width: 1920px) { + .visually-hidden\:xxl { + position: absolute !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + } + .is-hidden\:xxl, .js-hidden\:xxl { + display: none; + } + .is-nohidden\:xxl { + display: initial; + } +} +/* les styles par défaut en complément du reset */ +*, *::before, *::after { + box-sizing: inherit; + /* avoid min-width: auto on flex and grid children */ + min-width: 0; + min-height: 0; +} +html { + /* switching to border-box model for all elements */ + box-sizing: border-box; +} +/* Marges */ +h1, h2, h3, h4, h5, h6, dd { + margin-top: 0; + margin-bottom: 0; +} +p, address, ol, ul, dl, blockquote, pre { + margin-top: 0; + margin-bottom: 1rem; +} +/* Avoid margins on nested elements */ +li p, li .p-like, li ul, li ol, ol ol, ul ul { + margin-top: 0; + margin-bottom: 0; +} +/* Max values */ +img, table, td, blockquote, code, pre, textarea, input, video, svg { + max-width: 100%; +} +img { + height: auto; +} +/* Styling elements */ +ul, ol { + padding-left: 2em; +} +img { + vertical-align: middle; +} +em, .italic, address, cite, i, var { + font-style: italic; +} +code, kbd, mark { + border-radius: 2px; +} +kbd { + padding: 0 2px; + border: 1px solid #999; +} +pre { + tab-size: 2; +} +code { + padding: 2px 4px; + background: rgba(0, 0, 0, 0.04); + color: #b11; +} +pre code { + padding: 0; + background: none; + color: inherit; + border-radius: 0; +} +mark { + padding: 2px 4px; +} +sup, sub { + vertical-align: 0; +} +sup { + bottom: 1ex; +} +sub { + top: 0.5ex; +} +blockquote { + position: relative; + padding-left: 3em; + min-height: 2em; +} +blockquote::before { + content: "“"; + position: absolute; + left: 0; + top: 0; + font-family: georgia, serif; + font-size: 5em; + height: 0.4em; + line-height: 0.9; + color: #e7e9ed; +} +blockquote > footer { + margin-top: 0.75em; + font-size: 0.9em; + color: rgba(0, 0, 0, 0.7); +} +blockquote > footer::before { + content: "— "; +} +q { + font-style: normal; +} +q, .q { + quotes: "“" "”" "‘" "’"; +} +q:lang(fr), .q:lang(fr) { + quotes: "« " " »" "“" "”"; +} +hr { + display: block; + clear: both; + height: 1px; + margin: 1em 0 2em; + padding: 0; + border: 0; + color: #ccc; + background-color: #ccc; +} +blockquote, figure { + margin-left: 0; + margin-right: 0; +} +code, pre, samp, kbd { + white-space: pre-wrap; + font-family: consolas, courier, monospace; + line-height: normal; +} +/* ----------------------------- */ +/* ==Print (quick print reset) */ +/* ----------------------------- */ +@media print { + /* no orphans, no widows */ + /* no breaks inside these elements */ + /* page break before main headers + h1, + .h1-like { + page-break-before: always; + } + */ + /* no breaks after these elements */ + /* displaying URLs + a[href]::after { + content: " (" attr(href) ")"; + } + */ + * { + background: transparent !important; + box-shadow: none !important; + text-shadow: none !important; + } + body { + width: auto; + margin: auto; + font-family: serif; + font-size: 12pt; + } + p, .p-like, h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like, blockquote, label, ul, ol { + color: #000; + margin: auto; + } + .print { + display: block; + } + .no-print { + display: none; + } + p, .p-like, blockquote { + orphans: 3; + widows: 3; + } + blockquote, ul, ol { + page-break-inside: avoid; + } + h1, .h1-like, h2, .h2-like, h3, .h3-like, caption { + page-break-after: avoid; + } + a { + color: #000; + } + a[href^="javascript:"]::after, a[href^="#"]::after { + content: ""; + } +} +/* --------------------------------------- */ +/* ==Grillade : ultra light Grid Layout */ +/* --------------------------------------- */ +.grid { + display: grid; +} +@media (min-width: 400px) { + .xs\:grid { + display: grid; + } +} +@media (min-width: 576px) { + .sm\:grid { + display: grid; + } +} +@media (min-width: 768px) { + .md\:grid { + display: grid; + } +} +@media (min-width: 1024px) { + .lg\:grid { + display: grid; + } +} +@media (min-width: 1440px) { + .xl\:grid { + display: grid; + } +} +@media (min-width: 1920px) { + .xxl\:grid { + display: grid; + } +} +/* grid-template-columns classes */ +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} +@media (min-width: 400px) { + .xs\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} +@media (min-width: 576px) { + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} +@media (min-width: 768px) { + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} +@media (min-width: 1024px) { + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} +@media (min-width: 1440px) { + .xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} +@media (min-width: 1920px) { + .xxl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +@media (min-width: 400px) { + .xs\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (min-width: 576px) { + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (min-width: 768px) { + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (min-width: 1024px) { + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (min-width: 1440px) { + .xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (min-width: 1920px) { + .xxl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} +@media (min-width: 400px) { + .xs\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +@media (min-width: 576px) { + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +@media (min-width: 768px) { + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +@media (min-width: 1024px) { + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +@media (min-width: 1440px) { + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +@media (min-width: 1920px) { + .xxl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +@media (min-width: 400px) { + .xs\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +@media (min-width: 576px) { + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +@media (min-width: 768px) { + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +@media (min-width: 1024px) { + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +@media (min-width: 1440px) { + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +@media (min-width: 1920px) { + .xxl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} +@media (min-width: 400px) { + .xs\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } +} +@media (min-width: 576px) { + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } +} +@media (min-width: 768px) { + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } +} +@media (min-width: 1024px) { + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } +} +@media (min-width: 1440px) { + .xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } +} +@media (min-width: 1920px) { + .xxl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } +} +.grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} +@media (min-width: 400px) { + .xs\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } +} +@media (min-width: 576px) { + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } +} +@media (min-width: 768px) { + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } +} +@media (min-width: 1024px) { + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } +} +@media (min-width: 1440px) { + .xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } +} +@media (min-width: 1920px) { + .xxl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } +} +/* gap classes + gestion des largeurs en %tages si gap sur le parent du bloc */ +.gap-0 { + gap: 0; +} +.gap-x-0 { + column-gap: 0; +} +.gap-y-0 { + row-gap: 0; +} +@media (min-width: 400px) { + .xs\:gap-0 { + gap: 0; + } + .xs\:gap-x-0 { + column-gap: 0; + } + .xs\:gap-y-0 { + row-gap: 0; + } +} +@media (min-width: 576px) { + .sm\:gap-0 { + gap: 0; + } + .sm\:gap-x-0 { + column-gap: 0; + } + .sm\:gap-y-0 { + row-gap: 0; + } +} +@media (min-width: 768px) { + .md\:gap-0 { + gap: 0; + } + .md\:gap-x-0 { + column-gap: 0; + } + .md\:gap-y-0 { + row-gap: 0; + } +} +@media (min-width: 1024px) { + .lg\:gap-0 { + gap: 0; + } + .lg\:gap-x-0 { + column-gap: 0; + } + .lg\:gap-y-0 { + row-gap: 0; + } +} +@media (min-width: 1440px) { + .xl\:gap-0 { + gap: 0; + } + .xl\:gap-x-0 { + column-gap: 0; + } + .xl\:gap-y-0 { + row-gap: 0; + } +} +@media (min-width: 1920px) { + .xxl\:gap-0 { + gap: 0; + } + .xxl\:gap-x-0 { + column-gap: 0; + } + .xxl\:gap-y-0 { + row-gap: 0; + } +} +.gap-1 { + gap: 0.5rem; +} +.gap-x-1 { + column-gap: 0.5rem; +} +.gap-y-1 { + row-gap: 0.5rem; +} +@media (min-width: 400px) { + .xs\:gap-1 { + gap: 0.5rem; + } + .xs\:gap-x-1 { + column-gap: 0.5rem; + } + .xs\:gap-y-1 { + row-gap: 0.5rem; + } +} +@media (min-width: 576px) { + .sm\:gap-1 { + gap: 0.5rem; + } + .sm\:gap-x-1 { + column-gap: 0.5rem; + } + .sm\:gap-y-1 { + row-gap: 0.5rem; + } +} +@media (min-width: 768px) { + .md\:gap-1 { + gap: 0.5rem; + } + .md\:gap-x-1 { + column-gap: 0.5rem; + } + .md\:gap-y-1 { + row-gap: 0.5rem; + } +} +@media (min-width: 1024px) { + .lg\:gap-1 { + gap: 0.5rem; + } + .lg\:gap-x-1 { + column-gap: 0.5rem; + } + .lg\:gap-y-1 { + row-gap: 0.5rem; + } +} +@media (min-width: 1440px) { + .xl\:gap-1 { + gap: 0.5rem; + } + .xl\:gap-x-1 { + column-gap: 0.5rem; + } + .xl\:gap-y-1 { + row-gap: 0.5rem; + } +} +@media (min-width: 1920px) { + .xxl\:gap-1 { + gap: 0.5rem; + } + .xxl\:gap-x-1 { + column-gap: 0.5rem; + } + .xxl\:gap-y-1 { + row-gap: 0.5rem; + } +} +.gap-2 { + gap: 0.75rem; +} +.gap-x-2 { + column-gap: 0.75rem; +} +.gap-y-2 { + row-gap: 0.75rem; +} +@media (min-width: 400px) { + .xs\:gap-2 { + gap: 0.75rem; + } + .xs\:gap-x-2 { + column-gap: 0.75rem; + } + .xs\:gap-y-2 { + row-gap: 0.75rem; + } +} +@media (min-width: 576px) { + .sm\:gap-2 { + gap: 0.75rem; + } + .sm\:gap-x-2 { + column-gap: 0.75rem; + } + .sm\:gap-y-2 { + row-gap: 0.75rem; + } +} +@media (min-width: 768px) { + .md\:gap-2 { + gap: 0.75rem; + } + .md\:gap-x-2 { + column-gap: 0.75rem; + } + .md\:gap-y-2 { + row-gap: 0.75rem; + } +} +@media (min-width: 1024px) { + .lg\:gap-2 { + gap: 0.75rem; + } + .lg\:gap-x-2 { + column-gap: 0.75rem; + } + .lg\:gap-y-2 { + row-gap: 0.75rem; + } +} +@media (min-width: 1440px) { + .xl\:gap-2 { + gap: 0.75rem; + } + .xl\:gap-x-2 { + column-gap: 0.75rem; + } + .xl\:gap-y-2 { + row-gap: 0.75rem; + } +} +@media (min-width: 1920px) { + .xxl\:gap-2 { + gap: 0.75rem; + } + .xxl\:gap-x-2 { + column-gap: 0.75rem; + } + .xxl\:gap-y-2 { + row-gap: 0.75rem; + } +} +.gap-3 { + gap: 1rem; +} +.gap-x-3 { + column-gap: 1rem; +} +.gap-y-3 { + row-gap: 1rem; +} +@media (min-width: 400px) { + .xs\:gap-3 { + gap: 1rem; + } + .xs\:gap-x-3 { + column-gap: 1rem; + } + .xs\:gap-y-3 { + row-gap: 1rem; + } +} +@media (min-width: 576px) { + .sm\:gap-3 { + gap: 1rem; + } + .sm\:gap-x-3 { + column-gap: 1rem; + } + .sm\:gap-y-3 { + row-gap: 1rem; + } +} +@media (min-width: 768px) { + .md\:gap-3 { + gap: 1rem; + } + .md\:gap-x-3 { + column-gap: 1rem; + } + .md\:gap-y-3 { + row-gap: 1rem; + } +} +@media (min-width: 1024px) { + .lg\:gap-3 { + gap: 1rem; + } + .lg\:gap-x-3 { + column-gap: 1rem; + } + .lg\:gap-y-3 { + row-gap: 1rem; + } +} +@media (min-width: 1440px) { + .xl\:gap-3 { + gap: 1rem; + } + .xl\:gap-x-3 { + column-gap: 1rem; + } + .xl\:gap-y-3 { + row-gap: 1rem; + } +} +@media (min-width: 1920px) { + .xxl\:gap-3 { + gap: 1rem; + } + .xxl\:gap-x-3 { + column-gap: 1rem; + } + .xxl\:gap-y-3 { + row-gap: 1rem; + } +} +.gap-4 { + gap: 1.5rem; +} +.gap-x-4 { + column-gap: 1.5rem; +} +.gap-y-4 { + row-gap: 1.5rem; +} +@media (min-width: 400px) { + .xs\:gap-4 { + gap: 1.5rem; + } + .xs\:gap-x-4 { + column-gap: 1.5rem; + } + .xs\:gap-y-4 { + row-gap: 1.5rem; + } +} +@media (min-width: 576px) { + .sm\:gap-4 { + gap: 1.5rem; + } + .sm\:gap-x-4 { + column-gap: 1.5rem; + } + .sm\:gap-y-4 { + row-gap: 1.5rem; + } +} +@media (min-width: 768px) { + .md\:gap-4 { + gap: 1.5rem; + } + .md\:gap-x-4 { + column-gap: 1.5rem; + } + .md\:gap-y-4 { + row-gap: 1.5rem; + } +} +@media (min-width: 1024px) { + .lg\:gap-4 { + gap: 1.5rem; + } + .lg\:gap-x-4 { + column-gap: 1.5rem; + } + .lg\:gap-y-4 { + row-gap: 1.5rem; + } +} +@media (min-width: 1440px) { + .xl\:gap-4 { + gap: 1.5rem; + } + .xl\:gap-x-4 { + column-gap: 1.5rem; + } + .xl\:gap-y-4 { + row-gap: 1.5rem; + } +} +@media (min-width: 1920px) { + .xxl\:gap-4 { + gap: 1.5rem; + } + .xxl\:gap-x-4 { + column-gap: 1.5rem; + } + .xxl\:gap-y-4 { + row-gap: 1.5rem; + } +} +.gap-5 { + gap: 2rem; +} +.gap-x-5 { + column-gap: 2rem; +} +.gap-y-5 { + row-gap: 2rem; +} +@media (min-width: 400px) { + .xs\:gap-5 { + gap: 2rem; + } + .xs\:gap-x-5 { + column-gap: 2rem; + } + .xs\:gap-y-5 { + row-gap: 2rem; + } +} +@media (min-width: 576px) { + .sm\:gap-5 { + gap: 2rem; + } + .sm\:gap-x-5 { + column-gap: 2rem; + } + .sm\:gap-y-5 { + row-gap: 2rem; + } +} +@media (min-width: 768px) { + .md\:gap-5 { + gap: 2rem; + } + .md\:gap-x-5 { + column-gap: 2rem; + } + .md\:gap-y-5 { + row-gap: 2rem; + } +} +@media (min-width: 1024px) { + .lg\:gap-5 { + gap: 2rem; + } + .lg\:gap-x-5 { + column-gap: 2rem; + } + .lg\:gap-y-5 { + row-gap: 2rem; + } +} +@media (min-width: 1440px) { + .xl\:gap-5 { + gap: 2rem; + } + .xl\:gap-x-5 { + column-gap: 2rem; + } + .xl\:gap-y-5 { + row-gap: 2rem; + } +} +@media (min-width: 1920px) { + .xxl\:gap-5 { + gap: 2rem; + } + .xxl\:gap-x-5 { + column-gap: 2rem; + } + .xxl\:gap-y-5 { + row-gap: 2rem; + } +} +.gap-6 { + gap: 3rem; +} +.gap-x-6 { + column-gap: 3rem; +} +.gap-y-6 { + row-gap: 3rem; +} +@media (min-width: 400px) { + .xs\:gap-6 { + gap: 3rem; + } + .xs\:gap-x-6 { + column-gap: 3rem; + } + .xs\:gap-y-6 { + row-gap: 3rem; + } +} +@media (min-width: 576px) { + .sm\:gap-6 { + gap: 3rem; + } + .sm\:gap-x-6 { + column-gap: 3rem; + } + .sm\:gap-y-6 { + row-gap: 3rem; + } +} +@media (min-width: 768px) { + .md\:gap-6 { + gap: 3rem; + } + .md\:gap-x-6 { + column-gap: 3rem; + } + .md\:gap-y-6 { + row-gap: 3rem; + } +} +@media (min-width: 1024px) { + .lg\:gap-6 { + gap: 3rem; + } + .lg\:gap-x-6 { + column-gap: 3rem; + } + .lg\:gap-y-6 { + row-gap: 3rem; + } +} +@media (min-width: 1440px) { + .xl\:gap-6 { + gap: 3rem; + } + .xl\:gap-x-6 { + column-gap: 3rem; + } + .xl\:gap-y-6 { + row-gap: 3rem; + } +} +@media (min-width: 1920px) { + .xxl\:gap-6 { + gap: 3rem; + } + .xxl\:gap-x-6 { + column-gap: 3rem; + } + .xxl\:gap-y-6 { + row-gap: 3rem; + } +} +.gap-7 { + gap: 5rem; +} +.gap-x-7 { + column-gap: 5rem; +} +.gap-y-7 { + row-gap: 5rem; +} +@media (min-width: 400px) { + .xs\:gap-7 { + gap: 5rem; + } + .xs\:gap-x-7 { + column-gap: 5rem; + } + .xs\:gap-y-7 { + row-gap: 5rem; + } +} +@media (min-width: 576px) { + .sm\:gap-7 { + gap: 5rem; + } + .sm\:gap-x-7 { + column-gap: 5rem; + } + .sm\:gap-y-7 { + row-gap: 5rem; + } +} +@media (min-width: 768px) { + .md\:gap-7 { + gap: 5rem; + } + .md\:gap-x-7 { + column-gap: 5rem; + } + .md\:gap-y-7 { + row-gap: 5rem; + } +} +@media (min-width: 1024px) { + .lg\:gap-7 { + gap: 5rem; + } + .lg\:gap-x-7 { + column-gap: 5rem; + } + .lg\:gap-y-7 { + row-gap: 5rem; + } +} +@media (min-width: 1440px) { + .xl\:gap-7 { + gap: 5rem; + } + .xl\:gap-x-7 { + column-gap: 5rem; + } + .xl\:gap-y-7 { + row-gap: 5rem; + } +} +@media (min-width: 1920px) { + .xxl\:gap-7 { + gap: 5rem; + } + .xxl\:gap-x-7 { + column-gap: 5rem; + } + .xxl\:gap-y-7 { + row-gap: 5rem; + } +} +.gap-auto { + gap: auto; +} +.gap-x-auto { + column-gap: auto; +} +.gap-y-auto { + row-gap: auto; +} +@media (min-width: 400px) { + .xs\:gap-auto { + gap: auto; + } + .xs\:gap-x-auto { + column-gap: auto; + } + .xs\:gap-y-auto { + row-gap: auto; + } +} +@media (min-width: 576px) { + .sm\:gap-auto { + gap: auto; + } + .sm\:gap-x-auto { + column-gap: auto; + } + .sm\:gap-y-auto { + row-gap: auto; + } +} +@media (min-width: 768px) { + .md\:gap-auto { + gap: auto; + } + .md\:gap-x-auto { + column-gap: auto; + } + .md\:gap-y-auto { + row-gap: auto; + } +} +@media (min-width: 1024px) { + .lg\:gap-auto { + gap: auto; + } + .lg\:gap-x-auto { + column-gap: auto; + } + .lg\:gap-y-auto { + row-gap: auto; + } +} +@media (min-width: 1440px) { + .xl\:gap-auto { + gap: auto; + } + .xl\:gap-x-auto { + column-gap: auto; + } + .xl\:gap-y-auto { + row-gap: auto; + } +} +@media (min-width: 1920px) { + .xxl\:gap-auto { + gap: auto; + } + .xxl\:gap-x-auto { + column-gap: auto; + } + .xxl\:gap-y-auto { + row-gap: auto; + } +} +/* grid-items classes */ +.col-start-1 { + grid-column-start: 1; +} +.col-end-1 { + grid-column-end: 1; +} +.col-span-1 { + grid-column: span 1 / span 1; +} +.col-span-full { + grid-column: 1 / -1; +} +.row-start-1 { + grid-row-start: 1; +} +.row-end-1 { + grid-row-end: 1; +} +.row-span-1 { + grid-row: span 1 / span 1; +} +@media (min-width: 400px) { + .xs\:col-start-1 { + grid-column-start: 1; + } + .xs\:col-end-1 { + grid-column-end: 1; + } + .xs\:col-span-1 { + grid-column: span 1 / span 1; + } + .xs\:col-span-full { + grid-column: 1 / -1; + } + .xs\:row-start-1 { + grid-row-start: 1; + } + .xs\:row-end-1 { + grid-row-end: 1; + } + .xs\:row-span-1 { + grid-row: span 1 / span 1; + } +} +@media (min-width: 576px) { + .sm\:col-start-1 { + grid-column-start: 1; + } + .sm\:col-end-1 { + grid-column-end: 1; + } + .sm\:col-span-1 { + grid-column: span 1 / span 1; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-1 { + grid-row-start: 1; + } + .sm\:row-end-1 { + grid-row-end: 1; + } + .sm\:row-span-1 { + grid-row: span 1 / span 1; + } +} +@media (min-width: 768px) { + .md\:col-start-1 { + grid-column-start: 1; + } + .md\:col-end-1 { + grid-column-end: 1; + } + .md\:col-span-1 { + grid-column: span 1 / span 1; + } + .md\:col-span-full { + grid-column: 1 / -1; + } + .md\:row-start-1 { + grid-row-start: 1; + } + .md\:row-end-1 { + grid-row-end: 1; + } + .md\:row-span-1 { + grid-row: span 1 / span 1; + } +} +@media (min-width: 1024px) { + .lg\:col-start-1 { + grid-column-start: 1; + } + .lg\:col-end-1 { + grid-column-end: 1; + } + .lg\:col-span-1 { + grid-column: span 1 / span 1; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-1 { + grid-row-start: 1; + } + .lg\:row-end-1 { + grid-row-end: 1; + } + .lg\:row-span-1 { + grid-row: span 1 / span 1; + } +} +@media (min-width: 1440px) { + .xl\:col-start-1 { + grid-column-start: 1; + } + .xl\:col-end-1 { + grid-column-end: 1; + } + .xl\:col-span-1 { + grid-column: span 1 / span 1; + } + .xl\:col-span-full { + grid-column: 1 / -1; + } + .xl\:row-start-1 { + grid-row-start: 1; + } + .xl\:row-end-1 { + grid-row-end: 1; + } + .xl\:row-span-1 { + grid-row: span 1 / span 1; + } +} +@media (min-width: 1920px) { + .xxl\:col-start-1 { + grid-column-start: 1; + } + .xxl\:col-end-1 { + grid-column-end: 1; + } + .xxl\:col-span-1 { + grid-column: span 1 / span 1; + } + .xxl\:col-span-full { + grid-column: 1 / -1; + } + .xxl\:row-start-1 { + grid-row-start: 1; + } + .xxl\:row-end-1 { + grid-row-end: 1; + } + .xxl\:row-span-1 { + grid-row: span 1 / span 1; + } +} +.col-start-2 { + grid-column-start: 2; +} +.col-end-2 { + grid-column-end: 2; +} +.col-span-2 { + grid-column: span 2 / span 2; +} +.col-span-full { + grid-column: 1 / -1; +} +.row-start-2 { + grid-row-start: 2; +} +.row-end-2 { + grid-row-end: 2; +} +.row-span-2 { + grid-row: span 2 / span 2; +} +@media (min-width: 400px) { + .xs\:col-start-2 { + grid-column-start: 2; + } + .xs\:col-end-2 { + grid-column-end: 2; + } + .xs\:col-span-2 { + grid-column: span 2 / span 2; + } + .xs\:col-span-full { + grid-column: 1 / -1; + } + .xs\:row-start-2 { + grid-row-start: 2; + } + .xs\:row-end-2 { + grid-row-end: 2; + } + .xs\:row-span-2 { + grid-row: span 2 / span 2; + } +} +@media (min-width: 576px) { + .sm\:col-start-2 { + grid-column-start: 2; + } + .sm\:col-end-2 { + grid-column-end: 2; + } + .sm\:col-span-2 { + grid-column: span 2 / span 2; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-2 { + grid-row-start: 2; + } + .sm\:row-end-2 { + grid-row-end: 2; + } + .sm\:row-span-2 { + grid-row: span 2 / span 2; + } +} +@media (min-width: 768px) { + .md\:col-start-2 { + grid-column-start: 2; + } + .md\:col-end-2 { + grid-column-end: 2; + } + .md\:col-span-2 { + grid-column: span 2 / span 2; + } + .md\:col-span-full { + grid-column: 1 / -1; + } + .md\:row-start-2 { + grid-row-start: 2; + } + .md\:row-end-2 { + grid-row-end: 2; + } + .md\:row-span-2 { + grid-row: span 2 / span 2; + } +} +@media (min-width: 1024px) { + .lg\:col-start-2 { + grid-column-start: 2; + } + .lg\:col-end-2 { + grid-column-end: 2; + } + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-2 { + grid-row-start: 2; + } + .lg\:row-end-2 { + grid-row-end: 2; + } + .lg\:row-span-2 { + grid-row: span 2 / span 2; + } +} +@media (min-width: 1440px) { + .xl\:col-start-2 { + grid-column-start: 2; + } + .xl\:col-end-2 { + grid-column-end: 2; + } + .xl\:col-span-2 { + grid-column: span 2 / span 2; + } + .xl\:col-span-full { + grid-column: 1 / -1; + } + .xl\:row-start-2 { + grid-row-start: 2; + } + .xl\:row-end-2 { + grid-row-end: 2; + } + .xl\:row-span-2 { + grid-row: span 2 / span 2; + } +} +@media (min-width: 1920px) { + .xxl\:col-start-2 { + grid-column-start: 2; + } + .xxl\:col-end-2 { + grid-column-end: 2; + } + .xxl\:col-span-2 { + grid-column: span 2 / span 2; + } + .xxl\:col-span-full { + grid-column: 1 / -1; + } + .xxl\:row-start-2 { + grid-row-start: 2; + } + .xxl\:row-end-2 { + grid-row-end: 2; + } + .xxl\:row-span-2 { + grid-row: span 2 / span 2; + } +} +.col-start-3 { + grid-column-start: 3; +} +.col-end-3 { + grid-column-end: 3; +} +.col-span-3 { + grid-column: span 3 / span 3; +} +.col-span-full { + grid-column: 1 / -1; +} +.row-start-3 { + grid-row-start: 3; +} +.row-end-3 { + grid-row-end: 3; +} +.row-span-3 { + grid-row: span 3 / span 3; +} +@media (min-width: 400px) { + .xs\:col-start-3 { + grid-column-start: 3; + } + .xs\:col-end-3 { + grid-column-end: 3; + } + .xs\:col-span-3 { + grid-column: span 3 / span 3; + } + .xs\:col-span-full { + grid-column: 1 / -1; + } + .xs\:row-start-3 { + grid-row-start: 3; + } + .xs\:row-end-3 { + grid-row-end: 3; + } + .xs\:row-span-3 { + grid-row: span 3 / span 3; + } +} +@media (min-width: 576px) { + .sm\:col-start-3 { + grid-column-start: 3; + } + .sm\:col-end-3 { + grid-column-end: 3; + } + .sm\:col-span-3 { + grid-column: span 3 / span 3; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-3 { + grid-row-start: 3; + } + .sm\:row-end-3 { + grid-row-end: 3; + } + .sm\:row-span-3 { + grid-row: span 3 / span 3; + } +} +@media (min-width: 768px) { + .md\:col-start-3 { + grid-column-start: 3; + } + .md\:col-end-3 { + grid-column-end: 3; + } + .md\:col-span-3 { + grid-column: span 3 / span 3; + } + .md\:col-span-full { + grid-column: 1 / -1; + } + .md\:row-start-3 { + grid-row-start: 3; + } + .md\:row-end-3 { + grid-row-end: 3; + } + .md\:row-span-3 { + grid-row: span 3 / span 3; + } +} +@media (min-width: 1024px) { + .lg\:col-start-3 { + grid-column-start: 3; + } + .lg\:col-end-3 { + grid-column-end: 3; + } + .lg\:col-span-3 { + grid-column: span 3 / span 3; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-3 { + grid-row-start: 3; + } + .lg\:row-end-3 { + grid-row-end: 3; + } + .lg\:row-span-3 { + grid-row: span 3 / span 3; + } +} +@media (min-width: 1440px) { + .xl\:col-start-3 { + grid-column-start: 3; + } + .xl\:col-end-3 { + grid-column-end: 3; + } + .xl\:col-span-3 { + grid-column: span 3 / span 3; + } + .xl\:col-span-full { + grid-column: 1 / -1; + } + .xl\:row-start-3 { + grid-row-start: 3; + } + .xl\:row-end-3 { + grid-row-end: 3; + } + .xl\:row-span-3 { + grid-row: span 3 / span 3; + } +} +@media (min-width: 1920px) { + .xxl\:col-start-3 { + grid-column-start: 3; + } + .xxl\:col-end-3 { + grid-column-end: 3; + } + .xxl\:col-span-3 { + grid-column: span 3 / span 3; + } + .xxl\:col-span-full { + grid-column: 1 / -1; + } + .xxl\:row-start-3 { + grid-row-start: 3; + } + .xxl\:row-end-3 { + grid-row-end: 3; + } + .xxl\:row-span-3 { + grid-row: span 3 / span 3; + } +} +.col-start-4 { + grid-column-start: 4; +} +.col-end-4 { + grid-column-end: 4; +} +.col-span-4 { + grid-column: span 4 / span 4; +} +.col-span-full { + grid-column: 1 / -1; +} +.row-start-4 { + grid-row-start: 4; +} +.row-end-4 { + grid-row-end: 4; +} +.row-span-4 { + grid-row: span 4 / span 4; +} +@media (min-width: 400px) { + .xs\:col-start-4 { + grid-column-start: 4; + } + .xs\:col-end-4 { + grid-column-end: 4; + } + .xs\:col-span-4 { + grid-column: span 4 / span 4; + } + .xs\:col-span-full { + grid-column: 1 / -1; + } + .xs\:row-start-4 { + grid-row-start: 4; + } + .xs\:row-end-4 { + grid-row-end: 4; + } + .xs\:row-span-4 { + grid-row: span 4 / span 4; + } +} +@media (min-width: 576px) { + .sm\:col-start-4 { + grid-column-start: 4; + } + .sm\:col-end-4 { + grid-column-end: 4; + } + .sm\:col-span-4 { + grid-column: span 4 / span 4; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-4 { + grid-row-start: 4; + } + .sm\:row-end-4 { + grid-row-end: 4; + } + .sm\:row-span-4 { + grid-row: span 4 / span 4; + } +} +@media (min-width: 768px) { + .md\:col-start-4 { + grid-column-start: 4; + } + .md\:col-end-4 { + grid-column-end: 4; + } + .md\:col-span-4 { + grid-column: span 4 / span 4; + } + .md\:col-span-full { + grid-column: 1 / -1; + } + .md\:row-start-4 { + grid-row-start: 4; + } + .md\:row-end-4 { + grid-row-end: 4; + } + .md\:row-span-4 { + grid-row: span 4 / span 4; + } +} +@media (min-width: 1024px) { + .lg\:col-start-4 { + grid-column-start: 4; + } + .lg\:col-end-4 { + grid-column-end: 4; + } + .lg\:col-span-4 { + grid-column: span 4 / span 4; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-4 { + grid-row-start: 4; + } + .lg\:row-end-4 { + grid-row-end: 4; + } + .lg\:row-span-4 { + grid-row: span 4 / span 4; + } +} +@media (min-width: 1440px) { + .xl\:col-start-4 { + grid-column-start: 4; + } + .xl\:col-end-4 { + grid-column-end: 4; + } + .xl\:col-span-4 { + grid-column: span 4 / span 4; + } + .xl\:col-span-full { + grid-column: 1 / -1; + } + .xl\:row-start-4 { + grid-row-start: 4; + } + .xl\:row-end-4 { + grid-row-end: 4; + } + .xl\:row-span-4 { + grid-row: span 4 / span 4; + } +} +@media (min-width: 1920px) { + .xxl\:col-start-4 { + grid-column-start: 4; + } + .xxl\:col-end-4 { + grid-column-end: 4; + } + .xxl\:col-span-4 { + grid-column: span 4 / span 4; + } + .xxl\:col-span-full { + grid-column: 1 / -1; + } + .xxl\:row-start-4 { + grid-row-start: 4; + } + .xxl\:row-end-4 { + grid-row-end: 4; + } + .xxl\:row-span-4 { + grid-row: span 4 / span 4; + } +} +.col-start-5 { + grid-column-start: 5; +} +.col-end-5 { + grid-column-end: 5; +} +.col-span-5 { + grid-column: span 5 / span 5; +} +.col-span-full { + grid-column: 1 / -1; +} +.row-start-5 { + grid-row-start: 5; +} +.row-end-5 { + grid-row-end: 5; +} +.row-span-5 { + grid-row: span 5 / span 5; +} +@media (min-width: 400px) { + .xs\:col-start-5 { + grid-column-start: 5; + } + .xs\:col-end-5 { + grid-column-end: 5; + } + .xs\:col-span-5 { + grid-column: span 5 / span 5; + } + .xs\:col-span-full { + grid-column: 1 / -1; + } + .xs\:row-start-5 { + grid-row-start: 5; + } + .xs\:row-end-5 { + grid-row-end: 5; + } + .xs\:row-span-5 { + grid-row: span 5 / span 5; + } +} +@media (min-width: 576px) { + .sm\:col-start-5 { + grid-column-start: 5; + } + .sm\:col-end-5 { + grid-column-end: 5; + } + .sm\:col-span-5 { + grid-column: span 5 / span 5; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-5 { + grid-row-start: 5; + } + .sm\:row-end-5 { + grid-row-end: 5; + } + .sm\:row-span-5 { + grid-row: span 5 / span 5; + } +} +@media (min-width: 768px) { + .md\:col-start-5 { + grid-column-start: 5; + } + .md\:col-end-5 { + grid-column-end: 5; + } + .md\:col-span-5 { + grid-column: span 5 / span 5; + } + .md\:col-span-full { + grid-column: 1 / -1; + } + .md\:row-start-5 { + grid-row-start: 5; + } + .md\:row-end-5 { + grid-row-end: 5; + } + .md\:row-span-5 { + grid-row: span 5 / span 5; + } +} +@media (min-width: 1024px) { + .lg\:col-start-5 { + grid-column-start: 5; + } + .lg\:col-end-5 { + grid-column-end: 5; + } + .lg\:col-span-5 { + grid-column: span 5 / span 5; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-5 { + grid-row-start: 5; + } + .lg\:row-end-5 { + grid-row-end: 5; + } + .lg\:row-span-5 { + grid-row: span 5 / span 5; + } +} +@media (min-width: 1440px) { + .xl\:col-start-5 { + grid-column-start: 5; + } + .xl\:col-end-5 { + grid-column-end: 5; + } + .xl\:col-span-5 { + grid-column: span 5 / span 5; + } + .xl\:col-span-full { + grid-column: 1 / -1; + } + .xl\:row-start-5 { + grid-row-start: 5; + } + .xl\:row-end-5 { + grid-row-end: 5; + } + .xl\:row-span-5 { + grid-row: span 5 / span 5; + } +} +@media (min-width: 1920px) { + .xxl\:col-start-5 { + grid-column-start: 5; + } + .xxl\:col-end-5 { + grid-column-end: 5; + } + .xxl\:col-span-5 { + grid-column: span 5 / span 5; + } + .xxl\:col-span-full { + grid-column: 1 / -1; + } + .xxl\:row-start-5 { + grid-row-start: 5; + } + .xxl\:row-end-5 { + grid-row-end: 5; + } + .xxl\:row-span-5 { + grid-row: span 5 / span 5; + } +} +.col-start-6 { + grid-column-start: 6; +} +.col-end-6 { + grid-column-end: 6; +} +.col-span-6 { + grid-column: span 6 / span 6; +} +.col-span-full { + grid-column: 1 / -1; +} +.row-start-6 { + grid-row-start: 6; +} +.row-end-6 { + grid-row-end: 6; +} +.row-span-6 { + grid-row: span 6 / span 6; +} +@media (min-width: 400px) { + .xs\:col-start-6 { + grid-column-start: 6; + } + .xs\:col-end-6 { + grid-column-end: 6; + } + .xs\:col-span-6 { + grid-column: span 6 / span 6; + } + .xs\:col-span-full { + grid-column: 1 / -1; + } + .xs\:row-start-6 { + grid-row-start: 6; + } + .xs\:row-end-6 { + grid-row-end: 6; + } + .xs\:row-span-6 { + grid-row: span 6 / span 6; + } +} +@media (min-width: 576px) { + .sm\:col-start-6 { + grid-column-start: 6; + } + .sm\:col-end-6 { + grid-column-end: 6; + } + .sm\:col-span-6 { + grid-column: span 6 / span 6; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-6 { + grid-row-start: 6; + } + .sm\:row-end-6 { + grid-row-end: 6; + } + .sm\:row-span-6 { + grid-row: span 6 / span 6; + } +} +@media (min-width: 768px) { + .md\:col-start-6 { + grid-column-start: 6; + } + .md\:col-end-6 { + grid-column-end: 6; + } + .md\:col-span-6 { + grid-column: span 6 / span 6; + } + .md\:col-span-full { + grid-column: 1 / -1; + } + .md\:row-start-6 { + grid-row-start: 6; + } + .md\:row-end-6 { + grid-row-end: 6; + } + .md\:row-span-6 { + grid-row: span 6 / span 6; + } +} +@media (min-width: 1024px) { + .lg\:col-start-6 { + grid-column-start: 6; + } + .lg\:col-end-6 { + grid-column-end: 6; + } + .lg\:col-span-6 { + grid-column: span 6 / span 6; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-6 { + grid-row-start: 6; + } + .lg\:row-end-6 { + grid-row-end: 6; + } + .lg\:row-span-6 { + grid-row: span 6 / span 6; + } +} +@media (min-width: 1440px) { + .xl\:col-start-6 { + grid-column-start: 6; + } + .xl\:col-end-6 { + grid-column-end: 6; + } + .xl\:col-span-6 { + grid-column: span 6 / span 6; + } + .xl\:col-span-full { + grid-column: 1 / -1; + } + .xl\:row-start-6 { + grid-row-start: 6; + } + .xl\:row-end-6 { + grid-row-end: 6; + } + .xl\:row-span-6 { + grid-row: span 6 / span 6; + } +} +@media (min-width: 1920px) { + .xxl\:col-start-6 { + grid-column-start: 6; + } + .xxl\:col-end-6 { + grid-column-end: 6; + } + .xxl\:col-span-6 { + grid-column: span 6 / span 6; + } + .xxl\:col-span-full { + grid-column: 1 / -1; + } + .xxl\:row-start-6 { + grid-row-start: 6; + } + .xxl\:row-end-6 { + grid-row-end: 6; + } + .xxl\:row-span-6 { + grid-row: span 6 / span 6; + } +} +/* ----------------------------- */ +/* ==Media object */ +/* ----------------------------- */ +/* recommanded HTML :
*/ +/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */ +@media (min-width: 400px) { + .media { + display: flex; + align-items: flex-start; + } + .media-content { + flex: 1 1 0%; + } + .media-figure--center { + align-self: center; + } + .media--reverse { + flex-direction: row-reverse; + } +} +/* ----------------------------- */ +/* ==Autogrid object */ +/* ----------------------------- */ +/* recommanded HTML :
... some elements ...
*/ +/* see https://codepen.io/raphaelgoetter/pen/zzwxEE */ +@media (min-width: 400px) { + .autogrid { + display: grid; + grid-auto-flow: column; + grid-auto-column: 1fr; + } + .autogrid.has-gutter { + grid-column-gap: 1rem; + } + .autogrid.has-gutter-l { + grid-column-gap: 2rem; + } + .autogrid.has-gutter-xl { + grid-column-gap: 4rem; + } +} +/* ----------------------------- */ +/* ==skip links */ +/* ----------------------------- */ +/* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */ +/* styling skip links */ +.skip-links { + position: absolute; +} +.skip-links a { + position: absolute; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + padding: 0.5em; + background: black; + color: white; + text-decoration: none; +} +.skip-links a:focus { + position: static; + overflow: visible; + clip: auto; +} +/* ----------------------------- */ +/* ==Tables */ +/* ----------------------------- */ +table, .table { + width: 100%; + max-width: 100%; + table-layout: auto; + border-collapse: collapse; + vertical-align: top; + margin-bottom: 2rem; +} +.table { + display: table; + border: 1px solid #acb3c2; + background: transparent; +} +.table--zebra tbody tr:nth-child(odd) { + background: #e7e9ed; +} +.table caption { + caption-side: bottom; + padding: 1rem; + color: #333; + font-style: italic; + text-align: right; +} +.table td, .table th { + padding: 0.3rem 0.6rem; + vertical-align: top; + border: 1px #acb3c2 dotted; + text-align: left; + cursor: default; +} +.table td.text-center, .table th.text-center { + text-align: center; +} +.table td.text-right, .table th.text-right { + text-align: right; +} +.table thead { + color: #212529; + background: transparent; +} +.table--auto { + table-layout: auto; +} +/* ----------------------------- */ +/* ==Forms */ +/* ----------------------------- */ +/* thanks to HTML5boilerplate and https://shoelace.style/ */ +fieldset:not(.editer) { + margin-top: 3rem; + border: 1px solid #000; + padding: 0 1rem; + padding-bottom: 2rem; +} +fieldset:not(.editer) legend:not(.editer-label) { + position: relative; + top: -0.3rem; + z-index: 1009; + background-color: #fff; + width: auto; + margin: 0 1rem; + padding: 0 1rem; +} +label { + display: block; + cursor: pointer; +} +input[type="radio"] + label { + display: inline-block; +} +input[type="checkbox"] + label { + display: inline-block; +} +[type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { + white-space: nowrap; + font-family: inherit; + font-size: inherit; + border: 0; + box-shadow: 0 0 0 1px #333 inset; + color: #212529; + vertical-align: middle; + padding: 0.5rem 1rem; + margin: 0; + transition: 0.25s; + transition-property: box-shadow, background-color, color, border; + appearance: none; +} +[type="submit"] { + background-color: #333; + color: #fff; + cursor: pointer; +} +input[readonly] { + background-color: #ced4da; +} +select { + padding-right: 2rem; + border-radius: 0; + background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); + background-position: right 0.6rem center; + background-repeat: no-repeat; + background-size: 1.2rem; +} +/* hiding IE11 arrow */ +select::-ms-expand { + display: none; +} +textarea { + vertical-align: top; + resize: both; + white-space: break-spaces; +} +/* 'x' appears on right of search input when text is entered. This removes it */ +[type="search"]::-webkit-search-decoration, [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-results-button, [type="search"]::-webkit-search-results-decoration { + display: none; +} +::-webkit-input-placeholder { + color: #777; +} +input:-moz-placeholder, textarea:-moz-placeholder { + color: #777; +} +progress { + width: 100%; + vertical-align: middle; +} +/* ----------------------------- */ +/* ==Buttons */ +/* ----------------------------- */ +/* preferably use + * activate it with a JS toggle-class to .is-active + * see doc : https: //www.knacss.com/doc.html#buttons + */ +/* + * burger variables (you can change them) + */ +/* + * burger button styles + */ +.burger-button { + padding: 0; + background-color: transparent; + box-shadow: none; + outline: 0; + border: 0; + cursor: pointer; + -webkit-tap-highlight-color: transparent; +} +.burger-button > * { + display: inline-flex; + vertical-align: top; + flex-direction: column; + justify-content: space-between; + align-items: stretch; + height: 2.8rem; + width: 2.8rem; + padding: 0; + background-color: transparent; + background-image: linear-gradient(#333, #333); + background-position: center; + background-repeat: no-repeat; + background-origin: content-box; + background-size: 100% 5px; + transition: 0.25s; + transition-property: transform, background; + will-change: transform, background; +} +.burger-button > *::before, .burger-button > *::after { + content: ""; + height: 5px; + background: #333; + transition: 0.25s; + transition-property: transform, top; + will-change: transform, top; +} +.burger-button:hover > * { + background-color: transparent; +} +.burger-button:focus { + outline: 0; +} +.burger-button.is-active > * { + background-image: none; + justify-content: center; +} +.burger-button.is-active > *::before { + transform: translateY(50%) rotate3d(0, 0, 1, 45deg); +} +.burger-button.is-active > *::after { + transform: translateY(-50%) rotate3d(0, 0, 1, -45deg); +} +/* ----------------------------- */ +/* ==Checkbox, radio, switch */ +/* ----------------------------- */ +/* use .checkbox class on input type=checkbox */ +/* recommanded HTML : */ +/* use .radio class on input type=radio */ +/* recommanded HTML : */ +/* use .switch class on input type=checkbox */ +.checkbox { + border-radius: 4px; +} +.switch { + border-radius: 3em; +} +.radio { + border-radius: 50%; +} +.switch, .checkbox, .radio { + appearance: none; + vertical-align: text-bottom; + outline: 0; + cursor: pointer; + box-shadow: inset 0 0 0 1px #333; + background: #fff; +} +.switch ~ label, .checkbox ~ label, .radio ~ label { + cursor: pointer; +} +.switch::-ms-check, .checkbox::-ms-check, .radio::-ms-check { + display: none; +} +.switch { + width: 4rem; + height: 2rem; + line-height: 2rem; + font-size: 60%; + box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333; + transition: box-shadow 0.15s; +} +.switch::before, .switch::after { + font-weight: bold; + color: #fff; +} +.switch::before { + content: "✕"; + float: right; + margin-right: 0; +} +.switch:checked { + box-shadow: inset 2rem 0 0 #5cb85c, inset 0 0 0 1px #5cb85c; +} +.switch:checked::before { + content: "✓"; + float: left; + margin-left: 0; +} +.checkbox { + width: 2rem; + height: 2rem; + transition: background-color 0.15s; +} +.checkbox:checked { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); + background-size: 60% 60%; + background-position: center; + background-repeat: no-repeat; + background-color: #333; +} +.radio { + width: 2rem; + height: 2rem; + transition: background-color 0.15s; +} +.radio:checked { + background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%2240%22%20height%3D%2240%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E); + background-size: 80% 80%; + background-position: center; + background-repeat: no-repeat; + background-color: #333; +} +/* ----------------------------- */ +/* ==Tabs */ +/* ----------------------------- */ +/* see example on https://knacss.com/styleguide.html#tabs */ +/* NOTE : tabs need JavaScript to be activated */ +.tabs-menu { + border-bottom: 2px solid #e7e9ed; +} +.tabs-menu-link { + display: block; + margin-bottom: -2px; + padding: 0.5rem 3rem; + border-bottom: 4px solid transparent; + color: #212529; + background: transparent; + text-decoration: none; + border-radius: 0 0 0 0; + transition: 0.25s; + transition-property: color, border, background-color; +} +.tabs-menu-link.is-active { + border-bottom-color: #333; + color: #333; + background: transparent; + outline: 0; +} +.tabs-menu-link:focus { + border-bottom-color: #333; + color: #333; + outline: 0; +} +@media (min-width: 576px) { + .tabs-menu-link { + display: inline-block; + } +} +.tabs-content-item { + padding-top: 1rem; +} +.tabs-content-item[aria-hidden="true"] { + visibility: hidden; +} +.tabs-content-item[aria-hidden="false"] { + visibility: visible; +} +/* ----------------------------- */ +/* ==Arrows */ +/* ----------------------------- */ +/* see https://knacss.com/styleguide.html#arrows */ +[class*="icon-arrow--"] { + vertical-align: middle; +} +[class*="icon-arrow--"]::after { + content: ""; + display: inline-block; + width: 1em; + height: 1em; + mask-size: cover; + background-color: #000; + line-height: 1; +} +.icon-arrow--down::after { + mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); +} +.icon-arrow--up::after { + mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); +} +.icon-arrow--right::after { + mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); +} +.icon-arrow--left::after { + mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); +} +/* ----------------------------- */ +/* ==Tags */ +/* ----------------------------- */ +/* use .tag-- classes for variants */ +.tag, .tag--brand, .tag--primary, .tag--primary-inverse, .tag--secondary, .tag--secondary-inverse, .tag--success, .tag--info, .tag--warning, .tag--danger, .tag--jaune, .tag--inverse, .tag--site, .tag--ghost { + display: inline-block; + padding: 3px 0.5rem; + vertical-align: baseline; + white-space: nowrap; + color: #212529; + border-radius: 0; + background-color: #ced4da; + line-height: 1; +} +.tag--brand { + background-color: #5cb85c; + color: #fff; + box-shadow: none; +} +.tag--primary { + background-color: #0275d8; + color: #fff; + box-shadow: none; +} +.tag--primary-inverse { + background-color: #f7e5ee; + color: #0275d8; + box-shadow: none; +} +.tag--secondary { + background-color: #7192bb; + color: #fff; + box-shadow: none; +} +.tag--secondary-inverse { + background-color: #d7b183; + color: #7192bb; + box-shadow: none; +} +.tag--success { + background-color: #5cb85c; + color: #fff; + box-shadow: none; +} +.tag--info { + background-color: #5bc0de; + color: #000; + box-shadow: none; +} +.tag--warning { + background-color: #f0754e; + color: #000; + box-shadow: none; +} +.tag--danger { + background-color: #d9534f; + color: #fff; + box-shadow: none; +} +.tag--jaune { + background-color: #d9d04f; + color: #000; + box-shadow: none; +} +.tag--inverse { + background-color: #333; + color: #fff; + box-shadow: none; +} +.tag--site { + background-color: #ced4da; + color: #212529; + box-shadow: none; +} +.tag--ghost { + background-color: transparent; + color: #fff; + box-shadow: 0 0 0 1px #fff inset; +} +.tag--small { + font-size: 1.4rem; +} +.tag--big { + font-size: 2.2rem; +} +.tag--block { + width: 100% !important; + display: block; +} +.tag.disabled, .disabled.tag--brand, .disabled.tag--primary, .disabled.tag--primary-inverse, .disabled.tag--secondary, .disabled.tag--secondary-inverse, .disabled.tag--success, .disabled.tag--info, .disabled.tag--warning, .disabled.tag--danger, .disabled.tag--jaune, .disabled.tag--inverse, .disabled.tag--site, .disabled.tag--ghost, .tag--disabled { + opacity: 0.5; + cursor: not-allowed; +} +.tag:empty, .tag--brand:empty, .tag--primary:empty, .tag--primary-inverse:empty, .tag--secondary:empty, .tag--secondary-inverse:empty, .tag--success:empty, .tag--info:empty, .tag--warning:empty, .tag--danger:empty, .tag--jaune:empty, .tag--inverse:empty, .tag--site:empty, .tag--ghost:empty { + display: none; +} +/* ----------------------------- */ +/* ==Badges */ +/* ----------------------------- */ +/* use .badge-- classes for variants */ +.badge, .badge--brand, .badge--primary, .badge--primary-inverse, .badge--secondary, .badge--secondary-inverse, .badge--success, .badge--info, .badge--warning, .badge--danger, .badge--jaune, .badge--inverse, .badge--site, .badge--ghost { + display: inline-block; + padding: 0.5rem; + border-radius: 50%; + color: #212529; + background-color: #ced4da; + line-height: 1; +} +.badge::before, .badge--brand::before, .badge--primary::before, .badge--primary-inverse::before, .badge--secondary::before, .badge--secondary-inverse::before, .badge--success::before, .badge--info::before, .badge--warning::before, .badge--danger::before, .badge--jaune::before, .badge--inverse::before, .badge--site::before, .badge--ghost::before { + content: ""; + display: inline-block; + vertical-align: middle; + padding-top: 100%; +} +.badge--brand { + background-color: #5cb85c; + color: #fff; +} +.badge--primary { + background-color: #0275d8; + color: #fff; +} +.badge--primary-inverse { + background-color: #f7e5ee; + color: #0275d8; +} +.badge--secondary { + background-color: #7192bb; + color: #fff; +} +.badge--secondary-inverse { + background-color: #d7b183; + color: #7192bb; +} +.badge--success { + background-color: #5cb85c; + color: #fff; +} +.badge--info { + background-color: #5bc0de; + color: #000; +} +.badge--warning { + background-color: #f0754e; + color: #000; +} +.badge--danger { + background-color: #d9534f; + color: #fff; +} +.badge--jaune { + background-color: #d9d04f; + color: #000; +} +.badge--inverse { + background-color: #333; + color: #fff; +} +.badge--site { + background-color: #ced4da; + color: #212529; +} +.badge--ghost { + background-color: transparent; + color: #fff; +} +.badge--small { + font-size: 1.4rem; +} +.badge--big { + font-size: 2.2rem; +} +.badge.disabled, .disabled.badge--brand, .disabled.badge--primary, .disabled.badge--primary-inverse, .disabled.badge--secondary, .disabled.badge--secondary-inverse, .disabled.badge--success, .disabled.badge--info, .disabled.badge--warning, .disabled.badge--danger, .disabled.badge--jaune, .disabled.badge--inverse, .disabled.badge--site, .disabled.badge--ghost, .badge--disabled { + opacity: 0.5; + cursor: not-allowed; +} +.badge:empty, .badge--brand:empty, .badge--primary:empty, .badge--primary-inverse:empty, .badge--secondary:empty, .badge--secondary-inverse:empty, .badge--success:empty, .badge--info:empty, .badge--warning:empty, .badge--danger:empty, .badge--jaune:empty, .badge--inverse:empty, .badge--site:empty, .badge--ghost:empty { + display: none; +} +/* ----------------------------- */ +/* ==Alerts */ +/* ----------------------------- */ +/* use .alert-- classes for variants */ +.alert, .alert--brand, .alert--primary, .alert--primary-inverse, .alert--secondary, .alert--secondary-inverse, .alert--success, .alert--info, .alert--warning, .alert--danger, .alert--jaune, .alert--inverse, .alert--site, .alert--ghost { + padding: 1rem 1rem; + margin-top: 0.75em; + margin-bottom: 0; + color: #212529; + border-radius: 0; + background-color: #ced4da; +} +.alert a, .alert--brand a, .alert--primary a, .alert--primary-inverse a, .alert--secondary a, .alert--secondary-inverse a, .alert--success a, .alert--info a, .alert--warning a, .alert--danger a, .alert--jaune a, .alert--inverse a, .alert--site a, .alert--ghost a { + color: inherit; + text-decoration: underline; +} +.alert--brand { + background-color: #5cb85c; + color: #fff; + box-shadow: none; +} +.alert--primary { + background-color: #0275d8; + color: #fff; + box-shadow: none; +} +.alert--primary-inverse { + background-color: #f7e5ee; + color: #0275d8; + box-shadow: none; +} +.alert--secondary { + background-color: #7192bb; + color: #fff; + box-shadow: none; +} +.alert--secondary-inverse { + background-color: #d7b183; + color: #7192bb; + box-shadow: none; +} +.alert--success, .reponse_formulaire_ok { + background-color: #5cb85c; + color: #fff; + box-shadow: none; +} +.alert--info { + background-color: #5bc0de; + color: #000; + box-shadow: none; +} +.alert--warning { + background-color: #f0754e; + color: #000; + box-shadow: none; +} +.alert--danger, .reponse_formulaire_erreur, .erreur_message { + background-color: #d9534f; + color: #fff; + box-shadow: none; +} +.alert--jaune { + background-color: #d9d04f; + color: #000; + box-shadow: none; +} +.alert--inverse { + background-color: #333; + color: #fff; + box-shadow: none; +} +.alert--site { + background-color: #ced4da; + color: #212529; + box-shadow: none; +} +.alert--ghost { + background-color: transparent; + color: #fff; + box-shadow: 0 0 0 1px #fff inset; +} +.alert--small { + font-size: 1.4rem; +} +.alert--big { + font-size: 2.2rem; +} +.alert--block { + width: 100% !important; + display: block; +} +.alert.disabled, .disabled.alert--brand, .disabled.alert--primary, .disabled.alert--primary-inverse, .disabled.alert--secondary, .disabled.alert--secondary-inverse, .disabled.alert--success, .disabled.alert--info, .disabled.alert--warning, .disabled.alert--danger, .disabled.alert--jaune, .disabled.alert--inverse, .disabled.alert--site, .disabled.alert--ghost, .alert--disabled { + opacity: 0.5; + cursor: not-allowed; +} +.alert:empty, .alert--brand:empty, .alert--primary:empty, .alert--primary-inverse:empty, .alert--secondary:empty, .alert--secondary-inverse:empty, .alert--success:empty, .alert--info:empty, .alert--warning:empty, .alert--danger:empty, .alert--jaune:empty, .alert--inverse:empty, .alert--site:empty, .alert--ghost:empty { + display: none; +} +/* + * component quote + */ +/* + * HTML template example: + *
+ *

Lorem Elsass Ipsum mitt picon bière

+ *
+ */ +/* + * quotes variables (you can change them) + */ +/* + * quotes styles + */ +blockquote { + position: relative; + padding-left: 3em; + min-height: 2em; +} +blockquote::before { + content: "“"; + position: absolute; + left: 0; + top: 0; + font-family: georgia, serif; + font-size: 5em; + height: 0.4em; + line-height: 0.9; + color: #454d5d; +} +blockquote > footer { + margin-top: 0.75em; + font-size: 0.9em; + color: rgba(0, 0, 0, 0.7); +} +blockquote > footer::before { + content: "— "; +} +q { + font-style: normal; +} +q, .q { + quotes: "“" "”" "‘" "’"; +} +q:lang(fr), .q:lang(fr) { + quotes: "« " " »" "“" "”"; +} +#vueGamutable th.id, #vueGamutable td.id { + display: none; +} +#vueGamutable .sq_formation_session { + font-size: 1.5rem; + height: 45px; +} +#vueGamutable .sep { + border-top: 1px solid #ced4da; + margin: 2px 0; +} +/* thèmes */ +input.text_color { + height: 2em; +} +/* base */ +/* définition de tous les styles généraux */ +/* configuration globale des pages */ +html { + /* set base font-size to equiv "10px", which is adapted to rem unit */ + font-size: var(--font-size-base); + /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ + font-size: calc(1em * 0.625); +} +body { + margin: 0; + color: var(--color-base); + background-color: var(--bg-base); + font-family: var(--font-family-base); + font-size: var(--font-size-base-mob); + line-height: var(--line-height-base); + min-height: 100vh; + display: flex; + flex-direction: column; + justify-content: space-between; +} +@media (min-width: 576px) { + body { + font-size: var(--font-size-base); + } +} +/* liens */ +a { + color: var(--link-color); + background-color: var(--link-bg); + text-decoration: var(--link-decoration); +} +a:focus, a:hover, a:active { + color: var(--link-hover-color); + background-color: var(--link-hover-bg); + text-decoration: var(--link-hover-decoration); +} +/* titres H */ +h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like { + color: var(--head-color); + font-weight: var(--head-weight-defaut); +} +h1, .h1-like { + font-family: var(--font-family-headings); + font-size: var(--font-size-h1-mob); +} +@media (min-width: 768px) { + h1, .h1-like { + font-size: var(--font-size-h1); + } +} +h2, .h2-like { + font-family: var(--font-family-headings); + font-size: var(--font-size-h2-mob); +} +@media (min-width: 768px) { + h2, .h2-like { + font-size: var(--font-size-h2); + } +} +h3, .h3-like { + font-family: var(--font-family-headings); + font-size: var(--font-size-h3-mob); +} +@media (min-width: 768px) { + h3, .h3-like { + font-size: var(--font-size-h3); + } +} +h4, .h4-like { + font-family: var(--font-family-headings); + font-size: var(--font-size-h4-mob); +} +@media (min-width: 768px) { + h4, .h4-like { + font-size: var(--font-size-h4); + } +} +h5, .h5-like { + font-family: var(--font-family-headings); + font-size: var(--font-size-h5-mob); +} +@media (min-width: 768px) { + h5, .h5-like { + font-size: var(--font-size-h5); + } +} +h6, .h6-like { + font-family: var(--font-family-headings); + font-size: var(--font-size-h6-mob); +} +@media (min-width: 768px) { + h6, .h6-like { + font-size: var(--font-size-h6); + } +} +code, pre, samp, kbd { + font-family: var(--font-family-monospace); +} +/* + * Masque le menu webmestre + */ +.nav-fixed { + background-color: #fff; + position: fixed; + top: 0; + margin-top: 0; + width: 100%; + box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); + z-index: 1010; +} +main.main { + margin-top: 80px; +} +@media (max-width: 767px) { + #spip-admin { + display: none; + } +} +/* Definition des containers pour Knacss */ +.inner-fluid { + margin: 2rem 2rem 0; +} +.inner { + display: grid; + width: calc(100% - 2 * var(--margin-inner-mini)); + margin: 0 auto; +} +@media (min-width: 400px) { + .inner { + width: calc(100% - 2 * 2rem); + margin: auto 2rem; + } +} +@media (min-width: 576px) { + .inner { + width: calc(100% - 2 * 2rem); + margin: auto 2rem; + } +} +@media (min-width: 768px) { + .inner { + margin: 0 auto; + max-width: 768px; + } +} +@media (min-width: 1024px) { + .inner { + margin: 0 auto; + max-width: 1024px; + } +} +@media (min-width: 1440px) { + .inner { + margin: 0 auto; + max-width: 1440px; + } +} +/* les blocs sans marges x en sm: (ex : header) */ +@media (max-width: 575px) { + .inner.inner-m0 { + width: 100%; + } +} +@media (min-width: 400px) { + .inner_mini { + width: calc(100% - 2 * 2rem); + margin: auto 2rem; + } +} +@media (min-width: 576px) { + .inner_mini { + width: calc(100% - 2 * 2rem); + margin: auto 2rem; + } +} +@media (min-width: 768px) { + .inner_mini { + margin: 0 auto; + max-width: 768px; + } +} +@media (min-width: 1024px) { + .inner_mini { + margin: 0 auto; + max-width: 1024px; + } +} +/* class conteneur à utiliser pour les modalbox */ +.inner_width { + width: 350px; + max-width: 100%; +} +@media (min-width: 1024px) { + .inner_width { + width: 1014px; + } +} +@media (min-width: 1440px) { + .inner_width { + width: 1014px; + } +} +@media (min-width: 1920px) { + .inner_width { + width: 1014px; + } +} +/* les polices à charger en @font-face */ +/* MARIANNE */ +/* normal */ +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-ExtraBold.woff2') format("woff2"), url('./polices/Marianne-ExtraBold.woff') format("woff"); + font-weight: 900; + font-style: normal; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Bold.woff2') format("woff2"), url('./polices/Marianne-Bold.woff') format("woff"); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Medium.woff2') format("woff2"), url('./polices/Marianne-Medium.woff') format("woff"); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Regular.woff2') format("woff2"), url('./polices/Marianne-Regular.woff') format("woff"); + font-weight: 500; + font-style: normal; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Light.woff2') format("woff2"), url('./polices/Marianne-Light.woff') format("woff"); + font-weight: 300; + font-style: normal; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Thin.woff2') format("woff2"), url('./polices/Marianne-Thin.woff') format("woff"); + font-weight: 100; + font-style: normal; +} +/* italique */ +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-ExtraBold_Italic.woff2') format("woff2"), url('./polices/Marianne-ExtraBold_Italic.woff') format("woff"); + font-weight: 900; + font-style: italic; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Bold_Italic.woff2') format("woff2"), url('./polices/Marianne-Bold_Italic.woff') format("woff"); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Medium_Italic.woff2') format("woff2"), url('./polices/Marianne-Medium_Italic.woff') format("woff"); + font-weight: 600; + font-style: italic; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Regular_Italic.woff2') format("woff2"), url('./polices/Marianne-Regular_Italic.woff') format("woff"); + font-weight: 500; + font-style: italic; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Light_Italic.woff2') format("woff2"), url('./polices/Marianne-Light_Italic.woff') format("woff"); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: "Marianne"; + src: url('./polices/Marianne-Thin_Italic.woff2') format("woff2"), url('./polices/Marianne-Thin_Italic.woff') format("woff"); + font-weight: 100; + font-style: italic; +} +/* SPECTRAL */ +/* normal */ +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-ExtraBold.woff2') format("woff2"), url('./polices/Spectral-ExtraBold.woff') format("woff"); + font-weight: 900; + font-style: normal; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-Bold.woff2') format("woff2"), url('./polices/Spectral-Bold.woff') format("woff"); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-SemiBold.woff2') format("woff2"), url('./polices/Spectral-SemiBold.woff') format("woff"); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-Medium.woff2') format("woff2"), url('./polices/Spectral-Medium.woff') format("woff"); + font-weight: 500; + font-style: normal; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-Regular.woff2') format("woff2"), url('./polices/Spectral-Regular.woff') format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-Light.woff2') format("woff2"), url('./polices/Spectral-Light.woff') format("woff"); + font-weight: 300; + font-style: normal; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-ExtraLight.woff2') format("woff2"), url('./polices/Spectral-ExtraLight.woff') format("woff"); + font-weight: 200; + font-style: normal; +} +/* italique */ +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-ExtraBoldItalic.woff2') format("woff2"), url('./polices/Spectral-ExtraBoldItalic.woff') format("woff"); + font-weight: 900; + font-style: italic; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-BoldItalic.woff2') format("woff2"), url('./polices/Spectral-BoldItalic.woff') format("woff"); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-SemiBoldItalic.woff2') format("woff2"), url('./polices/Spectral-SemiBoldItalic.woff') format("woff"); + font-weight: 600; + font-style: italic; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-MediumItalic.woff2') format("woff2"), url('./polices/Spectral-MediumItalic.woff') format("woff"); + font-weight: 500; + font-style: italic; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-Italic.woff2') format("woff2"), url('./polices/Spectral-Italic.woff') format("woff"); + font-weight: 400; + font-style: italic; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-LightItalic.woff2') format("woff2"), url('./polices/Spectral-LightItalic.woff') format("woff"); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: "Spectral"; + src: url('./polices/Spectral-ExtraLightItalic.woff2') format("woff2"), url('./polices/Spectral-ExtraLightItalic.woff') format("woff"); + font-weight: 200; + font-style: italic; +} +/* Gotham CONDENSED */ +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-Ultra.woff2') format("woff2"), url('./polices/GothamCond-Ultra.woff') format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-XBlack.woff2') format("woff2"), url('./polices/GothamCond-XBlack.woff') format("woff"); + font-weight: 800; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-Black.woff2') format("woff2"), url('./polices/GothamCond-Black.woff') format("woff"); + font-weight: 700; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-Bold.woff2') format("woff2"), url('./polices/GothamCond-Bold.woff') format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-Medium.woff2') format("woff2"), url('./polices/GothamCond-Medium.woff') format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-Book.woff2') format("woff2"), url('./polices/GothamCond-Book.woff') format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-Light.woff2') format("woff2"), url('./polices/GothamCond-Light.woff') format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-XLight.woff2') format("woff2"), url('./polices/GothamCond-XLight.woff') format("woff"); + font-weight: 200; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-Thin.woff2') format("woff2"), url('./polices/GothamCond-Thin.woff') format("woff"); + font-weight: 100; + font-style: normal; + font-display: swap; +} +/* italique */ +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-UltraItalic.woff2') format("woff2"), url('./polices/GothamCond-UltraItalic.woff') format("woff"); + font-weight: 900; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-XBlackItalic.woff2') format("woff2"), url('./polices/GothamCond-XBlackItalic.woff') format("woff"); + font-weight: 800; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-BlackItalic.woff2') format("woff2"), url('./polices/GothamCond-BlackItalic.woff') format("woff"); + font-weight: 700; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-BoldItalic.woff2') format("woff2"), url('./polices/GothamCond-BoldItalic.woff') format("woff"); + font-weight: 600; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-MediumItalic.woff2') format("woff2"), url('./polices/GothamCond-MediumItalic.woff') format("woff"); + font-weight: 500; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed Ultra"; + src: url('./polices/GothamCond-UltraItalic.woff2') format("woff2"), url('./polices/GothamCond-UltraItalic.woff') format("woff"); + font-weight: normal; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-LightItalic.woff2') format("woff2"), url('./polices/GothamCond-LightItalic.woff') format("woff"); + font-weight: 300; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-XLightItalic.woff2') format("woff2"), url('./polices/GothamCond-XLightItalic.woff') format("woff"); + font-weight: 200; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: "Gotham Condensed"; + src: url('./polices/GothamCond-ThinItalic.woff2') format("woff2"), url('./polices/GothamCond-ThinItalic.woff') format("woff"); + font-weight: 100; + font-style: italic; + font-display: swap; +} +/* les classes atomiques pour couleurs de fond et texte */ +/* couleurs basiques */ +.noire { + color: #000; +} +.rouge { + color: var(--rouge-500); +} +.verte { + color: var(--vert-500); +} +.orange { + color: var(--orange-500); +} +.bleue { + color: var(--bleu-spip); +} +.grise, .gris { + color: var(--gris-400); +} +.gris--fonce, .gris--foncee { + color: var(--gris-700); +} +.transparent { + color: transparent; +} +.bg--stripe { + background-image: linear-gradient(145deg, #888f87 25%, #fafafa 25%, #fafafa 50%, #888f87 50%, #888f87 75%, #fafafa 75%, #fafafa 100%); + background-size: 27.9px 19.53px; + opacity: 0.3; +} +/* background + liens */ +.bg-sombre { + --bg-base: var(--c-sombre); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--blanc); +} +.bg-moyen { + --bg-base: var(--c-moyen); + --link-bg: transparent; + --link-hover-bg: var(--c-claire); + --link-hover-color: var(--c-sombre); +} +.bg-clair { + --bg-base: var(--c-claire); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); +} +.bg-gris { + background-color: #e7e9ed; +} +.bg-gris--fonce { + background-color: #666666; +} +.bg-rouge { + background-color: #eba5a3; +} +.bg-vert { + background-color: #a3d7a3; +} +.bg-blanc { + background-color: #fff; +} +.bg-blanc { + --bg-base: var(--blanc); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); +} +@media (min-width: 400px) { + .xs\:bg-sombre { + --bg-base: var(--c-sombre); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .xs\:bg-moyen { + --bg-base: var(--c-moyen); + --link-bg: transparent; + --link-hover-bg: var(--c-claire); + --link-hover-color: var(--c-sombre); + } + .xs\:bg-claire { + --bg-base: var(--c-claire); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .xs\:bg-gris { + --bg-base: var(--c-gris); + --link-bg: transparent; + --link-hover-bg: var(--blanc); + --link-hover-color: var(--c-claire); + } + .xs\:bg-blanc { + --bg-base: var(--blanc); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--blanc); + } + .xs\:bg-sombre, .xs\:bg-moyen, .xs\:bg-claire, .xs\:bg-gris, .xs\:bg-blanc { + background-color: var(--bg-base); + } + .xs\:bg-sombre a, .xs\:bg-moyen a, .xs\:bg-claire a, .xs\:bg-gris a, .xs\:bg-blanc a { + background-color: var(--link-bg); + } + .xs\:bg-sombre a:hover, .xs\:bg-moyen a:hover, .xs\:bg-claire a:hover, .xs\:bg-gris a:hover, .xs\:bg-blanc a:hover { + background-color: var(--link-hover-bg); + color: var(--link-hover-color); + } +} +@media (min-width: 576px) { + .sm\:bg-sombre { + --bg-base: var(--c-sombre); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .sm\:bg-moyen { + --bg-base: var(--c-moyen); + --link-bg: transparent; + --link-hover-bg: var(--c-claire); + --link-hover-color: var(--c-sombre); + } + .sm\:bg-claire { + --bg-base: var(--c-claire); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .sm\:bg-gris { + --bg-base: var(--c-gris); + --link-bg: transparent; + --link-hover-bg: var(--blanc); + --link-hover-color: var(--c-claire); + } + .sm\:bg-blanc { + --bg-base: var(--blanc); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--blanc); + } + .sm\:bg-sombre, .sm\:bg-moyen, .sm\:bg-claire, .sm\:bg-gris, .sm\:bg-blanc { + background-color: var(--bg-base); + } + .sm\:bg-sombre a, .sm\:bg-moyen a, .sm\:bg-claire a, .sm\:bg-gris a, .sm\:bg-blanc a { + background-color: var(--link-bg); + } + .sm\:bg-sombre a:hover, .sm\:bg-moyen a:hover, .sm\:bg-claire a:hover, .sm\:bg-gris a:hover, .sm\:bg-blanc a:hover { + background-color: var(--link-hover-bg); + color: var(--link-hover-color); + } +} +@media (min-width: 768px) { + .md\:bg-sombre { + --bg-base: var(--c-sombre); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .md\:bg-moyen { + --bg-base: var(--c-moyen); + --link-bg: transparent; + --link-hover-bg: var(--c-claire); + --link-hover-color: var(--c-sombre); + } + .md\:bg-claire { + --bg-base: var(--c-claire); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .md\:bg-gris { + --bg-base: var(--c-gris); + --link-bg: transparent; + --link-hover-bg: var(--blanc); + --link-hover-color: var(--c-claire); + } + .md\:bg-blanc { + --bg-base: var(--blanc); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--blanc); + } + .md\:bg-sombre, .md\:bg-moyen, .md\:bg-claire, .md\:bg-gris, .md\:bg-blanc { + background-color: var(--bg-base); + } + .md\:bg-sombre a, .md\:bg-moyen a, .md\:bg-claire a, .md\:bg-gris a, .md\:bg-blanc a { + background-color: var(--link-bg); + } + .md\:bg-sombre a:hover, .md\:bg-moyen a:hover, .md\:bg-claire a:hover, .md\:bg-gris a:hover, .md\:bg-blanc a:hover { + background-color: var(--link-hover-bg); + color: var(--link-hover-color); + } +} +@media (min-width: 1024px) { + .lg\:bg-sombre { + --bg-base: var(--c-sombre); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .lg\:bg-moyen { + --bg-base: var(--c-moyen); + --link-bg: transparent; + --link-hover-bg: var(--c-claire); + --link-hover-color: var(--c-sombre); + } + .lg\:bg-claire { + --bg-base: var(--c-claire); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .lg\:bg-gris { + --bg-base: var(--c-gris); + --link-bg: transparent; + --link-hover-bg: var(--blanc); + --link-hover-color: var(--c-claire); + } + .lg\:bg-blanc { + --bg-base: var(--blanc); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--blanc); + } + .lg\:bg-sombre, .lg\:bg-moyen, .lg\:bg-claire, .lg\:bg-gris, .lg\:bg-blanc { + background-color: var(--bg-base); + } + .lg\:bg-sombre a, .lg\:bg-moyen a, .lg\:bg-claire a, .lg\:bg-gris a, .lg\:bg-blanc a { + background-color: var(--link-bg); + } + .lg\:bg-sombre a:hover, .lg\:bg-moyen a:hover, .lg\:bg-claire a:hover, .lg\:bg-gris a:hover, .lg\:bg-blanc a:hover { + background-color: var(--link-hover-bg); + color: var(--link-hover-color); + } +} +@media (min-width: 1440px) { + .xl\:bg-sombre { + --bg-base: var(--c-sombre); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .xl\:bg-moyen { + --bg-base: var(--c-moyen); + --link-bg: transparent; + --link-hover-bg: var(--c-claire); + --link-hover-color: var(--c-sombre); + } + .xl\:bg-claire { + --bg-base: var(--c-claire); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .xl\:bg-gris { + --bg-base: var(--c-gris); + --link-bg: transparent; + --link-hover-bg: var(--blanc); + --link-hover-color: var(--c-claire); + } + .xl\:bg-blanc { + --bg-base: var(--blanc); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--blanc); + } + .xl\:bg-sombre, .xl\:bg-moyen, .xl\:bg-claire, .xl\:bg-gris, .xl\:bg-blanc { + background-color: var(--bg-base); + } + .xl\:bg-sombre a, .xl\:bg-moyen a, .xl\:bg-claire a, .xl\:bg-gris a, .xl\:bg-blanc a { + background-color: var(--link-bg); + } + .xl\:bg-sombre a:hover, .xl\:bg-moyen a:hover, .xl\:bg-claire a:hover, .xl\:bg-gris a:hover, .xl\:bg-blanc a:hover { + background-color: var(--link-hover-bg); + color: var(--link-hover-color); + } +} +@media (min-width: 1920px) { + .xxl\:bg-sombre { + --bg-base: var(--c-sombre); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .xxl\:bg-moyen { + --bg-base: var(--c-moyen); + --link-bg: transparent; + --link-hover-bg: var(--c-claire); + --link-hover-color: var(--c-sombre); + } + .xxl\:bg-claire { + --bg-base: var(--c-claire); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--c-blanc); + } + .xxl\:bg-gris { + --bg-base: var(--c-gris); + --link-bg: transparent; + --link-hover-bg: var(--blanc); + --link-hover-color: var(--c-claire); + } + .xxl\:bg-blanc { + --bg-base: var(--blanc); + --link-bg: transparent; + --link-hover-bg: var(--c-moyen); + --link-hover-color: var(--blanc); + } + .xxl\:bg-sombre, .xxl\:bg-moyen, .xxl\:bg-claire, .xxl\:bg-gris, .xxl\:bg-blanc { + background-color: var(--bg-base); + } + .xxl\:bg-sombre a, .xxl\:bg-moyen a, .xxl\:bg-claire a, .xxl\:bg-gris a, .xxl\:bg-blanc a { + background-color: var(--link-bg); + } + .xxl\:bg-sombre a:hover, .xxl\:bg-moyen a:hover, .xxl\:bg-claire a:hover, .xxl\:bg-gris a:hover, .xxl\:bg-blanc a:hover { + background-color: var(--link-hover-bg); + color: var(--link-hover-color); + } +} +/* background simples */ +.bg-transparent { + --bg-base: transparent; +} +.bg-gris-100 { + --bg-base: var(--c-gris-100); +} +.bg-gris-200 { + --bg-base: var(--c-gris-200); +} +.bg-gris-300 { + --bg-base: var(--c-gris-300); +} +.bg-gris-400 { + --bg-base: var(--c-gris-400); +} +.bg-gris-500 { + --bg-base: var(--c-gris-500); +} +.bg-gris-600 { + --bg-base: var(--c-gris-600); +} +.bg-gris-700 { + --bg-base: var(--c-gris-700); +} +.bg-gris-800 { + --bg-base: var(--c-gris-800); +} +.bg-gris-900 { + --bg-base: var(--c-gris900); +} +.bg-transparent, .bg-gris-100, .bg-gris-200, .bg-gris-300, .bg-gris-400, .bg-gris-500, .bg-gris-600, .bg-gris-700, .bg-gris-800, .bg-gris-900 { + background-color: var(--bg-base); +} +@media (min-width: 400px) { + .xs\:bg-transparent { + --bg-base: transparent; + } + .xs\:bg-gris-100 { + --bg-base: var(--c-gris-100); + } + .xs\:bg-gris-200 { + --bg-base: var(--c-gris-200); + } + .xs\:bg-gris-300 { + --bg-base: var(--c-gris-300); + } + .xs\:bg-gris-400 { + --bg-base: var(--c-gris-400); + } + .xs\:bg-gris-500 { + --bg-base: var(--c-gris-500); + } + .xs\:bg-gris-600 { + --bg-base: var(--c-gris-600); + } + .xs\:bg-gris-700 { + --bg-base: var(--c-gris-700); + } + .xs\:bg-gris-800 { + --bg-base: var(--c-gris-800); + } + .xs\:bg-gris-900 { + --bg-base: var(--c-gris900); + } + .xs\:bg-transparent, .xs\:bg-gris-100, .xs\:bg-gris-200, .xs\:bg-gris-300, .xs\:bg-gris-400, .xs\:bg-gris-500, .xs\:bg-gris-600, .xs\:bg-gris-700, .xs\:bg-gris-800, .xs\:bg-gris-900 { + background-color: var(--bg-base); + } +} +@media (min-width: 576px) { + .sm\:bg-transparent { + --bg-base: transparent; + } + .sm\:bg-gris-100 { + --bg-base: var(--c-gris-100); + } + .sm\:bg-gris-200 { + --bg-base: var(--c-gris-200); + } + .sm\:bg-gris-300 { + --bg-base: var(--c-gris-300); + } + .sm\:bg-gris-400 { + --bg-base: var(--c-gris-400); + } + .sm\:bg-gris-500 { + --bg-base: var(--c-gris-500); + } + .sm\:bg-gris-600 { + --bg-base: var(--c-gris-600); + } + .sm\:bg-gris-700 { + --bg-base: var(--c-gris-700); + } + .sm\:bg-gris-800 { + --bg-base: var(--c-gris-800); + } + .sm\:bg-gris-900 { + --bg-base: var(--c-gris900); + } + .sm\:bg-transparent, .sm\:bg-gris-100, .sm\:bg-gris-200, .sm\:bg-gris-300, .sm\:bg-gris-400, .sm\:bg-gris-500, .sm\:bg-gris-600, .sm\:bg-gris-700, .sm\:bg-gris-800, .sm\:bg-gris-900 { + background-color: var(--bg-base); + } +} +@media (min-width: 768px) { + .md\:bg-transparent { + --bg-base: transparent; + } + .md\:bg-gris-100 { + --bg-base: var(--c-gris-100); + } + .md\:bg-gris-200 { + --bg-base: var(--c-gris-200); + } + .md\:bg-gris-300 { + --bg-base: var(--c-gris-300); + } + .md\:bg-gris-400 { + --bg-base: var(--c-gris-400); + } + .md\:bg-gris-500 { + --bg-base: var(--c-gris-500); + } + .md\:bg-gris-600 { + --bg-base: var(--c-gris-600); + } + .md\:bg-gris-700 { + --bg-base: var(--c-gris-700); + } + .md\:bg-gris-800 { + --bg-base: var(--c-gris-800); + } + .md\:bg-gris-900 { + --bg-base: var(--c-gris900); + } + .md\:bg-transparent, .md\:bg-gris-100, .md\:bg-gris-200, .md\:bg-gris-300, .md\:bg-gris-400, .md\:bg-gris-500, .md\:bg-gris-600, .md\:bg-gris-700, .md\:bg-gris-800, .md\:bg-gris-900 { + background-color: var(--bg-base); + } +} +@media (min-width: 1024px) { + .lg\:bg-transparent { + --bg-base: transparent; + } + .lg\:bg-gris-100 { + --bg-base: var(--c-gris-100); + } + .lg\:bg-gris-200 { + --bg-base: var(--c-gris-200); + } + .lg\:bg-gris-300 { + --bg-base: var(--c-gris-300); + } + .lg\:bg-gris-400 { + --bg-base: var(--c-gris-400); + } + .lg\:bg-gris-500 { + --bg-base: var(--c-gris-500); + } + .lg\:bg-gris-600 { + --bg-base: var(--c-gris-600); + } + .lg\:bg-gris-700 { + --bg-base: var(--c-gris-700); + } + .lg\:bg-gris-800 { + --bg-base: var(--c-gris-800); + } + .lg\:bg-gris-900 { + --bg-base: var(--c-gris900); + } + .lg\:bg-transparent, .lg\:bg-gris-100, .lg\:bg-gris-200, .lg\:bg-gris-300, .lg\:bg-gris-400, .lg\:bg-gris-500, .lg\:bg-gris-600, .lg\:bg-gris-700, .lg\:bg-gris-800, .lg\:bg-gris-900 { + background-color: var(--bg-base); + } +} +@media (min-width: 1440px) { + .xl\:bg-transparent { + --bg-base: transparent; + } + .xl\:bg-gris-100 { + --bg-base: var(--c-gris-100); + } + .xl\:bg-gris-200 { + --bg-base: var(--c-gris-200); + } + .xl\:bg-gris-300 { + --bg-base: var(--c-gris-300); + } + .xl\:bg-gris-400 { + --bg-base: var(--c-gris-400); + } + .xl\:bg-gris-500 { + --bg-base: var(--c-gris-500); + } + .xl\:bg-gris-600 { + --bg-base: var(--c-gris-600); + } + .xl\:bg-gris-700 { + --bg-base: var(--c-gris-700); + } + .xl\:bg-gris-800 { + --bg-base: var(--c-gris-800); + } + .xl\:bg-gris-900 { + --bg-base: var(--c-gris900); + } + .xl\:bg-transparent, .xl\:bg-gris-100, .xl\:bg-gris-200, .xl\:bg-gris-300, .xl\:bg-gris-400, .xl\:bg-gris-500, .xl\:bg-gris-600, .xl\:bg-gris-700, .xl\:bg-gris-800, .xl\:bg-gris-900 { + background-color: var(--bg-base); + } +} +@media (min-width: 1920px) { + .xxl\:bg-transparent { + --bg-base: transparent; + } + .xxl\:bg-gris-100 { + --bg-base: var(--c-gris-100); + } + .xxl\:bg-gris-200 { + --bg-base: var(--c-gris-200); + } + .xxl\:bg-gris-300 { + --bg-base: var(--c-gris-300); + } + .xxl\:bg-gris-400 { + --bg-base: var(--c-gris-400); + } + .xxl\:bg-gris-500 { + --bg-base: var(--c-gris-500); + } + .xxl\:bg-gris-600 { + --bg-base: var(--c-gris-600); + } + .xxl\:bg-gris-700 { + --bg-base: var(--c-gris-700); + } + .xxl\:bg-gris-800 { + --bg-base: var(--c-gris-800); + } + .xxl\:bg-gris-900 { + --bg-base: var(--c-gris900); + } + .xxl\:bg-transparent, .xxl\:bg-gris-100, .xxl\:bg-gris-200, .xxl\:bg-gris-300, .xxl\:bg-gris-400, .xxl\:bg-gris-500, .xxl\:bg-gris-600, .xxl\:bg-gris-700, .xxl\:bg-gris-800, .xxl\:bg-gris-900 { + background-color: var(--bg-base); + } +} +/* textes et liens */ +.text-white, .text-blanc { + --textext-color: var(--blanc); + --head-color: var(--c-claire); + --link-color: var(--c-moyen); +} +.text-clair { + --textext-color: var(--c-claire); + --head-color: var(--c-moyen); + --link-color: var(--c-moyen); +} +.text-moyen { + --textext-color: var(--c-moyen); + --head-color: var(--c-sombre); + --link-color: var(--c-sombre); +} +.text-sombre { + --textext-color: var(--c-sombre); + --head-color: var(--c-moyen); + --link-color: var(--c-moyen); +} +.text-black, .text-noir { + --textext-color: var(--c-noir); + --head-color: var(--c-sombre); + --link-color: var(--c-sombre); +} +.text-white, .text-blanc, .text-clair, .text-moyen, .text-sombre, .text-black, .text-noir { + color: var(--textext-color); +} +/* titres couleur imposée */ +.h-white, .h-blanc { + --head-color: var(--blanc); +} +.h-clair { + --head-color: var(--c-claire); +} +.h-moyen { + --head-color: var(--c-moyen); +} +.h-sombre { + --head-color: var(--c-sombre); +} +.h-black, .h-noir { + --head-color: var(--c-noir); +} +.h-white, .h-blanc, .h-clair, .h-moyen, .h-sombre, .h-black, .h-noir { + color: var(--head-color); +} +/* neutralisation des couleurs de liens */ +.hover-null:hover { + --link-hover-color: var(--null); + --link-hover-bg: var(--null); + --link-hover-decoration: var(--null); +} +a.a-null { + --link-color: var(--null); +} +/* couleurs pour :hover */ +.hover-blanc:hover { + color: var(--c-moyen); + background-color: var(--blanc); +} +.hover-clair:hover { + color: var(--blanc); + background-color: var(--c-claire); +} +.hover-moyen:hover { + color: var(--blanc); + background-color: var(--c-moyen); +} +.hover-sombre:hover { + color: var(--c-claire); + background-color: var(--c-sombre); +} +.hover-noir:hover { + color: var(--c-claire); + background-color: var(--c-noir); +} +.hover-site:hover { + background-color: #ced4da; +} +/* Fontawesome 5 +@import 'font-awesome/fontawesome'; +@import 'font-awesome/brands'; +@import 'font-awesome/solid'; +@import 'font-awesome/regular'; +*/ +/* utilitaires */ +/* les utilitaires divers, les patchs pour SPIP... */ +div.sep { + margin-top: 2rem; + margin-bottom: 1rem; + border-top: 1px solid #cecece; + width: 90%; +} +/* les SVG */ +/* à voir si ce truc n'est pas plus problème qu'autre chose... +.icon svg { + height: 100%; + width: auto; +} +*/ +.Icon { + display: inline-flex; + /* Permet de redimensionner en changeant la font-size de l’icône */ + width: 1em; + height: 1em; + /* Bel alignement visuel des icônes avec le texte */ + vertical-align: -0.15em; + /* fill par défaut = valeur de la propriété couleur de son élément parent */ + fill: currentColor; + /* Les paths et les strokes qui dépassent de la viewBox peuvent apparaître dans IE. + Si vous utilisez normalize.css, inutile de l’ajouter. */ + overflow: hidden; +} +.Icon svg { + display: inline-flex; + /* Permet de redimensionner en changeant la font-size de l’icône */ + width: 1em; + height: 1em; + /* Bel alignement visuel des icônes avec le texte */ + vertical-align: -0.15em; + /* fill par défaut = valeur de la propriété couleur de son élément parent */ + fill: currentColor; + /* Les paths et les strokes qui dépassent de la viewBox peuvent apparaître dans IE. + Si vous utilisez normalize.css, inutile de l’ajouter. */ + overflow: hidden; +} +/* curseurs */ +.cursor-pointer { + cursor: pointer; +} +.cursor-progress { + cursor: progress; +} +/* grid-template-columns avec proportions pas égales (à la demande = sans générer toutes les possibilités) */ +.grid-cols-1-2 { + grid-template-columns: 1fr 2fr; +} +.grid-cols-2-1 { + grid-template-columns: 2fr 1fr; +} + +/* divers */ +.btn--light { + padding: 0.2rem; + display: inline-block; + background-color: whitesmoke; + border: 1px solid #cecece; + border-radius: 5px; +} +.pointer { + cursor: pointer; +} +.list-style-none { + list-style: none; +} +/* les modifs des styles par défaut */ +.no_padding { + padding: 0; +} +.mt-00 { + margin-top: 0 !important; +} +.mb-00 { + margin-bottom: 0 !important; +} +.blink_me { + animation: blinker 1s linear infinite; +} +@keyframes blinker { + 50% { + opacity: 0; + } +} + + diff --git a/randommusic.js b/randommusic.js new file mode 100644 index 0000000..ed35912 --- /dev/null +++ b/randommusic.js @@ -0,0 +1,41 @@ +jQuery(function($) { + $tAlpha = [ + 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', + 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' + ]; + + lancerTirage('H', '8'); + + $('.tirer').on('click', function(e) { + e.stopPropagation(); + const lettre = $('#lettre').val(); + const chiffre = $('#chiffre').val() ?? '8'; + lancerTirage(lettre, chiffre) + }) + + function lancerTirage(lettre, chiffre) { + if (lettre) { + lettre = lettre.toUpperCase(); + $('#lettre').val(lettre); + } + + const newLettre = tirage(lettre, 'lettre'); + const newChiffre = tirage(chiffre, 'chiffre'); + + $('.res').html(newLettre + ' ' + newChiffre); + + } + + function tirage(i, type) { + if (type === "chiffre") { + return aleatoire(1, i) + } + const max = $tAlpha.indexOf(i) + 1 + const index = aleatoire(1, max) - 1; + return $tAlpha[index]; + } + + function aleatoire(min, max) { + return Math.floor(Math.random() * max) + min + }; +});