From 4b952b38f3101a6c973157d28b0e26ca78b85ab0 Mon Sep 17 00:00:00 2001 From: timurgordon Date: Thu, 25 Aug 2022 10:31:43 +0300 Subject: [PATCH 01/17] link fixes --- config.toml | 2 +- templates/partials/header.html | 16 ++++++++++------ templates/shortcodes/button.html | 12 ++++++++---- 3 files changed, 19 insertions(+), 11 deletions(-) diff --git a/config.toml b/config.toml index a482b14b7..0271327b9 100644 --- a/config.toml +++ b/config.toml @@ -39,7 +39,7 @@ render_emoji = false # Whether external links are to be opened in a new tab # If this is true, a `rel="noopener"` will always automatically be added for security reasons -external_links_target_blank = true +external_links_target_blank = false # Whether to set rel="nofollow" for all external links external_links_no_follow = true diff --git a/templates/partials/header.html b/templates/partials/header.html index 69e6a84cd..fc46a2cb4 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -35,9 +35,11 @@ {% set link_label = header_label | striptags %} {% set link_path = header_label | split(pat="%22") | safe%} {% if header_label is containing("http") %} - - {{link_label}} - + {% if header_label is not containing("threefold") %} + + {{link_label}} + + {% endif %} {% else %} {{link_label}} @@ -163,9 +165,11 @@ {% set link_label = header_label | striptags %} {% set link_path = header_label | split(pat="%22") | safe%} {% if header_label is containing("http") %} - - {{link_label}} - + {% if header_label is not containing("threefold") %} + + {{link_label}} + + {% endif %} {% else %} {{link_label}} diff --git a/templates/shortcodes/button.html b/templates/shortcodes/button.html index 8012b8cfe..4fffee49a 100644 --- a/templates/shortcodes/button.html +++ b/templates/shortcodes/button.html @@ -2,10 +2,14 @@ | trim_end_matches(pat='"') %} {% if 'https' in url %} - + {% if url is not containing("threefold") %} + {% if url is not containing("localhost") %} + + {% endif %} + {% endif %} {% else %} + {% end %} @@ -110,7 +110,7 @@ Join the movement by connecting a node at your home or office. All you need is From testing our latest releases to joining our development teams or applying for a ThreeFold Foundation grant – there are many ways to engage with ThreeFold’s technology. - + ||| From e4e849611cc9b6904f970cf54a9d38ace5497e44 Mon Sep 17 00:00:00 2001 From: samir Date: Thu, 25 Aug 2022 10:54:58 +0200 Subject: [PATCH 03/17] fix workflow --- .github/workflows/tf_update.yml | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.github/workflows/tf_update.yml b/.github/workflows/tf_update.yml index 66989fcb7..688f58d80 100644 --- a/.github/workflows/tf_update.yml +++ b/.github/workflows/tf_update.yml @@ -20,4 +20,5 @@ jobs: git log -1 git restore static/css/index.css git pull - npm run build + ./build.sh + ./start.sh From 36986e910bf47815e143d6248534bd056c64d76f Mon Sep 17 00:00:00 2001 From: samir Date: Thu, 25 Aug 2022 11:43:16 +0200 Subject: [PATCH 04/17] Update tf_update.yml --- .github/workflows/tf_update.yml | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.github/workflows/tf_update.yml b/.github/workflows/tf_update.yml index 688f58d80..2a0c86639 100644 --- a/.github/workflows/tf_update.yml +++ b/.github/workflows/tf_update.yml @@ -20,5 +20,6 @@ jobs: git log -1 git restore static/css/index.css git pull + sed -i "s/https://threefoldfoundation.github.io/www_threefold_io/https://www2.threefold.io/g" config.toml ./build.sh - ./start.sh + From 2ef3234c0122f5b3d508f53d4233f4bd60642dbe Mon Sep 17 00:00:00 2001 From: samaradel Date: Thu, 25 Aug 2022 12:20:44 +0200 Subject: [PATCH 05/17] test internal links --- content/_index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/_index.md b/content/_index.md index d005ac1ec..c5157a6a9 100644 --- a/content/_index.md +++ b/content/_index.md @@ -40,7 +40,7 @@ Powered by the ThreeFold blockchain the People’s Internet is the layer 0 infra By connecting hardware at your home or office, support the growth of a decentralized Internet and earn a new digital currency, TFT. - + ![Image](images/become_farmer_new.jpg#mx-auto) From 61e178b9157d32b9a4533d253fc83fe2b231e401 Mon Sep 17 00:00:00 2001 From: samir Date: Thu, 25 Aug 2022 12:20:56 +0200 Subject: [PATCH 06/17] Update tf_update.yml --- .github/workflows/tf_update.yml | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.github/workflows/tf_update.yml b/.github/workflows/tf_update.yml index 2a0c86639..8e43b91c3 100644 --- a/.github/workflows/tf_update.yml +++ b/.github/workflows/tf_update.yml @@ -18,8 +18,9 @@ jobs: script: | cd /opt/www_threefold_io/ git log -1 + git restore config.toml git restore static/css/index.css git pull - sed -i "s/https://threefoldfoundation.github.io/www_threefold_io/https://www2.threefold.io/g" config.toml + sed -i "s/https:\/\/threefoldfoundation.github.io\/www_threefold_io/https:\/\/www2.threefold.io/g" config.toml ./build.sh From 7c3944ce3b3198548bcd75e90fcb9e4c5387b63f Mon Sep 17 00:00:00 2001 From: samaradel Date: Thu, 25 Aug 2022 12:32:45 +0200 Subject: [PATCH 07/17] Fix home links --- content/_index.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/content/_index.md b/content/_index.md index c5157a6a9..6e0596027 100644 --- a/content/_index.md +++ b/content/_index.md @@ -52,7 +52,7 @@ By connecting hardware at your home or office, support the growth of a decentral Companies and developers have already started using ThreeFold for it’s autonomous, decentralization and privacy features. - + @@ -74,7 +74,7 @@ Companies and developers have already started using ThreeFold for it’s autonom The People’s Internet is formed by independent people from all around the world who connect Internet capacity to a new Planetary Network. Together they form a collective that brings a new paradigm – an open-source peer-to-peer Internet owned by humanity. - + {% end %} @@ -88,7 +88,7 @@ The People’s Internet is formed by independent people from all around the worl Zero-OS is a stateless and lightweight operating system designed to host anything that runs on Linux in a decentralized way. Once installed, Zero-OS locks the hardware and dedicates its capacity to the People’s Internet via the ThreeFold Blockchain. - + ||| @@ -140,7 +140,7 @@ We are truly proud to be trusted by some of the biggest names in the industry. ![Image](images/ourpartners.png#mx-auto) - + {% end %} From 22a94bfe706111f6f7aaccbbf50aa87e32b6bde7 Mon Sep 17 00:00:00 2001 From: timurgordon Date: Thu, 25 Aug 2022 14:09:11 +0300 Subject: [PATCH 08/17] make external links open in new tab --- config.toml | 2 +- static/css/index.css | 4352 ++++++++++++++++++++++++++++++++- templates/_default/base.html | 13 + templates/shortcodes/row.html | 16 +- 4 files changed, 4374 insertions(+), 9 deletions(-) diff --git a/config.toml b/config.toml index 0271327b9..b3046bbb1 100644 --- a/config.toml +++ b/config.toml @@ -39,7 +39,7 @@ render_emoji = false # Whether external links are to be opened in a new tab # If this is true, a `rel="noopener"` will always automatically be added for security reasons -external_links_target_blank = false +# external_links_target_blank = false # Whether to set rel="nofollow" for all external links external_links_no_follow = true diff --git a/static/css/index.css b/static/css/index.css index b81ba99b3..2698983bf 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1,4 +1,4350 @@ -@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}} +@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%); + } +} +*/ + /*! purgecss end ignore */ -/*! 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 + +/*! 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 diff --git a/templates/_default/base.html b/templates/_default/base.html index 65c97ba2c..6a764a859 100644 --- a/templates/_default/base.html +++ b/templates/_default/base.html @@ -22,6 +22,19 @@ // Insert Twitter Pixel ID and Standard Event data below twq('init', 'o745b'); twq('track', 'PageView'); + + + // makes all links outside of hostname open in new tab + // from: https://stackoverflow.com/a/4425214 + var links = document.links; + console.log(links) + for (var i = 0, linksLength = links.length; i < linksLength; i++) { + + if (links[i].hostname != window.location.hostname) { + links[i].target = '_blank'; + } + + } diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html index 6a0406365..cb689e861 100644 --- a/templates/shortcodes/row.html +++ b/templates/shortcodes/row.html @@ -10,8 +10,10 @@ Parameters: --> + {% if page %} {% if "](" in body %} + {% set body_arr = body | split(pat="](") %} {% set body = body_arr[0] %} {% for i in body_arr %} @@ -33,10 +35,12 @@ Parameters: {% endif %} - - - + +{% set body = body | markdown | replace(from='href="', to='target="_blank" href="') | safe %} +{% set base_url = get_url(path="")%} +{% set body = body | markdown | replace(from='target="_blank" href="' ~ base_url , to='href="' ~ base_url) | safe %} + {% set columns = body | safe | markdown | split(pat="|||") %} {% set row_class = "relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row"%} @@ -109,10 +113,12 @@ Parameters: {% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" %} {% endif %} +{% set url = body | split(pat="href=") | slice(start=1) | first | split(pat=">") | first | trim_start_matches(pat='"') %} +
    - {% for column in columns%} - + {% for column in columns %} + {% if column | as_str | length < 10 %}