diff --git a/content/farm/index.md b/content/farm/index.md index e9c5bbb0a..c9b19357b 100644 --- a/content/farm/index.md +++ b/content/farm/index.md @@ -66,8 +66,6 @@ Every month, you earn TFT for keeping the 3Node connected to the network. {% row(style="center") %} - - {% end %} diff --git a/static/css/index.css b/static/css/index.css index 2698983bf..b81ba99b3 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1,4350 +1,4 @@ -@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap"); - -@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); - -@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"); - -/*! purgecss start ignore */ - -/* @import "nav.css"; */ - -code.language-html, -code.language-css, -code.language-md, -code.language-cmd, -code.language-bash, -code.language-text, -code.language-js, -span.o, -span.nx { - color: rgb(255, 255, 255); - line-height: 1.4; -} - -span.c { - color: hsl(120, 100%, 20%); -} - -span.p, -span.s1, -span.s2, -span.nt { - color: hsl(40, 100%, 30%); -} - -span.gs, -span.gh, -span.ge { - color: hsl(208, 100%, 50%); -} - -span.gs { - font-weight: bold; -} - -span.ge { - font-style: italic; -} - -pre, -code{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - -code { - background-color: hsl(0, 0%, 98%); - border-radius: 3px; - color: hsl(120, 100%, 20%); - font-size: 85%; -} - -pre { - margin: 0; - padding: 1rem; - overflow: scroll; -} - -pre code { - background-color: transparent; - color: inherit; - font-size: 100%; - padding: 0; -} - -.highlight { - background-color: transparent; - border-radius: 3px; - margin: 0 0 0.5rem; - padding: 0; - & pre { - margin-bottom: 0; - overflow-x: auto; - } - & .lineno { - color: hsla(0, 0%, 67%, 0.72); - display: inline-block; - /* Ensures the null space also isn't selectable */ - padding: 0 0.75rem 0 0.25rem; - /* Make sure numbers aren't selectable */ - } -} - -/* TODO: dark theme for future -@media (prefers-color-scheme: dark) { - code { - color: #fff; - background: hsl(200, 63%, 15%); - } -} -*/ - +@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"); +/*! purgecss start ignore */code.language-bash,code.language-cmd,code.language-css,code.language-html,code.language-js,code.language-md,code.language-text,span.nx,span.o{color:#fff;line-height:1.4}span.c{color:#060}span.nt,span.p,span.s1,span.s2{color:#960}span.ge,span.gh,span.gs{color:#08f}span.gs{font-weight:700}span.ge{font-style:italic}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}code{background-color:#fafafa;border-radius:3px;color:#060;font-size:85%}pre{margin:0;overflow:scroll;padding:1rem}pre code{color:inherit;font-size:100%}.highlight,pre code{background-color:initial;padding:0}.highlight{border-radius:3px;margin:0 0 .5rem;& pre{margin-bottom:0;overflow-x:auto}& .lineno{color:hsla(0,0%,67%,.72);display:inline-block;padding:0 .75rem 0 .25rem}} /*! purgecss end ignore */ - -/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -*, ::before, ::after{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::-webkit-backdrop{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -main{ - padding-top: 0px; -} - -article p{ - font-size: 1.125rem; -} - -/* -html, body { - @apply dark:bg-black; - -body { - @apply font-serif dark:text-gray-200; -} -*/ - -p { - /* for handling Markdown-created

and

  • */ - font-size: 1.125rem; -} - -pre, -code { - font-feature-settings: normal; -} - -.navWhite, -.navWhite:visited{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.navWhite:focus, -.navWhite:active{ - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.text-blue-light{ - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-blue-dark { - /* for dark mode - @apply text-blue-200; - */ -} - -.text-shadow-titles { - text-shadow: 4px 4px 2px #000; -} - -.gradient-titles{ - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); - --tw-gradient-from: #0000aa; - --tw-gradient-to: rgb(0 0 170 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); - --tw-gradient-to: #000000; -} - -.ctr{ - text-align: center; -} - -.legal{ - font-size: .75rem; -} - -nav h4 a:hover{ - border-width: 0px; - font-weight: 300; - --tw-text-opacity: 1; - color: rgb(0 136 255 / var(--tw-text-opacity)); -} - -nav h4 a, -nav h4 a:focus, -nav h4 a:active{ - border-width: 0px; - font-weight: 300; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -a h2{ - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -a{ - font-weight: 600; - --tw-text-opacity: 1; - color: rgb(0 0 187 / var(--tw-text-opacity)); -} - -a:focus, -a:hover{ - --tw-text-opacity: 1; - color: rgb(0 136 255 / var(--tw-text-opacity)); -} - -a:active{ - --tw-border-opacity: 1; - border-color: rgb(0 0 255 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(0 0 136 / var(--tw-text-opacity)); -} - -h5 a{ - font-weight: 400; - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -/* -a:hover { - @apply dark:text-blue-300; -} -*/ - -sup a, -a.previous, -a.next, -.footnote-return{ - border-bottom-width: 0px; -} - -#nav-toggle:checked + #navMenu{ - display: block; -} - -a.navborderless{ - border-bottom-width: 0px; -} - -/* -.dateInfo { - @apply text-gray-700 dark:text-gray-400; -} -*/ - -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6{ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - line-height: 1.25; - letter-spacing: -0.025em; -} - -h1, -.h1{ - margin-bottom: 1rem; - font-size: 2.25rem; - font-weight: 800; -} - -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6{ - font-weight: 700; -} - -h2, -.h2{ - font-size: 2.25rem; -} - -h4, -.h4{ - font-size: 1.5rem; -} - -h5{ - font-style: normal; -} - -h5, -.h5, -h6, -.h6{ - font-size: 1.125rem; -} - -.height-hero { - height: 45vh; - max-height: 45vh; - overflow: hidden; -} - -.height-post { - height: 35vh; - max-height: 35vh; -} - -.imgCover{ - height: 100%; - width: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: center; - object-position: center; -} - -.background-hero-image-div{ - position: relative; - width: 100%; - overflow: hidden; - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); - /* Have to allow for mobile browsers' own "chrome"; can't go by Inspector simulations of smaller breakpoints */ - height: 80vh; - max-height: 80vh; -} - -.background-hero-title-block-fit{ - position: absolute; - bottom: 0px; - display: block; - width: 100%; - background-image: linear-gradient(to top, var(--tw-gradient-stops)); - --tw-gradient-from: #000000; - --tw-gradient-to: rgb(0 0 0 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.75rem; - padding-bottom: 1.5rem; -} - -.background-hero-title-text { - text-shadow: 4px 4px 2px #000; -} - -@media screen and (min-width: 768px) { - .background-hero-title-block-fit{ - padding-left: 3rem; - padding-right: 3rem; - } - - .background-hero-image-div { - height: 85vh; - max-height: 85vh; - } -} - -@media screen and (min-width: 1024px) { - .background-hero-title-block-fit{ - padding-left: 4rem; - padding-right: 4rem; - } - - .background-hero-image-div { - height: 95vh; - max-height: 95vh; - } -} - -.text-nowrap, -.text-nobrk{ - white-space: nowrap; -} - -article h1, -article h2, -article h3, -article h4{ - margin-top: 2rem; - margin-bottom: 1.5rem; - letter-spacing: -0.025em; -} - -article p{ - font-size: 1.125rem; - line-height: 1.625; -} - -article img.containedImage { - min-width: 100%; - max-width: 100%; - height: auto; - width: 100%; -} - -@media screen and (min-width: 768px) { - .height-hero { - height: 70vh; - max-height: 70vh; - } - - .height-post { - height: 40vh; - max-height: 40vh; - } - - article p{ - font-size: 1.25rem; - line-height: 1.625; - } -} - -@media screen and (min-width: 1920px) { - article p{ - font-size: 1.5rem; - line-height: 1.625; - } -} - -/* -.yellowBox { - @apply font-sans bg-yellow-200 border border-gray-900 border-solid mx-auto my-2 w-full px-6 py-2 dark:bg-gray-800 dark:border-gray-500; -} -*/ - -.yellowbox p{ - margin: 0px; - width: 100%; - padding: 0.5rem; -} - -ul, -ol{ - padding-left: 2rem; -} - -ul{ - list-style-type: disc; -} - -ol{ - list-style-type: decimal; -} - -.twitter-tweet{ - margin-left: auto; - margin-right: auto; - margin-top: 1rem; - margin-bottom: 0px; -} - -table.leagues{ - margin-left: auto; - margin-right: auto; - margin-top: 1rem; - margin-bottom: 0px; - width: 91.666667%; - border-collapse: collapse; - border-width: 0px; -} - -table.leagues td.col{ - width: 50%; -} - -@media (min-width: 900px) { - table.leagues{ - width: 60%; - } - - table.noborders{ - width: 91.666667%; - } -} - -table.noborders{ - margin-left: auto; - margin-right: auto; - margin-top: 1.5rem; - margin-bottom: 1rem; - width: 100%; - border-collapse: collapse; - border-width: 0px; -} - -table.noborders td{ - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-right: 0px; - padding-left: 0.5rem; - text-align: left; - vertical-align: middle; - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); - /* text-align: left !important; */ -} - -table.noborders td img{ - margin: 0px; - display: inline-block; - vertical-align: middle; -} - -table.noborders tr{ - --tw-bg-opacity: 1; - background-color: rgb(187 238 255 / var(--tw-bg-opacity)); -} - -table.noborders tr:nth-child(even){ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -table.noborders thead tr{ - --tw-bg-opacity: 1; - background-color: rgb(0 0 170 / var(--tw-bg-opacity)); -} - -table.noborders thead td{ - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -table.noborders td.td70 { - width: 70%; -} - -table.noborders td.td70 img{ - display: block; - height: auto; - width: 50%; - max-width: 50%; -} - -table.noborders td.td30 { - width: 30%; -} - -/* -blockquote { - @apply px-6 text-gray-700 dark:text-gray-400; -} -*/ - -/* start, footnotes */ - -.footnote-definition, -.footnote-reference{ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.footnote-reference { - font-size: 0.65em; - top: -0.5em; -} - -.footnote-sim { - font-size: 0.65em; - color: #0000ff; - @media (prefers-color-scheme: dark) { - color: #00aaff; - } -} - -.footnotes { - & ol { - -webkit-padding-start: 1.5rem; - padding-inline-start: 1.5rem; - } - & ol li { - margin-bottom: 0.5rem; - font-size: $pokey; - } - & li p { - font-size: 100%; - line-height: 1.4; - } - & .footnote-backref { - font-size: 75%; - } -} - -a.footnote-return { - font-size: 50%; -} - -article > .footnote-definition { - border-top: 1px solid black; - padding-top: 1em; - margin-top: 1em; -} - -article > .footnote-definition ~ .footnote-definition { - border-top: 0; - padding-top: 0; - margin-top: 0; -} - -.footnote-definition-label { - top: -0.4em; - font-size: 0.65em; -} - -.footnote-definition-label + p { - font-size: 75%; - margin-top: -1.75em; - margin-left: 1em; - line-height: 1.35; -} - -.footnote-definition-label::after { - content: "."; -} - -/* == end, footnotes */ - -.aspect-16x9 { - padding-bottom: 56.25%; -} - -/* -hr { - @apply border-solid border-gray-900 dark:border-gray-100; -} -*/ - -footer{ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.lazypicturecaption{ - margin-top: 0.5rem; - padding: 0px; - text-align: center; - font-size: .875rem; - line-height: 1.375; -} - -.home-colOne p{ - margin-bottom: 1rem; - line-height: 2rem; -} - -.home-colOne img{ - margin-top: 1rem; - margin-bottom: 1rem; -} - -.container-comments { - margin: 0 auto; - font-size: 85%; - width: 85%; - max-width: 720px !important; - margin-bottom: 0; -} - -@media screen and (min-width: 900px) { - .container-comments { - width: 40%; - } -} - -.container{ - width: 100%; -} - -@media (min-width: 640px){ - .container{ - max-width: 640px; - } -} - -@media (min-width: 768px){ - .container{ - max-width: 768px; - } -} - -@media (min-width: 1024px){ - .container{ - max-width: 1024px; - } -} - -@media (min-width: 1280px){ - .container{ - max-width: 1280px; - } -} - -@media (min-width: 1450px){ - .container{ - max-width: 1450px; - } -} - -h1{ - font-size: 1.875rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - h1{ - font-size: 5rem; - } -} - -h2{ - margin-top: 1rem; - margin-bottom: 1rem; - font-size: 1.875rem; - font-weight: 300; - line-height: 1; -} - -@media (min-width: 1024px){ - h2{ - font-size: 4rem; - } -} - -h2 strong{ - font-weight: 500; -} - -h3{ - margin-top: 1rem; - margin-bottom: 1rem; - font-size: 1.25rem; - font-weight: 200; - line-height: 1; -} - -@media (min-width: 1024px){ - h3{ - font-size: 2.25rem; - } -} - -h3 strong{ - font-weight: 600; -} - -h4{ - font-size: .875rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - h4{ - font-size: 1.5rem; - } -} - -h5{ - margin-top: 0.25rem; - margin-bottom: 0.25rem; - font-size: 1.05rem; - font-weight: 600; - letter-spacing: 0.1em; - --tw-text-opacity: 1; - color: rgb(113 113 122 / var(--tw-text-opacity)); -} - -h6{ - margin-top: 0.25rem; - margin-bottom: 0.25rem; - font-size: 1.05rem; - font-weight: 400; - font-style: normal; -} - -p{ - font-size: 1.125rem; -} - -blockquote{ - margin-left: 0.5rem; - margin-right: 0.5rem; - margin-top: 0.5rem; - margin-bottom: 0.5rem; - border-left-width: 4px; - --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); - padding: 0.5rem; -} - -li{ - font-size: 1rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - li{ - font-size: 1rem; - } -} - -li li{ - font-size: .875rem; - font-weight: 300; -} - -@media (min-width: 1024px){ - li li{ - font-size: .875rem; - } -} - -button{ - margin-top: 0.75rem; - margin-bottom: 0.75rem; - display: inline-block; - border-width: 2px; - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - padding-left: 3rem; - padding-right: 3rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - text-transform: capitalize; - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -@media (min-width: 1024px){ - button{ - margin-right: 1.25rem; - font-size: 1.125rem; - } -} - -.my-header h4{ - color:#9f9f9f; -} - -.article h2{ - font-size: 2.25rem; - font-family: Lato,sans-serif!important; - line-height: 1.5; - font-weight: 700; - color:#333; -} - -.article h1{ - font-family: Lato,sans-serif!important; -} - -:root { - --md-admonition-icon--note: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--abstract: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--info: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--tip: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--success: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--question: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--warning: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--failure: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--danger: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--bug: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--example: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--quote: url("data:image/svg+xml;charset=utf-8,"); - --md-details-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E"); -} - -:is(.admonition) { - display: flow-root; - margin: 1.5625em 0; - padding: 0 1.2rem; - color: var(--fg); - page-break-inside: avoid; - background-color: var(--bg); - border: 0 solid black; - border-inline-start-width: 0.4rem; - border-radius: 0.2rem; - box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05), 0 0 0.1rem rgba(0, 0, 0, 0.1); -} - -.admonition p { - display: block; - -webkit-margin-before: 1em; - margin-block-start: 1em; - -webkit-margin-after: 1em; - margin-block-end: 1em; - -webkit-margin-start: 0px; - margin-inline-start: 0px; - -webkit-margin-end: 0px; - margin-inline-end: 0px; - font-size: 0.8rem; -} - -@media print { - :is(.admonition) { - box-shadow: none; - } -} - -:is(.admonition) > * { - box-sizing: border-box; -} - -:is(.admonition) :is(.admonition) { - margin-top: 1em; - margin-bottom: 1em; -} - -:is(.admonition) > .tabbed-set:only-child { - margin-top: 0; -} - -html :is(.admonition) > :last-child { - margin-bottom: 1.2rem; -} - -:is(.admonition-title, summary) { - position: relative; - margin-block: 0; - margin-inline: -1.6rem -1.2rem; - padding-block: 0.8rem; - padding-inline: 4rem 1.2rem; - font-weight: 700; - background-color: rgba(68, 138, 255, 0.1); - border: 0 solid #448aff; - border-inline-start-width: 0.4rem; - border-start-start-radius: 0.2rem; - display: flex; -} - -:is(.admonition-title, summary) > p { - margin: 0; -} - -html :is(.admonition-title, summary):last-child { - margin-bottom: 0; -} - -:is(.admonition-title, summary)::before { - position: absolute; - top: 0.625em; - inset-inline-start: 1.2rem; - width: 1.4rem; - height: 1.4rem; - background-color: #448aff; - mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); - mask-repeat: no-repeat; - -webkit-mask-repeat: no-repeat; - mask-size: contain; - -webkit-mask-size: contain; - content: ""; -} - -:is(.admonition):is(.note) { - border-color: #448aff; -} - -:is(.note) > :is(.admonition-title, summary) { - background-color: rgba(68, 138, 255, 0.1); - border-color: #448aff; -} - -:is(.note) > :is(.admonition-title, summary)::before { - background-color: #448aff; - mask-image: var(--md-admonition-icon--note); - -webkit-mask-image: var(--md-admonition-icon--note); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.abstract, .summary, .tldr) { - border-color: #00b0ff; -} - -:is(.abstract, .summary, .tldr) > :is(.admonition-title, summary) { - background-color: rgba(0, 176, 255, 0.1); - border-color: #00b0ff; -} - -:is(.abstract, .summary, .tldr) > :is(.admonition-title, summary)::before { - background-color: #00b0ff; - mask-image: var(--md-admonition-icon--abstract); - -webkit-mask-image: var(--md-admonition-icon--abstract); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.info, .todo) { - border-color: #00b8d4; -} - -:is(.info, .todo) > :is(.admonition-title, summary) { - background-color: rgba(0, 184, 212, 0.1); - border-color: #00b8d4; -} - -:is(.info, .todo) > :is(.admonition-title, summary)::before { - background-color: #00b8d4; - mask-image: var(--md-admonition-icon--info); - -webkit-mask-image: var(--md-admonition-icon--info); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.tip, .hint, .important) { - border-color: #00bfa5; -} - -:is(.tip, .hint, .important) > :is(.admonition-title, summary) { - background-color: rgba(0, 191, 165, 0.1); - border-color: #00bfa5; -} - -:is(.tip, .hint, .important) > :is(.admonition-title, summary)::before { - background-color: #00bfa5; - mask-image: var(--md-admonition-icon--tip); - -webkit-mask-image: var(--md-admonition-icon--tip); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.success, .check, .done) { - border-color: #00c853; -} - -:is(.success, .check, .done) > :is(.admonition-title, summary) { - background-color: rgba(0, 200, 83, 0.1); - border-color: #00c853; -} - -:is(.success, .check, .done) > :is(.admonition-title, summary)::before { - background-color: #00c853; - mask-image: var(--md-admonition-icon--success); - -webkit-mask-image: var(--md-admonition-icon--success); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.question, .help, .faq) { - border-color: #64dd17; -} - -:is(.question, .help, .faq) > :is(.admonition-title, summary) { - background-color: rgba(100, 221, 23, 0.1); - border-color: #64dd17; -} - -:is(.question, .help, .faq) > :is(.admonition-title, summary)::before { - background-color: #64dd17; - mask-image: var(--md-admonition-icon--question); - -webkit-mask-image: var(--md-admonition-icon--question); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.warning, .caution, .attention) { - border-color: #ff9100; -} - -:is(.warning, .caution, .attention) > :is(.admonition-title, summary) { - background-color: rgba(255, 145, 0, 0.1); - border-color: #ff9100; -} - -:is(.warning, .caution, .attention) > :is(.admonition-title, summary)::before { - background-color: #ff9100; - mask-image: var(--md-admonition-icon--warning); - -webkit-mask-image: var(--md-admonition-icon--warning); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.failure, .fail, .missing) { - border-color: #ff5252; -} - -:is(.failure, .fail, .missing) > :is(.admonition-title, summary) { - background-color: rgba(255, 82, 82, 0.1); - border-color: #ff5252; -} - -:is(.failure, .fail, .missing) > :is(.admonition-title, summary)::before { - background-color: #ff5252; - mask-image: var(--md-admonition-icon--failure); - -webkit-mask-image: var(--md-admonition-icon--failure); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.danger, .error) { - border-color: #ff1744; -} - -:is(.danger, .error) > :is(.admonition-title, summary) { - background-color: rgba(255, 23, 68, 0.1); - border-color: #ff1744; -} - -:is(.danger, .error) > :is(.admonition-title, summary)::before { - background-color: #ff1744; - mask-image: var(--md-admonition-icon--danger); - -webkit-mask-image: var(--md-admonition-icon--danger); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.bug) { - border-color: #f50057; -} - -:is(.bug) > :is(.admonition-title, summary) { - background-color: rgba(245, 0, 87, 0.1); - border-color: #f50057; -} - -:is(.bug) > :is(.admonition-title, summary)::before { - background-color: #f50057; - mask-image: var(--md-admonition-icon--bug); - -webkit-mask-image: var(--md-admonition-icon--bug); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.example) { - border-color: #7c4dff; -} - -:is(.example) > :is(.admonition-title, summary) { - background-color: rgba(124, 77, 255, 0.1); - border-color: #7c4dff; -} - -:is(.example) > :is(.admonition-title, summary)::before { - background-color: #7c4dff; - mask-image: var(--md-admonition-icon--example); - -webkit-mask-image: var(--md-admonition-icon--example); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.quote, .cite) { - border-color: #9e9e9e; -} - -:is(.quote, .cite) > :is(.admonition-title, summary) { - background-color: rgba(158, 158, 158, 0.1); - border-color: #9e9e9e; -} - -:is(.quote, .cite) > :is(.admonition-title, summary)::before { - background-color: #9e9e9e; - mask-image: var(--md-admonition-icon--quote); - -webkit-mask-image: var(--md-admonition-icon--quote); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -.navy :is(.admonition) { - background-color: var(--sidebar-bg); -} - -.ayu :is(.admonition), -.coal :is(.admonition) { - background-color: var(--theme-hover); -} - -.rust :is(.admonition) { - background-color: var(--sidebar-bg); - color: var(--sidebar-fg); -} - -:is(.admonition-title) { - font-feature-settings: "kern", "liga"; - font-weight: 600; - font-size: 0.84rem; - border: none; - padding: 10px 50px; -} - -:is(summary)::after { - top: 0.625em; - width: 1.4rem; - height: 1.4rem; - mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-size: contain; - content: ""; - background-color: black; - mask-image: var(--md-details-icon); - -webkit-mask-image: var(--md-details-icon); - mask-repeat: no-repeat; - mask-size: contain; - -webkit-mask-repeat: no-repeat; - position: absolute; - transform: rotate(-90deg); - transition: transform 0.25s; - right: 0.4rem; -} - -details[open] > summary::after { - transform: rotate(0deg); -} - -.sr-only{ - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; -} - -.static{ - position: static !important; -} - -.fixed{ - position: fixed !important; -} - -.absolute{ - position: absolute !important; -} - -.relative{ - position: relative !important; -} - -.inset-0{ - top: 0px !important; - right: 0px !important; - bottom: 0px !important; - left: 0px !important; -} - -.inset-x-0{ - left: 0px !important; - right: 0px !important; -} - -.left-0{ - left: 0px !important; -} - -.top-0{ - top: 0px !important; -} - -.z-50{ - z-index: 50 !important; -} - -.z-30{ - z-index: 30 !important; -} - -.z-20{ - z-index: 20 !important; -} - -.z-10{ - z-index: 10 !important; -} - -.order-2{ - order: 2 !important; -} - -.order-1{ - order: 1 !important; -} - -.col-span-3{ - grid-column: span 3 / span 3 !important; -} - -.m-0{ - margin: 0px !important; -} - -.m-2{ - margin: 0.5rem !important; -} - -.m-4{ - margin: 1rem !important; -} - -.mx-auto{ - margin-left: auto !important; - margin-right: auto !important; -} - -.mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; -} - -.my-2{ - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - -.mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; -} - -.my-0{ - margin-top: 0px !important; - margin-bottom: 0px !important; -} - -.my-8{ - margin-top: 2rem !important; - margin-bottom: 2rem !important; -} - -.my-4{ - margin-top: 1rem !important; - margin-bottom: 1rem !important; -} - -.my-10{ - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; -} - -.mx-1{ - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; -} - -.my-1{ - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; -} - -.my-5{ - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; -} - -.mx-8{ - margin-left: 2rem !important; - margin-right: 2rem !important; -} - -.-mx-4{ - margin-left: -1rem !important; - margin-right: -1rem !important; -} - -.-my-2{ - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; -} - -.-mx-8{ - margin-left: -2rem !important; - margin-right: -2rem !important; -} - -.mt-10{ - margin-top: 2.5rem !important; -} - -.mt-0{ - margin-top: 0px !important; -} - -.mb-3{ - margin-bottom: 0.75rem !important; -} - -.mb-8{ - margin-bottom: 2rem !important; -} - -.mr-2{ - margin-right: 0.5rem !important; -} - -.mt-5{ - margin-top: 1.25rem !important; -} - -.mt-6{ - margin-top: 1.5rem !important; -} - -.mb-4{ - margin-bottom: 1rem !important; -} - -.mb-10{ - margin-bottom: 2.5rem !important; -} - -.ml-auto{ - margin-left: auto !important; -} - -.mb-0{ - margin-bottom: 0px !important; -} - -.mt-12{ - margin-top: 3rem !important; -} - -.mt-2{ - margin-top: 0.5rem !important; -} - -.mb-16{ - margin-bottom: 4rem !important; -} - -.ml-4{ - margin-left: 1rem !important; -} - -.mr-5{ - margin-right: 1.25rem !important; -} - -.mt-3{ - margin-top: 0.75rem !important; -} - -.mt-1{ - margin-top: 0.25rem !important; -} - -.ml-5{ - margin-left: 1.25rem !important; -} - -.mb-12{ - margin-bottom: 3rem !important; -} - -.mr-8{ - margin-right: 2rem !important; -} - -.mb-6{ - margin-bottom: 1.5rem !important; -} - -.mt-16{ - margin-top: 4rem !important; -} - -.mt-8{ - margin-top: 2rem !important; -} - -.mb-5{ - margin-bottom: 1.25rem !important; -} - -.ml-8{ - margin-left: 2rem !important; -} - -.ml-1{ - margin-left: 0.25rem !important; -} - -.-mr-2{ - margin-right: -0.5rem !important; -} - -.mr-4{ - margin-right: 1rem !important; -} - -.-mt-16{ - margin-top: -4rem !important; -} - -.ml-10{ - margin-left: 2.5rem !important; -} - -.block{ - display: block !important; -} - -.inline-block{ - display: inline-block !important; -} - -.inline{ - display: inline !important; -} - -.flex{ - display: flex !important; -} - -.inline-flex{ - display: inline-flex !important; -} - -.grid{ - display: grid !important; -} - -.hidden{ - display: none !important; -} - -.h-8{ - height: 2rem !important; -} - -.h-10{ - height: 2.5rem !important; -} - -.h-32{ - height: 8rem !important; -} - -.h-12{ - height: 3rem !important; -} - -.h-full{ - height: 100% !important; -} - -.h-16{ - height: 4rem !important; -} - -.h-4{ - height: 1rem !important; -} - -.h-auto{ - height: auto !important; -} - -.h-6{ - height: 1.5rem !important; -} - -.h-5{ - height: 1.25rem !important; -} - -.h-screen{ - height: 100vh !important; -} - -.h-48{ - height: 12rem !important; -} - -.h-1\/2{ - height: 50% !important; -} - -.h-1\/3{ - height: 33.333333% !important; -} - -.max-h-80{ - max-height: 20rem !important; -} - -.max-h-screen{ - max-height: 100vh !important; -} - -.min-h-screen{ - min-height: 100vh !important; -} - -.w-8{ - width: 2rem !important; -} - -.w-full{ - width: 100% !important; -} - -.w-72{ - width: 18rem !important; -} - -.w-10{ - width: 2.5rem !important; -} - -.w-32{ - width: 8rem !important; -} - -.w-48{ - width: 12rem !important; -} - -.w-3\/4{ - width: 75% !important; -} - -.w-4\/6{ - width: 66.666667% !important; -} - -.w-2\/6{ - width: 33.333333% !important; -} - -.w-12{ - width: 3rem !important; -} - -.w-64{ - width: 16rem !important; -} - -.w-7\/12{ - width: 58.333333% !important; -} - -.w-4{ - width: 1rem !important; -} - -.w-20{ - width: 5rem !important; -} - -.w-screen{ - width: 100vw !important; -} - -.w-6{ - width: 1.5rem !important; -} - -.w-5{ - width: 1.25rem !important; -} - -.w-auto{ - width: auto !important; -} - -.max-w-lg{ - max-width: 32rem !important; -} - -.max-w-full{ - max-width: 100% !important; -} - -.max-w-screen-2xl{ - max-width: 1450px !important; -} - -.max-w-4xl{ - max-width: 56rem !important; -} - -.max-w-7xl{ - max-width: 80rem !important; -} - -.max-w-screen-xl{ - max-width: 1280px !important; -} - -.max-w-xs{ - max-width: 20rem !important; -} - -.flex-1{ - flex: 1 1 0% !important; -} - -.flex-shrink-0{ - flex-shrink: 0 !important; -} - -.origin-top-right{ - transform-origin: top right !important; -} - -.-translate-y-1{ - --tw-translate-y: -0.25rem !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-translate-y-0{ - --tw-translate-y: -0px !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.rotate-180{ - --tw-rotate: 180deg !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-rotate-90{ - --tw-rotate: -90deg !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.scale-95{ - --tw-scale-x: .95 !important; - --tw-scale-y: .95 !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.scale-100{ - --tw-scale-x: 1 !important; - --tw-scale-y: 1 !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.transform{ - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.cursor-pointer{ - cursor: pointer !important; -} - -.list-none{ - list-style-type: none !important; -} - -.grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; -} - -.grid-cols-1{ - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; -} - -.flex-row{ - flex-direction: row !important; -} - -.flex-col{ - flex-direction: column !important; -} - -.flex-wrap{ - flex-wrap: wrap !important; -} - -.flex-nowrap{ - flex-wrap: nowrap !important; -} - -.items-start{ - align-items: flex-start !important; -} - -.items-center{ - align-items: center !important; -} - -.items-baseline{ - align-items: baseline !important; -} - -.justify-center{ - justify-content: center !important; -} - -.justify-between{ - justify-content: space-between !important; -} - -.justify-around{ - justify-content: space-around !important; -} - -.gap-5{ - gap: 1.25rem !important; -} - -.gap-6{ - gap: 1.5rem !important; -} - -.gap-4{ - gap: 1rem !important; -} - -.space-y-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-6 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-1 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; -} - -.space-x-10 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-x-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-x-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-y-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; -} - -.divide-y-2 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) !important; -} - -.divide-y > :not([hidden]) ~ :not([hidden]){ - --tw-divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; -} - -.divide-gray-50 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1 !important; - border-color: rgb(249 250 251 / var(--tw-divide-opacity)) !important; -} - -.divide-gray-200 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1 !important; - border-color: rgb(229 231 235 / var(--tw-divide-opacity)) !important; -} - -.overflow-hidden{ - overflow: hidden !important; -} - -.overflow-visible{ - overflow: visible !important; -} - -.overflow-y-auto{ - overflow-y: auto !important; -} - -.overflow-x-hidden{ - overflow-x: hidden !important; -} - -.overflow-x-scroll{ - overflow-x: scroll !important; -} - -.text-ellipsis{ - text-overflow: ellipsis !important; -} - -.rounded-full{ - border-radius: 9999px !important; -} - -.rounded{ - border-radius: 0.25rem !important; -} - -.rounded-lg{ - border-radius: 0.5rem !important; -} - -.rounded-md{ - border-radius: 0.375rem !important; -} - -.rounded-none{ - border-radius: 0px !important; -} - -.rounded-l-md{ - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; -} - -.rounded-r-md{ - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; -} - -.border-2{ - border-width: 2px !important; -} - -.border{ - border-width: 1px !important; -} - -.border-4{ - border-width: 4px !important; -} - -.border-0{ - border-width: 0px !important; -} - -.border-b{ - border-bottom-width: 1px !important; -} - -.border-r-0{ - border-right-width: 0px !important; -} - -.border-t{ - border-top-width: 1px !important; -} - -.border-t-2{ - border-top-width: 2px !important; -} - -.border-dashed{ - border-style: dashed !important; -} - -.border-white{ - --tw-border-opacity: 1 !important; - border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; -} - -.border-gray-600{ - --tw-border-opacity: 1 !important; - border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; -} - -.border-gray-400{ - --tw-border-opacity: 1 !important; - border-color: rgb(156 163 175 / var(--tw-border-opacity)) !important; -} - -.border-transparent{ - border-color: transparent !important; -} - -.border-black{ - --tw-border-opacity: 1 !important; - border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; -} - -.border-gray-300{ - --tw-border-opacity: 1 !important; - border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important; -} - -.border-gray-200{ - --tw-border-opacity: 1 !important; - border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; -} - -.bg-gray-200{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.bg-transparent{ - background-color: transparent !important; -} - -.bg-white{ - --tw-bg-opacity: 1 !important; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-50{ - --tw-bg-opacity: 1 !important; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-100{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-300{ - --tw-bg-opacity: 1 !important; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; -} - -.bg-cover{ - background-size: cover !important; -} - -.bg-center{ - background-position: center !important; -} - -.bg-no-repeat{ - background-repeat: no-repeat !important; -} - -.object-cover{ - -o-object-fit: cover !important; - object-fit: cover !important; -} - -.p-4{ - padding: 1rem !important; -} - -.p-8{ - padding: 2rem !important; -} - -.p-3{ - padding: 0.75rem !important; -} - -.p-2{ - padding: 0.5rem !important; -} - -.p-6{ - padding: 1.5rem !important; -} - -.py-10{ - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; -} - -.py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.px-4{ - padding-left: 1rem !important; - padding-right: 1rem !important; -} - -.px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; -} - -.px-0{ - padding-left: 0px !important; - padding-right: 0px !important; -} - -.py-12{ - padding-top: 3rem !important; - padding-bottom: 3rem !important; -} - -.px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; -} - -.py-1{ - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} - -.py-5{ - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; -} - -.px-3{ - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; -} - -.px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; -} - -.py-3{ - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; -} - -.px-2{ - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; -} - -.py-4{ - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} - -.px-5{ - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; -} - -.pl-3{ - padding-left: 0.75rem !important; -} - -.pt-24{ - padding-top: 6rem !important; -} - -.pt-16{ - padding-top: 4rem !important; -} - -.pt-8{ - padding-top: 2rem !important; -} - -.pt-4{ - padding-top: 1rem !important; -} - -.pb-10{ - padding-bottom: 2.5rem !important; -} - -.pb-0{ - padding-bottom: 0px !important; -} - -.pt-6{ - padding-top: 1.5rem !important; -} - -.pt-12{ - padding-top: 3rem !important; -} - -.pr-20{ - padding-right: 5rem !important; -} - -.pl-20{ - padding-left: 5rem !important; -} - -.pt-5{ - padding-top: 1.25rem !important; -} - -.pb-6{ - padding-bottom: 1.5rem !important; -} - -.pl-1{ - padding-left: 0.25rem !important; -} - -.pt-1{ - padding-top: 0.25rem !important; -} - -.pt-2{ - padding-top: 0.5rem !important; -} - -.pb-4{ - padding-bottom: 1rem !important; -} - -.pb-12{ - padding-bottom: 3rem !important; -} - -.pl-12{ - padding-left: 3rem !important; -} - -.pb-2{ - padding-bottom: 0.5rem !important; -} - -.text-left{ - text-align: left !important; -} - -.text-center{ - text-align: center !important; -} - -.text-right{ - text-align: right !important; -} - -.font-serif{ - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; -} - -.text-2xl{ - font-size: 1.5rem !important; -} - -.text-xs{ - font-size: .75rem !important; -} - -.text-sm{ - font-size: .875rem !important; -} - -.text-5xl{ - font-size: 3rem !important; -} - -.text-xl{ - font-size: 1.25rem !important; -} - -.text-4xl{ - font-size: 2.25rem !important; -} - -.text-lg{ - font-size: 1.125rem !important; -} - -.text-base{ - font-size: 1rem !important; -} - -.text-3xl{ - font-size: 1.875rem !important; -} - -.text-md{ - font-size: 1.05rem !important; -} - -.font-medium{ - font-weight: 500 !important; -} - -.font-black{ - font-weight: 900 !important; -} - -.font-normal{ - font-weight: 400 !important; -} - -.font-light{ - font-weight: 300 !important; -} - -.font-semibold{ - font-weight: 600 !important; -} - -.font-extrabold{ - font-weight: 800 !important; -} - -.font-bold{ - font-weight: 700 !important; -} - -.uppercase{ - text-transform: uppercase !important; -} - -.capitalize{ - text-transform: capitalize !important; -} - -.not-italic{ - font-style: normal !important; -} - -.leading-none{ - line-height: 1 !important; -} - -.leading-8{ - line-height: 2rem !important; -} - -.leading-snug{ - line-height: 1.375 !important; -} - -.leading-6{ - line-height: 1.5rem !important; -} - -.leading-4{ - line-height: 1rem !important; -} - -.leading-3{ - line-height: .75rem !important; -} - -.leading-7{ - line-height: 1.75rem !important; -} - -.leading-5{ - line-height: 1.25rem !important; -} - -.leading-tight{ - line-height: 1.25 !important; -} - -.leading-relaxed{ - line-height: 1.625 !important; -} - -.tracking-tight{ - letter-spacing: -0.025em !important; -} - -.tracking-wide{ - letter-spacing: 0.025em !important; -} - -.text-gray-700{ - --tw-text-opacity: 1 !important; - color: rgb(55 65 81 / var(--tw-text-opacity)) !important; -} - -.text-gray-600{ - --tw-text-opacity: 1 !important; - color: rgb(75 85 99 / var(--tw-text-opacity)) !important; -} - -.text-gray-800{ - --tw-text-opacity: 1 !important; - color: rgb(31 41 55 / var(--tw-text-opacity)) !important; -} - -.text-gray-900{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.text-black{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / var(--tw-text-opacity)) !important; -} - -.text-gray-400{ - --tw-text-opacity: 1 !important; - color: rgb(156 163 175 / var(--tw-text-opacity)) !important; -} - -.text-gray-500{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.text-gray-300{ - --tw-text-opacity: 1 !important; - color: rgb(209 213 219 / var(--tw-text-opacity)) !important; -} - -.text-white{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; -} - -.text-blue-700{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 170 / var(--tw-text-opacity)) !important; -} - -.text-blue-500{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 255 / var(--tw-text-opacity)) !important; -} - -.text-blue-400{ - --tw-text-opacity: 1 !important; - color: rgb(0 51 255 / var(--tw-text-opacity)) !important; -} - -.opacity-0{ - opacity: 0 !important; -} - -.opacity-100{ - opacity: 1 !important; -} - -.shadow{ - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-sm{ - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.\!shadow-none{ - --tw-shadow: 0 0 #0000 !important; - --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-lg{ - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-md{ - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.grayscale{ - --tw-grayscale: grayscale(100%) !important; - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; -} - -.filter{ - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; -} - -.backdrop-blur{ - --tw-backdrop-blur: blur(8px) !important; - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; -} - -.transition-all{ - transition-property: all !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition-transform{ - transition-property: transform !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition{ - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition-shadow{ - transition-property: box-shadow !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.duration-200{ - transition-duration: 200ms !important; -} - -.duration-100{ - transition-duration: 100ms !important; -} - -.duration-75{ - transition-duration: 75ms !important; -} - -.duration-150{ - transition-duration: 150ms !important; -} - -.duration-500{ - transition-duration: 500ms !important; -} - -.duration-300{ - transition-duration: 300ms !important; -} - -.ease-out{ - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; -} - -.ease-in{ - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; -} - -.ease-in-out{ - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; -} - -/* Custom CSS for header partial */ - -.backdrop-blur { - -webkit-backdrop-filter: blur(40px); -} - -* { - font-family: "Lato", sans-serif; -} - -.bg-semi-white { - background-color: rgba(255, 255, 255, 0.75); -} - -/* Custom css allowing image styling in markdown */ - -img[src*="#mx-auto"] { - margin: auto; -} - -img[src*="#small"] { - width: 68px; -} - -img[src*="#medium"] { - width: 400px; - margin: auto; -} - -img[src*="#logo"] { - max-width: min(250px, 100%); - margin: auto; -} - -img[src*="#large"] { - width: 1000px; - margin: auto; -} - -img[src*="#tft_img"] { - width: 150px; - margin: 8px; -} - -img[src*="#absolute"] { - position: absolute; - left: 0; - top: 0; -} - -.footer-cust a{ - color: #999; -} - -.footer-cust a:hover { - color: rgb(65, 65, 65); -} - -.footer-cust h6{ - margin-bottom: 15px; -} - -.logo_size{ - width:200px -} - -h1 { - line-height: 4rem; -} - -.article p{ - font-size: 1.125rem; - font-family: Lato,sans-serif!important; - line-height: 1.7; - color:#333 -} - -.post-content-text a, .article a{ - color: #4ec48f; -} - -.post-content-text a:hover, .article a:hover{ - color: #2e9969; -} - -.article li{ - font-size: 1.125rem; -} - -.main-title { - font-family: Lato,sans-serif!important; -} - -button:hover :is(:where(a)) { - color: #5e5e5e; -} - -button :is(:where(p)) { - color: #3d3b39; - font-weight: 400; -} - -button a { - color: black; -} - -a { - border-width: 0px; -} - -header { - font-family: "Work Sans"; -} - -.nav_btn { - margin: 0 !important; - padding: 0 !important; - border: none !important; - box-shadow: none !important; -} - -.quicklinks { - box-sizing: border-box; - align-items: center; - width: auto; - margin: 0 auto; - border-radius: 10px; - margin-top: 30px; - flex-wrap: wrap; - margin-bottom: 20px; -} - -.quicklinks img { - height: auto; - max-width: 200px; - display: inline-block; - padding: 10px; - filter: grayscale(100%); - position: relative; - transition: all 0.2s ease; - opacity: 0.5; -} - -.quicklinks img:hover { - opacity: 1; - transition: all 0.2s ease; - filter: grayscale(0%); -} - -.banner { - width: 100%; - margin: 0; - padding: 120px 0; - text-align: center; - position: relative; - display: block; - color: #fff !important; - letter-spacing: 0.5px; - overflow: hidden; - background: #00838d; - transition: 1.5s; -} - -.header { - height: auto; - background: none; - padding: 200px 0; -} - -.banner h2, -.header h1 { - margin: auto; - color: #fff; - position: relative; - transition: 0.3s; - z-index: 1; - white-space: nowrap; -} - -.header h1 { - color: #000; - transition: none; -} - -.banner h2 svg { - font-size: 40px; - margin-left: 15px; - position: absolute; - top: 55%; - transform: translateY(-50%) scale(0.5); - opacity: 0; - transition: 0.3s; -} - -.banner .back { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-position: center; - background-size: cover; - filter: grayscale(1) contrast(1.4); - opacity: 0.25; - transition: 1.5s; -} - -.header .back { - filter: none; - opacity: 1; - background-position: center; - background-size: cover; - background-repeat: no-repeat; -} - -.banner:hover { - background: #4b3a92; -} - -.header:hover { - background: none; -} - -.banner:hover h2 svg { - transform: translateY(-50%) scale(1); - opacity: 1; -} - -.banner:hover h2 { - padding-right: 40px; -} - -.header:hover h1 { - padding-right: 0; -} - -.banner:hover .back { - transform: scale(1.03); -} - -.header:hover .back { - transform: none; -} - -.my-test{ - font-family: "Work Sans", sans-serif !important; -} - -.post-content-text .my-test { - font-family: "Work Sans", sans-serif !important; - line-height: 1.7; -} - -.post-content-text h2 { - font-family: Lato,sans-serif!important; - line-height: 1.5; - font-size: 2.25rem; - font-weight: 700; -} - -.container-fluid { - width: 100%; - /* padding-right: 15px; - padding-left: 15px; */ - margin-right: auto; - margin-left: auto; -} - -.zola-anchor { - display: none; -} - -@media (min-width: 1024px){ - h2 { - font-size: 3.5rem; - } -} - -@media (max-width: 640px) { - .banner h2 { - font: 600 7vw/10vw; - } - - .header h1 { - font-size: 35px; - } - - .banner h2 svg { - font-size: 30px; - } -} - -@media (max-width: 480px) { - .banner, - .header { - padding: 80px 0; - } - - img[src*="#sm_none"] { - display: none; - } -} - -header #menu button{ - display: flex; - width: 100%; - flex-direction: column; - align-items: flex-start; - border-radius: 0.25rem; - border-width: 2px; - border-color: transparent; - padding: 0.5rem; - text-align: left; - line-height: 1.5rem; - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -header #menu button:hover{ - --tw-border-opacity: 1; - border-color: rgb(231 229 228 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(245 245 244 / var(--tw-bg-opacity)); -} - -header #menu button:first-child:hover{ - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.focus-within\:outline-none:focus-within{ - outline: 2px solid transparent !important; - outline-offset: 2px !important; -} - -.focus-within\:ring-2:focus-within{ - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; -} - -.focus-within\:ring-offset-2:focus-within{ - --tw-ring-offset-width: 2px !important; -} - -.hover\:border-blue-500:hover{ - --tw-border-opacity: 1 !important; - border-color: rgb(0 0 255 / var(--tw-border-opacity)) !important; -} - -.hover\:border-stone-200:hover{ - --tw-border-opacity: 1 !important; - border-color: rgb(231 229 228 / var(--tw-border-opacity)) !important; -} - -.hover\:bg-gray-400:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-50:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-200:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-stone-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(245 245 244 / var(--tw-bg-opacity)) !important; -} - -.hover\:text-blue-700:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 170 / var(--tw-text-opacity)) !important; -} - -.hover\:text-black:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-900:hover{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-500:hover{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.hover\:text-blue-300:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 136 255 / var(--tw-text-opacity)) !important; -} - -.hover\:\!text-gray-700:hover{ - --tw-text-opacity: 1 !important; - color: rgb(55 65 81 / var(--tw-text-opacity)) !important; -} - -.hover\:underline:hover{ - -webkit-text-decoration-line: underline !important; - text-decoration-line: underline !important; -} - -.hover\:shadow-xl:hover{ - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.hover\:first\:text-gray-500:first-child:hover{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.focus\:bg-gray-200:focus{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.focus\:bg-gray-100:focus{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.focus\:text-gray-900:focus{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.focus\:text-gray-500:focus{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.focus\:outline-none:focus{ - outline: 2px solid transparent !important; - outline-offset: 2px !important; -} - -.focus\:ring-2:focus{ - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; -} - -.focus\:ring-offset-2:focus{ - --tw-ring-offset-width: 2px !important; -} - -@media (prefers-color-scheme: dark){ - .dark\:bg-gray-700{ - --tw-bg-opacity: 1 !important; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; - } - - .dark\:bg-transparent{ - background-color: transparent !important; - } - - .dark\:text-gray-200{ - --tw-text-opacity: 1 !important; - color: rgb(229 231 235 / var(--tw-text-opacity)) !important; - } - - .dark\:hover\:bg-gray-600:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; - } - - .dark\:hover\:text-white:hover{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; - } - - .dark\:focus\:text-white:focus{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; - } -} - -@media (min-width: 640px){ - .sm\:col-span-2{ - grid-column: span 2 / span 2 !important; - } - - .sm\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .sm\:-mx-4{ - margin-left: -1rem !important; - margin-right: -1rem !important; - } - - .sm\:-mx-12{ - margin-left: -3rem !important; - margin-right: -3rem !important; - } - - .sm\:mt-0{ - margin-top: 0px !important; - } - - .sm\:mt-8{ - margin-top: 2rem !important; - } - - .sm\:flex{ - display: flex !important; - } - - .sm\:grid{ - display: grid !important; - } - - .sm\:h-10{ - height: 2.5rem !important; - } - - .sm\:h-2\/3{ - height: 66.666667% !important; - } - - .sm\:w-10{ - width: 2.5rem !important; - } - - .sm\:w-32{ - width: 8rem !important; - } - - .sm\:w-1\/2{ - width: 50% !important; - } - - .sm\:flex-1{ - flex: 1 1 0% !important; - } - - .sm\:grid-cols-4{ - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-1{ - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .sm\:gap-6{ - gap: 1.5rem !important; - } - - .sm\:gap-10{ - gap: 2.5rem !important; - } - - .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; - } - - .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important; - } - - .sm\:overflow-hidden{ - overflow: hidden !important; - } - - .sm\:rounded-md{ - border-radius: 0.375rem !important; - } - - .sm\:border-0{ - border-width: 0px !important; - } - - .sm\:border-r{ - border-right-width: 1px !important; - } - - .sm\:border-l{ - border-left-width: 1px !important; - } - - .sm\:p-12{ - padding: 3rem !important; - } - - .sm\:p-6{ - padding: 1.5rem !important; - } - - .sm\:p-0{ - padding: 0px !important; - } - - .sm\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .sm\:px-0{ - padding-left: 0px !important; - padding-right: 0px !important; - } - - .sm\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .sm\:px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; - } - - .sm\:py-6{ - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .sm\:px-4{ - padding-left: 1rem !important; - padding-right: 1rem !important; - } - - .sm\:pb-8{ - padding-bottom: 2rem !important; - } - - .sm\:pt-16{ - padding-top: 4rem !important; - } - - .sm\:pb-16{ - padding-bottom: 4rem !important; - } - - .sm\:text-3xl{ - font-size: 1.875rem !important; - } - - .sm\:text-sm{ - font-size: .875rem !important; - } - - .sm\:leading-10{ - line-height: 2.5rem !important; - } -} - -@media (min-width: 768px){ - .md\:order-2{ - order: 2 !important; - } - - .md\:order-last{ - order: 9999 !important; - } - - .md\:col-span-2{ - grid-column: span 2 / span 2 !important; - } - - .md\:mx-8{ - margin-left: 2rem !important; - margin-right: 2rem !important; - } - - .md\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .md\:mx-12{ - margin-left: 3rem !important; - margin-right: 3rem !important; - } - - .md\:mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; - } - - .md\:-mx-16{ - margin-left: -4rem !important; - margin-right: -4rem !important; - } - - .md\:mt-0{ - margin-top: 0px !important; - } - - .md\:mb-10{ - margin-bottom: 2.5rem !important; - } - - .md\:-mt-1{ - margin-top: -0.25rem !important; - } - - .md\:mb-0{ - margin-bottom: 0px !important; - } - - .md\:block{ - display: block !important; - } - - .md\:inline-block{ - display: inline-block !important; - } - - .md\:inline{ - display: inline !important; - } - - .md\:grid{ - display: grid !important; - } - - .md\:w-5\/6{ - width: 83.333333% !important; - } - - .md\:w-1\/6{ - width: 16.666667% !important; - } - - .md\:w-full{ - width: 100% !important; - } - - .md\:w-2\/3{ - width: 66.666667% !important; - } - - .md\:w-auto{ - width: auto !important; - } - - .md\:w-48{ - width: 12rem !important; - } - - .md\:max-w-full{ - max-width: 100% !important; - } - - .md\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .md\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .md\:flex-row{ - flex-direction: row !important; - } - - .md\:gap-12{ - gap: 3rem !important; - } - - .md\:gap-8{ - gap: 2rem !important; - } - - .md\:p-16{ - padding: 4rem !important; - } - - .md\:p-8{ - padding: 2rem !important; - } - - .md\:px-16{ - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .md\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .md\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .md\:py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .md\:pl-8{ - padding-left: 2rem !important; - } - - .md\:text-left{ - text-align: left !important; - } - - .md\:text-4xl{ - font-size: 2.25rem !important; - } - - .md\:text-6xl{ - font-size: 4rem !important; - } - - .md\:text-2xl{ - font-size: 1.5rem !important; - } -} - -@media (min-width: 1024px){ - .lg\:m-4{ - margin: 1rem !important; - } - - .lg\:m-0{ - margin: 0px !important; - } - - .lg\:m-20{ - margin: 5rem !important; - } - - .lg\:mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; - } - - .lg\:mx-20{ - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .lg\:mx-40{ - margin-left: 10rem !important; - margin-right: 10rem !important; - } - - .lg\:mx-10{ - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; - } - - .lg\:-mx-20{ - margin-left: -5rem !important; - margin-right: -5rem !important; - } - - .lg\:my-40{ - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .lg\:mx-auto{ - margin-left: auto !important; - margin-right: auto !important; - } - - .lg\:-mx-12{ - margin-left: -3rem !important; - margin-right: -3rem !important; - } - - .lg\:my-32{ - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .lg\:mb-8{ - margin-bottom: 2rem !important; - } - - .lg\:-mt-6{ - margin-top: -1.5rem !important; - } - - .lg\:mt-6{ - margin-top: 1.5rem !important; - } - - .lg\:mr-24{ - margin-right: 6rem !important; - } - - .lg\:mt-16{ - margin-top: 4rem !important; - } - - .lg\:ml-8{ - margin-left: 2rem !important; - } - - .lg\:mt-0{ - margin-top: 0px !important; - } - - .lg\:mr-8{ - margin-right: 2rem !important; - } - - .lg\:mr-16{ - margin-right: 4rem !important; - } - - .lg\:mt-4{ - margin-top: 1rem !important; - } - - .lg\:flex{ - display: flex !important; - } - - .lg\:hidden{ - display: none !important; - } - - .lg\:h-60{ - height: 15rem !important; - } - - .lg\:w-4\/6{ - width: 66.666667% !important; - } - - .lg\:w-5\/6{ - width: 83.333333% !important; - } - - .lg\:w-2\/3{ - width: 66.666667% !important; - } - - .lg\:w-full{ - width: 100% !important; - } - - .lg\:w-60{ - width: 15rem !important; - } - - .lg\:max-w-none{ - max-width: none !important; - } - - .lg\:max-w-5xl{ - max-width: 64rem !important; - } - - .lg\:max-w-sm{ - max-width: 24rem !important; - } - - .lg\:max-w-xl{ - max-width: 36rem !important; - } - - .lg\:max-w-4xl{ - max-width: 56rem !important; - } - - .lg\:max-w-6xl{ - max-width: 72rem !important; - } - - .lg\:max-w-3xl{ - max-width: 48rem !important; - } - - .lg\:flex-1{ - flex: 1 1 0% !important; - } - - .lg\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .lg\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .lg\:flex-row{ - flex-direction: row !important; - } - - .lg\:items-start{ - align-items: flex-start !important; - } - - .lg\:items-center{ - align-items: center !important; - } - - .lg\:justify-start{ - justify-content: flex-start !important; - } - - .lg\:justify-between{ - justify-content: space-between !important; - } - - .lg\:gap-8{ - gap: 2rem !important; - } - - .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(3rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:p-20{ - padding: 5rem !important; - } - - .lg\:p-12{ - padding: 3rem !important; - } - - .lg\:py-16{ - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .lg\:px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; - } - - .lg\:px-20{ - padding-left: 5rem !important; - padding-right: 5rem !important; - } - - .lg\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .lg\:py-8{ - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - - .lg\:px-5{ - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; - } - - .lg\:py-20{ - padding-top: 5rem !important; - padding-bottom: 5rem !important; - } - - .lg\:px-16{ - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .lg\:py-28{ - padding-top: 7rem !important; - padding-bottom: 7rem !important; - } - - .lg\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .lg\:py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .lg\:pl-0{ - padding-left: 0px !important; - } - - .lg\:pt-6{ - padding-top: 1.5rem !important; - } - - .lg\:pt-4{ - padding-top: 1rem !important; - } - - .lg\:pb-28{ - padding-bottom: 7rem !important; - } - - .lg\:pb-10{ - padding-bottom: 2.5rem !important; - } - - .lg\:text-5xl{ - font-size: 3rem !important; - } - - .lg\:text-6xl{ - font-size: 4rem !important; - } - - .lg\:backdrop-blur{ - --tw-backdrop-blur: blur(8px) !important; - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - } -} - -@media (min-width: 1280px){ - .xl\:col-span-1{ - grid-column: span 1 / span 1 !important; - } - - .xl\:mx-20{ - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .xl\:mx-40{ - margin-left: 10rem !important; - margin-right: 10rem !important; - } - - .xl\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .xl\:-mx-8{ - margin-left: -2rem !important; - margin-right: -2rem !important; - } - - .xl\:mt-0{ - margin-top: 0px !important; - } - - .xl\:flex{ - display: flex !important; - } - - .xl\:max-w-sm{ - max-width: 24rem !important; - } - - .xl\:max-w-none{ - max-width: none !important; - } - - .xl\:grid-cols-4{ - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; - } - - .xl\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .xl\:flex-row{ - flex-direction: row !important; - } - - .xl\:gap-4{ - gap: 1rem !important; - } - - .xl\:py-12{ - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .xl\:backdrop-blur{ - --tw-backdrop-blur: blur(8px) !important; - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - } -} - -@media (min-width: 1450px){ - .\32xl\:mt-0{ - margin-top: 0px !important; - } -} \ No newline at end of file +/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(0,0,255,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(0,0,255,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(0,0,255,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }main{padding-top:0}p{font-size:1.125rem}code,pre{font-feature-settings:normal}.navWhite,.navWhite:visited{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.navWhite:active,.navWhite:focus{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-blue-light{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-shadow-titles{text-shadow:4px 4px 2px #000}.gradient-titles{--tw-gradient-from:#00a;--tw-gradient-to:rgba(0,0,170,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#000;background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.ctr{text-align:center}.legal{font-size:.75rem}nav h4 a:hover{color:rgb(0 136 255/var(--tw-text-opacity))}nav h4 a,nav h4 a:active,nav h4 a:focus,nav h4 a:hover{--tw-text-opacity:1;border-width:0;font-weight:300}a h2,nav h4 a,nav h4 a:active,nav h4 a:focus{color:rgb(0 0 0/var(--tw-text-opacity))}a,a h2{--tw-text-opacity:1}a{color:rgb(0 0 187/var(--tw-text-opacity));font-weight:600}a:focus,a:hover{--tw-text-opacity:1;color:rgb(0 136 255/var(--tw-text-opacity))}a:active{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 255/var(--tw-border-opacity));color:rgb(0 0 136/var(--tw-text-opacity))}h5 a{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity));font-weight:400}.footnote-return,a.next,a.previous,sup a{border-bottom-width:0}#nav-toggle:checked+#navMenu{display:block}a.navborderless{border-bottom-width:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;letter-spacing:-.025em;line-height:1.25}.h1,h1{font-size:2.25rem;font-weight:800;margin-bottom:1rem}.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{font-weight:700}.h2,h2{font-size:2.25rem}.h4,h4{font-size:1.5rem}h5{font-style:normal}.h5,.h6,h5,h6{font-size:1.125rem}.height-hero{height:45vh;max-height:45vh;overflow:hidden}.height-post{height:35vh;max-height:35vh}.imgCover{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.background-hero-image-div{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));height:80vh;max-height:80vh;overflow:hidden;position:relative;width:100%}.background-hero-title-block-fit{--tw-gradient-from:#000;--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);background-image:linear-gradient(to top,var(--tw-gradient-stops));bottom:0;display:block;padding:.75rem 1rem 1.5rem;position:absolute;width:100%}.background-hero-title-text{text-shadow:4px 4px 2px #000}@media screen and (min-width:768px){.background-hero-title-block-fit{padding-left:3rem;padding-right:3rem}.background-hero-image-div{height:85vh;max-height:85vh}}@media screen and (min-width:1024px){.background-hero-title-block-fit{padding-left:4rem;padding-right:4rem}.background-hero-image-div{height:95vh;max-height:95vh}}.text-nobrk,.text-nowrap{white-space:nowrap}article h1,article h2,article h3,article h4{letter-spacing:-.025em;margin-bottom:1.5rem;margin-top:2rem}article p{font-size:1.125rem;line-height:1.625}article img.containedImage{height:auto;max-width:100%;min-width:100%;width:100%}@media screen and (min-width:768px){.height-hero{height:70vh;max-height:70vh}.height-post{height:40vh;max-height:40vh}article p{font-size:1.25rem;line-height:1.625}}@media screen and (min-width:1920px){article p{font-size:1.5rem;line-height:1.625}}.yellowbox p{margin:0;padding:.5rem;width:100%}ol,ul{padding-left:2rem}ul{list-style-type:disc}ol{list-style-type:decimal}.twitter-tweet,table.leagues{margin:1rem auto 0}table.leagues{border-collapse:collapse;border-width:0;width:91.666667%}table.leagues td.col{width:50%}@media (min-width:900px){table.leagues{width:60%}table.noborders{width:91.666667%}}table.noborders{border-collapse:collapse;border-width:0;margin:1.5rem auto 1rem;width:100%}table.noborders td{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));padding:.25rem 0 .25rem .5rem;text-align:left;vertical-align:middle}table.noborders td img{display:inline-block;margin:0;vertical-align:middle}table.noborders tr{--tw-bg-opacity:1;background-color:rgb(187 238 255/var(--tw-bg-opacity))}table.noborders tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}table.noborders thead tr{--tw-bg-opacity:1;background-color:rgb(0 0 170/var(--tw-bg-opacity))}table.noborders thead td{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-weight:700}table.noborders td.td70{width:70%}table.noborders td.td70 img{display:block;height:auto;max-width:50%;width:50%}table.noborders td.td30{width:30%}.footnote-definition,.footnote-reference{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.footnote-reference{font-size:.65em;top:-.5em}.footnote-sim{color:#00f;font-size:.65em;@media (prefers-color-scheme:dark){color:#0af}}.footnotes{& ol{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}& ol li{font-size:$pokey;margin-bottom:.5rem}& li p{font-size:100%;line-height:1.4}& .footnote-backref{font-size:75%}}a.footnote-return{font-size:50%}article>.footnote-definition{border-top:1px solid #000;margin-top:1em;padding-top:1em}article>.footnote-definition~.footnote-definition{border-top:0;margin-top:0;padding-top:0}.footnote-definition-label{font-size:.65em;top:-.4em}.footnote-definition-label+p{font-size:75%;line-height:1.35;margin-left:1em;margin-top:-1.75em}.footnote-definition-label:after{content:"."}.aspect-16x9{padding-bottom:56.25%}footer{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.lazypicturecaption{font-size:.875rem;line-height:1.375;margin-top:.5rem;padding:0;text-align:center}.home-colOne p{line-height:2rem;margin-bottom:1rem}.home-colOne img{margin-bottom:1rem;margin-top:1rem}.container-comments{font-size:85%;margin:0 auto;max-width:720px!important;width:85%}@media screen and (min-width:900px){.container-comments{width:40%}}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1450px){.container{max-width:1450px}}h1{font-size:1.875rem;font-weight:400}@media (min-width:1024px){h1{font-size:5rem}}h2{font-size:1.875rem;font-weight:300;line-height:1;margin-bottom:1rem;margin-top:1rem}@media (min-width:1024px){h2{font-size:4rem}}h2 strong{font-weight:500}h3{font-size:1.25rem;font-weight:200;line-height:1;margin-bottom:1rem;margin-top:1rem}@media (min-width:1024px){h3{font-size:2.25rem}}h3 strong{font-weight:600}h4{font-size:.875rem;font-weight:400}@media (min-width:1024px){h4{font-size:1.5rem}}h5{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity));font-weight:600;letter-spacing:.1em}h5,h6{font-size:1.05rem;margin-bottom:.25rem;margin-top:.25rem}h6{font-style:normal;font-weight:400}p{font-size:1.125rem}blockquote{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:4px;margin:.5rem;padding:.5rem}li{font-size:1rem;font-weight:400}@media (min-width:1024px){li{font-size:1rem}}li li{font-size:.875rem;font-weight:300}@media (min-width:1024px){li li{font-size:.875rem}}button{--tw-border-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-color:rgb(0 0 0/var(--tw-border-opacity));border-width:2px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:inline-block;margin-bottom:.75rem;margin-top:.75rem;padding:.25rem 3rem;text-transform:capitalize}@media (min-width:1024px){button{font-size:1.125rem;margin-right:1.25rem}}.my-header h4{color:#9f9f9f}.article h2{color:#333;font-size:2.25rem;font-weight:700;line-height:1.5}.article h1,.article h2{font-family:Lato,sans-serif!important}:root{--md-admonition-icon--note:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--abstract:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--info:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--tip:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--success:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--question:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--warning:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--failure:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--danger:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--bug:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--example:url('data:image/svg+xml;charset=utf-8,');--md-admonition-icon--quote:url('data:image/svg+xml;charset=utf-8,');--md-details-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E")}:is(.admonition){background-color:var(--bg);border:0 solid #000;border-inline-start-width:.4rem;border-radius:.2rem;box-shadow:0 .2rem 1rem rgba(0,0,0,.05),0 0 .1rem rgba(0,0,0,.1);color:var(--fg);display:flow-root;margin:1.5625em 0;padding:0 1.2rem;page-break-inside:avoid}.admonition p{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:.8rem;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}@media print{:is(.admonition){box-shadow:none}}:is(.admonition)>*{box-sizing:border-box}:is(.admonition) :is(.admonition){margin-bottom:1em;margin-top:1em}:is(.admonition)>.tabbed-set:only-child{margin-top:0}html :is(.admonition)>:last-child{margin-bottom:1.2rem}:is(.admonition-title,summary){background-color:rgba(68,138,255,.1);border:0 solid #448aff;border-inline-start-width:.4rem;border-start-start-radius:.2rem;display:flex;font-weight:700;margin-block:0;margin-inline:-1.6rem -1.2rem;padding-block:.8rem;padding-inline:4rem 1.2rem;position:relative}:is(.admonition-title,summary)>p{margin:0}html :is(.admonition-title,summary):last-child{margin-bottom:0}:is(.admonition-title,summary):before{background-color:#448aff;content:"";height:1.4rem;inset-inline-start:1.2rem;mask-image:url('data:image/svg+xml;charset=utf-8,');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,');mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;position:absolute;top:.625em;width:1.4rem}:is(.admonition):is(.note){border-color:#448aff}:is(.note)>:is(.admonition-title,summary){background-color:rgba(68,138,255,.1);border-color:#448aff}:is(.note)>:is(.admonition-title,summary):before{background-color:#448aff;mask-image:var(--md-admonition-icon--note);-webkit-mask-image:var(--md-admonition-icon--note);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.abstract,.summary,.tldr){border-color:#00b0ff}:is(.abstract,.summary,.tldr)>:is(.admonition-title,summary){background-color:rgba(0,176,255,.1);border-color:#00b0ff}:is(.abstract,.summary,.tldr)>:is(.admonition-title,summary):before{background-color:#00b0ff;mask-image:var(--md-admonition-icon--abstract);-webkit-mask-image:var(--md-admonition-icon--abstract);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.info,.todo){border-color:#00b8d4}:is(.info,.todo)>:is(.admonition-title,summary){background-color:rgba(0,184,212,.1);border-color:#00b8d4}:is(.info,.todo)>:is(.admonition-title,summary):before{background-color:#00b8d4;mask-image:var(--md-admonition-icon--info);-webkit-mask-image:var(--md-admonition-icon--info);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.tip,.hint,.important){border-color:#00bfa5}:is(.tip,.hint,.important)>:is(.admonition-title,summary){background-color:rgba(0,191,165,.1);border-color:#00bfa5}:is(.tip,.hint,.important)>:is(.admonition-title,summary):before{background-color:#00bfa5;mask-image:var(--md-admonition-icon--tip);-webkit-mask-image:var(--md-admonition-icon--tip);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.success,.check,.done){border-color:#00c853}:is(.success,.check,.done)>:is(.admonition-title,summary){background-color:rgba(0,200,83,.1);border-color:#00c853}:is(.success,.check,.done)>:is(.admonition-title,summary):before{background-color:#00c853;mask-image:var(--md-admonition-icon--success);-webkit-mask-image:var(--md-admonition-icon--success);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.question,.help,.faq){border-color:#64dd17}:is(.question,.help,.faq)>:is(.admonition-title,summary){background-color:rgba(100,221,23,.1);border-color:#64dd17}:is(.question,.help,.faq)>:is(.admonition-title,summary):before{background-color:#64dd17;mask-image:var(--md-admonition-icon--question);-webkit-mask-image:var(--md-admonition-icon--question);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.warning,.caution,.attention){border-color:#ff9100}:is(.warning,.caution,.attention)>:is(.admonition-title,summary){background-color:rgba(255,145,0,.1);border-color:#ff9100}:is(.warning,.caution,.attention)>:is(.admonition-title,summary):before{background-color:#ff9100;mask-image:var(--md-admonition-icon--warning);-webkit-mask-image:var(--md-admonition-icon--warning);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.failure,.fail,.missing){border-color:#ff5252}:is(.failure,.fail,.missing)>:is(.admonition-title,summary){background-color:rgba(255,82,82,.1);border-color:#ff5252}:is(.failure,.fail,.missing)>:is(.admonition-title,summary):before{background-color:#ff5252;mask-image:var(--md-admonition-icon--failure);-webkit-mask-image:var(--md-admonition-icon--failure);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.danger,.error){border-color:#ff1744}:is(.danger,.error)>:is(.admonition-title,summary){background-color:rgba(255,23,68,.1);border-color:#ff1744}:is(.danger,.error)>:is(.admonition-title,summary):before{background-color:#ff1744;mask-image:var(--md-admonition-icon--danger);-webkit-mask-image:var(--md-admonition-icon--danger);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.bug){border-color:#f50057}:is(.bug)>:is(.admonition-title,summary){background-color:rgba(245,0,87,.1);border-color:#f50057}:is(.bug)>:is(.admonition-title,summary):before{background-color:#f50057;mask-image:var(--md-admonition-icon--bug);-webkit-mask-image:var(--md-admonition-icon--bug);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.example){border-color:#7c4dff}:is(.example)>:is(.admonition-title,summary){background-color:rgba(124,77,255,.1);border-color:#7c4dff}:is(.example)>:is(.admonition-title,summary):before{background-color:#7c4dff;mask-image:var(--md-admonition-icon--example);-webkit-mask-image:var(--md-admonition-icon--example);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.quote,.cite){border-color:#9e9e9e}:is(.quote,.cite)>:is(.admonition-title,summary){background-color:hsla(0,0%,62%,.1);border-color:#9e9e9e}:is(.quote,.cite)>:is(.admonition-title,summary):before{background-color:#9e9e9e;mask-image:var(--md-admonition-icon--quote);-webkit-mask-image:var(--md-admonition-icon--quote);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.navy :is(.admonition){background-color:var(--sidebar-bg)}.ayu :is(.admonition),.coal :is(.admonition){background-color:var(--theme-hover)}.rust :is(.admonition){background-color:var(--sidebar-bg);color:var(--sidebar-fg)}:is(.admonition-title){font-feature-settings:"kern","liga";border:none;font-size:.84rem;font-weight:600;padding:10px 50px}:is(summary):after{background-color:#000;content:"";height:1.4rem;mask-image:url('data:image/svg+xml;charset=utf-8,');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,');mask-image:var(--md-details-icon);-webkit-mask-image:var(--md-details-icon);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:.4rem;top:.625em;transform:rotate(-90deg);transition:transform .25s;width:1.4rem}details[open]>summary:after{transform:rotate(0deg)}.sr-only{clip:rect(0,0,0,0)!important;border-width:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.inset-0{bottom:0!important;top:0!important}.inset-0,.inset-x-0{left:0!important;right:0!important}.left-0{left:0!important}.top-0{top:0!important}.z-50{z-index:50!important}.z-30{z-index:30!important}.z-20{z-index:20!important}.z-10{z-index:10!important}.order-2{order:2!important}.order-1{order:1!important}.col-span-3{grid-column:span 3/span 3!important}.m-0{margin:0!important}.m-2{margin:.5rem!important}.m-4{margin:1rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-8{margin-bottom:2rem!important;margin-top:2rem!important}.my-4{margin-bottom:1rem!important;margin-top:1rem!important}.my-10{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-5{margin-bottom:1.25rem!important;margin-top:1.25rem!important}.mx-8{margin-left:2rem!important;margin-right:2rem!important}.-mx-4{margin-left:-1rem!important;margin-right:-1rem!important}.-my-2{margin-bottom:-.5rem!important;margin-top:-.5rem!important}.-mx-8{margin-left:-2rem!important;margin-right:-2rem!important}.mt-10{margin-top:2.5rem!important}.mt-0{margin-top:0!important}.mb-3{margin-bottom:.75rem!important}.mb-8{margin-bottom:2rem!important}.mr-2{margin-right:.5rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mb-4{margin-bottom:1rem!important}.mb-10{margin-bottom:2.5rem!important}.ml-auto{margin-left:auto!important}.mb-0{margin-bottom:0!important}.mt-12{margin-top:3rem!important}.mt-2{margin-top:.5rem!important}.mb-16{margin-bottom:4rem!important}.ml-4{margin-left:1rem!important}.mr-5{margin-right:1.25rem!important}.mt-3{margin-top:.75rem!important}.mt-1{margin-top:.25rem!important}.ml-5{margin-left:1.25rem!important}.mb-12{margin-bottom:3rem!important}.mr-8{margin-right:2rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-16{margin-top:4rem!important}.mt-8{margin-top:2rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-8{margin-left:2rem!important}.ml-1{margin-left:.25rem!important}.-mr-2{margin-right:-.5rem!important}.mr-4{margin-right:1rem!important}.-mt-16{margin-top:-4rem!important}.ml-10{margin-left:2.5rem!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-8{height:2rem!important}.h-10{height:2.5rem!important}.h-32{height:8rem!important}.h-12{height:3rem!important}.h-full{height:100%!important}.h-16{height:4rem!important}.h-4{height:1rem!important}.h-auto{height:auto!important}.h-6{height:1.5rem!important}.h-5{height:1.25rem!important}.h-screen{height:100vh!important}.h-48{height:12rem!important}.h-1\/2{height:50%!important}.h-1\/3{height:33.333333%!important}.max-h-80{max-height:20rem!important}.max-h-screen{max-height:100vh!important}.min-h-screen{min-height:100vh!important}.w-8{width:2rem!important}.w-full{width:100%!important}.w-72{width:18rem!important}.w-10{width:2.5rem!important}.w-32{width:8rem!important}.w-48{width:12rem!important}.w-3\/4{width:75%!important}.w-4\/6{width:66.666667%!important}.w-2\/6{width:33.333333%!important}.w-12{width:3rem!important}.w-64{width:16rem!important}.w-7\/12{width:58.333333%!important}.w-4{width:1rem!important}.w-20{width:5rem!important}.w-screen{width:100vw!important}.w-6{width:1.5rem!important}.w-5{width:1.25rem!important}.w-auto{width:auto!important}.max-w-lg{max-width:32rem!important}.max-w-full{max-width:100%!important}.max-w-screen-2xl{max-width:1450px!important}.max-w-4xl{max-width:56rem!important}.max-w-7xl{max-width:80rem!important}.max-w-screen-xl{max-width:1280px!important}.max-w-xs{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.origin-top-right{transform-origin:top right!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-y-0,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-0{--tw-translate-y:-0px!important}.rotate-180{--tw-rotate:180deg!important}.-rotate-90,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-90{--tw-rotate:-90deg!important}.scale-95{--tw-scale-x:.95!important;--tw-scale-y:.95!important}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-100{--tw-scale-x:1!important;--tw-scale-y:1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.list-none{list-style-type:none!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.gap-4{gap:1rem!important}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.25rem*var(--tw-space-y-reverse))!important;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(2rem*var(--tw-space-y-reverse))!important;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))!important}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(2.5rem*var(--tw-space-x-reverse))!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(.5rem*var(--tw-space-x-reverse))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1rem*var(--tw-space-x-reverse))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-bottom-width:calc(2px*var(--tw-divide-y-reverse))!important;border-top-width:calc(2px*(1 - var(--tw-divide-y-reverse)))!important}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-bottom-width:calc(1px*var(--tw-divide-y-reverse))!important;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))!important}.divide-gray-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1!important;border-color:rgb(249 250 251/var(--tw-divide-opacity))!important}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1!important;border-color:rgb(229 231 235/var(--tw-divide-opacity))!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-scroll{overflow-x:scroll!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-md{border-radius:.375rem!important}.rounded-none{border-radius:0!important}.rounded-l-md{border-bottom-left-radius:.375rem!important;border-top-left-radius:.375rem!important}.rounded-r-md{border-bottom-right-radius:.375rem!important;border-top-right-radius:.375rem!important}.border-2{border-width:2px!important}.border{border-width:1px!important}.border-4{border-width:4px!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r-0{border-right-width:0!important}.border-t{border-top-width:1px!important}.border-t-2{border-top-width:2px!important}.border-dashed{border-style:dashed!important}.border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.border-gray-600{--tw-border-opacity:1!important;border-color:rgb(75 85 99/var(--tw-border-opacity))!important}.border-gray-400{--tw-border-opacity:1!important;border-color:rgb(156 163 175/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.border-black{--tw-border-opacity:1!important;border-color:rgb(0 0 0/var(--tw-border-opacity))!important}.border-gray-300{--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity))!important}.border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity))!important}.bg-gray-200{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity))!important}.bg-transparent{background-color:initial!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-gray-50,.bg-white{--tw-bg-opacity:1!important}.bg-gray-50{background-color:rgb(249 250 251/var(--tw-bg-opacity))!important}.bg-gray-100{background-color:rgb(243 244 246/var(--tw-bg-opacity))!important}.bg-gray-100,.bg-gray-300{--tw-bg-opacity:1!important}.bg-gray-300{background-color:rgb(209 213 219/var(--tw-bg-opacity))!important}.bg-cover{background-size:cover!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.p-4{padding:1rem!important}.p-8{padding:2rem!important}.p-3{padding:.75rem!important}.p-2{padding:.5rem!important}.p-6{padding:1.5rem!important}.py-10{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.px-0{padding-left:0!important;padding-right:0!important}.py-12{padding-bottom:3rem!important;padding-top:3rem!important}.px-12{padding-left:3rem!important;padding-right:3rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.pl-3{padding-left:.75rem!important}.pt-24{padding-top:6rem!important}.pt-16{padding-top:4rem!important}.pt-8{padding-top:2rem!important}.pt-4{padding-top:1rem!important}.pb-10{padding-bottom:2.5rem!important}.pb-0{padding-bottom:0!important}.pt-6{padding-top:1.5rem!important}.pt-12{padding-top:3rem!important}.pr-20{padding-right:5rem!important}.pl-20{padding-left:5rem!important}.pt-5{padding-top:1.25rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-1{padding-left:.25rem!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pb-4{padding-bottom:1rem!important}.pb-12{padding-bottom:3rem!important}.pl-12{padding-left:3rem!important}.pb-2{padding-bottom:.5rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif!important}.text-2xl{font-size:1.5rem!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-5xl{font-size:3rem!important}.text-xl{font-size:1.25rem!important}.text-4xl{font-size:2.25rem!important}.text-lg{font-size:1.125rem!important}.text-base{font-size:1rem!important}.text-3xl{font-size:1.875rem!important}.text-md{font-size:1.05rem!important}.font-medium{font-weight:500!important}.font-black{font-weight:900!important}.font-normal{font-weight:400!important}.font-light{font-weight:300!important}.font-semibold{font-weight:600!important}.font-extrabold{font-weight:800!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.capitalize{text-transform:capitalize!important}.not-italic{font-style:normal!important}.leading-none{line-height:1!important}.leading-8{line-height:2rem!important}.leading-snug{line-height:1.375!important}.leading-6{line-height:1.5rem!important}.leading-4{line-height:1rem!important}.leading-3{line-height:.75rem!important}.leading-7{line-height:1.75rem!important}.leading-5{line-height:1.25rem!important}.leading-tight{line-height:1.25!important}.leading-relaxed{line-height:1.625!important}.tracking-tight{letter-spacing:-.025em!important}.tracking-wide{letter-spacing:.025em!important}.text-gray-700{--tw-text-opacity:1!important;color:rgb(55 65 81/var(--tw-text-opacity))!important}.text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity:1!important;color:rgb(31 41 55/var(--tw-text-opacity))!important}.text-gray-900{color:rgb(17 24 39/var(--tw-text-opacity))!important}.text-black,.text-gray-900{--tw-text-opacity:1!important}.text-black{color:rgb(0 0 0/var(--tw-text-opacity))!important}.text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity))!important}.text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity))!important}.text-gray-300{color:rgb(209 213 219/var(--tw-text-opacity))!important}.text-gray-300,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-blue-700{--tw-text-opacity:1!important;color:rgb(0 0 170/var(--tw-text-opacity))!important}.text-blue-500{--tw-text-opacity:1!important;color:rgb(0 0 255/var(--tw-text-opacity))!important}.text-blue-400{--tw-text-opacity:1!important;color:rgb(0 51 255/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important}.\!shadow-none,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.grayscale{--tw-grayscale:grayscale(100%)!important}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-shadow{transition-duration:.15s!important;transition-property:box-shadow!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-200{transition-duration:.2s!important}.duration-100{transition-duration:.1s!important}.duration-75{transition-duration:75ms!important}.duration-150{transition-duration:.15s!important}.duration-500{transition-duration:.5s!important}.duration-300{transition-duration:.3s!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.backdrop-blur{-webkit-backdrop-filter:blur(40px)}*{font-family:Lato,sans-serif}.bg-semi-white{background-color:hsla(0,0%,100%,.75)}img[src*="#mx-auto"]{margin:auto}img[src*="#small"]{width:68px}img[src*="#medium"]{margin:auto;width:400px}img[src*="#logo"]{margin:auto;max-width:min(250px,100%)}img[src*="#large"]{margin:auto;width:1000px}img[src*="#tft_img"]{margin:8px;width:150px}img[src*="#absolute"]{left:0;position:absolute;top:0}.footer-cust a{color:#999}.footer-cust a:hover{color:#414141}.footer-cust h6{margin-bottom:15px}.logo_size{width:200px}h1{line-height:4rem}.article p{color:#333;font-family:Lato,sans-serif!important;font-size:1.125rem;line-height:1.7}.article a,.post-content-text a{color:#4ec48f}.article a:hover,.post-content-text a:hover{color:#2e9969}.article li{font-size:1.125rem}.main-title{font-family:Lato,sans-serif!important}button:hover :is(:where(a)){color:#5e5e5e}button :is(:where(p)){color:#3d3b39;font-weight:400}button a{color:#000}a{border-width:0}header{font-family:Work Sans}.nav_btn{border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.quicklinks{align-items:center;border-radius:10px;box-sizing:border-box;flex-wrap:wrap;margin:30px auto 20px;width:auto}.quicklinks img{display:inline-block;filter:grayscale(100%);height:auto;max-width:200px;opacity:.5;padding:10px;position:relative;transition:all .2s ease}.quicklinks img:hover{filter:grayscale(0);opacity:1;transition:all .2s ease}.banner{background:#00838d;color:#fff!important;display:block;letter-spacing:.5px;margin:0;overflow:hidden;padding:120px 0;position:relative;text-align:center;transition:1.5s;width:100%}.header{background:none;height:auto;padding:200px 0}.banner h2,.header h1{color:#fff;margin:auto;position:relative;transition:.3s;white-space:nowrap;z-index:1}.header h1{color:#000;transition:none}.banner h2 svg{font-size:40px;margin-left:15px;opacity:0;position:absolute;top:55%;transform:translateY(-50%) scale(.5);transition:.3s}.banner .back{filter:grayscale(1) contrast(1.4);height:100%;left:0;opacity:.25;position:absolute;top:0;transition:1.5s;width:100%}.banner .back,.header .back{background-position:50%;background-size:cover}.header .back{background-repeat:no-repeat;filter:none;opacity:1}.banner:hover{background:#4b3a92}.header:hover{background:none}.banner:hover h2 svg{opacity:1;transform:translateY(-50%) scale(1)}.banner:hover h2{padding-right:40px}.header:hover h1{padding-right:0}.banner:hover .back{transform:scale(1.03)}.header:hover .back{transform:none}.my-test,.post-content-text .my-test{font-family:Work Sans,sans-serif!important}.post-content-text .my-test{line-height:1.7}.post-content-text h2{font-family:Lato,sans-serif!important;font-size:2.25rem;font-weight:700;line-height:1.5}.container-fluid{margin-left:auto;margin-right:auto;width:100%}.zola-anchor{display:none}@media (min-width:1024px){h2{font-size:3.5rem}}@media (max-width:640px){.banner h2{font:600 7vw/10vw}.header h1{font-size:35px}.banner h2 svg{font-size:30px}}@media (max-width:480px){.banner,.header{padding:80px 0}img[src*="#sm_none"]{display:none}}header #menu button{align-items:flex-start;border-color:transparent;border-radius:.25rem;border-width:2px;display:flex;flex-direction:column;line-height:1.5rem;padding:.5rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}header #menu button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity));border-color:rgb(231 229 228/var(--tw-border-opacity))}header #menu button:first-child:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.focus-within\:outline-none:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px!important}.hover\:border-blue-500:hover{--tw-border-opacity:1!important;border-color:rgb(0 0 255/var(--tw-border-opacity))!important}.hover\:border-stone-200:hover{--tw-border-opacity:1!important;border-color:rgb(231 229 228/var(--tw-border-opacity))!important}.hover\:bg-gray-400:hover{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity))!important}.hover\:bg-gray-50:hover{--tw-bg-opacity:1!important;background-color:rgb(249 250 251/var(--tw-bg-opacity))!important}.hover\:bg-gray-200:hover{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity))!important}.hover\:bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity))!important}.hover\:bg-stone-100:hover{--tw-bg-opacity:1!important;background-color:rgb(245 245 244/var(--tw-bg-opacity))!important}.hover\:text-blue-700:hover{--tw-text-opacity:1!important;color:rgb(0 0 170/var(--tw-text-opacity))!important}.hover\:text-black:hover{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.hover\:text-gray-900:hover{--tw-text-opacity:1!important;color:rgb(17 24 39/var(--tw-text-opacity))!important}.hover\:text-gray-500:hover{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity))!important}.hover\:text-blue-300:hover{--tw-text-opacity:1!important;color:rgb(0 136 255/var(--tw-text-opacity))!important}.hover\:\!text-gray-700:hover{--tw-text-opacity:1!important;color:rgb(55 65 81/var(--tw-text-opacity))!important}.hover\:underline:hover{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.hover\:first\:text-gray-500:first-child:hover{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity))!important}.focus\:bg-gray-200:focus{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity))!important}.focus\:bg-gray-100:focus{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity))!important}.focus\:text-gray-900:focus{--tw-text-opacity:1!important;color:rgb(17 24 39/var(--tw-text-opacity))!important}.focus\:text-gray-500:focus{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity))!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px!important}@media (prefers-color-scheme:dark){.dark\:bg-gray-700{--tw-bg-opacity:1!important;background-color:rgb(55 65 81/var(--tw-bg-opacity))!important}.dark\:bg-transparent{background-color:initial!important}.dark\:text-gray-200{--tw-text-opacity:1!important;color:rgb(229 231 235/var(--tw-text-opacity))!important}.dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1!important;background-color:rgb(75 85 99/var(--tw-bg-opacity))!important}.dark\:focus\:text-white:focus,.dark\:hover\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2!important}.sm\:mx-0{margin-left:0!important;margin-right:0!important}.sm\:-mx-4{margin-left:-1rem!important;margin-right:-1rem!important}.sm\:-mx-12{margin-left:-3rem!important;margin-right:-3rem!important}.sm\:mt-0{margin-top:0!important}.sm\:mt-8{margin-top:2rem!important}.sm\:flex{display:flex!important}.sm\:grid{display:grid!important}.sm\:h-10{height:2.5rem!important}.sm\:h-2\/3{height:66.666667%!important}.sm\:w-10{width:2.5rem!important}.sm\:w-32{width:8rem!important}.sm\:w-1\/2{width:50%!important}.sm\:flex-1{flex:1 1 0%!important}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:gap-6{gap:1.5rem!important}.sm\:gap-10{gap:2.5rem!important}.sm\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(2rem*var(--tw-space-y-reverse))!important;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))!important}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1rem*var(--tw-space-x-reverse))!important}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(0px*var(--tw-space-y-reverse))!important;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))!important}.sm\:overflow-hidden{overflow:hidden!important}.sm\:rounded-md{border-radius:.375rem!important}.sm\:border-0{border-width:0!important}.sm\:border-r{border-right-width:1px!important}.sm\:border-l{border-left-width:1px!important}.sm\:p-12{padding:3rem!important}.sm\:p-6{padding:1.5rem!important}.sm\:p-0{padding:0!important}.sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.sm\:px-0{padding-left:0!important;padding-right:0!important}.sm\:px-12{padding-left:3rem!important;padding-right:3rem!important}.sm\:px-8{padding-left:2rem!important;padding-right:2rem!important}.sm\:py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.sm\:px-4{padding-left:1rem!important;padding-right:1rem!important}.sm\:pb-8{padding-bottom:2rem!important}.sm\:pt-16{padding-top:4rem!important}.sm\:pb-16{padding-bottom:4rem!important}.sm\:text-3xl{font-size:1.875rem!important}.sm\:text-sm{font-size:.875rem!important}.sm\:leading-10{line-height:2.5rem!important}}@media (min-width:768px){.md\:order-2{order:2!important}.md\:order-last{order:9999!important}.md\:col-span-2{grid-column:span 2/span 2!important}.md\:mx-8{margin-left:2rem!important;margin-right:2rem!important}.md\:mx-0{margin-left:0!important;margin-right:0!important}.md\:mx-12{margin-left:3rem!important;margin-right:3rem!important}.md\:mx-4{margin-left:1rem!important;margin-right:1rem!important}.md\:-mx-16{margin-left:-4rem!important;margin-right:-4rem!important}.md\:mt-0{margin-top:0!important}.md\:mb-10{margin-bottom:2.5rem!important}.md\:-mt-1{margin-top:-.25rem!important}.md\:mb-0{margin-bottom:0!important}.md\:block{display:block!important}.md\:inline-block{display:inline-block!important}.md\:inline{display:inline!important}.md\:grid{display:grid!important}.md\:w-5\/6{width:83.333333%!important}.md\:w-1\/6{width:16.666667%!important}.md\:w-full{width:100%!important}.md\:w-2\/3{width:66.666667%!important}.md\:w-auto{width:auto!important}.md\:w-48{width:12rem!important}.md\:max-w-full{max-width:100%!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:flex-row{flex-direction:row!important}.md\:gap-12{gap:3rem!important}.md\:gap-8{gap:2rem!important}.md\:p-16{padding:4rem!important}.md\:p-8{padding:2rem!important}.md\:px-16{padding-left:4rem!important;padding-right:4rem!important}.md\:px-12{padding-left:3rem!important;padding-right:3rem!important}.md\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.md\:py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.md\:pl-8{padding-left:2rem!important}.md\:text-left{text-align:left!important}.md\:text-4xl{font-size:2.25rem!important}.md\:text-6xl{font-size:4rem!important}.md\:text-2xl{font-size:1.5rem!important}}@media (min-width:1024px){.lg\:m-4{margin:1rem!important}.lg\:m-0{margin:0!important}.lg\:m-20{margin:5rem!important}.lg\:mx-4{margin-left:1rem!important;margin-right:1rem!important}.lg\:mx-20{margin-left:5rem!important;margin-right:5rem!important}.lg\:mx-40{margin-left:10rem!important;margin-right:10rem!important}.lg\:mx-10{margin-left:2.5rem!important;margin-right:2.5rem!important}.lg\:-mx-20{margin-left:-5rem!important;margin-right:-5rem!important}.lg\:my-40{margin-bottom:10rem!important;margin-top:10rem!important}.lg\:mx-auto{margin-left:auto!important;margin-right:auto!important}.lg\:-mx-12{margin-left:-3rem!important;margin-right:-3rem!important}.lg\:my-32{margin-bottom:8rem!important;margin-top:8rem!important}.lg\:mb-8{margin-bottom:2rem!important}.lg\:-mt-6{margin-top:-1.5rem!important}.lg\:mt-6{margin-top:1.5rem!important}.lg\:mr-24{margin-right:6rem!important}.lg\:mt-16{margin-top:4rem!important}.lg\:ml-8{margin-left:2rem!important}.lg\:mt-0{margin-top:0!important}.lg\:mr-8{margin-right:2rem!important}.lg\:mr-16{margin-right:4rem!important}.lg\:mt-4{margin-top:1rem!important}.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}.lg\:h-60{height:15rem!important}.lg\:w-4\/6{width:66.666667%!important}.lg\:w-5\/6{width:83.333333%!important}.lg\:w-2\/3{width:66.666667%!important}.lg\:w-full{width:100%!important}.lg\:w-60{width:15rem!important}.lg\:max-w-none{max-width:none!important}.lg\:max-w-5xl{max-width:64rem!important}.lg\:max-w-sm{max-width:24rem!important}.lg\:max-w-xl{max-width:36rem!important}.lg\:max-w-4xl{max-width:56rem!important}.lg\:max-w-6xl{max-width:72rem!important}.lg\:max-w-3xl{max-width:48rem!important}.lg\:flex-1{flex:1 1 0%!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:flex-row{flex-direction:row!important}.lg\:items-start{align-items:flex-start!important}.lg\:items-center{align-items:center!important}.lg\:justify-start{justify-content:flex-start!important}.lg\:justify-between{justify-content:space-between!important}.lg\:gap-8{gap:2rem!important}.lg\:space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(5rem*var(--tw-space-x-reverse))!important}.lg\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(3rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(3rem*var(--tw-space-x-reverse))!important}.lg\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1.5rem*var(--tw-space-x-reverse))!important}.lg\:p-20{padding:5rem!important}.lg\:p-12{padding:3rem!important}.lg\:py-16{padding-bottom:4rem!important;padding-top:4rem!important}.lg\:px-8{padding-left:2rem!important;padding-right:2rem!important}.lg\:px-20{padding-left:5rem!important;padding-right:5rem!important}.lg\:px-12{padding-left:3rem!important;padding-right:3rem!important}.lg\:py-8{padding-bottom:2rem!important;padding-top:2rem!important}.lg\:px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.lg\:py-20{padding-bottom:5rem!important;padding-top:5rem!important}.lg\:px-16{padding-left:4rem!important;padding-right:4rem!important}.lg\:py-28{padding-bottom:7rem!important;padding-top:7rem!important}.lg\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.lg\:py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.lg\:pl-0{padding-left:0!important}.lg\:pt-6{padding-top:1.5rem!important}.lg\:pt-4{padding-top:1rem!important}.lg\:pb-28{padding-bottom:7rem!important}.lg\:pb-10{padding-bottom:2.5rem!important}.lg\:text-5xl{font-size:3rem!important}.lg\:text-6xl{font-size:4rem!important}.lg\:backdrop-blur{--tw-backdrop-blur:blur(8px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1!important}.xl\:mx-20{margin-left:5rem!important;margin-right:5rem!important}.xl\:mx-40{margin-left:10rem!important;margin-right:10rem!important}.xl\:mx-0{margin-left:0!important;margin-right:0!important}.xl\:-mx-8{margin-left:-2rem!important;margin-right:-2rem!important}.xl\:mt-0{margin-top:0!important}.xl\:flex{display:flex!important}.xl\:max-w-sm{max-width:24rem!important}.xl\:max-w-none{max-width:none!important}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.xl\:flex-row{flex-direction:row!important}.xl\:gap-4{gap:1rem!important}.xl\:py-12{padding-bottom:3rem!important;padding-top:3rem!important}.xl\:backdrop-blur{--tw-backdrop-blur:blur(8px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}}@media (min-width:1450px){.\32xl\:mt-0{margin-top:0!important}} \ No newline at end of file